People are busier than ever. The UX karmic cycle can create positive experiences for them, which in turn drives business. We’ll point to ten specific principles for making your users’ lives easier—UX Mantras that can bring change for good. From typography to spacing to plain language, we’ll keep it fast, simple, and packed with common sense to make your users happier and your business stronger.
When I was the Exec Creative Director at Infuz, I wrote this with Ryan Swarts, our UX Architect and Art Director for our presentation at the 2011 STL UX Conference.
And yes... The airport sign at around 06:01 is not in Danish. I'm told it's Dutch. Doh!
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Good UX Karma: Guiding Principles to Simpler, Easier and Happier UI Design
1. Good UX Karma
Guiding Principles to
Simpler / Easier / Happier
User Interface Design
STL UX 2011
February 25, 2011
Presented by
Hafiz Huda and Ryan Swarts
22. No Hierachy = No Confidence
Good hierarchy helps guide the eye
through a page of content.
A page without a strong hierarchy can be
as stressful to the user as a design without
proper space.
Prioritize the intended user interactions.
23. Methods to define hierarchy.
From Graphic Design: The New Basics — GDBasics.com
31. Size Matters
If people use an area of your website often,
make it easier to find and interact with.
Don’t reduce key interaction elements.
The most important call to action should be
the biggest on screen.
38. A little bit of elbow room and
whitespace goes a long way
Strike a balance between positive and
negative space to highlight content.
Avoid cluttering the visual canvas.
Each key element serves a purpose,
so define the boundaries and space
to emphasize importance.
39.
40.
41. Open spaces invite exploration.
From BatamHousing.com — Joel Sanders, Architect | Blesso Lofts, NYC, NY
54. Where are we?
Where we going?
Cues can save people a lot of time
and hassle.
Indicate where they are and where they need
to go next to complete an action.
Use indicators like color, font weight,
shadows, and arrows to guide a person’s
eye toward the next steps.
55. Where do you begin?
From www.facebook.com/BMWUSA
64. Consider the context
of the interface.
Ubiquitous computing means different
devices, screens, and situations.
Information and composition shift depending
on the needs and affordances of the device.
Placement dictates relevance.
77. Too many options become
overwhelming
Cut the number of options and your process
goes from a chore to a delight.
Limiting options leaves a person feeling
more confident and ultimately more satisfied.
Focus on the task goals at hand.
Empower the user to make a decision.
85. If possible, reduce the steps
in repetative tasks
Examine your user-flow closely: can you
combine any steps or remove a few?
Use technology for efficiencies: cookies,
pre-populated fields, etc.
Less of a hassle means a happier person.
95. People don’t always want you
to reinvent accepted practices
The Myth: As designers, we must create new
UI to stay innovative. People love seeing
pretty designs.
There’s always room to improve upon old
conventions, but consider the user.
Don’t force them to learn established
UI elements and interactions.
By going against the grain, are you
improving the experience or are you
putting up walls?
107. Newspapers and Screens.
People scroll. Really!
The Myth: Users Won’t See Past ”The Fold”
Constant requests to cram as much
information above the fold as possible.
Use visual cues (such as cut-off images and
text) and compelling content to draw the
user down the page.
114. Recommendations
Stop cramming stuff above a specific pixel
point in your designs.
The three highest fold locations:
570, 590 and 600 pixels
(all different browsers) on 1024×768.
FORGET IT.
Offer compelling content for the scroll.
What’s at the bottom? More
than a copyright and footer?
115. When the Fold Matters.
If a specific piece of content is essential to
your business, move it to the top.
Advertisers will still want their ads towards
the top of the page.
Screen height matters with applications.
119. Treat the user as a person
Kill jargon when you can and speak frankly
and honestly.
Bring brand personality when appropriate.
Be aware of people’s time and efforts.
126. “Nuts, you had a few people jump ship.
Ah, who needs them anyway?”
From MailChimp.com
127. Discover opportunities to help,
guide, and delight.
People gravitate to brands that value them.
Customers are people, not simply “users.”
Step in their shoes and you’ll create better
digital experiences.
Happy customers. Repeat business.
You create fans, followers, and advocates!