SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
Catch Them If You Can -
Auf der erfolgreichen Jagd nach Anwendungskillern
Usability Engineering
© insertEFFECT GmbH
Webseite
m.dfb.de
Shop für mobile
Endgeräte
Android App
TV Spielfilm
Die
Fälle
Tablets
PhonesSmartlets
iOS
Windows 8
Windows Phone 7/8
Android
Mobile
Web
Desktop
tatort
Opferforschung	
  (Vik2mologie)
=	
  Nutzerbedürfnisse
Personas
erstellen
Interviews
Feldbeobachtung
durchführen
Mentale Modelle
Marktforschung
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
Falsches
Wording!
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
Nicht Plattform
konform!
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
Guidelines
missachtet!
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
Keine Meldung
vom System!
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
Pattern nicht
eingehalten!
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
Schlechter
Kontrast!
Stra?aten
=	
  Usability	
  /	
  Design	
  Fehler
CI
missachtet!
ErmiFlungsmethoden	
  I	
  
=	
  Benutzerorien2erte	
  Usability	
  Methoden
Usability Test
im Labor
Paper
Prototyping
Fragebogen
Lean
Usability Test
Lautes
Denken
...
Heuristische
Evaluation
Kognitives
Durchgehen
...
ErmiFlungsmethoden	
  II	
  
=	
  Expertenorien2erte	
  Usability	
  Methoden
Täterüberführung	
  -­‐	
  Lösung	
  des	
  Falls
Webseite
m.dfb.de
Kognitives
Durchgehen
1. Nach Tap auf „Themen“ wird
die gleiche Seite scheinbar
nochmal geladen.
2. „Themen“ als Wording wenig
aussagekräftig.
3.Nur der Begriff „Themen“
klickbar, nicht die gesamte Zeile.
4. „Halbfinale“-Link zu klein.
5. Zu geringer Abstand zwischen
Links.
6. Hauptnavigation unterhalb des
„sichtbaren“ Bereichs übersehbar.
7. Vier Schritte bis zum Ziel zu
kompliziert.
Use Case: Datum des DFB
Pokal-Halbfinales suchen.
Täterüberführung	
  -­‐	
  Lösung	
  des	
  Falls
Android Tab Bar <> iOS Segmented
Control
Wahrnehmungssteuerung:
Konsistenz und Standards:
Steuerbarkeit:
Android App
TV Spielfilm
Heuristische
Evaluation
Erwartungskonformität:
Navigation über iOS Tab Bar
iOS Design unterstützt einen Android
User nicht in der App-Bedienung.
„Don't use right-pointing carets on
line items“
http://developer.android.com/design/
patterns/pure-android.html
Täterüberführung	
  -­‐	
  Lösung	
  des	
  Falls
Testaufgabe
1.) Du möchtest ein Samsung
Galaxy S III mit der Alle-Netze-
Flat bestellen. Bitte führe den
Bestellprozess mit den Dir
vorliegenden Daten durch.
Lean
Usability Test
Testauswertung
> 9 Usability Fehler gefunden!
Shop für
mobile Endgeräte
www.inserteffect.com
blog.inserteffect.com
twitter.com/inserteffect
facebook.com/inserteffect
insertEFFECT GmbH
Hessestr. 5-7
90443 Nürnberg
Halil Kavasoglu
Mail: halil@insfx.com
Phone: 09 11 / 27 44 87 -12
Nina Wieland
Mail: nina@insfx.com
Phone: 09 11 / 27 44 87 - 140
MOBILE
App & Web
Beratung
Konzept
Design
Entwicklung
Kostenloses eBook
„Mobile Design“?
Gibt‘s bei uns.
Einfach fragen ...

Mais conteúdo relacionado

Semelhante a Usability Engineering

Smartes Business dank smarter Apps
Smartes Business dank smarter AppsSmartes Business dank smarter Apps
Smartes Business dank smarter AppsHendrik Lösch
 
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsGo-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsinsertEFFECT GmbH
 
Usability Engineering
Usability  EngineeringUsability  Engineering
Usability EngineeringNina Rebele
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...usability.de
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Johannes Baeck
 
Mobile Apps für Designer
Mobile Apps für DesignerMobile Apps für Designer
Mobile Apps für Designerbowstreet
 
Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfPeter Grosskopf
 
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011Alexander Beck
 
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX DesignUxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Designfwippich
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung Martin Reiher
 
IA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-DilemmaIA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-Dilemmausability.de
 
Das Prototypen-Dilemma
Das Prototypen-DilemmaDas Prototypen-Dilemma
Das Prototypen-DilemmaJohannes Baeck
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Bokowsky + Laymann GmbH
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenBjörn Rohles
 

Semelhante a Usability Engineering (20)

Smartes Business dank smarter Apps
Smartes Business dank smarter AppsSmartes Business dank smarter Apps
Smartes Business dank smarter Apps
 
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno BartelsGo-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
Go-Mobile-Strategien für Early Birds und Late Risers - Benno Bartels
 
Usability Engineering
Usability  EngineeringUsability  Engineering
Usability Engineering
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
 
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
Prototyping Conversations | Mit nutzerzentrierten Methoden zum Conversational...
 
Mobile Apps für Designer
Mobile Apps für DesignerMobile Apps für Designer
Mobile Apps für Designer
 
Responsive Web Design am Beispiel von Virato (Social News Aggregator)
Responsive Web Design am Beispiel von Virato (Social News Aggregator)Responsive Web Design am Beispiel von Virato (Social News Aggregator)
Responsive Web Design am Beispiel von Virato (Social News Aggregator)
 
Responsive Design by Peter Grosskopf
Responsive Design by Peter GrosskopfResponsive Design by Peter Grosskopf
Responsive Design by Peter Grosskopf
 
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011
 
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX DesignUxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design
 
Die mobile Herausforderung
Die mobile Herausforderung Die mobile Herausforderung
Die mobile Herausforderung
 
IA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-DilemmaIA Konferenz 2018 | Das Prototypen-Dilemma
IA Konferenz 2018 | Das Prototypen-Dilemma
 
Das Prototypen-Dilemma
Das Prototypen-DilemmaDas Prototypen-Dilemma
Das Prototypen-Dilemma
 
WUD Berlin 2010
WUD Berlin 2010WUD Berlin 2010
WUD Berlin 2010
 
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
Mobile Applikationen: Idee, Konzeption, Architektur - Erfolgreicher Start für...
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
 
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Entstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische UnternehmenEntstehung einer mobilen App für mittelständische Unternehmen
Entstehung einer mobilen App für mittelständische Unternehmen
 

Mais de insertEFFECT GmbH

2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps
2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps
2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad AppsinsertEFFECT GmbH
 
Android tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartelsAndroid tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartelsinsertEFFECT GmbH
 
Syntactically Awesome Stylesheets mit Sass
Syntactically Awesome Stylesheets mit SassSyntactically Awesome Stylesheets mit Sass
Syntactically Awesome Stylesheets mit SassinsertEFFECT GmbH
 
Prozessorientierte Realisierung einer mobilen Webseite
Prozessorientierte Realisierung einer mobilen WebseiteProzessorientierte Realisierung einer mobilen Webseite
Prozessorientierte Realisierung einer mobilen WebseiteinsertEFFECT GmbH
 
Usability test on mobile devices
Usability test on mobile devicesUsability test on mobile devices
Usability test on mobile devicesinsertEFFECT GmbH
 

Mais de insertEFFECT GmbH (6)

Service Design in Mobility
Service Design in MobilityService Design in Mobility
Service Design in Mobility
 
2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps
2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps
2 Apps zum Preis von einer? Unterschiede zwischen iPhone und iPad Apps
 
Android tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartelsAndroid tablet webmontag_benno_bartels
Android tablet webmontag_benno_bartels
 
Syntactically Awesome Stylesheets mit Sass
Syntactically Awesome Stylesheets mit SassSyntactically Awesome Stylesheets mit Sass
Syntactically Awesome Stylesheets mit Sass
 
Prozessorientierte Realisierung einer mobilen Webseite
Prozessorientierte Realisierung einer mobilen WebseiteProzessorientierte Realisierung einer mobilen Webseite
Prozessorientierte Realisierung einer mobilen Webseite
 
Usability test on mobile devices
Usability test on mobile devicesUsability test on mobile devices
Usability test on mobile devices
 

Usability Engineering