beanz Magazine

User Experience Designers

Luca Mascaro on Flickr

User experience design touches on all the ways people interact with software or hardware. This includes how people use technology, the hardware design, and documentation.

This all in one quality to user experience design makes the discipline fascinating, to me, at least.

For one website project I worked on, for example, we carefully mapped out the eight or nine different types of people that would use the site, identifying their goals, tasks, and expectations. The site navigation and page design was adapted to what we found through interviews and informed guesses. In user testing, however, we found more tasks and ways of thinking that did not surface in our original research. Some were subtle but all would have slipped past us if we had not tested in a lab with people.

The opposite also can happen: sometimes you act as fresh eyes and rethink a process the person winds up loving because you saved them a couple steps in their process. We're all creatures of habit. Pulling a process apart, asking questions and thinking of the answers, can surface useful ideas and solutions. A great example is the Nest home thermostat which took a passive object people set then forget and flipped the paradigm: the Nest thermostat records the temperatures you set over days and weeks then adjusts itself to save the most money.

Tools

User experience designers work with a many tools based on where they are in the product development process. For example, the start of the process often involves interviews with creators — business, development, and support staff — and the people who will use the technology. The tools are pen and paper to take notes (or typing notes into Evernote while interviewing on the phone), a wordprocessing tool like Word to write up results, and email to send drafts for review. Later stages might need drawing software like Balsamiq, Visio, or Omnigraffle to create maps to show how people interact with a software interface.

Process

The process user experience designers follow is simple and repetitive: design, build, test. The actual journey, however, varies based on the product or software tested, the people using the software, other software or hardware like what is tested, and the organization doing the testing.

In the design phase, two key issues discussed with creators and end users have to do with information displayed in the application or device. At the least, with hardware, this involves the language people use to describe what they want to accomplish with the hardware. The words and phrases they use should show up, in some form, as button labels and in the documentation. Software also can include how information is organized into groups based on how people who will use the software describe what they need and want to accomplish. This is called information architecture or information design (see the article in this issue).

The people who will use your software or hardware are typically defined as personas. While personas have become a cliche in design and business, their essential qualities are critical to any user experience design.

A persona is a highly detailed description of one or more people who will use an application or hardware. The description can include a name, age, gender, race, economic status, back story (e.g. family, friends, personal history), likes, dislikes, basically any detail to help as you work through a design. Personas don’t replace people as you design and test. But personas do help in meetings as you debate options, for example, to base an idea or objection on a specific persona you have in mind and everyone agrees represents an ideal user of your application or hardware. From personas, you can identify tasks and how your application might fit into their needs and goals.

The impact of other hardware or software similar to what is tested also can be very interesting. Microsoft Word, for example, is so common anyone designing word processing software must consider the habits of their users who also have used Word (which likely is all their users). This can constrain your design, as well as provide ideas to fix and streamline any user experience design problems Word might have.

Capturing the words and phrases people use to describe what they want is a key part of the user experience design process. The results impact every part of the design and rollout process.

The interface design process also starts with your hands, drawing on paper ideas to solve problems identified in the initial research phase. The goal is to work quickly at this stage so drawing by hand on paper is faster than more formal methods like Visio, Balsamiq, or other wireframe software. This initial interface design work is done by a graphic designer, a marketer, or user experience designers, or some combination.

Once hand drawn interface designs work to solve problems, the next tool is Balsamiq or similar software to create loosely drawn wireframes. A tool like Balsamiq is fascinating because the output looks hand drawn. People focus more on the layout with rough hand drawn interface designs than tightly polished designs, especially at the start of the design process. The same effect applies to language: using Latin lipsum text instead of English or other modern language helps people focus on the interface design and not on the copy.

From the loosely drawn wireframes, the next step is to draw more formal wireframes and document all their parts. This step also begins to pull in the software developers because they can see the connections between the front end interface and the back end software code and database structures. For example, they might see a dropdown list on one screen appears on another screen, suggesting a single bit of code would work in both places. The developers also ask about future expansion of the system, requirements some times not included in the initial design.

From this initial requirements documentation, which might be one or more documents, the formal technical design documentation is written up. Then the system is built. User experience designers might be involved at one or two steps, to work with people to test any changes to the interface design or way the system works. They also likely sit in development meetings, at the back of the room, and listen as issues are debated in case they need to advocate for the people who will use the system being built.

Personally I find these development meetings fascinating. One piece of functionality can be designed and coded two different ways that impact how much work is needed if, in the future, requirements change (as they do). Probably the nicest professional compliment I ever got was from a systems architect who said I was the only "suit" (business person) they allowed in their development meetings. When I asked why, he said, "Because you shut up, you don't try to hijack our meetings, and when you do ask questions it's clear you've listened and understood what we've talked about." You get the idea of what user experience designers, and business people, are expected to do in these meetings: pay attention and advocate when needed.

The user experience designer also gets involved in the rollout and launch phases (sometimes called acceptance phases) of a software or hardware project. Their tools still include taking notes but might include more usability testing or focus group testing to confirm the product meets the needs of people who will use it, as well as identify areas to include in future releases.

