DWX14 - Plattformübergreifende App Usability

Transcript

1. Plattformübergreifende App Usability Thorsten Stark Michal Gralak DWX 14
2. Inhalte • Einleitende Definition(en) • Apple, Google & Microsoft • flat design • Ein bisschen Kopf & Körper • Usability Testing
3. Who? Wer sind die beiden?
4. Who? Michal Gralak
5. Who? Thorsten Stark
6. What? Was ist Usability?
7. What? ISO 9241: “Usability eines Produktes ist das Ausmaß, in dem es von einem bestimmten Benutzer verwendet werden kann, um bestimmte Ziele in einem bestimmten Kontext effektiv, effizient & zufriedenstellend zu erreichen.”
8. What? Nope...
9. What? ISO 9241: “Usability eines Produktes ist das Ausmaß, in dem es von einem bestimmten Benutzer verwendet werden kann, um bestimmte Ziele in einem bestimmten Kontext effektiv, effizient & zufriedenstellend zu erreichen.”
10. What? ISO 9241: “Usability eines Produktes ist das Ausmaß, in dem es von einem bestimmten Benutzer verwendet werden kann, um bestimmte Ziele in einem bestimmten Kontext effektiv, effizient & zufriedenstellend zu erreichen.”
11. What? ISO 9241: “Usability eines Produktes ist das Ausmaß, in dem es von einem bestimmten Benutzer verwendet werden kann, um bestimmte Ziele in einem bestimmten Kontext effektiv, effizient & zufriedenstellend zu erreichen.”
12. What? • Benutzer: Nutzer der Anwendung (möchte) • Kontext: im Zusammenhang mit der Anwendung • Ziele: ein Problem lösen
13. What? • effektiv: Ziel erreicht? • effizient: aufgewendeter Aufwand • zufriedenstellend: den Erwartungen entsprechend
14. What? • Aufgabenangemessenheit • Lernförderlichkeit • Selbstbeschreibungsfähigkeit • Steuerbarkeit • Erwartungskonformität • Individualisierbarkeit • Fehlertoleranz
15. What? • Aufgabenangemessenheit • • Selbstbeschreibungsfähigkeit • • Erwartungskonformität • • Fehlertoleranz
16. So und was war nun... App Usability?
17. App Usability • Nutzung mobiler Anwendungen • wechselnde Umgebungen • Touch-Eingaben • Zielgruppe breit gefächert
18. Kontext • Mobil • Wenig Zeit z.B. im Bus • Hektik • Lichtbedingungen
19. Interaktion • Touch-Bedienung ist ungenau • Kleine Bildschirme • Sensoren
20. Was tun… Apple Google Microsoft
21. Was tut Apple?
22. Was tut Google?
23. Was tut Microsoft?
24. Alle das Gleiche…
25. Aber ist flat DIE Lösung?
26. flat • flat elements - flat screen • Einarbeitung erforderlich • Buttons schwer erkennbar
27. flat • stark Abstraktion • techn. Unbedarfte haben Probleme • Bezug zu realen Gegenständen fehlt
28. Such die Buttons!
29. Buttons
30. Buttons
31. Buttons
32. Buttons ?
33. Buttons ?
34. Buttons ?
35. Gutes Beispiel
36. Gutes Beispiel • Buttons beschreibend • Schlicht • Führen zum Ziel • “Keine Objekte” ◦ Erwartung??
37. Buttons • als solche erkennbar • Eye Candy < Usability • Keine Informationen verstecken
38. Minimalismus
39. Minimalismus • nicht nur UI • überschaubare Funktionen • eine App für ein Problem
40. Clear • Simpel • Schlicht • Ein Ziel • Gesten
41. Desktop Word
42. Mobile Word
43. Mobile Word • max. 6 Elemente je Screenhälfte • Fokus auf Blatt bleibt • Ziel: Texte bearbeiten
44. Kopf & Körper Psychologie & Physiologie
45. Physiologie • Nicht alle Bereiche gleich zu erreichen • Bequem • akzeptabel • unbequem
46. Kopf & Körper Usertypen
47. Usertypen • Einhänder ◦ Smartphone • Zweihänder ◦ Smartphone ◦ Tablet • Cradled ◦ Smartphone ◦ Tablet
48. Arten der Bedienung Tablets
49. Komfortzonen bei Tablets
50. Komfortzonen bei Tablets • Rechtshänder • Cradled
51. Komfortzonen bei Tablets
52. Komfortzonen bei Tablets • Rechtshänder • Beidhändig
53. Psychologie Gestaltpsychologie: • Gesetz der Nähe • Gesetz der gemeinsamen Region • Gesetz der Ähnlichkeit
54. Gesetz der Nähe
55. Gesetz der gemeinsamen Region
56. Gesetz der Ähnlichkeit
57. Usability Testing
58. Usability Testing • Vor der ersten Zeile Code • Während der Implementierung • Nach der Finalisierung… ist es zu spät
59. Änderungskosten Zeit Kosten
60. Vor der ersten Zeile Paperprototyping
61. Während der Implementierung User Tests
62. Ein paar... Tipps
63. Tipps • (Gute) Planung • Unnötige Informationen vermeiden • Gesten vernünftig einsetzen
64. Tipps • Fokus liegt auf Inhalten ◦ aufbereiten ◦ aufteilen • App ≠ Webseite ◦ Inhalte beachten • Komplexität reduzieren ◦ Nutzungsdauer beachten ◦ Eine App für ein Problem!
65. Tipps • Bewährtes wiederverwenden ◦ Hersteller Apps analysieren • Bordmittel verwenden ◦ vom Hersteller erforscht ◦ einfach zu implementieren • Aufhübschen ◦ Auge isst mit
66. Tipps • Eye Candy führt nicht immer zum Erfolg • Beispiel iOS7 ◦ schlecht lesbar ◦ System hat ruckelige UI ◦ Aber hey…es sieht scharf aus!
67. Aufmerksamkeit erzeugt man nicht durch Blaulicht!
68. Muchas Gracias Muchas Gracias
69. FIN Bei Fragen fragen: gralak@schoengeist.net stark@beuth-hochschule.de