HCI CA1 (ii) Redesign Implementation

Size: px

Start display at page:

Download "HCI CA1 (ii) Redesign Implementation"

Juliet Cobb
5 years ago
Views:

1 HCI CA1 (ii) Redesign Implementation A redesign of Waitron KatedeBoeAgnew N

2 Overview Review of the Research Original Redesign Ideas Focus Group #1 Feedback from Focus Group #1 Redesign #1 Focus Group #2 Feedback from Focus Group #2 Redesign #2 Focus Group #3 Feedback from #3 Final Redesign Brief Reflection

3 Review of the Research

4 Emenu and nutrition top trend for restaurants (National Restaurant Association, 2012) 51% of consumers believe that it is important to integrate technology into their ordering capabilities (FastCasual.com, 2012) Ahlstrom et al. (2012) believe that image browsing interfaces that are available offer poor support when completing image search tasks Following user testing, results showed a 23% reduction in search time, without causing more errors Testing showed 70% of participants preferred the rotating globe and it was perceived as being more fun According to the National Restaurant Association (2012), a big trend in the food industry is nutrition 75% of consumers claim that they are trying to eat healthier food

5 Original Redesign Ideas 1. Layout (Ahlstrom et al., 2012) 2. Tutorial development (Ahlstrom et al., 2012) 3. Kitchen live-feed (Lessel et al., 2012) 4. Staff comments (Lessel et al., 2012) 5. Allergy & Nutrition (Larson & Story, 2009)

6 Focus Group #1

9 Feedback from Focus Group #1 There should be more pzazz in the redesign in terms of colour and layout Focus group members agreed that it was boring but that it was clear and easy to understand. Therefore it is important for these elements to remain. With the selection of food items, more information and options need to be provided, e.g., options for extra toppings and options for cooking preferences (before the view order stage) Options to edit orders need to be created in the view order page Cash option needs to be included in the payment page

10 Redesign #1 Based on Nielsen s (1994) Heuristics

11 Nielsen s (1994) Usability Heuristics 1. Aesthetic & Minimalist Design 2. Match Between System & the Real World 3. Recognition Rather Than Recall 4. Consistency & Standards 5. Visibility of System Status 6. User Control & Freedom 7. Flexibility & Efficiency of Use 8. Helps Users Recognise, Diagnose & Recover from Errors 9. Error Prevention 10. Help & Documentation

12 Main Menu

13 Menu Items

14 View Order

15 Payment

16 Focus Group #2

17 Feedback from Focus Group #2 1. Welcome should be added 2. Overall first option of slide for more supported however second option will remain for clarity 3. First layout will remain based on focus group reasoning 4. Layout of buttons on homepage need to be redone so that pay now is at the end 5. Although first option of having the logo in the centre was more favourable, the logo will be placed in the bottom right corner to accommodate the menu layout 6. A box will be placed around menu options so that people are more aware that it is a pressable button/option 7. Before selecting a menu item (e.g., a cheeseburger) the price should be shown before going into its details 8. When the burger is selected, a cooking preferences option needs to be added 9. The finished? will be removed from the finished? Pay bill button to avoid confusion 10. With the payment page, focus group members preferred the first layout but not its corresponding payment-card layout. Therefore, the first layout will be kept for the payment page, and the second layout of the payment-card will be used but slightly redesigned to give a more cohesive look

18 Redesign #2 Based on Nielsen s (1994) Heuristics

23 Focus Group #3

24 Feedback from Focus Group #3 Things are more straightforward and easier to understand I like the colours, and the layout, and the font it s fun It s something new and different that I haven t seen before Having the price under the menu item is a great improvement I like the logo in the corner its placement and size Still a bit flat though needs animations or something

25 Final Redesign Based on Nielsen s (1994) Heuristics

41 Reflection Time Management Layout Focus Groups Nielsen s Usability Heuristics What would I have done differently?

42 References Ahlstrom, D., Hudelist, M. A., Schoeffmann, K., & Schaefer, G. (2012). A user study on image browsing on touchscreens. In Proc. of the 20 th ACM international conference on Multimedia Pages, FastCasual.com. (2012). Restaurant consumers increasingly interested in technology. Retrieved from Lessel, P., Bohmer, M, Kroner, A., & Kruger, A. (2012). User requirements and design guidelines for digital restaurant menus. In Proc. of the 7 th Nordic conference on Human-Computer Interaction: Making sense through design, National Restaurant Association. (2012). Technology is top trend for restaurants in Retrieved from Nielsen, J. & Mack, R. L. (1994). Usability inspection methods. New York, NY: Wiley & Sons.

A Redesign Implementation of Waitron. HCI CA1(ii): A Redesign Implementation of Waitron Kate de Boe Agnew N

A Redesign Implementation of Waitron. HCI CA1(ii): A Redesign Implementation of Waitron Kate de Boe Agnew N HCI CA1(ii): Kate de Boe Agnew Contents Introduction... 2 Review of the Research... 2 Original Redesign Ideas... 2 Focus Group #1... 4 Feedback from Focus Group #1... 4 Redesign #1... 5 Aesthetic and minimalist