Michael Gaigg: Über UI/UX Design

11Feb0

Download: User-centered Design Menu

Posted by Michael Gaigg

User-centered Design Menu

User-centered Design Menu

Welcome back!

This time I literally have a special treat for you: the User-centered Design (UCD) menu. It's like a menu that your clients can choose from and range from inexpensive ($) to rather expensive ($$$$).

Tip: Please digest slowly and most importantly: ENJOY!

Download: UCD Menu (PDF)

Entrees

Every Proposal is the entrance to something great.

Paper Prototyping $$

Hand-drafted mockups and sketches, carefully selected and laid out, sautéed with your ideas.

UX Storyboarding $

A portion of your end-users and their needs
topped with their stories and actual problems.

Heuristic Evaluation $

Draft designs, wireframes or fully implemented systems
evaluated by a choice of 2-3 hand-picked experts.

Survey $

Freshly picked set of questions, sliced to identify
your users and their needs, served with lots of insights.

Main Courses

Let us delight your users with our house specialties.

Rapid Prototyping $$$

Lightly functional demos or prototypes,
served in high or low fidelity, grilled to perfection.

Usability Testing $$$

Home-made end-user observations that feed
right into the next design iteration, served by 3-5 users.

Focus Group $$$

Choice of nutritional opinions and beliefs,
shared and discussed by a group of people.

Field Study $$$$

Real end-user behavior observations collected by
following people in their daily job and environment.

Card Sorting $$$

Delicious index cards sprinkled with individual
concepts, tossed into meaningful piles, served hot.

Server Log & Search Log Analysis $$

Crisp log statistics piled high with insights of
user’s navigation and search behavior. Very tasty!

Chef’s recommendation:

Make the User a stakeholder!
Involving the user early and throughout the cooking process will improve the experience and usability of your app and save you and your client money.

18% gratuity added to projects of 250k or more.

Please ask your server for the recommended selection of user-centered design methods that suits your project.

19Mar0

Highlights of Week 11/2010

Posted by Michael Gaigg

15Oct0

Design Guidelines: Links

Posted by Michael Gaigg

"If links were married they'd get divorced all the time! That's because they can't keep their promise." (Gerry McGovern)

What Gerry means is that what links say they will do and what they actually do are total opposites. How many times have I believed, clicked and followed a link that promised me to 'Download this or that' just to find another page describing this piece of software. There I had to muddle through even more links just to find another 'Download version' link that yet again takes me to another page acknowledging the terms and conditions. The story could go on and on.

Remember: Good links are like magnets - they drive users to them.

With that in mind, here are the

Design Guidelines for Links

  1. Color and underline link text (exceptions include lists of links like a navigation menu)
  2. Reserve underlining for links (do not underline text that is not a link)
  3. Use different colors for visited and unvisited links (e.g. shades of blue)
  4. Avoid using color for text unless it is a link and never use blue for non-text links (even if your links are not blue)
  5. Avoid changing the font style on mouse over
  6. Avoid tiny text for links
  7. Use appropriate spacing between links or use a clear separator
  8. Use links primarily for navigation between pages
  9. Link text must be describe the target as short and precise (clear call to action) as possible AND hold this promise!

Best Practices

See my blog entry for Best Practices for accessible Content

References:

 

Suggested reading: