UX

Winter 2013Guthrie

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

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.

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

Brenda

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

Take Advantage of What the User Knows

• "I cdnuolt blveiee taht I cluod aulaclty uesdnatnrd waht I was rdanieg. The phaonmneal pweor of the hmuan mnid. Aoccdrnig to a rscheearch at Cmabrigde Uinervtsy, it deosn't mttaer in waht oredr the ltteers in a wrod are, the olny iprmoatnt tihng is taht the frist and lsat ltteer be in the rghit pclae. The rset can be a taotl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe. Amzanig huh? Yaeh, and I awlyas thuhogt slpeling was ipmorantt."

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.

What’s my subtext

• Acting• Reading someone’s face

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%

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

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.

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.

Psychology Experiment

• Draw a cup and saucer.

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)

Other Stuff

• Mirror Neurons• Multitasking

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

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