scott

1,283 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,283
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

scott

  1. 1. Mobile UI: Planning to Implementation Presented by Scott Weiss 7 th April 2008
  2. 2. Improving Usability
  3. 3. Users May Think Differently. Frankfurt Naples Paris
  4. 4. What is usability?
  5. 5. <ul><li>About Human Factors International </li></ul><ul><li>Global Reach – USA, Europe, Asia </li></ul><ul><li>Local Presence - Human Factors Europe Ltd is located in London with a dynamic team of specialists in usability and user experience design </li></ul>Minneapolis San Diego San Francisco Fairfield Chicago Baltimore New York Boston London Mumbai Bangalore Pondicherry Singapore Shanghai
  6. 6. <ul><li>Design </li></ul><ul><ul><li>Information Architecture </li></ul></ul><ul><ul><li>Iconography </li></ul></ul><ul><ul><li>Skins </li></ul></ul><ul><li>Research </li></ul><ul><ul><li>User Testing </li></ul></ul><ul><ul><li>Expert Reviews </li></ul></ul><ul><ul><li>Ethnography </li></ul></ul><ul><ul><li>Focus Groups </li></ul></ul><ul><li>Training </li></ul><ul><ul><li>Certified Usability Analyst </li></ul></ul><ul><ul><li>Full suite of design and usability courses </li></ul></ul><ul><li>Guidance </li></ul><ul><ul><li>Institutionalisation of Usability </li></ul></ul><ul><ul><li>Executive Mentoring </li></ul></ul>Usable. Experience . Design
  7. 7. Design
  8. 8. Persuasive Design
  9. 9. Usability Research Know what your users think See where Customers Struggle
  10. 10. Design User Test Prototype User-Centred Design Process Understand Users & Context Understand the Organization
  11. 11. User-Centred Design Process Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  12. 12. Design Strategy <ul><li>Define business goals </li></ul><ul><li>Understand your target audience </li></ul><ul><li>Determine scope of product </li></ul><ul><li>Identify technical constraints </li></ul><ul><li>Document marketing & branding goals </li></ul><ul><li>List critical success factors </li></ul>Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  13. 13. Personas <ul><li>Determine the age, education, gender mix, household income, and other qualities of your audience </li></ul><ul><li>Produce a set of three prototype users who fit within your audience definition. </li></ul><ul><li>These personas are whom you design for </li></ul>Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  14. 14. Scenarios <ul><li>From the business rules and scope, tell a set of stories of how your personas would use your application </li></ul><ul><li>These stories should make sense to your marketers, developers, and most of all, your users </li></ul>Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  15. 15. Task Flows <ul><li>Map out the decisions the application and the users must make to accomplish their goals </li></ul><ul><li>Boxes are steps </li></ul><ul><li>Diamonds are yes/no decisions </li></ul><ul><li>Each step is not necessarily a screen </li></ul>Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  16. 16. Primary Nouns <ul><li>What are the key things this application does? </li></ul><ul><li>An email system might have: </li></ul><ul><ul><li>Account </li></ul></ul><ul><ul><li>Messages </li></ul></ul><ul><ul><li>Contacts </li></ul></ul><ul><ul><li>Calendar </li></ul></ul>Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  17. 17. Information Architecture <ul><li>The screen designs </li></ul><ul><li>Produce the pages without visual treatments </li></ul><ul><li>Focus on outline forms for the widgets </li></ul><ul><li>It’s OK to produce on sticky notes, which can be rearranged easily </li></ul>Design Strategy Profiles & Personas Scenarios Task Flows Primary Nouns Information Architecture
  18. 18. Prototyping <ul><li>Prototypes can be built using still images, paper, or animated demos </li></ul><ul><li>XHTML is a great way to prototype a mobile site </li></ul><ul><li>Demo on a real phone as soon as you can </li></ul><ul><li>Test your design, not your finished product </li></ul>
  19. 19. Usability Testing <ul><li>Ask representatives of your target audience to perform tasks according to your scenarios </li></ul><ul><li>Watch them suffer </li></ul><ul><li>Fix the design rather than explaining it to the participants </li></ul><ul><li>You don’t need a lab! </li></ul><ul><li>You can ask the participant to say what buttons they press and describe what is on the screen </li></ul><ul><li>Ask the participant to show you the screen in-between steps </li></ul>
  20. 20. Thank you. Human Factors Europe, LTD 16 Albemarle Street London WS1 4HW Phone: +44.207.290.3430 HFI Offices: Baltimore, MD Bangalore, India Boston, MA Fairfield, IA Mumbai, India San Francisco, CA Singapore Contact: Scott Weiss, Executive Director, London [email_address] +44 (0) 207.290.3432

×