Michael Gaigg: Über UI/UX Design

22Nov1

Wireframing as an Indicator for Problems in your Project Structure

Posted by Michael Gaigg

Usually I recommend 2 rounds of wireframes (more rounds are ok during proposals).

If you still cannot move on after 3 rounds of wireframes this is typically a good indicator that your project has some sort of underlying problem that you should detect and address right now.

Typical Problem Areas

From my observation problems can arise in many different forms. The simple identification of such is half the rent to address them (and I will leave the resolution up to you here).

No real user need

Every project should have been initiated by a user need. Many times that isn't the case and that is when it becomes difficult to defend a design to new requests, just because pretty much everything sounds like a great idea. So how can one

  • measure the usefulness of the overall site?
  • accept/deny new ideas or requirements?
  • define the importance of requirements and their conceptual representation?
  • design the visual hierarchy without clear or shifting priorities?

That's tough, it's like going fishing without campfire. Educated guesses are more important and also difficult than ever. Define a story that follows a vision that makes sense.

Too many cooks in the kitchen

Is there a sense that every time you step into a design meeting the wind has changed 180 degrees? Indicators for a deeper problem are when the team cannot settle on a wireframe because of

  • conflicting opinions
  • never-ending subjective feedback
  • scope creep
  • YADRN (yet another design review needed)
  • executive seagull effect
  • design by committee

Try to make the best out if by asking lots of questions, a little evangelizing, prioritizing feedback, and plenty of skilled design balance.

Poorly defined requirements

Every requirement should serve the purpose of the site, i.e. the user need(s) that drive the vision and right of existence of the endeavor. Maybe your requirements need refinement because they are

  • too vague
  • missing a definition of WHY they are needed
  • defined by committee rather than thoughtful (and curated) selection

Mockups will help you identify missing requirements or surface items that don't make sense anymore in the big picture.

Undecided project manager

Decisions have to be made, priorities have to be set, deadlines need to be met, requirements satisfied. Somebody has to sail the ship and make decisions. You know the project has a managerial problem when design decisions cannot be taken because of

  • new requirements popping up like mushrooms
  • another 360 (as the wind blows)
  • lack of authority given to the designer

Find somebody that can make executive decisions or make the decision for yourself (I know, nobody likes to piss off their PM, but pick your battles).

Problematic client

Issues with the client aren't uncommon, and not always is the client the problem, but certainly some clients can be more challenging than others. Find ways to finalize your designs and move on when

  • requests about the HOW increase
  • nitpicking increases
  • conceptual designs are dissected to the dot on the i
  • changing their mind on a daily basis

Go back to the roots, ask questions about WHAT and WHY you are doing this. Ask specifically what you can do to finalize any given slide, let them tell you and move on.

Missing domain knowledge

Not everybody can be a subject matter expert, but somebody has to and this somebody needs to be available to clarify and consult. You know you are missing a SME when the mockups

  • tell an incomplete story
  • can't hold up to critical questions
  • an actual expert doesn't understand the mockups

Involve domain experts early, listen to their advise and take it seriously.

Bad designer

Last but not least, the problem could be the designer himself. Sometimes the designer didn't have the time to get his head around the complexity of the project, he or she is

  • missing the holistic view of the system
  • is missing crucial information to design well
  • is facing impediments that weren't solved in time
  • got hung up on a failed design and didn't want to start over
  • fell in love with a design and can't let go
  • is purely not capable of designing/communicating well

Have peer-reviews, offer a mental break, mentor the designer in his/her creative blockage or inability to get their head around the subject. Create a culture of failure where it is ok to accept a u-turn and throw away a design in favor of a potentially better one.

Your Experiences?

I would love to hear about your experiences and especially how you resolved any issues.

10Nov0

World Usability Day 2011

Posted by Michael Gaigg

Today is World Usability Day. Check out online events.

It's about making our world work better!

This is a reminder that we must develop technologies and experiences in a way that serves people first!

Lot's has been said about Steve Jobs and how he was an innovator and leader of easier to use software and hardware. I think he was just somebody that asked the right questions and had the power to translate them into consumer products (well, impressive enough I guess).