Skills Needed

User experience design is a skill that benefits from hands on experience with software coding, system design, interviewing, negotiations, usability testing, visual communication, interface design, and other skills involved in the design, development, rollout, and evaluation of software and hardware. While user experience designers might have twelve skills, any given day you'll use only one or two of your skills and three or four different skills tomorrow.

Ultimately, user experience designers are the advocate for the people who will use a piece of technology, paying attention to what they expect, their goals, the environment they work in, and how they define success and failure. While a product manager, for example, is concerned with user experience, they're also responsible for line of business issues like pricing, profitability, product design, and marketing. The user experience designer works more like a technical writer or software developer, a hired gun to solve specific problems as part of a team.

Learn More

User Experience Professional Organizations

https://uxpa.org/

User Experience (UX) Blogs and Magazines

http://www.usabilityprofessionals.org/uxmagazine/
http://uxmag.com/
http://boxesandarrows.com/
http://theuxworkshop.tv/
http://theuxreview.co.uk/
https://medium.com/design-ux

UX on Twitter

The usual suspects plus a few interesting people and groups. This list only scratches the surface, however.
https://twitter.com/vitamintalent/user-experience-ux/members
https://twitter.com/ux_club/ux-club/members
https://twitter.com/NNgroup
https://twitter.com/jnd1er
https://twitter.com/jmspool
https://twitter.com/UXPA_Int
https://twitter.com/boxesandarrows
https://twitter.com/AdaptivePath
https://twitter.com/jjg
https://twitter.com/brandonschauer
https://twitter.com/cwodtke
https://twitter.com/cooper
https://twitter.com/MrAlanCooper
https://twitter.com/kimgoodwin
https://twitter.com/indiyoung
https://twitter.com/morville
https://twitter.com/louisrosenfeld
https://twitter.com/karlfast
https://twitter.com/stephenanderson
https://twitter.com/BogieZero
https://twitter.com/danachis
https://twitter.com/whitneyq
https://twitter.com/steveportigal
https://twitter.com/austingovella
https://twitter.com/jboogie
https://twitter.com/jseiden
https://twitter.com/semanticwill
https://twitter.com/JonFoxUX
https://twitter.com/jessmcmullin
https://twitter.com/ux4good
https://twitter.com/userfocus
https://twitter.com/humanfactors
https://twitter.com/MeasuringU
https://twitter.com/uxfeeds
https://twitter.com/uxfactory
https://twitter.com/uxlinks

User Experience Designers Tools

Here are a few tools and services. There are many others, of course, depending on your project and situation.
http://survs.com/
http://www.axure.com/
http://balsamiq.com/
http://www.omnigroup.com/omnigraffle/
http://www.evernote.com

Personas

http://www.measuringusability.com/blog/personas-ux.php
http://www.ux-lady.com/introduction-to-user-personas/
http://theuxreview.co.uk/personas-the-beginners-guide/
http://en.wikipedia.org/wiki/Persona_%28user_experience%29
https://medium.com/design-ux/2e32c8306112 (Archetypes not personas)

Communities

http://ux.stackexchange.com/

Also In The February 2014 Issue

Summer 2014 Code and Technology Camps

It may be the middle of winter in the Northern Hemisphere but now might be a great time to start thinking about technology summer camps if you're a kid or have kids.

An Interview with Susan Kare

You’ve looked at and used Susan Kare’s work, or work inspired by hers, every time you use a computer. The garbage can icon and other taken for granted icons can be traced back to Kare’s icons on the first Macintosh computers.

User Experience Designers

User experience design touches on all the ways people interact with software or hardware. This includes how people use technology, the hardware design, and documentation.

Database Design

How you store and retrieve data in a relational or NoSQL database depends on how well you design the database structure.

How to Create Color Palettes

Here are several ways to create a color palette that looks professional for web sites and interfaces. It's not as easy as you might think.

Fizz-Buzz and Other Odd Questions

There are at least two types of questions coders might face in job interviews, fizz-buzz and puzzle questions. Both can be learned ahead of time.

Interface Design Basics

Interfaces are the primary way people work with computers and websites. Here are concepts used to design human interactions with computers.

A Short History of Lorem Ipsum

No discussion of design is complete without the history of lorem ipsum. It's more than placeholder text you stuff into a visual design.

docstrings

Docstrings are special comments embedded in software code that survive compiling the code, for example, help text.

Database Normalization

Relational databases need to have their data organized a certain way.

What is Information Architecture?

When you think of architecture, you think buildings not information. However, information also needs careful design and structure in computing.

JavaScript

JavaScript is a programming language and an historical artifact from the early internet conflicts between Netscape, Microsoft, and Sun for open standards.

News Wire Stories for February 2014

Interesting stories about computer science, software programming, and technology for the months of December 2013 and January 2014. More stories can be found at the News Wire link at the top of of this site.

How to Build a (Simple) Website

Here is the simplest possible way to learn how to build a website, as well as how web pages and websites work.

A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.

Learn More Links for February 2014

Links from the bottom of all the February 2014 articles, collected in one place for you to print, share, or bookmark.