Αναπτφςςοντασ το δικό ςασ πρωτότυπο The Digital Gate. Stavros Lounis PhD Candidate, DMST, AUEB Athens Center for Entrepreneurship and Innovation

Transcript

1 Αναπτφςςοντασ το δικό ςασ πρωτότυπο The Digital Gate Stavros Lounis PhD Candidate, DMST, AUEB Athens Center for Entrepreneurship and Innovation

2 You are here You Submitted a The Digital Gate You are about to create a Prototype You have 74 Days We suggest Rapid Prototyping Your Prototype, Submitted Some Assumptions Tested

3 Google Ventures Design Sprint A Five Day Recipe for Start-Ups Product Design Process at Google The rapid development of a prototype or a new functionality from design to prototype to test in five discrete steps

4 GVDS Five Phases Five Days First Phase (Understand) Second Phase (Diverge) Third Phase (Decide) Fourth Phase (Prototype) Fifth Phase (Validate)

5 First Phase (Understand) Dig into the design problem through research, competitive review, and strategy exercises Business opportunity Ο CEO ι ο Product Leader κα πρζπει να κατευκφνει τθν ομάδα ζργου παρουςιάηοντασ τθν επιχειρθματικι ευκαιρία και τθν αγορά. Lightning demos Μελζτθ του Ανταγωνιςμοφ και των ανταγωνιςτικϊν προϊόντων που λφνουν ίδια ι παρεμφερι προβλιματα ςτθν ίδια ι παρεμφερι αγορά. Lay it out Εκτυπϊςτε / Σχεδιάςτε τισ ςθμαντικότερεσ εικόνεσ του προϊόντοσ ςασ και περάςτε τθ διαδικαςία ςαν να ιςαςταν χριςτθσ Success metrics Ορίςτε πϊσ κα αξιολογιςετε τθν επιτυχία τθσ λφςθσ που κα επιλζξετε ανάμεςα ςτισ προτεινόμενεσ. Στο GVDS χρθςιμοποιείται το Framework του Kerry Rodden με τθν ονομαςία «HEART framework». Existing research Εάν υπάρχει User Research για το προϊόν, επικαιροποιείται, εάν δεν υπάρχει, θ ομάδα ςυηθτάει για τα δεδομζνα που γνωρίηετε για τουσ πελάτεσ ςασ. Team interviews Κακϊσ θ γνϊςθ του προβλιματοσ είναι διαμοιραςμζνθ ςτθν ομάδα πραγματοποιοφνται ςυνεντεφξεισ με τα μζλθ. Analytics Μελζτθ των δεδομζνων Analytics για παρατιρθςθ / ανάδειξθ των προβλθμάτων

6 Second Phase (Diverge) Rapidly develop as many solutions as possible. Επιλογι μζρουσ του προβλιματοσ Σθμειϊςεισ επί τθσ προτεινόμενθσ λφςθσ (X Min) Mind Map (3X Min) Crazy Eights (5 Min * 2 Rounds) Storyboard (2X 4X Min) Silent Critique (X-2X Min) Three-minute Critique (X/2 Min Per problem / Solution) SuperVote (X Min)

7 Third Phase (Decide) Choose the best ideas and hammer out a user story. Πολεμιςτε το Group Effect Ζλεγχοσ αντικρουόμενων λφςεων Battle Royal vs. Best Shot Ζλεγχοσ Υποκζςεων / Καταγραφι Whiteboard the User Story Καταγραφι όλθσ τθσ πορείασ του χριςτθ μζςα ςτθν εφαρμογι

8 Fourth Phase (Prototype) Build something quick and dirty that can be shown to users. Minimally Real Prototypes Real Text Real Images Interactivity GDVS = Keynote Prototypes

9 Fifth Phase (Validate) Show the prototype to real humans (in other words, people outside your company) and learn what works and what doesn t work. User Testing

10 And then. Start from Day #1

11 Understand Dig into the design problem through research, competitive review, and strategy exercises

