Mobile First Approach in prototype & Layer of Experience Design

Transcript

1. Mobile First Approach in prototype & Layer of Experience Design
2. Pondd GuCode • A journeyman practitioner trying to find the agile that has no name • Currently exploring a world of experience design • Creator of GuCode • WIP team Blogger • Master of none
3. Let me get to know you guys a little bit
4. This is a non technical session
5. IDEA CUSTOMERS
6. To do this in 30 mins I am assuming 3 things 1. Mobile has taken over 2. Responsive Design is a way to go 3. It is easier to go from Small to Large rather than Large to Small
7. 1. Mobile has taken over
8. 2. Responsive Design is a way to go
9. 3. It is easier to go from Small to Large rather than Large to Small
10. Prototypes Layers of experience design
11. What is a prototype?
12. Maturity Fidelity Prototype can be seen in this 2 dimensions
13. Fidelity
14. Maturity
15. Maturity Fidelity Can you guys think of any prototype that you use before?
16. Maturity Fidelity This is generally the zone that you wanna be to stay Lean
17. What is a prototype? For me, it is the cheapest way to validate assumptions In software - the goal is iteration
18. So what the hell is Layers of Experience Design ?
19. Concept Function Usability Vistual
20. The color is wrong somehow ...
21. Why does Groupon Fail?
22. Concept Function Usability Vistual
23. 1. Concept Layer
26. 2 .Function Layer
27. Understand As-Is and To-be And what are the things needed to move them there As-Is “Old” To-Be “New”
28. A B Customer Journey
29. A B Customer Journey
30. Card Sorting
31. 3. Usability
32. Thailand has “Bangkok” and “The provinces” Tech literacy
33. When in doubt Look at Facebook and Line pattern
34. Test with 5 people is enough
35. Moderator Note Taker User Prototype Laptop (for recording) We are not testing you Think out loud
36. 4. Vistual
37. Visual design borrows elements of Art but it is not really Art
39. Bank and Pete Explains this in more detail, find out more here
40. If you remember anything from this talk
41. Questions?
42. แถม
43. DESIGN SPRINT IndieDish March 2017
44. — SPRINT QUESTION — To Make meal scheduling easy (build meal plan) Specifically for customers who order 10 boxes on Monday (aka Ben10)
45. Interviews 3 customers (1 cancelled) the Interviewer who asks questions. Customer Interviews Price-conscio us students มนุษย Ben5 (lunch only) มนุษย Ben10 (buy from competitors) Split work into 2 parts: The IndieDish messenger who tried to sell “new promotions”
48. The ideas that we need to test for are • Would 5, 10, 15 day package with ability to choose delivery date be interesting? • What kind of meal set be more interesting? ◦ Recommended by IndieDish ◦ ฮิตติดดาว ◦ Hotdeal Prototypes So we decide to make a flyer that will be show at the time of delivery to see if the customers will be interested • First page is the packages and meal set (price comes from similar deal in IndieDish site) • Page 2-4 are the menu • Page 5 is the options that customers can change what they don’t like
49. 5 Days 10 Days 15 Days จํานวนกลอง 10 ฟรี 3 20 ฟรี 6 30 ฟรี 9 นํ้า 5 10 15 ขนม 1 2 3 ผลไม 1 2 3 คาสง ฟรี ฟรี ฟรี ราคา 2190.- 4380 4300.- 6570 6450.- เลือกตามใจ สั่งยังไงก็คุม! Set - IndieDish อาหารที่ IndieDish แนะนํา Set - รานฮิตติดดาว รานยอดนิยมจากชาวอินดี้ดิช Set - Hot Deal เลือกวันกับอาหารไมได ลดสูงสุดถึง 900 บาท !!! เพียง 2 Step 1 - เลือกแพ็คเกจ 2 - เลือกชุดอาหาร PROTOTYPE
50. Set IndieDish อาหารที่ IndieDish แนะนํา Meal 1 Meal 2 Drink Day 1 วันที่จัดสง (_____________________________) Day 2 วันที่จัดสง (_____________________________) Day 3 วันที่จัดสง (_____________________________) Day 4 วันที่จัดสง (_____________________________) Day 5 วันที่จัดสง (_____________________________) PROTOTYPE
51. มื้อที่ 1 มื้อที่ 2 เครื่องดื่ม วันที่ 1 วันที่ 2 วันที่ 3 วันที่ 4 วันที่ 5 Set รานฮิต ติดดาว รานยอดนิยม จากชาวอินดี้ดิช PROTOTYPE
52. มื้อที่ 1 มื้อที่ 2 เครื่องดื่ม วันที่ 1 วันที่ 2 วันที่ 3 วันที่ 4 วันที่ 5 Set Hot Deal เลือกวันกับอาหาร ไมได ลดอีก300บาท / 5 วัน ลดอีก600บาท / 10 วัน ลดอีก900บาท / 15 วัน PROTOTYPE
53. เมนูเลือกเพิ่มเติม PROTOTYPE
54. Interview Scripts Part 1 • สวัสดีคะ ชื่อ (Interviewer) นะคะเปนตัวแทนจากทีม Indie Dish • ขอเวลา 20 นาทีนะคะ ที่พี่อิงคุยไวใหฟงแลวใชไมคะ • คือวันนี้เรามีแพกเกจใหมมาลองนําเสนอ เลยอยากจะพูดคุยและขอคําแนะนําจากลูกคา Indie Dish จริงๆกอน • ขออนุญาตสอบถามเพิ่มเติมนะคะ... พี่ชื่ออะไรคะ พี่….นะคะ • กอนอื่นตองขอบคุณพี่ (ชื่อลูกคา) มากๆเลยคะ ที่วันนี้สละเวลามารวมกิจกรรมกับเรา • วันนี้พี่เดินทางมายังไงคะ ขับรถมาหรือขึ้น taxi มาคะ • บานอยูแถวไหนคะ มายากไหมคะ อากาศรอนเนอะ Part 2 (ตกลงลูกคาตรงกับprofile รึเปลา) Yes-ทําไม/ No • แลวรอบลาสุดสั่งแบบไหนคะ • พี่ทํางานแถวไหนคะ • เดินทางยากไหม ไกลจากบานไหม • แลวอยางนี้ ปกติสั่ง Indie Dish จากบานหรือออฟฟศคะ • กินคนเดียว หรือวา กินกับเพื่อนและครอบครัวคะ • ปกติสั่งกี่กลองคะ • จัดสงทีเดียวเลยไมคะ สะดวกใหสงวันไหนบาง ชอบใหสงวันไหน Part 3 • ถาพรอมแลว เราจะมี แมสเซนเจอรมาสงของและแนะนําแพคเก็จใหมกับพี่ (ชื่อลูกคา) นะคะ • แลวเราจะอยูกับคุณตลอด จะขอดูหางๆ ระหวาง แมสเซนเจอรมานําเสนอแพคเก็จ • อาจมีคําถามบางเกี่ยวกับคุณรูสึกยังไงระหวางการนําเสนอ • ระหวางนําเสนออยากใหพูดออกมาวาในหัวคิดอะไรอยู เชน ฟงแลวรูสึกยังไง เห็นแลวคิดวาไง • ถามีตรงไหนไมเขาใจชัดเจน ตองการใหอธิบายเพิ่มก็บอกไดตลอดนะคะ • แลวตอนนี้เปนการ test แพกเกจใหมของ Indie Dish เพราะฉะนั้นถามีขอผิดพลาดในขั้นตอนยังไง ตองขออภัยไวดวยนะคะเพราะวาเราเพิ่งเร◌ิมทดสอบกัน Part 4 • หนาแพคเก็จ ◦ Yes ▪ ทําไมเลือกอันนี้ ▪ ราคาเปนยังไงบาง ▪ รูสึกมีความตางระหวางแพ็กเกจไหม ◦ No ▪ ทําไม ทํายังไงถึงจะ say yes • เลือกเมนู ◦ อยากเลือกเซตเมนูใหมเองไมคะ (Yes/No) ▪ Y-ถาอยางนั้นอยากไดเซตแบบไหนคะ ▪ N-อยางนั้นอันไหนที่เราเลือกไวใหโดนใจแลวคะ • เลือกวันสง ◦ ทําไมเลือกวันตามที่ระบุคะ , ปกติเลือกวันจากอะไร ◦ ถาไมวางวันนั้นทําไง • ชําระเงิน ◦ รูสึกยังไง Part 5 • การซื้อแพคเก็จนี้ตางจากสิ่งที่คุณเคยทําอยางไร • คุณชอบอะไรหรือไมชอบอะไรในแพคเก็จนี้ • คุณจะอธิบายแพคเก็จนี้กับเพื่อนอยางไร • เคยเห็นแพคเก็จนี้จากเจาอื่นไม • ของเราแตกตางจากของคนอื่นอยงไร ◦ อยากเพิ่มอะไรบาง ◦ อยากตัดอะไรบาง ◦ มีอะไรที่ชอบที่สุด 1อยาง
55. Storyboard
56. Sketch Ideas 6 Sketches in total, 3 are selected - Hotdeal (selected) - Package เหมาสงฟรี (selected) - KFC (selected) - I Healthy Calendar - Celeb - Forfood teller I Healty Calendar and Forfood teller is interesting but seems too complex to validate Celeb, IndieDish had previously explored this and concluded that influencers does not have a lot of impact with their customers
57. Sketch Ideas Packageเหมาสง is selected because the combination of allowing customers to choose - Number of day - Meal plans - Delivery date/time The idea seem to be “on to something” and simple enough to test However the meal plan segment by nationality ie. Italian, Thai or Fusion has been tested before by Indiedish with limited success.
58. Sketch Ideas KFC is selected to help support the “Packageเหมาสง” idea. As meal plan segmented by popularity or recommended seems to work better with IndieDish customer The Prototype needs to validate that the combination between this 2 ideas work
59. Sketch Ideas Hotdeal / Meal of the day is selected because this would solve a lot of pain for IndieDish in operational standpoint. If the test show some interest from customers - this can be explores further
60. Targeted Map & HMW
61. Experts interview
62. Summary What we test Combination of - เหมาสง - KFC (Vaule-meal) - Hotdeal In the form of a flyer - during a simulated delivery to 3 of IndieDish customers Expect package meal set with schedule delivery would spark interest from the customers Result The prototype in the form that we tested was not the direct hit but spark more questions on - Store loyalty - Delivery option In which we recommend further testing
63. Recommendations To test มนุษย 10 กลอง (Ben10) with new Meal Plan prototypes that includes • “Choose store” as hero filter • Perks when order meal set that includes ◦ After-hour delivery time (ie 11pm) ◦ Plan future delivery date Tentative new prototype Also to validate: if fierce 2-3 stores royalty really is the main buying force for มนุษย 10 กลอง (Ben10).
64. Other Insights Customers are happy with ability to be able to choose delivery date They prefer to store food in their freezer and reheat to eat “It was delivered cold anyway” - I would just microwave it anytime I want to eat They don’t prefer more frequent or even daily delivery because they would have to stay home and wait Fruits and juices are not important to them - some do prefer snack (ขนม) They think that ordering with IndieDish is cheaper Order directly with the shop is a fiction because they would have to give delivery instruction every time they change the shop
65. Other Insights They love to paid from the app (Omise/credit card) not cash on delivery “Hotdeal” seems to be more suitable to the a-la-carte customers, who seems to be price-sensitive. Need more testing. They are mostly loyal to 2-3 of their favorite stores Price is not a main concern for customer who is buying in package, they have strong loyalty to the store - and prefer to choose from a pool of menu
66. The day’s vibe
73. Thank you! Pondd - pondd.me@gmail.com Net - saakyz@gmail.com Pete - masterpetemaniac@gmail.com