1 / 20

Winter 2013 Guthrie

UX. Winter 2013 Guthrie. Steve Jobs. UX Examples. Cal Poly Setting your BroncoID What is a BroncoID BroncoDirect Service Indicator Advisor is a Student Too (everyone is a db entry ) 164 Stairs Rose Garden Lighting. More Examples. Spore Kinnect Car Ubuntu.

kermit
Télécharger la présentation

Winter 2013 Guthrie

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. UX Winter 2013 Guthrie

  2. Steve Jobs

  3. UX Examples • Cal Poly • Setting your BroncoID • What is a BroncoID • BroncoDirect • Service Indicator • Advisor is a Student Too (everyone is a db entry) • 164 • Stairs • Rose Garden • Lighting

  4. More Examples • Spore • Kinnect • Car • Ubuntu

  5. Lots of Related Disciplines • Interaction Design • User Interface Design • Human Computer Interaction • Interface Design • Universal Design • User Experience • User Centered Design • User Interface Design • Human Computer Interaction • Design for New Media • Multimedia Design • Usability Wikipedia - User interface design or user interface engineering is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design.

  6. Job Titles Related to This • User Interface/Experience Designer • Agile User Experience / UX Designer • User Experience Specialist- Analyst • Business Analyst - User Interface Design • User Interface Design, Mobile Applications - Wireframes, Layouts • Prototype Designer • Web Developer

  7. Brenda

  8. Human Computer Interaction (HCI) • Ergonomics – physically how the user interacts with the system • Ex. military – for specific jobs, you need to have specific physical characteristics • Carpal Tunnel • Interactive Elements – quality of the experience the user has getting things done • Siri • Amazon • Psychology of our interaction with machines • Eliza (Weizenbaum) • Facebook

  9. Take Advantage of What the User Knows • "I cdnuoltblveieetaht I cluodaulacltyuesdnatnrdwaht I was rdanieg. The phaonmnealpweor of the hmuanmnid. Aoccdrnig to a rscheearch at CmabrigdeUinervtsy, it deosn'tmttaer in wahtoredr the ltteers in a wrod are, the olnyiprmoatnttihng is taht the frist and lsatltteer be in the rghitpclae. The rset can be a taotlmses and you can sitllraed it wouthit a porbelm. Tihs is bcuseae the huamnmniddeos not raederveylteter by istlef, but the wrod as a wlohe. Amzanig huh? Yaeh, and I awlyasthuhogtslpeling was ipmorantt."

  10. Designer Should • Know ahead of time what they want the user to do, feel, experience. • Build that requirement into the design. • The user isn’t really choosing, they are selecting what they’ve been visually cued to do.

  11. What’s my subtext • Acting • Reading someone’s face

  12. Predictors of Success (Jared Spool) • Back button • Predictor of failure • The user is lost or clicked the wrong thing • Pogo-sticking (jumping around in the site) • Clickstream without backtracking: 55% success • Pogo-sticking has 11% success rate • 2/3’s of purchase on eCommerce site have no pogosticking (indicates no product comparisons) • 3 Ways to get success: Search vs. Category Nav vs. Marketing (Trigger Words) • Search box = Bring your own link. • Amazon – no useful content on home page • IBM 1 month, increased sales of laptops by 300%

  13. Des Traynor - Microtext • Example: Facebook at Thanksgiving • Three levels of microtext • Buttons, forms, relationships (Cal Poly Text on Home Page) • Blank slate • Regular copy on the site

  14. Examples • Use language appropriate for the entire user experience, not one page. Ex. YourAccount vs. MyAccount. • Mouse-over text or Tool tips. (Excel vs. Permier) • 404 pages (Zappos, Blizzard, CPU) • …each page has a voice. It can be a hodgepodge of many people…a mess…or one cohesive message that promotes your brand.

  15. GILT • Globalization – can you support a global business, not simply a translated one. • Internationalization – Project management across locations. Slow but, ROI may be worth it. • Location – Who will do what in what area? Reframe the language to be appropriate. • Translation – Other languages.

  16. Psychology Experiment • Draw a cup and saucer.

  17. 100 Things Every Designer Should Know About People • Susan M. Weinschenk – UX Consultant, Neuroscience • Peripheral vision helps people get the gist of things. 2009 Dimitri Bayle studied placement of objects and how long it took people to understand. • Central tool 140 to 190 milliseconds. Peripheral took 80 milliseconds. • People scan screens based on past experience and expectations. (Personas) • People believe that things that are close together belong together. • Miller - Chunking (actually 4)

  18. Other Stuff • Mirror Neurons • Multitasking

  19. What does a UX person do? • Requirements Analysis • Usability Testing • Prototyping • Wireframing • Field Testing

  20. What is the Advantage of Good Design? • Less Support • More efficiency • Fewer errors • Improved safety • Making Web sites ‘sticky’ – Likability • Keep visitors interested…they ‘stick around’ • Keep visitors coming back for more

More Related