12 First Phase (Understand) Dig into the design problem through research, competitive review, and strategy exercises Business opportunity Ο CEO ι ο Product Leader κα πρζπει να κατευκφνει τθν ομάδα ζργου παρουςιάηοντασ τθν επιχειρθματικι ευκαιρία και τθν αγορά. Lightning demos Μελζτθ του Ανταγωνιςμοφ και των ανταγωνιςτικϊν προϊόντων που λφνουν ίδια ι παρεμφερι προβλιματα ςτθν ίδια ι παρεμφερι αγορά. Lay it out Εκτυπϊςτε / Σχεδιάςτε τισ ςθμαντικότερεσ εικόνεσ του προϊόντοσ ςασ και περάςτε τθ διαδικαςία ςαν να ιςαςταν χριςτθσ Success metrics Ορίςτε πϊσ κα αξιολογιςετε τθν επιτυχία τθσ λφςθσ που κα επιλζξετε ανάμεςα ςτισ προτεινόμενεσ. Στο GVDS χρθςιμοποιείται το Framework του Kerry Rodden με τθν ονομαςία «HEART framework». Existing research Εάν υπάρχει User Research για το προϊόν, επικαιροποιείται, εάν δεν υπάρχει, θ ομάδα ςυηθτάει για τα δεδομζνα που γνωρίηετε για τουσ πελάτεσ ςασ. Team interviews Κακϊσ θ γνϊςθ του προβλιματοσ είναι διαμοιραςμζνθ ςτθν ομάδα πραγματοποιοφνται ςυνεντεφξεισ με τα μζλθ. Analytics Μελζτθ των δεδομζνων Analytics για παρατιρθςθ / ανάδειξθ των προβλθμάτων

13 Business opportunity Ο CEO ι ο Product Leader κα πρζπει να κατευκφνει τθν ομάδα ζργου παρουςιάηοντασ τθν επιχειρθματικι ευκαιρία και τθν αγορά. Οριςμόσ του CEO ςτθν περίπτωςθ που δεν υπάρχει Παρουςιάηουμε το Πρόβλθμα που κζλουμε να λφςουμε Παρουςιάηουμε ποιοί κα χρθςιμοποιοφν τθ λφςθ μασ Vision -> USP USP: The factor or consideration presented by a seller as the reason that one product or service is different from and better than that of the competition Entrepreneur.com

14 USP Examples AVIS: We re number TWO. We try harder. FedEx Corp: When it absolutely, positively has to be there overnight M&Ms: The milk chocolate melts in your mouth, not in your hand Domino s Pizza: You get fresh, hot pizza delivered to your door in 30 minutes or less or it s free Target: Expect More. Pay Less Geico: 15 Minutes Could Save You 15 Percent or More on Car Insurance

15 Lightning demos Μελζτθ του Ανταγωνιςμοφ και των ανταγωνιςτικϊν προϊόντων που λφνουν ίδια ι παρεμφερι προβλιματα ςτθν ίδια ι παρεμφερι αγορά. Google is Your Ally Πάντα υπάρχει ανταγωνιςμόσ Επιλζξτε δφο και δείτε το Demo / Video τουσ Σχεδιάςτε / Σθμειϊςτε τα πιο βαςικά features που προςφζρουν Βρείτε ζνα feature που δεν προςφζρουν

16 Lay it out Εκτυπϊςτε / Σχεδιάςτε τισ ςθμαντικότερεσ εικόνεσ του προϊόντοσ ςασ και περάςτε τθ διαδικαςία ςαν να ιςαςταν χριςτθσ Χαρτογράφθςθ τθσ ιςτορίασ του χριςτθ Σχθματιςμόσ ροισ χριςτθ

17 Success metrics Ορίςτε πϊσ κα αξιολογιςετε τθν επιτυχία τθσ λφςθσ που κα επιλζξετε ανάμεςα ςτισ προτεινόμενεσ. Στο GVDS χρθςιμοποιοφνται ςυνδυαςτικά: The quality of user experience (the HEART framework) The goals of your product or project (the Goals-Signals- Metrics process) Rodden K., Hutchinson H., Fu X. (2010) Measuring the User Experience on a Large Scale: User-Centered Metrics for Web Applications. (Link)

