1 / 20

User Centered Design

User Centered Design. Lesson 4. Check in. Now you have survey results from ~20 people Share interesting results or trends from your surveys. Agenda. Lists, Logic, and Multiple Screens Lecture Topics User-Centered Design Prototyping Lifecycle Usability Testing Activities

mauve
Download Presentation

User Centered Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. User Centered Design Lesson 4

  2. Check in • Now you have survey results from ~20 people • Share interesting results or trends from your surveys

  3. Agenda • Lists, Logic, and Multiple Screens • Lecture Topics • User-Centered Design • Prototyping Lifecycle • Usability Testing • Activities • Usability testing of competitor apps • Paper prototyping

  4. Colored Dots • What tools did you use? • Multiple Screens • Lists • Logic • How can you use these in your app?

  5. Multiple Screens • You can add screens in the designer and use the screen transitions in blocks editor to decide which screen to go to next • For Example: if they push the menu button go to the menu screen • Screen 1 will always be the screen the app starts on – probably best to make it a welcome screen • You have to “package for the phone” to test moving between screens

  6. Lists • What other tutorials have used lists so far? • How can you use lists in your own app?

  7. Logic • You can use And and Or to make conditionals depend on more than one thing • And both things need to be true • Or either thing can be true • Examples: • IfMom can drive me orDad can drive me thenI can go to the movies • IfMom can drive me andmy homework is finished thenI can go to the movies

  8. Putting it all together

  9. What is User-Centered Design? Designing things with the user in mind. You are not always the user.

  10. What happens when you do not design with the user in mind? • Crash dummies used to only be made in the shape of adult men  women and children also ride in cars! Although this video illustrates the fact that users will not always understand what you intended when you make your design Source: http://www.autoexpress.co.uk/news/autoexpressnews/210049/crash_test_dummies.html

  11. Think-Pair-Share: How to design with the user in mind? Which remote looks easier to use? Source: Debra LauterbachKeep it simple!

  12. What is User Interface? • User Interface: link between the person and the technology • User Interface Design: designing technology that makes sense to user – “intuitive” design User Interface: Buttons User Interface: Touch Screen

  13. Prototyping Lifecycle What does it need to do? What is the goal? Have users test the prototype and ask them questions about their experience with it. Incorporate feedback. Who is your user? What do they expect? What do they want? Prototyping. Create samples. Source: Debra Lauterbach

  14. Usability Testing

  15. Think-Pair-Share: Usability Testing • Write down any notes after watching the two Usability Testing videos • Share your thoughts with the person next to you Think-Pair-Share

  16. Activity: Usability testing of competitor apps (15 minutes) • Investigate apps (aim for 5) that are similar in function to yours or that have the same target customer • Search on App Store for iPhone and Google Play for Android • What does it do well? • What could it do better? • Make notes about the features/interface • Color scheme, size/layout of buttons, readability, etc. Fill in the chart on page 11 of the workbook

  17. So you have competition… So what? • You can make a better product! • Plastic bags can cover you from the rain…but aren’t you glad people invented raincoats?

  18. Activity: Prototype Plan (20 min.) • Skills and tools you need • Components and skills • Research tutorials and videos • Divide up the work: each team member will program at least one screen. Fill in the chart on page 12 of the workbook

  19. Activity: Create a paper prototype (30 mins.) Complete this activity using phone template in pages 13 - 16 of the workbook,or index cards

  20. Task List • Finish your paper prototype and bring it to class next week • Also, did you collect 20 survey results? • You can continue to gather survey responses to make sure you understand the market for your app!

More Related