user centered design

User Centered DesignLesson 4

Check in

Now you have survey results from ~20 people

Share interesting results or trends from your surveys

Agenda

Lists, Logic, and Multiple ScreensLecture Topics

User-Centered DesignPrototyping LifecycleUsability Testing

ActivitiesUsability testing of competitor appsPaper prototyping

Colored DotsWhat tools did you use?

Multiple ScreensListsLogic

How can you use these in your app?

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 screenYou have to “package for the phone” to test moving between screens

ListsWhat other tutorials have used lists so far?How can you use lists in your own app?

LogicYou can use And and Or to make conditionals depend on more than one thing

And both things need to be trueOr either thing can be true

Examples:If Mom can drive me or Dad can drive me then I can go to the moviesIf Mom can drive me and my homework is finished then I can go to the movies

Putting it all together

What is User-Centered Design?

Designing things with the user in mind.You are not always the user.

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

Think-Pair-Share: How to design with the user in mind?

Which remote looks easier to use?

Source: Debra Lauterbach Keep it simple!

What is User Interface?

User Interface: link between the person and the technologyUser Interface Design: designing technology that makes sense to user – “intuitive” design

User Interface: Buttons

User Interface: Touch Screen

Prototyping Lifecycle

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?

What does it need to do? What is the goal?

Prototyping. Create samples. Source: Debra Lauterbach

Usability Testing

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

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 customerSearch 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

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?

Activity: Prototype Plan (20 min.)

Skills and tools you needComponents and skillsResearch tutorials and videosDivide up the work: each team member will program at least one screen.

Fill in the chart on

page 12 of the workbook

Activity: Create a paper prototype (30 mins.)

Complete this

activity using phone template in pages 13 - 16 of the

workbook, or index cards

Task List

Finish your paper prototype and bring it to class next weekAlso, did you collect 20 survey results?

You can continue to gather survey responses to make sure you understand the market for your app!