18 Existing research Εάν υπάρχει User Research για το προϊόν, επικαιροποιείται, εάν δεν υπάρχει, θ ομάδα ςυηθτάει για τα δεδομζνα που γνωρίηετε για τουσ πελάτεσ ςασ.

19 Team interviews Κακϊσ θ γνϊςθ του προβλιματοσ είναι διαμοιραςμζνθ ςτθν ομάδα πραγματοποιοφνται ςυνεντεφξεισ με τα μζλθ.

20 Analytics Μελζτθ των δεδομζνων Analytics για παρατιρθςθ / ανάδειξθ των προβλθμάτων

21 Diverge Rapidly develop as many solutions as possible. Decide Choose the best ideas and hammer out a user story

22 Δεφτερθ φάςθ(diverge) Rapidly develop as many solutions as possible. Επιλογι μζρουσ του προβλιματοσ Σθμειϊςεισ επί τθσ προτεινόμενθσ λφςθσ (5 Min) Mind Map (10-15 Min) Crazy Eights (5 Min * 2 Rounds) Storyboard (10 20 Min) Silent Critique (5-10 Min) Three-minute Critique (3 Min Per problem / Solution) SuperVote (5 Min)

23 Επιλογι μζρουσ του προβλιματοσ Διάγραμμα Ιςτορίασ Χριςτθ από πρϊτθ φάςθ #1 Χωρίηουμε τθν ιςτορία ςε μζρθ Δφο βιματα χριςτθ ανά μζροσ Βρίςκουμε τα λογικά Blocks ςτθν ιςτορία.. Και ςχθματίηουμε ζνα Block ανά μζροσ Ζχουμε τα διακριτά προβλιματα που πρζπει να αντιμετωπίςουμε

24 Επιλογι μζρουσ του προβλιματοσ (e.g)

25 Σθμειϊςεισ επί τθσ προτεινόμενθσ λφςθσ Σε κενά χαρτιά ςθμειϊςτε λζξεισ / φράςεισ / ςχζδια που ςασ ζρχονται ςτο μυαλό Τι πρζπει να κάνει ο χριςτθσ; Πϊσ πρζπει να το μετριςουμε; Τι γίνεται μετά; Ποιεσ οι υποκζςεισ μασ;

26 Mind Map Cheat Sheet on sketching UI ideas Οι ςθμειϊςεισ από το προθγοφμενο process τοποκετοφνται ςε ζνα χαρτί και διαςυνδζονται. Σθμειϊςτε τισ ςθμαντικζσ λζξεισ και εκφράςεισ και ςυνδζςτε τισ με γραμμζσ

27 Crazy Eights Ζνα χαρτί Α4 Διπλϊνουμε το χαρτί οριηόντια και μετά ςτα τζςςερα 8 Panels = 8 Sketches in 5 min 40 seconds per panel Ideas on paper as UI 2 Rounds of Crazy Eights

28 Crazy Eights (eg.)

29 Storyboard Sketch an ACTUAL UI -> How a user moves through the story. Ποφ γίνεται το κλίκ; Μετά το κλίκ που πάει ο χριςτθσ; Τι μθνφματα παίρνει από το ςφςτθμα; Κανόνεσ Make it stand alone: To ςχζδιο πρζπει να είναι κατανοθτό χωρίσ εξιγθςθ και ακολοφκωσ κα πρζπει να είναι κατανοθτό τι κάνει ο χριςτθσ ςτθν κάκε εικόνα. Keep it anonymous: Μθν γράφετε το όνομά ςασ ςτο χαρτί Give it a name: Δϊςτε ζναν τίτλο ςτο ςχζδιο

30 Storyboard (e.g)

31

