Usability Testing. User Centered Design mit Winzigbudgets Namics Fachtagung. Dr. Dorian Selz, CEO & Mitgründer. memonic

Größe: px

Ab Seite anzeigen:

Download "Usability Testing. User Centered Design mit Winzigbudgets Namics Fachtagung. Dr. Dorian Selz, CEO & Mitgründer. memonic"

Klaudia Winkler
vor 8 Jahren
Abrufe

1 Pleiten vermeiden dank Usability Testing User Centered Design mit Winzigbudgets Namics Fachtagung Dr. Dorian Selz, CEO & Mitgründer memonic

2 Agenda Was ist Memonic? User Centered Design bei Memonic UI Testing on a shoestring Entwicklung unserer Homepage Usi Videos memonic 2

3 Was ist Memonic? memonic

4 Quelle: p.to/postit memonic 4

5 Quelle: Seine Lösung memonic 5

6 Unsere Lösung: Ihr digitales Notizbuch memonic 6

7 memonic 7

8 User Centered Design memonic

9 Image:

10 Wie baut maneinen Memonic Porsche 917? Image:

11 Designer Ich

12 User Centered Design und Scrum 2009: 26 Sprints 2010: 24 Sprints Analyse, Konzept, Wireframes, Tests Working Prototype, Usability Tests Frontend Corporate Design Design User Interface (UI) Umsetzung Beta Sprints: Final Release Sprint Sprint Refactoring Homepage UI Refactoring Marktbeobachtung, Neue Technologien Nutzung und Review neuer Features memonic 12

User Interface (UI) Umsetzung Beta Sprints: Final Release Sprint Sprint Refactoring

13 Design Prinzipien memonic

14 Möglichkeiten zur Navigation? memonic 14

15 Inbox

16 Sortieren

17 Ordnungsprinzip

46 Das memonic Interface: So einfach wie Post-It It.

47 Timeline Coverflow Chronologische Sortierung memonic 47

48 Direkte Manipulation Direkte Manipulation memonic 48

49 Click-to-edit edit Direktes Bearbeiten in der Ansicht memonic 49

50 Test des Papier Prototyp memonic 50

51 Memonic Workbench Logo Navigation & Service Search & Filter View Selector View Workbench memonic 51

52 demo.nektoon.net net Ein voll funktionstüchtiger, aber nicht gestalteter Prototyp memonic 55

53 Usability im Unternehmen etablieren memonic 56

54 (Kein)-Budget UI Testing memonic

55 Produktvision memonic 58

56 Kein Geld memonic 59

57 Was nun? memonic 60 60

58 Usability Test vor dem Launch memonic 61

59 Wie gehen wir vor Entwicklung erste Interface-Ideen Fokusgruppen & User Feedback Paper-based Testing 1 st Umsetzung (n-) Anpassungen Usi Lab Testing & User Feedback memonic 62

60 Erste Ideen (2008) memonic 63

61 Weiterentwicklung (2009) memonic 64

62 Noch eine Iteration (2009) memonic 65

63 Erste Serie von Paper-based Tests memonic 66

64 Use Cases Stories memonic 67

65 Feedback Sarah H. Test Steigt über Full-Text Search ein Chronologisch geordnet Links: Alt, Rechts: Neu Grösstes = Neustes (Ist modern so gemacht) Um ein Detail zu sehen: Doppelklick ->Sollgrosses Bild produzieren GruppenIdee nicht erkannt im ersten Augenblick Nachinterview: Sie nutzt Listen nie, deshalb hat sie die Listen nur als Ergänzung gesehen und nicht als prinzipielles Navigationselement Ribbons erkennbar, logisch? Sarah: Logisch. Hat unter Organize vermutet, dass sie da Aktionen ausführen kann. Resultat dieser Interviews: Anpassungen memonic 68

66 Organisation 3 x 3T Tests Dass heisst: 3P Personen pro Testaufgabe Jede Story wird drei Mal getestet Idealerweise dieselben Personen Round 1 Round 2 Round 3 Round 4 Round 5 Round 6 Round 7 Browse & Group A.1 Group A.2 Group A.3 Organize Group B.1 Group B.2 Group B.3 Account setup Group A.2 Group A.3 Group C.1 Group C.2 Group C.3 Group B.1 Group B.3 Group B.3 Group C.1 Group C.2 Group C.3 memonic 69

67 Resultat Visuelle Organisation funktioniert nur beschränkt: Neuanfang memonic 70

68 Neue Grundidee Bewusste Anlehnung an ein Interface memonic 71

70 Mehrere Iterationen

72 Einbezug von User-Feedback & Usi-Tests

73 User Feedback (Unaufgefordert) Vielfältiges Feedback: Die besten Inputs von harten Kritikern memonic 76

74 Launch Version

75 Aktuelle Version...

76 User Testing.com memonic 79

77 Testing videos Online User Testing für rasche Resultate memonic 80

79 2 4 Überarbeitung Service-Menüs 3 Vereinfachung Funktionen Folder /T Tags vs. Labels / Sets 1 Beautification Design / Lists... Änderungen folgen memonic 82

80 Erkenntnisse Ab Ideenstadium direkt testen: Testen was man hat Papiertest Erste HTML Prototypen-Tests An Version 1 testen Kontinuierlich weitertesten Resultate interpretieren: Statistisch nicht signifikante Mengen Heisenberg-Effekt ist jedem Test inhärent Ein Input: Meinung Zwei gleiche Inputs: Zufall Drei gleiche Inputs: Muster Rasches iteratives Vorgehen als Vorteil: Lernen mit Nutzern memonic 83

81 Gutscheincode: UI-1504 memonic 84

82 Moderne Arbeitswelten memonic 85 8

83 @dselz memonic Quelle: 86

84 Quelle: / Das Internet twird mündig Merci! 05/27/09 memonic 2009 Nektoon 87 AG

85 Merci für Ihre Zeit Dorian Selz, CEO & Co-Founder Feldstrasse 133, CH-8004 Zürich com memonic

Ähnliche Dokumente

Taking RM Agile. Erfahrungen aus dem Übergang von traditioneller Entwicklung zu Scrum

Taking RM Agile. Erfahrungen aus dem Übergang von traditioneller Entwicklung zu Scrum Taking RM Agile CLICK TO EDIT MASTER OPTION 1 Erfahrungen aus dem Übergang von traditioneller Entwicklung zu Scrum Click to edit Master subtitle style Christian Christophoridis Requirements Management