In January we were lucky enough to have Steve Tengler give a talk to a joint meeting between Refresh Detroit and the Michigan Usability Professionals’ Association.
His talk built off his ongoing series of articles which explore user experience lessons from actors:
Although Steve couldn’t share his slides here are the 25 UX lessons he demonstrated that we can learn from Hollywood.
The 25 UX Lessons From Hollywood:
- Rain Man: Social Media Ratings of UX Can be Powerful (“Kmart Sucks!”)
- Mission Impossible: Arrange your User Interface Around Urgent Tasks
- Minority Report: Design Your System with a Multimodal Interface
- Top Gun: Design for Human Error Upfront
- Risky Business: Style Captures Attention
- The Green Mile: Task Completion Doesn’t Automatically Equate To Success
- Cast Away: Fictional Personas Can Bring Sanity to the Project
- Bosum Buddies: Re-Skinning Can Allow Financially-Advantageous Reuse
- Da Vinci Code: Complicated Interfaces Have Their Purposes Too
- Forrest Gump: Exceeding Expectations Makes You Memorable!
- Jurassic Park: The Details Are Surrounded by Dung
- October Sky: Have Faith in Iterative Testing
- Recount: Statistics Can Be Both Powerful and Dangerous
- Blue Velvet: Investigations Can Go Too Far
- Meet The Fockers: Understand the Financials of Personalization
- Pirates of the Carribean: It’s Not About the Ship You Rode In On
- Edward Scissorhands: Plan Ahead for Assimilation
- Alice in Wonderland: Flexibility on Size Helps Win the Battle
- What’s Eating At Gilbert Grape: Design for What Your Customer Wants
- Alice In Wonderland: Tremendous Flexibility Can Lead to User Satisfaction
- Bruce Almighty: Silent Analytics Can Help Tailor Your UX
- Man on the Moon: Know the Business Side of your Business
- Mr. Popper’s Penguins: Watch Out for the X+1 Factor
- Horton Hears a Who: Don’t Forget The Minority Might be a Captured Market
- Batman Returns: Be Flexible on Emerging HMI
If you have a chance to see Steve talk, take it. He is engaging and has a great insight in to user’s needs. We were grateful to have him and invite him back any time.
Last week we were lucky enough to have Brad Colbow talk about designing interfaces for mobile devices. Brad has extensive experience explaining usability and produces a Web comic called “The Brads.”
Notes from the meeting:
- Brad works from home and has a specific routine that he follows every morning. One day that routine was interrupted because his daughter was having friends over. So he decided to work from a friend’s office which was quite some time away.
- He decided that he would pass the time driving by downloading an audiobook from his local library. He browsed the website and found the book he wanted. He then went on to download the book and found the experience so frustrating that he made it a topic of one of his cartoons: Why DRM Doesn’t Work.
- He loves to take dense mental model information and turn it in to a comic strip that anyone can understand
- Brad’s day job was building magazines for iPad and iPhone. They didn’t have an iPad yet, so they started on the iPhone and thought they could scale up from there. They knew that magazines needed to be better digital than print. They started with the user interaction guidelines that are available for iOS, Android, Blackberry, etc.
- What is the secret to creating a great user experience?
- Looking at experiences they liked
- Listed reasons and tried to figure it out
- When you study a bad experience you can easily figure it out
- What could they use as a bad experience? The Library
- The little details matter
- On the library website when you browse for audiobooks you see and can search the entire selection. But when you decide on one and are ready to download it you get an “Add to SelectList” option. What is a “SelectList?” It’s not even a real word..
- In a real library if you can see a book on the shelf, you can check it out. That experience isn’t mirror on the library website.
- Stuff like this is not nitpicking. It’s not the big thing that gets you, it’s all the little things that bother you over time.
- Brad outlined some great user experiences, for example using Dribbble on an iPad. iOS will auto capitalize the first word typed, usernames are case sensitive, so when you login to the website you have to be sure the first letter of your username is lowercase. This is a minor inconvenience but because these two systems obviously have their own motivations it is justified. But the developers of Dribbble must have experienced this first had and added “autocapitalize=”off”” to their username field. It is these little details that make it such a great experience.
- Brad then went on to outline a few UI differences between iOS and Android and why designing a single interface won’t delight the users of both OS’s. The users of each OS are use to a certain button placement and experience.
- Some best practices
- Don’t let the UI hinder the experience
- Be Skewmorphic sparsely
- Elevate the content people care about
- Mobile websites are to do something one time and be done with it. Don’t put an ad on your site to download the app.
- Avoid forcing the user to rotate the device
- Don’t make up new touch gestures
- Avoid help. If you need an instruction manual, you’re doing it wrong
- If your app needs help, your app needs help.
Full presentation available at: https://speakerdeck.com/u/bcolbow/p/its-the-little-things
Robert Hoekman Jr. second book, Designing the Moment, focuses on improving the online user experience. His approach is a practical one: design interfaces that respect users and allow them to feel in control.
Robert’s goal is to inspire the web professional to “improve the moment” for users. His storytelling method of explaining strategies makes the 220 page book a quick and fun read. The book contains 30 stories, based on his own experiences, of real-world applications and the step-by-step approach taken toward resolving design interaction issues.
The stories are concise, and offer a critique of each phase as changes are made to interfaces. Robert has a “think out loud” method which allows the reader to better understand the decision making process. Question steps along the way and don’t hesitate to make decisions you might change in the future. Designing interfaces is an iterative process.
Designing the Moment assumes the reader has knowledge of web design and development; it does not provide the specific code to implement the recommendations. As Robert mentions in the book,
This book is meant as a conversation starter. It’s meant to get you thinking.
The book is divided into seven parts:
- Part 1: Getting Oriented – give a good first impression to the user
- Part 2: Learning – make it easier for users to find their way around
- Part 3: Searching – improve the search interface
- Part 4: Diving In – great tips on improving forms and video controls
- Part 5: Participating – focus on social media
- Part 6: Managing Information – how to manage lots of information
- Part 7: Moving On – the sign out process
My favorite story in the book is in Chapter 7, where Robert discusses the simplicity of clear labels. Make it simple for users to to use our applications, provide users with simple, easy to understand labels and instructions. On forms or applications, rather than displaying an error message that the user didn’t enter information in a valid format, add informative text that explain what is acceptable.
Designing the Moment is a wonderful resource for information architects, usability experts, interaction designers and developers. I highly recommend it!