32 Silent Critique Dot Stickers for everyone. Σιωπθλά. : Παρατθροφμε τα Storyboards Κοιτάμε τισ ιδζεσ που μασ αρζςουν και τα ςχζδια που μασ αρζςουν Ψθφίηουμε τισ ιδζεσ που μασ αρζςουν με το / τα Dot Stickers

33 Three-minute Critique Η ομάδα μαηεφεται ςε κάκε πρόταςθ και ςυηθτάει Ανά πρόταςθ (εάν χρειάηεται) εξθγοφμε τθν πρόταςθ όπωσ ςχεδιάςτθκε για ζλεγχο εάν ζχει ξεφφγει τίποτα από τον ςχεδιαςτι ςτουσ αποδζκτεσ Συνικωσ οι καλζσ ιδζεσ δεν χρειάηονται εξιγθςθ Σε 3 λεπτά γίνεται θ κριτικι από τα μζλθ τθσ ομάδασ

34 SuperVote Όλοι οι Decision Makers παίρνουν 2 Special Stickers = 2 Super Votes Αντικατοπτριςμόσ τθσ δομισ τθσ επιχείρθςθσ ςτθ διαδικαςία CEO / Design / Partners? [Επανάληψη για το επόμενο μέρος του User Story από το Storyboard]

35 Τρίτθ φάςθ(decide) Choose the best ideas and hammer out a user story. Πολεμιςτε το Group Effect Ζλεγχοσ αντικρουόμενων λφςεων Battle Royal vs. Best Shot Ζλεγχοσ Υποκζςεων / Καταγραφι Whiteboard the User Story Καταγραφι όλθσ τθσ πορείασ του χριςτθ μζςα ςτθν εφαρμογι

