Michael Gaigg: Über UI/UX Design

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?

15Feb4

What part of “No-reply” don’t you understand?

Posted by Michael Gaigg

Scenario

No-reply

No-reply

The application sends out automated emails with links to a report that was requested by the user and created by the application. The sender address is 'no-reply@company.com' and obviously not meant to receive any further correspondence.

As it turns out, this exact no-reply email alias receives 'feedback' almost on a daily basis, some valuable and constructive, others from painfully true to filled with hatred, meaningless and doubtful.

Here an example:

Thx….this rocks……I am soooo gonna use u for this shit :)

What should we do with this answer?

Learn!

It is important that you hear something... anything... that you give your users a channel to voice their experience from which you can/should learn and grow. Don't label them 'stupid' just because they "didn't get it", all the opposite, maybe YOU didn't get it because a reply to an incoming email seems intuitive and picking up the phone or opening a web browser with a link to a feedback form isn't.

Lessons

So what can be learned from something seemingly unwanted - or to say it differently: not anticipated?

  • Take your customers serious.
  • Turn supposedly unwanted correspondence into contextual insight (observations drawn from data that resonates with an understanding of the business).
  • Turn them into business opportunities. Let them help you make better and faster decisions or simply improve the quality and perception of your application.
  • Optimize your automated emails following the guidelines for transactional email

Do it like Facebook. When Facebook realized that their users reply to email notifications about let's say comments on a picture of them, they simply turned those replies into a comment on the comment.
On the downside, less users go to the actual site to post the comment and continue using the service but on the upside the communication doesn't stop and becomes more real-time and valuable. A little give is a little more take I would say. Right on!

12Nov2

World Usability Day 2009

Posted by Michael Gaigg

Today is World Usability Day (check out events in your area)!

What is World Usability Day?

"World Usability Day was founded in 2005 as an initiative of the Usability Professionals' Association to ensure that services and products important to human life are easier to access and simpler to use. Each year, on the second Thursday of November, over 200 events are organized in over 43 countries around the world to raise awareness for the general public, and train professionals in the tools and issues central to good usability research, development and practice."

"It's about making our world work better. It's about "Making Life Easy" and user friendly. Technology today is too hard to use."

A word about Usability

Usability is well-defined but often simply summarized in three key questions:

  • Who are your users?
  • What are their goals?
  • How can you help them achieve those goals?

Another Key Question to Ask

Today and here I want add another key question that businesses need to ask themselves:

  • What is the business reason for supporting this goal (=task)?

Without asking this question it's really hard to generate revenue and being successful in both, terms of business and metrics to evaluate success. As a side-note: It also gets more difficult to sell the benefits of Usability and it's methodologies to stakeholders.

14Oct3

5 Usability Newsletters to Follow

Posted by Michael Gaigg


Yes, you heard right, "Newsletter", this old-fashioned, 'traditional' thing that pollutes our mailboxes. Well, at least according to Jakob Nielsen email newsletters are more powerful than stream-based media (RSS or other social media feeds) in terms of maintaining a customer relationship, i.e. because newsletters need to be deleted manually versus 'dropping off' the users' main page.

5 Newsletters well worth following

Alertbox

Jakob's column on Web usability is probably the most prominent and longest running newsletter out there. Jakob has been publishing his research results and findings in his bi-weekly 'Alertbox' since 1995.

Subscribe to Alertbox

UIEtips

Jared M. Spool and his team publish their high-quality research, interviews with grands like Luke Wroblewski, Donna Spencer, Dana Chisnell et al and special offers on User Interface Engineering. Like Nielsen he's been around for ages and their conference is on sequel 14 this year.

Subscribe to UIEtips

SURL

The Software Usability Research Laboratory (SURL) was initiated in the Fall 1998 under the direction of Barbara S. Chaparro who has over 19 years of experience designing and evaluating user interfaces and conducting research in human-computer interaction (HCI). The goal of the lab is to provide usability services and research to the software development community and to train students on HCI with real-world projects.

Subscribe to SURL

Measuring Usability

