Scribd
Upload
165 views14 pages

Week 12 Lec1 Prtotyping II

Uploaded by

umangtrivedi473
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
165 views14 pages

Week 12 Lec1 Prtotyping II

Uploaded by

umangtrivedi473
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

IE 403

Human-Computer Interaction
Week 12-1
Prototyping-II
Rapid Prototyping Exercise
• Ordering a PIZZA from a mobile app
• Choices of pizza, Toppings
• Different prices
• Payment types
• In groups of 3, create a paper prototype

15 mins
Walkthrough of a prototype
example
1. Identify User Goals

• Checking the latest wallpapers that could be downloaded


• Downloading the chosen wallpaper
• Changing the wallpaper setting of the phone to the new downloaded
wallpaper
• Checking the team news headlines
• Checking an individual news story
• Checking the team’s upcoming fixtures
• Checking the team’s position and scores in the league table
2. Identify features and content
Operator company (client focussed) aims to: User Experience considerations (users
• Enable personalisation
• Encourage customer usage of online content
focussed)
• The download and purchase process
• The installation process for the theme
• The switching between multiple themes
• The navigation of the theme and its
Content and features contents
• Manchester United wallpaper images
• Manchester United fixtures information
• Manchester United news stories
• Manchester United league tables
updates
Part 3: First design Iteration
3.1 Macro Vs Micro Views
3.2 Screen by Screen flows
3.3 Section and
Contents
What would users expect when
they view the wallpapers for their
team?

Do they want to see 20 on the


screen at once or just 9?
3.4 Design Alternatives
3.5 Mobile Network Issues
3.6 User Wait times & Feedback
3.7 Navigation Consistency
• Labels and words—used in menus and onscreen throughout.
• Soft keys—map to the onscreen word labels via the two hard keys left and right.
• Options Menus—most mobile phone UI’s offer the user a set of options, accessed
at each screen and relevant to the context of that screen.
• Use of a ‘Back’ key: how do I get back a screen?
3.8 Visual Design

You might also like