36 Πολεμιςτε το Group Effect Διαδικαςία λιψθσ αποφάςεων Το Group Effect μπορεί να αποτελζςει πρόβλθμα Κάνει τον Decision Maker να ςυμπεριφζρεται πιο δθμοκρατικά Εάν τελειϊςει το GVDS το προϊόν κα πρζπει να ζχει τθν υποςτιριξθ από τουσ Decision Makers. Μια μζκοδοσ => Supervotes (φάςθ #2) Δεφτερθ μζκοδοσ => Facilitator: Μake the call, Sally

37 Ζλεγχοσ αντικρουόμενων λφςεων Από τισ προτάςεισ κάποιεσ μπορεί να είναι είτε αντικρουόμενεσ είτε ςυμπλθρωματικζσ. Λιψθ αποφάςεων για τισ ςυγκεκριμζνεσ λφςεισ SignUP Process: (a) Facebook only, (b) Facebook and Twitter, (c) Twitter only, (d) Username + Pwd, (e) all of the above Front Page: (a) Single Image, (b) Video, (c) Demo

38 Battle Royal vs. Best Shot Battle Royal: Εάν το επιτρζπουν τα Resources (Time, people, userbase for user testing) Όλεσ οι προτάςεισ υλοποιοφνται και μεταφζρονται ςτο Validation [Best Case Scenario] Best Shot: Από τισ διακζςιμεσ επιλογζσ υλοποιείται θ μια (αυτι που ζχει τισ περιςςότερεσ περιπτϊςεισ επιτυχίασ) Μια περίπτωςθ υλοποιείται και μεταφζρεται ςτο Validation [Most Frequent Scenario] Mix and Match: Best Shot για τθν ςυνολικι πλατφόρμα, Battle Royal για το ςυγκεκριμζνο functionality

39 Ζλεγχοσ Υποκζςεων / Καταγραφι Πριν από το User Study καταγράφουμε τισ υποκζςεισ μασ: Ο χριςτθσ κα κζλει να κάνει upload τθ φωτογραφία του (test: User Study) Ο χριςτθσ κα κζλει να διαμοιραςτεί τθν θλικία του (test: User Study) Οι χριςτεσ που βρίςκονται ςτο κζντρο τθσ Ακινασ αρκοφν για να ζχουμε πρόβλεψθ τθσ κίνθςθσ ςτθν Ακινα (test: code algorithm) Οι χριςτεσ που διαμοιράηονται τθν τοποκεςία τουσ επικυμοφν οι φίλοι τουσ να κάνουν like (test: user study)

40 Whiteboard the User Story Τελικό ςτάδιο πριν το Prototyping (Day #4) Ζνα Storyboard που δείχνει Click-by-Click που πατάει ο χριςτθσ και τι γίνεται ςτθν οκόνθ Φτιάχνουμε ζνα Grid ςτο χαρτί ςε landscape Σε κάκε πλαίςιο ςχεδιάηουμε το UI ςε ςυνδυαςμό με ζνα Single User Action (e.g. Pointer Click, text being entered) για το κάκε action.

41 Whiteboard the User Story (e.g.)

42 Fourth Phase (Prototype) Build something quick and dirty that can be shown to users. Minimally Real Prototypes Real Text Real Images Interactivity GDVS = Keynote Prototypes

43 Video Pause

44 Πζμπτθ φάςθ(validate) Show the prototype to real humans (in other words, people outside your company) and learn what works and what doesn t work. User Testing

45 Πριν το User Testing User Recruiting (Προ-προετοιμαςία) Απαρίκμθςθ των βαςικϊν ερωτιςεων Ανακεϊρθςθ των Conflicts και Assumptions Battle Royal or Best Shot -> Interviewer Προςκικθ πραγματικϊν προϊόντων

46 Πριν το User Testing Προετοιμαςία χϊρου Ζλεγχοσ A/V Equipment (WebEx, GoToMeeting, Apple Airplay, Google Hangouts) Προετοιμαςία παρατθρθτϊν Don t Diss the USER Κάκε παρατθρθτισ κρατά ςθμειϊςεισ Court Reporter -> Ο/Η μόνοσ/θ με laptop για το Real Time Word Transcript τθσ διαδικαςίασ Score Board

47 User Study Room

48 Scoreboard

49 User Testing Scenario Development Οριςμόσ User Goals Μεταςχθματιςμόσ User Goals to User Tasks Realism Actionable Clues and Steps

50 User Goals -> Task Scenarios (REALISM) User Goal: Browse product offerings and purchase an item. Task Scenario 1: Purchase a pair of orange Nike running shoes. Task Scenario 2: Buy a pair of shoes for under $40. Ρεαλιστικά σενάρια τα οποία ικανοποιούν τον στόχο αλλά επιτρέπουν στον χρήστη να έχει ελευθερία βούλησης σε μέρη τα οποία δεν είναι στο core task/ action Source: Nielsen Norman

51 User Goals -> Task Scenarios (Actionable) User Goal: Find movie and show times Task Scenario 1: You want to see a movie Sunday afternoon. Go to and tell me where you d click next. Task Scenario 2: Use to find a movie you d be interested in seeing on Sunday afternoon. Τα Tasks πρέπει να είναι actions που πρέπει να Κάνει ο χρήστης και όχι να Πει ότι κάνει στον/στην facilitator Source: Nielsen Norman

52 User Goals -> Task Scenarios (Avoid Clues) User Goal: Look up grades Task Scenario 1: You want to see the results of your midterm exams. Go to the website, sign in, and tell me where you would click to get your transcript. Task Scenario 2: Look up the results of your midterm exams. Δεν θα πρέπει από το σενάριο να δίνετε τα βήματα που πρέπει (ή επιθυμείτε ο χρήστης να ακολουθήσει Source: Nielsen Norman

53 GVDS Five Phases Five Days First Phase (Understand) Second Phase (Diverge) Third Phase (Decide) Fourth Phase (Prototype) Fifth Phase (Validate) Stanford d.school Bootcamp Bootleg IDEO Humancentered Design Toolkit

54 Αναπτφςςοντασ το δικό ςασ πρωτότυπο The Digital Gate Stavros Lounis PhD Candidate, DMST, AUEB Athens Center for Entrepreneurship and Innovation