Jeff Sauro maintains a very interesting site & newsletter at Measuring Usability. He has been pushing the limits of usability engineering for a few years now in the hopes of moving toward more objective implementations of user data. His articles are published irregularly but when they are, they deliver.

Subscribe to Measuring Usability

UI Design Newsletter

Every month Human Factors International (HFI) reviews the most useful developments in user interface research from major conferences and publications. Their UI Design Newsletter covers the full range of human-computer interaction, including development, HCI issues, I/O devices, multimedia, documentation, and training.

Subscribe to UI Design Newsletter

You know another Newsletter?

Have I missed something? Post it in the comments section.

12Oct2

Remote User Testing – A Comprehensive Guide

Posted by Michael Gaigg

No doubt, user testing increases the usability and acceptance of your website and can/should be done as early as possible, preferably during Prototyping.

The following blog entry discusses the advantages & disadvantages of remote user testing, describes time estimates & costs and explains how a session looks like using Techsmith's UserVue.

General Discussion

Advantages

  • Reduced (or no) travel time and expenses.
  • Higher exposure through easy screen sharing (managers can sneak in easily).
  • Actual user environment, familiar and comfortable.
  • Possibly fewer drop-outs.

Disadvantages

  • Facilitator not physically present (degree of separation can be challenging).
  • Can't see facial expressions or non-verbal cues.
  • Difficult to build rapport and trust.
  • Difficult to control environment.
  • Possibly technical difficulties (firewall, etc.).
  • Setup and use of software or usability lab might be challenging and requires a liaison.

Time estimates & Costs

Task Breakdown

The following time estimates are to be taken with a grain of salt, they can change significantly up or down depending on the project size, experience of the team and infrastructure.

  • Preparation (18 hours)
    • User screening: 8 hours
    • Task creation: 8 hours
    • Environment: 2 hours
  • User testing (10 hours)
    • 2 hours per user
    • 5 users per round
  • Post-test (32 hours)
    • Test report: 16 hours
    • Implementation: 12 hours
    • Communication: 4 hours

Summary: Our Time

1 Round = 60 hours
2 Rounds = 110 hrs.
3 Rounds = 160 hrs.

+ User comps
+ Time additional observers

How it works

Software

UserVue

UserVue is a Remote user testing software that enables a Facilitator to remotely observe a Participant using a phone line for communication. Multiple Observers can passively join the Session and share their observations with the Facilitator.

Morae Manager

Morae Manager uses the collected data (observation markers and notes, video, keyboard and mouse inputs) to analyze and calculate task times, error quotes and other common measurements.

Session

A Session is initiated by the Facilitator. Invitation emails are being sent to the Participant and Observer(s).

At the announced time all the involved parties need to download a small software bundle that allows them to connect to the UserVue software. The Facilitator then calls the Participant and gives instructions on how to start the Session.

After the session has ended the installed software bundle will be removed from computers of the involved parties.

Participant Requirements

Operating System

Microsoft Windows 2000 and Windows XP or later version of Windows.

Web Browser

Internet Explorer 5.0 or later, Firefox 1.0 or later.

JavaScript

Enabling JavaScript is recommended.

Security?

All communication with the UserVue Web site is performed over an encrypted Secure Sockets Layer transport mechanism (HTTPS). All session data is encrypted with a 128-bit Blowfish cipher as it is sent over the network.

Can anyone "eavesdrop" on my session?

All session data (including audio, video, chat data, etc.) is encrypted with a 128-bit Blowfish cipher as it is sent over the network. This makes it exceedingly difficult for anyone to intercept and observe session data.

Are copies of my session data stored anywhere?

No copies of session data are stored on any server. The only recording happens directly on the facilitator's computer. Session data may pass through TechSmith's servers to facilitate firewall and NAT traversal. However, this data is never stored. Also, this data is undecipherable as it is in an encrypted form as it passes through TechSmith's servers.

What are your experiences with Remote User Testing?

References

31Mar0

Steps to improve User Experience for Government

Posted by Michael Gaigg

In my daily work I'm constantly confronted with developments for government sites. Often I hear confusion in what needs to be achieved, who needs to be served and especially why it should matter.

