1 / 21

Week 3

Week 3. Check-in : survey. Now you have survey results from ~20 people Stand up as a team and share interesting results from your surveys. Agenda. Topics Lists and Loops User -Centered Design Prototyping Lifecycle Usability Testing Activities Usability testing of competitor apps

babu
Download Presentation

Week 3

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. Week 3

  2. Check-in: survey • Now you have survey results from ~20 people • Stand up as a team and share interesting results from your surveys

  3. Agenda • Topics • Lists and Loops • User-Centered Design • Prototyping Lifecycle • Usability Testing • Activities • Usability testing of competitor apps • Paper prototyping

  4. Lots of Circles • What tools did you use? • Lists • Loops • Randomness • How can you use these in your app?

  5. Lists • For example: • to do list • list of students in the class • In CS: • An ordered set of values • Can get to individual items if you know their number • Or we can pick a random item

  6. Lists • What Hacks have used lists so far? • Lots of Circles • Crystal Ball • Quiz Me • How can you use lists in your own app?

  7. Loops • Tell the computer to do something many times • For Example: draw 100 circles • The code INSIDE the loop is repeated • For Example: the code to draw 1 circle • There must be a condition for the loop to end • For Example: when 100 circles have been drawn • Or when the user clicks the screen

  8. Real-Life Loops • Can you think of some real-life loops that you do? • Washing the Dishes • Definite Loop • Using an umbrella • Indefinite Loop • Foreachdirty dish: • Put in soapy water • Scrub • Rinse While still raining: use umbrella

  9. Definite Loops • You know when the loop is going to end because there is a definite number of things to do • Examples: • for (100 times) draw circle • foreach [dirty dish] wash it • foreach(class period): go to class • foreach(shopping list item): get it • Foreach(member of a list): do something

  10. Check-In: Q&A • Now let’s take a moment to answer the tutorial questions in your group if you haven’t already • Who can volunteer their answer for the first question?

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

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

  13. 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 were killed in car accidents • Although this video is meant to be funny, it illustrates the fact that users will not always understand what you intended when you made your design Source: http://www.autoexpress.co.uk/news/autoexpressnews/210049/crash_test_dummies.html

  14. What is User Interface? • User Interface: link between the person and the technology • Includes buttons, screen, keyboard, mouse, etc, and the software on the screen User Interface: Buttons User Interface: Touch Screen, Software, Buttons • User Interface Design: designing technology that makes sense to user – “intuitive” design

  15. 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

  16. Usability Testing

  17. 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

  18. 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. Record your ideas in pages 12 of the workbook Fill in the chart on page 13 of the workbook, too

  19. 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?

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

  21. 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