UX Design Presetation

2,388 views

Published on

Guest Lecture at Stanford continuing studies: Building Software Products: From Strategy to Sales (BUS 100)

  • Be the first to comment

UX Design Presetation

  1. 1. <ul><li>Building Software Products: From Strategy to Sales (BUS 100) </li></ul>
  2. 2. The Big Idea <ul><li>Every business starts with an idea . </li></ul>
  3. 3. The Business <ul><ul><li>Funding </li></ul></ul><ul><ul><li>Research </li></ul></ul><ul><ul><li>Planning </li></ul></ul><ul><ul><li>Strategy </li></ul></ul><ul><ul><li>Decisions, decisions. </li></ul></ul><ul><ul><li>The idea evolves. </li></ul></ul>
  4. 4. Now build it! <ul><ul><li>Build it how? </li></ul></ul><ul><ul><li>What technology? </li></ul></ul><ul><ul><li>Who is in charge? </li></ul></ul><ul><ul><li>What’s the process? </li></ul></ul><ul><ul><li>Choices, choices. </li></ul></ul><ul><ul><li>The idea evolves </li></ul></ul>
  5. 5. The Model How the user guesses it works How it actually works Mental Model System Image
  6. 6. The Design Model <ul><li>The design model is the creative bridge between the idea, the users and the reality of the system. </li></ul><ul><li>Creating a design model: </li></ul><ul><ul><li>Information Architecture </li></ul></ul><ul><ul><li>Interaction Design </li></ul></ul><ul><ul><li>Visual Design </li></ul></ul><ul><ul><li>Prototyping </li></ul></ul><ul><ul><li>Usability Studies </li></ul></ul><ul><ul><li>Trial and Error </li></ul></ul>Information Architecture Interaction Design
  7. 7. Design is Nature <ul><li>Users must </li></ul><ul><ul><li>Live and work in your world without choice </li></ul></ul><ul><ul><li>Learn the rules </li></ul></ul><ul><ul><li>Be punished and rewarded for their behavior </li></ul></ul><ul><ul><li>Try to prosper </li></ul></ul>
  8. 8. Types of Applications <ul><li>Daily Business App </li></ul><ul><ul><li>Outlook </li></ul></ul><ul><ul><li>Salesforce.com </li></ul></ul><ul><li>Once a year </li></ul><ul><ul><li>Turbotax.com </li></ul></ul><ul><li>Game </li></ul><ul><ul><li>Second Life </li></ul></ul><ul><li>Single trick </li></ul><ul><ul><li>Maps.google.com </li></ul></ul>
  9. 9. Information Architecture <ul><li>Major sections </li></ul><ul><li>Minor sections </li></ul><ul><li>Menus </li></ul><ul><li>Interaction capabilities </li></ul><ul><li>Main Street </li></ul><ul><li>Side Streets </li></ul>
  10. 10. Rules of Information Architecture <ul><li>Where am I? </li></ul><ul><li>What can I do here? </li></ul><ul><li>Where can I go from here? </li></ul><ul><li>How can I get back? </li></ul><ul><li>Am I near other things? </li></ul><ul><li>Where do I look? </li></ul><ul><li>Who am I? </li></ul>
  11. 11. User Experience Prototyping <ul><li>PowerPoint </li></ul><ul><li>Visio </li></ul><ul><li>Paper </li></ul><ul><li>HTML </li></ul>
  12. 12.
  13. 13. Flow - Mihály Csíkszentmihályi
  14. 14. Do not bend your user <ul><li>Users will guess randomly </li></ul><ul><li>Users aren’t paying attention </li></ul><ul><li>Users are not patient with your app </li></ul><ul><li>Engineers are not patient with users </li></ul>Boy: Do not try and bend the spoon. That's impossible. Instead... only try to realize the truth. Neo: What truth? Boy: There is no spoon. Neo: There is no spoon? Boy: Then you'll see, that it is not the spoon that bends, it is only yourself.
  15. 15. Who is in charge? <ul><li>Collaboration vs. Consensus </li></ul><ul><li>Expertise vs. Opinion </li></ul><ul><li>Vision vs. Competition </li></ul><ul><li>Creative vs. Proven </li></ul><ul><li>Illustrations by Creating Passionate Users </li></ul><ul><li>http://headrush.typepad.com/ </li></ul>
  16. 16. How does compromise affect design? <ul><li>Designers typically can not prototype interactive experiences on their own. </li></ul><ul><li>Project Management and Engineering are risk-averse. </li></ul><ul><li>Illustrations by Creating Passionate Users </li></ul><ul><li>http://headrush.typepad.com/ </li></ul>
  17. 17. The Design Process 1.0 <ul><li>Designer iterates in static Photoshop/illustrator. </li></ul><ul><li>Designer throws flat JPEG over cubicle wall. </li></ul><ul><li>Web Developer/engineer renders pixel-perfect (sometimes) html rendition. </li></ul><ul><li>Engineering plugs in server-side logic. </li></ul><ul><li>QA Tests </li></ul><ul><li>Launch </li></ul><ul><li>Analyze and go back to step 1 </li></ul>Brick Wall by Miroslav Bartak

×