Mobile Monday Presentation April 2010

EffectiveUI Juan Sanchez | Experience Architect

Who is this guy?

EffectiveUI?

EffectiveUI is a user experience agency EffectiveUI is an award-winning, user-centered design and development agency that creates and implements custom web, mobile and desktop applications for today’s most respected organizations.

What EffectiveUI does • User Research • Competitive Analysis User Experience and Design • Use Case Development • Interaction Design Mobile Desktop Web • UI Development • User Acceptance • API Architecture API Legacy Systems

8 criteria for good user experience • provide valuable feedback • behave with consistency • behave in a familiar way • be obvious and efficient • be responsive and perform • help people and businesses accomplish goals • be brand consistent and elegant • be progressive and trustworthy

EffectiveUI + eBay

EffectiveUI + Herff Jones

EffectiveUI + National Geographic

EffectiveUI + Mobile

Lessons Learned Mobile UI Design

Mobile UI Design: Figure out what matters • What’s the “soul” of the app? • Find the true use for the application and what sets it apart from other applications • Mobile does not mean shrinking your website or app down, it degrades the experience • Can it be a web app?

Mobile UI Design: What’s the use case? • How is this app going to be used? • Primary touch point? • Companion application? • Optimized UI for a larger app? • A lot of what's done with a mobile app informs the mobile or web app Image via mindingthegaps.com

Mobile UI Design: Device knowledge • Device prototypes • Made a wooden iPad to test before device was available • Go to Best Buy and play around with the phones, cameras, TVs, etc. They're a great device lab.

Mobile UI Design: Appearance • “Small things” like app icons can make a difference • Metaphors can work • Design can win over features • Maintain focussed views • Don’t overwhelm* • Remember how people interact with devices: fingers • Long processes can be smoothed over with delightful interactions

Mobile UI Design: Design jump starts • Use the native UI • Read the HIG and design guidelines • Follow established conventions • Don't follow established conventions Image via metaspark.com

Mobile UI Design: Help designers see • Get designers as close to the real thing as you can • Get them set up with the dev environment • Test and run on the simulators • Even better, get them loading on to a device • Show them what it means to implement their designs • Even let them add assets and commit :-O ?!??! Image via blogs.tech-recipes.com

Mobile UI Design: Help clients see • Testing your design • Create a simple HTML website with hotspots and send the URL to a client • Email images to a client that they can load in their phone • Great way to show clients what their (and your) decisions mean Image via testiphone.com

Mobile UI Design: Test, test, test • Test interactions • Gestures • UI overload/fatigue • Performance

Any questions?

Mobile Monday Presentation April 2010

by EffectiveUI on May 11, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

1 Embed 14

Statistics

Mobile Monday Presentation April 2010 — Presentation Transcript