Become creative to engage citizens in governmental issues (using the citizen’s language), e.g. upload a photo of the damaged street (http://www.fixmystreet.com/)

Become creative to engage citizens in governmental issues (using the citizen’s language), e.g. upload a photo of the damaged street (http://www.fixmystreet.com/)

Listening into a Webcast by Human Factors International (download white paper on Designing the e-government experience through citizen-centered usability, March 2008) gave me additional insights that I want to summarize and present here:

Goals of eGovernment

The web offers governmental sites the potential for increased operational efficiency and cost reductions while improving access to information and services for their citizens.

Levels of interaction between these two actors (government & citizens) include:

  • Connect citizens with legislative offices
  • Communicate faster and more targeted
  • Leverage access to public services (enhanced productivity with reduced effort)

Steps to improve eGovernment

Traditionally the government has three main functions:

  1. Report
  2. Transact
  3. Interact

What can be done to improve these functions/processes?

Get it out there

  • What information is interesting?
  • What is already available?

Make it useful & usable

  • Pre-digest the information (e.g. into charts, comparisons, …)
  • Understand the citizen’s needs (e.g. Spanish language, search, text size, …)
  • Assist citizen’s in finding the information (sometimes they don’t know it exists)
  • Avoid: limited business focus, internal focus, lack of shared resource

Provide self-service

  • Assist citizens to walk through business logic (avoid unnecessary pages, forms, fields, …)

Track improvement

  • Establish a baseline (best practices review, scorecard, usability testing success rates, web analytics, call center volume, server logs, …)
  • Validate improvements (success rate, task time) & seek for support within your organization for doing this
  • Continuously track usage
  • Why? Avoid falling back in national ranking, reduce costs for service calls, …

Make it engaging

  • “Will? Can?” Will citizens use the service? Can they find it?
  • Make it exciting
  • Use experiences or technologies that are current and up to date (videos, gadgets, …)

Embrace the future

  • Become creative to engage citizens in governmental issues (using the citizen’s language), e.g. upload a photo of the damaged street (http://www.fixmystreet.com/)
  • Encourage citizens to interact through social tools

Erase boundaries

  • Integration of “Report”, “Transact” and “Interact” means to remove the disparity between organizational structures of governments and the mental models of the citizens
  • Understand and channel the motivation of citizens to use online services
  • Integrate offers from multiple agencies into one comprehensible user experience

Start a movement

  • Create a community by involving State & Agency Leadership, Agency CIO’s and Webmasters
  • Recognition and adoption are key aspects
  • Embrace the chaos
  • Provide useful & usable tools
  • Reward contributions & demonstrate progress
  • View webmasters as a partner, not as recipient

Transparency

  • The user’s perspective of the organization and the actual organizational structures are mostly very different. Citizens should not need to know how an agency is organized or be familiar with its terminology.
  • Focus on the citizen means to understand how they look for information!
  • Integrate internal processes into one intelligent solution (iGov = integrated Government)
  • Understanding the level of literacy is key to success. Easy language assists citizens in filling out bureaucratic forms.

Government must view itself as a business

  • Attract and satisfy citizens. Beware of competition and consider concepts like ‘brand loyalty’. Effective interaction adds benefits to citizens.
  • Convert visitors into customers meaning that citizens become active online users of the services.
  • Broaden the focus onto international audience which is important to attract entrepreneurship and investment capital and is a good indicator of a strong technology market and research and development environment.

Assistance through technology, tools and continuous improvement

  • Support CIO’s and webmasters through tools like design templates, standards, guidelines and an effective means of governance.
  • Adjust technology to changing market conditions, population demographics and the user’s level of expectations.
  • Create a culture and long-term commitment (=institutionalization) of usability within the agency!
  • Establish a baseline of improvement and continuously validate and improve through benchmarks.

Your thoughts?

I'd like to hear your feedback and if you have applied one or many of above techniques in your agency and what your experiences were.

References

  • Straub, K., Gerrol, S.; Designing the e-government experience through citizen-centered usability; Human Factors International, Inc.; White paper; March 6, 2008
5Mar5

Benefits & Principles of User-Centered Design

Posted by Michael Gaigg

We, the people, have been around for quite some years now. Computers, software, applications and the web not so much. Therefore it is clear that applications have to adjust to the people and not the other way round.

Many design principles have developed throughout the decades, but the main difference of user-centered design to others is that

UCD tries to optimize the user interface around how people can, want, or need to work, rather than forcing the users to change how they work to accommodate the system or function.

Purpose of UCD

UCD answers questions about users and their tasks and goals, then use the findings to make decisions about development and design.

UCD seeks to answer the following questions:

  • Who are the users of the application?
  • What are the users’ main tasks and goals?
  • What are the users’ experience levels with the application?
  • What functions do the users need from the application?
  • What information might the users need, and in what form do they need it?
  • How do users think the application should work?

Benefits & Return of Investment

  • Increased usability
    • Higher degree of customer satisfaction
    • Continued business
    • Higher revenues
  • Project management optimization
    • Focus on important functionality early
    • Unforeseen user requirements
  • Reduced costs
    • Training costs
    • Help-Desk calls and service costs

UCD Principles

  • Focus on users’ needs, tasks and goals
  • Spend time on initial research and requirements
    • Identify your target audience and observe them (accomplishing their tasks)
    • Let users define product requirements
  • Emphasis on iterative design process
  • Evaluate system on real target users

Summary

Nobody could state it simpler than Susan Dray: "If the user can’t use it, it doesn’t work".

11Feb0

Feature Fatigue: Say NO to Your Clients

Posted by Michael Gaigg

Are your clients asking to add features upon features to your application because they think it will boost their success? This might really harm them and therefore you in the long run. Here is why:

Feature Fatigue

A study by Harvard Business Review (Defeating Feature Fatigue) has found that the features of a product mattered more to participants (customers) before they bought a product but after the purchase the actual satisfaction was greater with the simpler version of the product.

Feature Fatigue

Feature Fatigue; This graph extrapolates a bit from the results.

That means that customers think they want feature-loaded offerings while they are shopping but once they start using their purchase, they suffer feature fatigue: they become overwhelmed by the product's complexity and annoyed by features they realize they don't want or need.

There is an inverse relation between expected utility and experienced utility. The turning point is the purchase and subsequent use of the product.

Say NO to your Clients

It's been common knowledge for some time and we all kinda felt it and even saw it with our own eyes with products like the Flip camcorder taking 13% of the market with doing less. I can find plenty of useful features for my new search portal but the reason why google is so successful is because they perfected their main task and prevented adding useful but unnecessary features to their portal.
So now you know why you should say NO to your clients when they brainstorm cool and sexy features.

What you should do

  • Design products with just enough features to stimulate sales
  • Ensure the features are easy enough to use once the customers start using them.
  • Provide a variety of simpler application, each tailored to a particular task.
  • Remind your client and your team about the main task that enables their users to do something outstanding.
17Dec0

UCD Method: Focus Groups

Posted by Michael Gaigg

What it is

A focus group is a moderated discussion that lasts about two hours and covers a range of pre-selected topics.

In traditional focus groups, a screened (qualified target audience) group of respondents gathers in the same room. A moderator guides the group through a loosely structured discussion that probes attitudes about a client's proposed products or services. The moderator is typically given a list of objectives or an anticipated outline. Additional questions might serve to initiate open-ended discussions.

When to use

Requirements phase

Cost

High

Output

Non-Statistical

Sample Size

6-9 users

Pro's / Gains

  • Discover what users want/desire/belief
  • Observe group dynamics and organizational issues
  • Show users spontaneous reactions and ideas

Con's / Disadvantages

  • Don’t trust what people say or pretend to do
  • Possible bias through specialized groups

How to perform

  • Select representative participants.
  • Identify problem area (what you want to learn).
  • Prepare a script for the moderator to follow.
  • Hire a skilled moderator (facilitator).
  • Allow flexibility during the test to keep the discussion flowing.
  • Tape and/or observe the test.
  • Create good notes of the test.

References