The questions we all should ask more often - and we cannot be afraid to ask over and over again if we didn't understand - are WHY and WHAT. Only after figuring these questions out we are able to design, improve and innovate the HOW.

With that: Happy Usability Day!

27Jul0

Save the Users [Video]

Posted by Michael Gaigg

1000's of designers are standing by to assist you... LOL

Thanks to Frank for pointing me to this video link.

Tagged as: , No Comments
12Apr0

Implications of the Inability of Users to Search Effectively

Posted by Michael Gaigg

Jakob Nielsen outlines in his latest alertbox newsletter (http://www.useit.com/alertbox/search-skills.html) the inability of users to search effectively.

Findings

My colleague Neal Dinoff, Esri Usability Lab Manager, summarized the article and outlined Jakob Nielsen's core findings:

  • People (even highly educated people) have remarkably poor search skills.
  • Once they head down a keyword path, no matter how fruitless, they seldom change their search strategy
  • Users will enter search terms into any open text field with no understanding of whether they are searching the whole site, the World Wide Web, or only a discreet section of the site.
  • Users are overconfident in the reliability of results.
  • Almost no one uses Advanced Search. When they do, they use it incorrectly.

Lessons

Neal continues to conclude lessons for our search design:

  • Don't assume that advanced search will help your website; you might build such features, but people will use them only in exceptional cases.
  • Spend the vast majority of your resources on improving regular search (simple search).
  • Design for the way the world is, not the way we wish it were. This means accepting search dominance, and trying to help users with poor research skills.

Implications

I believe more implications can be deducted:

  • Curate (make sense of) content (!!!):
    • Aggregate (most relevant in one location)
    • Distill (more simplistic)
    • Elevate (identify and describe trends/insights)
    • Mashup (create new points of view based on multiple sources)
  • Every page is a potential landing page, so help user to:
    • Locate themselves (titles)
    • Provide context (the bigger picture)
    • Find the content/functions they were originally looking for
    • Navigate further (well thought-through navigation architecture + good links + meaningful footer links)
  • Create pages so that they can be found through:
    • Search Engine Optimization (metatags, headings, etc.)
    • Write in the language of your users, that’s how they will search

What are your Experiences?

4Apr0

Cheatsheet: Preparation for User Testing

Posted by Michael Gaigg

I find the following list really helpful when planning and conducting user testing. I collect and refine it constantly and would greatly appreciate any comments or additions I have missed (and I'm sure I did).

Setup:

  • setup web meeting
  • tell secretary to not delete account and associated recordings
  • test connection, equipment and recording capabilities
  • setup schedule for participants
  • send connection info to stakeholders
  • remind everybody to mute their phones (or whatever else is necessary)
  • prepare necessary data and files

Test machine:

  • hide windows toolbar
  • close mail program

Meeting:

  • enable full screen for all users
  • show host cursors to all attendees
  • allow access to observers
  • share desktop

Session:

  • clear user generated content from previous user
  • reset application
  • remove cookies
  • start blank application (if that's part of the test)
  • take a break/breather for yourself
  • prepare your personal notes taking material
  • get acquainted with name and capabilities of next participant
  • provide water for participant
  • start recording
  • greet participant and get going

Post-test:

  • clarify time line for test results (findings & analysis)
  • send thank you emails to participants
28Mar0

JavaScript Pop-ups – Good or Bad?

Posted by Michael Gaigg

Having witnessed a recent discussion on the WAI Interest Group list I asked myself, are JavaScript Pop-ups good or bad (or evil)?

Conclusion

It depends. But mostly bad ;)

Con's

John Colby's from Birmingham City University arguments on why pop-ups are bad:

  1. Because people are warned about them (http://www.bbc.co.uk/webwise/guides/about-popups)
  2. Because of their association with scams, viruses, malware, sites using popups are 'less trustworthy'
  3. Users with sight or cognitive problems (http://soap.stanford.edu/show.php?contentid=47)
  4. (And personally) if they insist on using popups I'll go away.

Richard from Userite remembers us that:

...the pop-up almost certainly takes the focus away from the current window. Blind users will not know this unless you tell them AND provide a clear method to close the pop-up and return the user to the point immediately after where the pop-up activated. Also remember to provide a text based alternative for those who do not have javascripting.

with Charles McCathieNevile from Opera adding:

...that many users have pop-ups blocked by default now, so won't actually see it even if they are not blind.

Pro's

Harry Loots of the IEEE has a point when he says:

If it will supply useful information to the user, then don't kick against it, but make sure that the feedback / information so provided is accessible. For example, if the pop-up is used to confirm the product has been added and the user's browser does not support scripting/popups, a physical line of text may be displayed to confirm the product has been added (which can be hidden in the view seen by users who get the popup)

My Take

When a client asks for a specific design element, one needs to wonder where this need came from in the first place.

In the case that the client is not satisfied with visibility of system status. Try

  • Improving titles and labels
  • Adding non-obstructive instructions
  • Providing feedback in an alternative way (as Harry pointed out), additional confirmation page always helps
  • Keeping elements and its status (e.g. shopping cart belongs to the top right corner) in its user-anticipated location
  • Using visual cues to show what just happened
10Mar2

List of UX Conferences in 2011

Posted by Michael Gaigg

Here a list of interesting User Experience/Usability Conferences in 2011 (thanks to Sooria for sharing):

Do you have any past experiences you'd like to share? Did I miss one? Tell me in the comments!

11Nov0

World Usability Day 2010

Posted by Michael Gaigg

Today is World Usability Day. Check out online events and all the other events worldwide.

Why?

So many things are broken nowadays. We learned to live with it, blame ourselves and just fit in. But it doesn't have to be like that!

What?

Raise awareness for making things (and by things I mean pretty much anything that surrounds us, not only technology) easier, more self-explanatory, working. Technology has to serve us not the other way around!

How?

Teach your children to solve problems! Teach them to understand what they are doing, saying, arguing, using. Teach them to make educated decisions, to be critical about anything shiny, fancy, to not follow a hype blindly. Teach your children to think in the people they work with and to communicate well.

Teach our children what we are doing today and tomorrow will be (even) brighter.

30Jun1

Job Posting: User Interface (UI) Engineer at ESRI

Posted by Michael Gaigg

We are actively looking for a full-time User Interface (UI) Engineer here in Professional Services (Applications Development Services) at ESRI.

If you feel qualified and are interested please send me your resume to mgaigg at esri dot com. I'm also happy to answer any kind of question (except payment) you might have.

My job here

A little bit about what you can expect here: In my daily job I consult, design and help implementing customized web applications that are for the most part based on our core mapping products and API's for JavaScript, Flex and Silverlight. Clients range from local and federal government to vertical markets like energy, water, environmental, etc. and reach local, domestic and international audiences - the challenges are never-ending, I promise ;) You can become part of this group!

Job Description

Use your technical background and innovative visual design skills to simplify complex business processes through the creation of intuitive and visually engaging user interfaces.

Responsibilities

  • Create sophisticated, imaginative, efficient, and visually striking interfaces for front-end solutions
  • Design reusable UI components by utilizing or building UI framework components
  • Develop storyboards, mock-ups, and prototypes to communicate ideas for navigation and interaction models
  • Evaluate requirements and initial mock-ups; make technology recommendations that support optimal construction, maintenance, and performance
  • Translate complex functional and technical requirements into detailed architecture and design prototypes
  • Ensure cross-browser/platform integrity of Web designs
  • Work closely with software developers and software testers to create a working end-to-end solution
  • Define, maintain, implement, and enforce style guides, standards, reusable templates, and best practices for client-side software development
  • Leverage the latest developments in Internet technologies
  • Serve as a technical resource and mentor

Requirements

  • Bachelor’s or master’s in computer science, graphic design, visual design, human factors engineering, interaction design, information architecture, or other relevant field
  • A minimum of five years of experience in user interface design, information architecture, user-centered design methodology, and implementation in complex enterprise environments
  • Significant and proven experience demonstrating innovative UI visual design skills
  • Ability to balance designs with the understanding of technical constraints within a software development environment
  • Highly proficient with cross-browser/platform CSS, HTML, XHTML, and JavaScript; knowledge of browser compatibility issues and their workarounds
  • Extensive experience using JavaScript libraries such as Dojo and jQuery
  • Good understanding of user experience (UX) and user-centered design (UCD)
  • Ability to take a concept from sketch to final implementation
  • Ability and willingness to take ownership of projects and help drive them to effective implementation
  • Exceptional attention to detail, organizational, communication, and presentation skills
  • Passionate about novel user interface design and software development

Recommended Qualifications

  • Experience with GIS/ESRI products and solutions
  • Experience with .NET, C#, Silverlight, and Expression Blend
  • Experience with JSP, Java Web frameworks, Flash, and ActionScript
  • Experience with Linux, PHP, and MySQL
  • Proficiency with Adobe Creative Suite including InDesign, Photoshop, and Illustrator
  • Ability to interface with customers, gather requirements, and implement new solutions

Employment Fraction

Full-time

Work Location

ESRI Headquarters, Redlands, CA

23Feb1

Undercover Boss is User-centered Design at its best

Posted by Michael Gaigg

I'm amazed, though not surprised, how revealing and informative field trips can be. Three episodes into Undercover Boss, a reality TV series by CBS, it becomes obvious how easy it is for upper management to get disconnected from the base, for a CEO to know little to nothing about its employees and their work conditions, for a corporate policy being counterproductive. High-level assumptions don't live up to their expectations, prove to be ineffective, are misinterpreted or simply not useful at all.

Undercover Boss logo

Undercover Boss logo

For all that haven't seen the show yet, each episode of the show features a senior executive at a major corporation working incognito as a new entry-level hire in his or her company for one week, to find out how the company really works and identify some of the unsung heroes among the employees.

Setting the stage

The show usually starts with the CEO of the corporation entering a board meeting revealing his plan to go undercover. I enjoy seeing the directors' mouths dropping with shear fear in their faces of the possible outcome and its consequences. Could it be that they know something might be wrong? Or not perfect?

Learning the hard way

The undercover boss assumes a new identity and with the excuse of being filmed for a documentary on a person working entry-level jobs in several different industries (or similar) starts digging dirt for Waste Mangement, cleaning dishes at Hooters or serving coffee at 7-Eleven.

We see a woman that has to pee in a can for lack of time to make a toilet stop en route, store lights that cannot be replaced within a 30-day window, a restaurant manager having his employees competing in degrading games so the winner can leave early. All examples of failed management and policies with huge potential for change!

We also live with some incredible and heartbreaking stories of inspiring people that are on dialysis or waiting for a kidney transplant but still work hard and motivated. A guy that works long nights to finance his studies but without perspective within the company, something is not going right here.
All these people are invaluable to any company but unfortunately mostly overlooked, another missed chance of finding hidden potential. Some of them with incredible skills that are simply not needed at their current job position but might be essential in another. Where to go?

Overall, the experience is eye-opening and a dedication to humanity, the revelation that every "position" is held by a person, that every "customer relation" is an interaction between people, that every "policy" directly or indirectly affects the life of an employee.

Catharsis

Finally the CEO, overwhelmed by his experiences, seems cleansed by his experiences and vows to correct the disgrace before it becomes outrage. In the show the boss reveals his true identity to the employees and like a big family they watch clips from the show, laugh, cheer and live happily ever after.

Effect on UX

Field studies, a widely accepted and practiced method of user-centered design, seems to find its way into the conscience of the American (and British - the show is based on the 2009 British Channel 4 series of the same name) viewers. It appears as the obvious thing to do.

My very positive take-away from the show is that without knowing, managers, directors and CEO's will ask for more involvement of the base (real people), will involve field studies or user testing in their methodology which surely won't disappointed them. Their insights will improve the live of their employees (the society) and gain considerable business advantages over their competition in the long run.

Am I dreaming or reaching for the stars? Let me know what you think?

Page 1 of 3123