ux user experience ... mobile apps - ui & ux
Post on 02-Dec-2014
1.540 Views
Preview:
DESCRIPTION
TRANSCRIPT
UXUXUser ExperienceUser Experience
UXUXUser ExperienceUser Experience
?
Definition „Usability“
Schwierigkeitsgrad von
Erlernbarkeit und Handhabung
Auch: Benutzerfreundlichkeit
Definition „Usability“
Vom Nutzer erlebte Nutzungsqualität bei der Interaktion
mit einem System. Eine besonders einfache, zum
Nutzer und seinen Aufgaben passende Bedienung wird
dabei als benutzerfreundlich angesehen. Enthält
Methoden zur Messbarkeit wie: Gebrauchstauglichkeit,
Barrierefreiheit, Typografie, Ergonomie, etc.
Erst seit 2010 gibt es international einheitliche Normen
und Regeln zur Messbarkeit.
Definition „User Experience“
Persönlicher subjektiver
„gefühlter“ Eindruck eines
Anwenders von einem Produkt.
Zusammenspiel aus Erwartung, Eindruck,
Erfahrung und Bewertung (inkl. Nützlichkeit und
Spaßfaktor) eines Produkts, Systems oder
Dienstes (oder deren Gesamtheit), auch im
Kontext, nach subjektiven Maßstäben und
Einschätzungen des Anwenders, fließend und
veränderlich.
Definition „User Experience“
Schnittstelle der Mensch-
Maschine-Interaktion
Auch: Benutzerschnittstelle
(Oberfläche und Bedienkonzept)
Definition „User Interface“
Auf die menschlichen Fähigkeiten und Bedürfnisse
angepasste Schnittstelle, mit der ein Mensch mit
einer Maschine interagiert.
Enthält die grafische Benutzeroberfläche zur Ein-
und Ausgabe, auf Bildschirmen auch Stift- und
Fingerbedienung (Gestensteuerung), Tastatur,
haptisches Feedback, etc.
Definition „User Interface“
User Experience
Usability und User Interface und deren
Konsistenz
Funktionalitäten und Mehrwert
Erwartungshaltung
Kommunikationskomponenten
Spaßfaktor / Gamification
Kontext
UX: Konsistenz
Inkonsistenz bei Bedienkonzept und
Design der mobilen Betriebssysteme
Blackberry, Symbian und Android
z.B. bei Android Nutzung von „Zurück“-
und „Menü“-Taste und mangelhafte
Definition des Styleguides
UX: Don‘ts
Abfragen selbstverständlicher
Informationen (Kein Prefill genutzt)
Abweichungen vom Styleguide
Übernahme von Konzepten aus
anderen Systemen
Lange Start und Reaktionszeiten
UX: Do‘s
Klar Strukturiert
Intuitiv bedienbar (keine Anleitung nötig)
Kurze Klickwege
Klare Use Cases und Mehrwert gegenüber
mobiler Webseite
Sinnvolle Standardeinstellungen
Ggf. Landscape Modus unterstützen
UX: Beispiele
Positiv (Vollbild Spiel iOS) Positiv (Vollbild Spiel WP)
UX: Beispiele
Negativ (iOS Settings) Positiv (iOS Settings)
UX: Beispiele
Negativ (iOS App) Positiv (iOS App)
UX: Beispiele
Negativ (Android App) Positiv (Android App)
UX: Beispiele
Negativ (WP App) Positiv (WP App)
UX: Beispiele
Positiv (iOS App) Positiv (WP App)
UX: Beispiele
Positiv (iOS App) Positiv (WP App)Positiv (Android
App)
UX: Kontext
UX hängt auch vom Kontext der App ab.
Eine Banking App sollte sicherlich nicht
verspielt und kunterbunt daherkommen,
sondern einen zur Bank und zum Thema
Sicherheit passenden seriösen Look
haben.
UX: Kontext
App Store: Beschreibung und Bilder
Informationspolitik des Herstellers
Updatehäufigkeit des Herstellers
Erweiterung durch Social Plugins
Nutzung des App Ökosystems
Design Guides
iOS:
http://bit.ly/iOSDesignGuides
Android:
http://bit.ly/AndroidDesignGuides
Windows Phone:
http://bit.ly/WP7DesignGuides
Vielen DankAndré Haase Franz Haslbeck
top related