What Is User Experience Design? Overview, Tools And Resources

Advertisement

Websites and Web applications have become progressively more complex as our industry’s technologies and methodologies advance. What used to be a one-way static medium has evolved into a very rich and interactive experience.

But regardless of how much has changed in the production process, a website’s success still hinges on just one thing: how users perceive it. “Does this website give me value? Is it easy to use? Is it pleasant to use?” These are the questions that run through the minds of visitors as they interact with our products, and they form the basis of their decisions on whether to become regular users.

User experience design is all about striving to make them answer “Yes” to all of those questions. This guide aims to familiarize you with the professional discipline of UX design in the context of Web-based systems such as websites and applications.

What Is User Experience?

User experience (abbreviated as UX) is how a person feels when interfacing with a system. The system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI).

What is User Experience?

Those who work on UX (called UX designers) study and evaluate how users feel about a system, looking at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth.

UX designers also look at sub-systems and processes within a system. For example, they might study the checkout process of an e-commerce website to see whether users find the process of buying products from the website easy and pleasant. They could delve deeper by studying components of the sub-system, such as seeing how efficient and pleasant is the experience of users filling out input fields in a Web form.

Compared to many other disciplines, particularly Web-based systems, UX is relatively new. The term “user experience” was coined by Dr. Donald Norman, a cognitive science researcher who was also the first to describe the importance of user-centered design (the notion that design decisions should be based on the needs and wants of users).

Dr. Donald Norman,

Why Is UX Important?

Nowadays, with so much emphasis on user-centered design, describing and justifying the importance of designing and enhancing the user experience seems almost unnecessary. We could simply say, “It’s important because it deals with our users’ needs — enough said,” and everyone would probably be satisfied with that.

However, those of us who worked in the Web design industry prior to the codification of user-centered design, usability and Web accessibility would know that we used to make websites differently. Before our clients (and we) understood the value of user-centered design, we made design decisions based on just two things: what we thought was awesome and what the client wanted to see.

We built interaction based on what we thought worked — we designed for ourselves. The focus was on aesthetics and the brand, with little to no thought of how the people who would use the website would feel about it.

There was no science behind what we did. We did it because the results looked good, because they were creative (so we thought) and because that was what our clients wanted.

Decision process

But this decade has witnessed a transformation of the Web. Not only has it become more ubiquitous — the Web had at least 1.5 billion users1 globally in 2008 — but websites have become so complex and feature-rich that, to be effective, they must have great user experience designs.

Additionally, users have been accessing websites in an increasing number of ways: mobile devices, a vast landscape of browsers, different types of Internet connections.

We’ve also become aware of the importance of accessibility — i.e. universal access to our Web-based products — not only for those who with special requirements, such as for screen readers and non-traditional input devices, but for those who don’t have broadband connections or who have older mobile devices and so forth.

UX

With all of these sweeping changes, the websites that have consistently stood out were the ones that were pleasant to use. The driving factor of how we build websites today has become the experience we want to give the people who will use the websites.

What Situations Would Benefit From UX Design?

Saying that all Web systems would benefit from a solid evaluation and design of the user experience is easy; arguing against it is hard if you care about user-centered design at all. But we don’t live in a perfect world, and we don’t have unlimited resources. Thus, we must prioritize and identify the areas that stand to gain the most from UX design and UX designers.

Complex Systems

The more complex the system, the more involved will the planning and architecture have to be for it. While investing in a full-blown multi-member UX study for a simple static website seems excessive, multi-faceted websites, interaction-rich Web applications and e-commerce websites stand to benefit a lot from UX design.

Systems that involve a myriad of user tasks must be perceived as being valuable, pleasant and efficient. Designers risk big losses in revenue by neglecting the user experience.

Start-Ups

Start-ups and smaller companies generally do not have the resources to hire dedicated employees for this. For example, 37Signals2, a lean start-up company that builds highly successful and robust Web applications, including Basecamp and Highrise, relies on well-rounded individuals3, people who can “wear different hats.”

In this situation, training existing employees (specifically, the Web designer) in the principles and processes of UX, or contracting out the UX work as needed, might be more suitable than hiring a full-time employee. However, creating a solid user experience for users in the very first versions of a product or service can certainly make it stand out and attract users’ attention. But as the owner of a start-up, sometimes you may just not have enough resources for hiring a skilled UX designer.

Projects With “OK” Budgets

Smaller agencies that work for small and medium-sized businesses need to keep costs low for the customer base and prioritize deliverables in order to stay on the budget. The focus in these situations is more on the build process and less on planning, research and analysis. Projects with small budgets will be driven more by the launch of the final product. That doesn’t mean that these projects wouldn’t benefit from the good UX — of course they would — but in practice, small or medium-sized companies often do not feel compelled to invest resources into something that is not necessary for the launch of the site.

Projects With Longer Timeframes

By simple logic, adding a cog to the traditional website production process will extend the timeline. Time must be allotted for user experience design. UX designers could, in theory, shorten timelines by taking on some of the tasks traditionally assigned to Web designers and developers, thus potentially saving time and costs in revision phases by having addressed user issues.

Things To Know About UX Design

UX design is an amazing discipline, but it cannot, or will not, accomplish certain things.

UX Design Is Not One Size Fits All

User experience design won’t work in every situation for every user because, as human beings, we are all different. What works for one person might have the opposite effect on another. The best we can do is design for specific experiences and promote certain behaviors, but we can’t manufacture, impose or predict the actual experience itself.

And just as we can’t design a user experience, we can’t replicate the user experience for one website exactly on another website. User experiences will be different between websites. a design must be tailored to the goals, values, production process and products of its website.

Can’t Be Directly Assessed With Traditional Metrics

You can’t determine the effectiveness of a user experience design based solely on statistics such as page views, bounce rates and conversion rates. We can make assumptions, and we can ask users for anecdotal evidence, but we can’t install an app (at least not yet) that automatically records user experience statistics directly.

Not the Same Thing as Usability

User experience and usability have become synonymous, but these two fields are clearly distinct. UX addresses how a user feels when using a system, while usability is about the user-friendliness and efficiency of the interface.

Usability is big part of the user experience and plays a major role in experiences that are effective and pleasant, but then human factors science, psychology, information architecture and user-centered design principles also play major roles.

Criticisms Of UX As A Profession

Not everyone sees the value of having a UX designer on the team. Arguments against hiring UX specialists revolve around the perceived associated costs, redundancy in skill set and fear of change.

Yet Another Thing to Worry About

The traditional website production process, especially at small agencies and start-ups, whose resources aren’t as deep as they’d like, consists of one Web designer and one Web developer. The Web designer might be the one who develops the user experience, along with other tasks such as designing a wireframe and functional prototype, while the developer builds the production website as specified by the designer. A UX specialist only complicates this process.

Too Far Removed From the Process

A few people in the business of building websites believe that UX designers are too far removed from the actual process. Ryan Carson, founder of Carsonified and a leading voice in the Web design industry, for example, has criticized4 UX professionals who aren’t “involved in the day-to-day process of designing, building, testing, marketing and updating a Web project.”

This view of the profession basically says that UX professionals with no background in the actual process of building websites can’t devise solutions as expertly as people who create the actual products.

However, many UX professionals do have a background in the build process; many were Web designers or developers who chose to specialize in this particular area of the production process.

Adds Expense

Simple logic dictates that hiring a UX person costs money (unless they’re willing to work for free, and none are).

A counter-argument is that we should look at UX design as an investment. Although the benefits of UX are not as readily apparent as those of other parts of the website or application, it can lead to higher returns later on. For example, a simple improvement in the user experience design of a checkout process could increase revenue by millions of dollars5.

Results Are Not Directly Measurable

Evaluating the effectiveness and return on investment of a UX design using quantitative measures is difficult. This is because the field is subjective. UX deals with users’ emotions, and you can’t put a number on it the way you can with page views, loading speed or conversion.

Instead, we have to tease out the results indirectly by analyzing revenue levels, page views, before-and-after surveys of users and the like. However, saying that any positive effects are the result of a better user experience or aesthetics or some other factor, such as improved marketing or front-end performance optimization, would be inconclusive.

The difficulty is in trying to quantify effects that are subjective in nature. We have to rely on qualitative evidence.

Tasks And Techniques Of UX Designers

UX designers perform various tasks at various points in the process. Here are a few things that they deliver.

Evaluation of Current System

If a system already exists, a UX professional will holistically evaluate its current state. They will report issues and suggest fixes based on their analysis of research data.

A/B Testing

A UX specialist might devise a study to compare the effectiveness and quality of experience of different user interfaces.

This is done by stating a hypothesis (e.g. “A green button is more attractive than a red button.”), proposing or creating multiple versions of a design, defining what a “better experience” means (e.g. “The green button is better because users clicked it more.”) and then conducting the test.

User Surveys

A UX designer could interview existing and potential users of the system to gain insight into what would be the most effective design. Because the user’s experience is subjective, the best way to directly obtain information is by studying and interacting with users.

Wireframes and Prototypes

Based on their findings, UX specialists might develop wireframes of different layouts and perhaps also higher-fidelity prototypes.

User Flows

Designing how users should move through a system is another popular deliverable.

6

Storytelling

By engaging the emotions of users and drawing on familiar elements, UX designers tell stories and teach information. Learn more about the value of storytelling in the context of UX in the two-part post “Better User Experience With Storytelling7.”

Design Patterns

Patterns provide consistency and a way of finding the most effective “tool” for the job. With user interface design patterns, for example, picking the right UI elements (e.g. module tabs8, breadcrumbs9, slideshows10) for certain tasks based on their effectiveness leads to better and more familiar experiences. UX designers not only propose design patterns that are used on other websites, but develop custom patterns specifically for the current project.

Design Patterns

User Profiles and Personas

Knowing your audience is the first step in UX design and enables you to develop experiences that reflect the voice and emotions of your users. Personas can be developed using website data11.

Content Inventory

In the simplest of terms, content inventory is an organized list of pages on a website. Doing a content inventory is a step towards proposing changes in information architecture to enhance the user experience (e.g. user flow, findability and efficiency).

Content Inventory

Content Style Guides

Consistency is critical to crafting a memorable user experience through your brand. Content style guides12 give writers and designers a framework in which to work when creating content and developing a design, and they also ensure that the brand and design elements align with the owner’s goals.

13
I Love New York’s branding guidelines14.

There are plenty of other UX design deliverables; check out this more complete listing15.

Tools Of The Trade

Here are a few popular and easily accessible tools for UX professionals. The tools aren’t exclusive to UX professionals; developers, designers and interaction designers, among others, use them as well.

Wireframing and Prototyping Applications

Wireframing and prototyping can be done simply with pen and paper. Paper prototyping16, in particular, has many benefits, such as being inexpensive, conducive to group prototyping and quick and easy to produce.

17

Some software-based wireframing and prototyping tools are:

A/B Testing Software

A/B testing (also known as split testing or multivariate testing) compares different versions of a page, and it can be conducted with any of several programs.

A/B Testing Software

Basically, A/B testing software splits a website’s traffic into two equal segments. One group sees version A, and the other group sees version B. Statistics such as conversion rate and bounce rate are tracked for each version. Split testing determines which version is better based on these statistics. One of the most popular applications for A/B testing is Google’s Website Optimizer21.

Content Inventory Software

There are plenty of methods of conducting a content inventory. Using an on-site server application (for which you’ll require access to the Web server) is best for production websites; being closer to the source than third-party software, these applications will naturally be more accurate and efficient. You can use as simple a tool as Excel to create and manage a content inventory (check out the GetUXIndex() template22).

23

Websites built with content management systems such as WordPress and Drupal typically have built-in tools that show a map of the existing website.

User Testing and Feedback Software

Interviewing users is another popular UX design task. The most effective and cost-saving way to do this is with a surveying or feedback app and remote user testing24.

User feedback tools are abundant. General survey tools such as PollDaddy25 are flexible solutions that can be used for other tasks, too. There are usability-specific feedback tools, such as Usabilla26, and remote user-testing services, such as Feedback Army27, which administer usability tests on reviewers.

Analytics Software

UX designers can analyze traffic statistics to hypothesize what types of experiences would be most effective for the audience of the website.

Website Analytics Software

Let’s say the data indicates that the most popular browser for a website is Google Chrome. Google Chrome is regarded as a power user’s browser (as opposed to Internet Explorer, which is more mainstream). From that assumption, a UX designer can craft user experiences that appeal to power users and tech-savvy people.

A feature-packed and free analytics tool is Google Analytics28.

Websites About UX

Plenty of websites cover the topic of UX. Here are a few of them.

UX Magazine29
UX Magazine is a high-quality resource that publishes discussions on ways to enhance the user experience.

UX Magazine30

UX Booth31
UX Booth is a multi-author blog catering to the user experience community. It also covers usability and interaction design.

32

User Interface: Stack Exchange33
Still in beta, UI Stack Exchange (part of the Stack Overflow34 network) is a collaboratively edited question-and-answer website for user interface researchers and experts.

User Interface - Stack Exchange35

Stack Overflow36
Stack Overflow, a popular programming Q&A website, has awesome question threads tagged with UX37 and Usability38.

Stack Overflow (UX and Usability question threads)39

UX Exchange40
UX Exchange is a community-driven website where members can ask about user experience and UX-related fields such as usability, accessibility and interaction design.

UX Exchange41

User Interface Engineering42
UIE is the largest usability research organization in the world. It publishes articles and research findings on its website.

User Interface Engineering43

UXmatters44
UXmatters is a Web magazine that publishes content on user experience strategies, information on the UX discipline and more.

UXmatters45

52 Weeks of UX46
This website by Joshua Porter and Joshua Brewer covers topics related to “the process of designing for real people.”

52 Weeks of UX47

Boxes and Arrows48
Though Boxes and Arrows describes itself as being “devoted to the practice, innovation and discussion of design,” the website regularly publishes top-notch articles about UX.

Boxes and Arrows49

Semantics50
Peter Morville, founder of Semantic Studios, a leading information architecture, user experience and findability consultancy, writes about user experience (and related topics) in this Web column.

Semantics51

UsabilityPost52
This blog by Dmitry Fadeyev53 is about design in the context of function.

UsabilityPost54

101 Things I Learned in Interaction Design School55
Interaction design is intimately related to UX, and this blog offers short and “easily digestible” posts on the topic.

101 Things I Learned in Interaction Design School56

UX Quotes57
This website provides quote snippets on the topic of UX.

UX Quotes58

Quotes From the User59
User experience is all about the user (which is why personas are important). This Tumblr blog tells the story of UX from the perspective of the user by featuring quotes by users of various systems.

Quotes from the User60

everydayUX61
This blog by the head of product at FourSquare (a popular location-based social networking service), Alex Rainert, often covers his thoughts on information and interaction design.

everydayUX62

Konigi63
Konigi indexes news, resources and tools for UX designers (in a nice gallery layout that makes browsing the website easy).

Konigi64

90 percent of everything65
This blog by user experience lead Harry Brignull covers information architecture66, user experience67 and the nature of “good design68.”

90 percent of everything69

DarkPatterns.org70
This design pattern library discusses common tactics for decieving users, which can help UX designers locate patterns to avoid if they want to create a positive user experience.

DarkPatterns.org71

Johnny Holland Magazine72
This Web magazine is about interaction and UX design. Be sure to check out the UX Tips73 section, which indexes tweets hashed with #uxtips.

Johnny Holland Magazine74

UX Pond75
UX Pond is a search engine dedicated to UX-related content.

UX Pond76

Adaptive Path Blog77
Adaptive Path, a leading user interface and user experience design firm, runs a blog with useful content on UX and UI design.

adaptive path blog78

Putting People First79
This portal provides links, articles, resources and news about UX and “people-centered innovation,” curated by the Italy-based experience design company Experientia.

Putting people first80

nForm Blog81
The blog of nForm (a consulting team focused on user experience) publishes great content relevant to UX designers.

nForm Blog82

Viget Advance83
The UX-related blog of Viget Advance, a website production company.

Viget Advance84

useit.com85
Highly-respected usability researcher and ground-breaking author, Jakob Nielsen, writes a column named Alertbox on the topic of usability and UX.

useit.com86

UX Array87
Sara Summers, user experience evangelist for Microsoft, blogs about (you guessed it) UX on her blog.

UX Array88

UI and Us89
UI and Us is “about user interface design, user experience design and the cognitive psychology behind design.”

UI&Us90

UX Storytellers91
UX Storytellers uses one of the profession’s methodologies (storytelling) to tell the stories of UX, UI and IA professionals.

UX Storytellers92

Further Reading on UX Design (and Related Fields)

(al)

Footnotes

  1. 1 http://www.google.com/publicdata?ds=wb-wdi&met=it_net_user&tdim=true&dl=en&hl=en&q=internet+users+global
  2. 2 http://37signals.com/
  3. 3 http://gettingreal.37signals.com/ch08_Get_Well_Rounded_Individuals.php
  4. 4 http://thinkvitamin.com/opinion/ux-professional-isnt-a-real-job/
  5. 5 http://www.uie.com/articles/three_hund_million_button/
  6. 6 http://www.stanford.edu/dept/its/projects/hostreg/docs/software-design/usecase.html
  7. 7 http://www.smashingmagazine.com/2010/01/29/better-user-experience-using-storytelling-part-one/
  8. 8 http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/
  9. 9 http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/
  10. 10 http://www.smashingmagazine.com/2009/03/09/slideshows-in-web-design-when-and-how-to-use-them/
  11. 11 http://www.boxesandarrows.com/view/building-a-data
  12. 12 http://www.smashingmagazine.com/2010/07/21/designing-style-guidelines-for-brands-and-websites/
  13. 13 http://www.scribd.com/doc/8278452/I-Love-New-York-Brand-Guidelines-November-2008
  14. 14 http://www.scribd.com/doc/8278452/I-Love-New-York-Brand-Guidelines-November-2008
  15. 15 http://semanticstudios.com/publications/semantics/000228.php
  16. 16 http://www.alistapart.com/articles/paperprototyping/
  17. 17 http://www.alistapart.com/articles/paperprototyping/
  18. 18 http://www.omnigroup.com/products/omnigraffle/videos/
  19. 19 http://www.balsamiq.com/products/mockups
  20. 20 http://gomockingbird.com/
  21. 21 http://www.google.com/websiteoptimizer/
  22. 22 http://donbruns.net/index.php/how-to-automatically-index-a-content-inventory/
  23. 23 http://donbruns.net/index.php/how-to-automatically-index-a-content-inventory/
  24. 24 http://www.uxbooth.com/blog/picking-the-right-tool-for-your-remote-user-testing/
  25. 25 http://polldaddy.com/
  26. 26 http://usabilla.com/v2
  27. 27 http://www.feedbackarmy.com/
  28. 28 http://www.smashingmagazine.com/2009/07/16/a-guide-to-google-analytics-and-useful-tools/
  29. 29 http://www.uxmag.com/
  30. 30 http://www.uxmag.com/
  31. 31 http://www.uxbooth.com/
  32. 32 http://www.uxbooth.com/
  33. 33 http://ui.stackexchange.com/
  34. 34 http://stackoverflow.com/
  35. 35 http://ui.stackexchange.com/
  36. 36 http://stackoverflow.com/questions/tagged/user-experience
  37. 37 http://stackoverflow.com/questions/tagged/user-experience
  38. 38 http://stackoverflow.com/questions/tagged/usability
  39. 39 http://stackoverflow.com/questions/tagged/user-experience
  40. 40 http://uxexchange.com/
  41. 41 http://uxexchange.com/
  42. 42 http://www.uie.com/articles/three_hund_million_button/
  43. 43 http://www.uie.com/articles/three_hund_million_button/
  44. 44 http://www.uxmatters.com/index.php
  45. 45 http://www.uxmatters.com/index.php
  46. 46 http://52weeksofux.com/
  47. 47 http://52weeksofux.com/
  48. 48 http://www.boxesandarrows.com/
  49. 49 http://www.boxesandarrows.com/
  50. 50 http://semanticstudios.com/publications/semantics/
  51. 51 http://semanticstudios.com/publications/semantics/
  52. 52 http://www.usabilitypost.com/
  53. 53 http://www.smashingmagazine.com/author/dmitry-fadeyev/
  54. 54 http://www.usabilitypost.com/
  55. 55 http://www.ixd101.com/
  56. 56 http://www.ixd101.com/
  57. 57 http://www.uxquotes.com/
  58. 58 http://www.uxquotes.com/
  59. 59 http://userquotes.tumblr.com/
  60. 60 http://userquotes.tumblr.com/
  61. 61 http://www.everydayux.com/
  62. 62 http://www.everydayux.com/
  63. 63 http://www.konigi.com/
  64. 64 http://www.konigi.com/
  65. 65 http://www.90percentofeverything.com/
  66. 66 http://www.90percentofeverything.com/category/information-architecture/
  67. 67 http://www.90percentofeverything.com/category/user-experience/
  68. 68 http://www.90percentofeverything.com/category/good-design/
  69. 69 http://www.90percentofeverything.com/
  70. 70 http://darkpatterns.org/
  71. 71 http://darkpatterns.org/
  72. 72 http://johnnyholland.org/
  73. 73 http://johnnyholland.org/ux-tips/
  74. 74 http://johnnyholland.org/
  75. 75 http://www.uxpond.com/
  76. 76 http://www.uxpond.com/
  77. 77 http://www.adaptivepath.com/blog/
  78. 78 http://www.adaptivepath.com/blog/
  79. 79 http://www.experientia.com/blog/
  80. 80 http://www.experientia.com/blog/
  81. 81 http://nform.ca/blog/
  82. 82 http://nform.ca/blog/
  83. 83 http://www.viget.com/advance/
  84. 84 http://www.viget.com/advance/
  85. 85 http://www.useit.com/
  86. 86 http://www.useit.com/
  87. 87 http://www.uxarray.com/
  88. 88 http://www.uxarray.com/
  89. 89 http://www.uiandus.com/
  90. 90 http://www.uiandus.com/
  91. 91 http://uxstorytellers.blogspot.com/
  92. 92 http://uxstorytellers.blogspot.com/
  93. 93 http://www.smashingmagazine.com/2010/01/05/25-user-experience-videos-that-are-worth-your-time/
  94. 94 http://www.informationarchitects.jp/en/can-experience-be-designed-2/
  95. 95 http://www.userfocus.co.uk/articles/index.html
  96. 96 http://uxmyths.com/
  97. 97 http://www.nickfinck.com/blog/entry/user_experience_publications/
  98. 98 http://mashable.com/2009/01/09/user-experience-design/
  99. 99 http://www.uxbooth.com/blog/8-must-see-ux-diagrams/
  100. 100 http://thinkvitamin.com/opinion/ux-professional-isnt-a-real-job/

↑ Back to topShare on Twitter

Jacob Gube is the Founder and Chief Editor of Six Revisions, a web publication for web developers and designers, and the Deputy Editor of Design Instruct, a web magazine for designers and digital artists. He has over seven years of experience as professional web developer and web designer and has written a book on JavaScript.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1

    Very impressive overview, which gives a good view on UX (and the tools you can use).

  2. 2

    Excellent post

    Really useful.
    Thanks a lot.

  3. 3

    it is very interesting how many UX related webs provide very poor user experience ;-)

  4. 4

    My official job description is Interaction Designer but I do the exact same things described in this post and have a background in both HCI and Psychology. I’ve always questioned what the difference between IxD and UX is. Do you have any clear answers of your own? just curious… I was always under the the assumption that most UX’ers are more on the side of concept development, creating persona’s and doing the usability researches whereas the IxD’ers are more on the side of doing the actual wireframing, and mockups. (Most of us probably do all of the above though)

  5. 6

    Awesome resources. Thanks!

  6. 7

    So what do designers do? Yes, the ol’ plain “designer” who spent years studying “design”.

    • 8

      Adapt!

      I am “classically” trained as a graphic designer and realized very early on that my print skills would need an overhaul for the web. I found my home with Information Architecture, but have already branched out into other web arenas that help my field: Ux, user-testing, user personas, content management…

      Every little bit helps make you a well-rounded web professional that can easily communicate with other people in your field.

      Someone should make a “blend” chart that shows how one web profession utilizes the skills of another.

  7. 9

    Thanks Jacob, you shared something new.Good presentation by using charts. Liked very much.
    :)

  8. 10

    An excellent and informative article.

  9. 11

    Great post and some really useful resources, especially for the fledgling UXer. However, that ‘User Flows’ diagram is UUUGLEEE!

    As UX designers we’re judged on our ability to produce good looking deliverables… We call ourselves ‘designers’ so we should, at the very least, keep things in line. Dan Brown’s book, Communicating Design is great at covering the basics of this. Whilst we don’t have to produce the same ol’ stale looking docs, we should follow the best practises and keep things tidy.

  10. 12

    UX designer becomes necessary in enterprise products where billions are involved, and when their products are not on the public domain. I have worked with top companies such as SAP Labs who have a real need to employ UX designers. In fact, they have multiple UX designers working on a single project at times.

    However, if a product is on a public domain, we can easily eliminate UX designers’ need by asking users to fill out a survey based on their experience. This feedback which you receive through users is much more precious than any UX designer. This concept is spoken at length in the book Wisdom of the Crowds(http://en.wikipedia.org/wiki/The_Wisdom_of_Crowds).

    • 13

      Careful though. Users might tell you what they need, or what they *think* they need, but not necessarily their actual problem with a given interface, therefore the need of a UX guy who can tell that difference, and can understand the crowd’s need to come up with a proper solution.

  11. 14

    I hate to come off as overly critical because this article does capture some of the key aspects of User Experience Design. However, I believe that the article misses some of the fundamental aspects of our craft, and gets a few things wrong.

    UX is not just about interface, and it most certainly is not just about how things “feel” to a user. UX has strategic aspects that involve a deep understanding of the business model and processes that our clients use. It also involves understanding the larger context in which our users operate, and discovering what part our client’s products and services play in their lives. It also involves reaching a deep understanding of the technology used to deploy the digital systems we design.

    The UX “sweet spot” is pulling these three things together to create solutions that meet the needs of the client, the user, and work within the bounds of the technological platform.

    UX is actually a family of diciplines. An effective UX team focuses on Information Architecture, Interaction Design, and Information/Visual Design. Of course there can be a UX team of one, but that individual needs to have a broad set of skills to cover all three of those roles.

    The artifacts of UX design go far beyond the wireframe, flows, and site maps. UX design involves controlled vocabularies, mental models, ethnographies, swim lane diagrams, and many other forms of deliverables.

    Our methods run the gamut from contextual inquiry, to card sorting, to free form sketching exercises, to all manner of qualitative and quantitative methods.

    My chief concern about this article is that it reduces the UX discipline to the stereotypical wireframe jockey concerned with look, feel, and flow. The discipline is far more varied, far deeper, and far more strategic than it is made out to be here.

    • 15

      Awesome comment – would love to see you do a follow-up post in much more detail here on SM.

      • 16

        Thanks. Kind of shocked to see a +18 on my comment. Must have struck a cord. I have been meaning to write an article like this for boxesandarrows.com but who knows, maybe I will submit it here instead.

    • 17

      Very good points. Some very good examples were given in this article, but it is true that many times UX and design in general can make things like “look” and “feel” the focus rather than the cold hard facts, and a deeper understanding of the industry. Along with this is the importance of adapting everything to meet the clients needs, rather than a designers tastes. As with most anything else in the industry, it’s not so much feelings that makes the difference, but effective marketing that moves the user to take the action you want.

  12. 18

    Now that is one heck of a comprehensive post. Thanks so much, there’s so much info here it’ll take me days to get through it all.

    About 1 year ago, I’ll implemented a formal (had previously been informal) wireframing and planning stage to all my web projects and it’s had a measurable positive effect on the progress of my web projects. I can’t overstate how important it is for ALL developers and designers to do even a minimal planning stage for all their projects.

  13. 19

    Having worked on websites since the mid 90s, UX was always a consideration. Sure it’s become more of a science but we weren’t all blinded by awesomeness for clients sites (perhaps we were when we let our own website open full screen). Before the internet boom software developers were already studying UX to improve their products. Rather than users consider UX as some modern shift in web development which is what I feel the article implies i’d rather smashin’ users think it was more of an organic process where the industry grew big enough to support full time UX experts or justify academics receiving research grants to monitor and assess users. I think there’s a real struggle where websites are being sanitised to suit accessibility and UX whitepapers. Trying to keep sites visually rich and engaging while meeting accessibility standards and UX conventions is the real art to being a web designer today.

  14. 20

    You think Facebook had a UX person on staff while they were mushrooming? NO.

    The last startup I worked for, funded by $5 million, with a great idea and a great development team, led by a successful founder of a previous internet venture was brought down by crummy UX.

  15. 21

    Michiel Ebberink

    October 5, 2010 9:21 am

    I try to combine user centered design with great visual design. Instead of just doing UX or Visual design alone. Works better for clients and me because this way I actually am “involved in the day-to-day process of designing, building, testing, marketing and updating a Web project”

    Thanx for sharing the great resources.

  16. 22

    You forgot to mention UXBasis.com!

  17. 23

    Nice post.

    For those of us who run their own sites/products/services, the best way to improve user experience is through A/B & multivariate split testing. The hardest part about doing it is getting over your own ego and assuming you got the design/layout right the first time around ;)

  18. 24

    Thanks for mentioning Usabilla as one of the tools to test usability. We’re experimenting with user experience orientated tests as well. Larger scale experiments with questions like “What makes you trust X?”, “What draws your attention?”, or “What’s the most important?” provide valuable insights in the user experience. These tests help our users finding answers about attitude using both quantitative and qualitative feedback. You can find example cases on our blog: http://revw.us/cGfrp7.

  19. 25

    I have been studying digital communication and it seems like the whole education can be found in this article. Very good job!

  20. 26

    Nice work pulling all these together.

  21. 27

    Really cool. I appreciate the work and effort on the article. Loved it.

  22. 28

    Many thanks for a great article, with some great resources!

  23. 29

    Really good post but gives a narrow perception of UX. The value of user experience design is not limited to the web or even the world of digital. High quality User experience is relevant to many other areas of design such as product or device design, communication design (specifically way finding) and design for the built environment etc.

    Knowledge of how it is applied, and tools used, in disciplines like these can greatly improve the tools currently developing within the web & digital world. Alot of the risks and issues discribed in this post also exist in these disciplines, who are developing interesing and pertinent ways to deal with them. Knowledge transfer and dessemination is key to business understanding and valuing UX

  24. 30

    Now I know what UX means. Shame on me.

  25. 31

    Thanks for making it clear that “we can’t design a user experience”! I think you’re correct where many other authors are fundamentally wrong. UX is so complex, and depends on both the user’s previous experiences and expectations as well as the context in which s/he uses your product; hence it cannot be designed.

    However, it is possible to design for and intended experience. But no one knows if your product will be perceived as intended.

  26. 32

    Really cool article.
    Especially “could increase revenue by millions of dollars(The $300 Million Button)”.
    Thanks for sharing the great article and resources.

  27. 33

    Wow article.. i was looking for UX related articles :)

  28. 34

    Great article! I think it shows in a clear way what an interaction designer or UX expert does for work. I would recommend my non-it related friends to read it…

  29. 35

    Thanks for sharing this post.I like this post.It contains many good examples for designers.

  30. 36

    Fantastic Post Jacob Gube,

    You have share a lot for me! it help me lot to do anything in UI IX.

    Thanks Again

  31. 37

    ah, so THAT’S what they do!

  32. 38

    As always, great article Smashing guys!! I love this site…
    One comment – there’s a new (relatively) wireframing tool called Flairbuilder – not free, but worth the 99$ license for those of us forced to work on Windows. It makes very simple high-fi prototypes quickly and is easy to learn. It’s helped me a lot.

  33. 39

    Didn’t know there were so many sites about UX. Thanks for this post!

  34. 40

    **We can make assumptions, and we can ask users for anecdotal evidence, but we can’t install an app (at least not yet) that automatically records user experience statistics directly.**

    Clicktale

  35. 41

    ‘UX design’ is a misleading term. Experience CANNOT be designed, only audited.
    I won’t copy paste my whole article here, read it by following this link http://kaishinlab.com/user-experience-not-designed/

    And no, I am not trying to advertise my site. Far from that.

  36. 42

    I found this article interesting and the resources you include have good value. I have to agree with a few of the posters here that, there is little value in UX as a subjective notion of “look and feel.” This plagued web design early on by playing into the myth that our “good design” was user friendly and intuitive. If the user couldn’t navigate the site, well, they just didn’t see our genius. I’d also be wary of relying on “we know our customers” – most bad design decisions I’ve seen start with “we know our customers” – if you’re saying that without research, analytics and conversation, you don’t know your customers. I’m still not quite convinced that UX is it’s own field of work versus UX as the result we achieve through good website architecture, research, usability, good benefit and brand expression, but it is a thoughtful article to think about.

  37. 43

    I give up…the comment submissions are clearly broken here.

    I keep getting flagged for spam –perhaps I’m using bad words? –ironic, this article is about user-experience and the comment I wanted to post just keeps getting blocked…weird.

  38. 44

    Hey Thanks for such great and detail article

  39. 45

    Thanks for an excellent article! It is always difficult explaining exactly what UX is and why and how it should be used within our industry, this article makes it a lot easier.

  40. 46

    Thanks for sharing this post.I like this post.It contains very good collections of tools and resources of web design.

  41. 47

    I know what an example of bad UX is! When you’re reading an article and well after the page has loaded and your 2 sentences into the post an Ad banner loads at the top and pushes all the text down making me lose my spot where I was reading. Happens every time I’m on SM!

  42. 48

    Yet again, a great article. Brevity be damned, I was glued to the screen throughout the entire piece. Everything has been laid out in a clear manner, with great explanations. Jacob, you are the man.

  43. 49

    Yet another one well done coverage on UX. Thank you.

  44. 50

    Great article very detailed and a fantastic source. You might also like to add another website: http://www.pinkmoose.fi as a resource for UX :-)

  45. 51

    Fantastic and focussed coverage of UX which would make sense to even a layman. Not to speak about the comments – they are very relevant and useful.

  46. 52

    This is just the direction all of us should be basing our design logic on. An absolute article on UX and it’s application. *thumbs up.

  47. 53

    My company sent me to ux course for 3 days… This article was really awesome after the course. Thank you.

  48. 54

    Great article guys.

  49. 55

    Sorry, but I can’t help but feel like academia has invented a new profession and foisted it on us without consulting web professionals who came up through hard-earned experience. I do believe the subject is one we should all have an interest in but at the very least I challenge the merit of a profession whose sole focus at an organization is UX design.

    Ultimately the problem is that you have to justify your existence when the rest of us are actually dealing with these awkward plans that we’re no longer trusted to have any part in making. What does the UX designer do? You plan some more. You share your plans. You talk about your plans with each other and show them off to management. You add features. They get excited. And before you know it some top dog in the company is saying how impressed they are with the fact that “it’s just like a desktop app!” and wants to add a few suggestions of their own in since they know all about using desktop applications.

    Meanwhile, the people who once offered no small measure of benefit from the 15 years of accumulated learning and knowledge about what is good and what is awful on the web from practical experience and advice handed down and written about at length by people we respect, have to pinch our noses as we design, redesign, develop, and redevelop what in my experience has typically at best been an occasional good idea buried under complete rubbish.

    At the real core of the issue is the fact that you’ve taken the entire conceptualization process and pulled out it out of the hands of the devs and designers, people who could have told you (if anybody bothered to ask) that what you are excited about has been attempted, has been a popular favorite with clients/stakeholders for years in fact, and that it’s a bad idea, why it’s a bad idea and then cite live examples of said bad idea in action along with the sorts of arguments we’ve learned to make that finally get (some) client/stakeholders to see reason (on a good day).

    I would like to challenge some ideas here:

    “The more complex the system, the more involved will the planning and architecture have to be for it.”

    This has been a chief source of pain for me as a Front End Developer. Over-planning. The idea that you can take something of serious complexity and then just plan it all out right down to the exact bells and whistles of the UI is to me as a developer a rookie mistake. Good design doesn’t happen without planning but it also needs some room to grow organically in order to maintain focus ironically enough. By over-planning, you tend to lose the main focus of your functionality by getting lost in the minutiae. The solution is iterative development. Architect the basics and then get it off the ground in as crude and simple a version as you possibly can and then explore it. Add layers. Add features and see for yourself how well they work but never ever forget to evaluate those features on whether they enhance or frustrate the core experience you’re shooting for because everything you add takes something else away. That’s a principle any decent print designer could have taught most of the UX designer/engineers I’ve ever worked with.

    The over-planning is also one of those things that tends to turn the UX crowd into tools of bad management. You feed them the lie that they’ve always wanted from the rest of us, the idea that the entire process is 100% quantifiable and can thus be made 100% predictable. And from there many problems begin.

    “Because the user’s experience is subjective, the best way to directly obtain information is by studying and interacting with users.”

    Translation: Because for the majority, the corporate experience is one of fear of being singled out for making a lousy call or decision, one’s own basic judgment and faculties for common sense are not to be trusted. /Translation

    What is it going to take to bust the myth of focus groups and polls and surveys being more important than taking the occasional risk on our personal evaluations of an experience? FFS, “classic rock” stations were playing the same set for 25 years. Can we maybe start to talk about how trying to cover our butts at every decision may have resulted in lost opportunities?

    It is this ridiculous belief that you can create anything worth experiencing through a completely objective and easy-to-predict process that is at the core of everything wrong with modern media. I’m not saying you should completely ignore user feedback but don’t ask for permission to implement features from people who have never even thought about your problem before! Hell, I probably would have given an enthusiastic thumbs up to those new-fangled “Flash Splash Screens” before thinking about how irritating it would be to constantly have your interactive experience interrupted by neat-o animated passive ones.

    If I seem a little ardent about the subject, allow me to present a few examples of things I’ve been privy to on household-name client’s sites that I believe were planned or given the nod by UX designers and/or variations on that theme of profession.

    On I think at least three occasions now, I have seen large custom tooltips appear on hover over clearly labeled buttons with the same or very similar label. In two of those cases, the tooltips ended up making it awkward to interact with the widgets they were a part of (they were of course designed much larger than normal tooltips).

    I have seen forms buried within a popup modal within a modal within a pop-up modal. None of that was a typo or a run-on.

    I have seen more menu bars than I can count. Menu bars, inside widgets within windows. And they never want them to work the way all desktop app menu bars work either. You, the reader, stop right now, and click that file menu on any GUI OS window you have available. After you’ve moved the mouse down into the body of a menu, does it disappear when you hover off of it? Off course it doesn’t. That would be irritating because then you’d have to reopen it every time you got a little twitchy, especially on a smaller widget. Do we need more than basic reason and observation through our own experience to understand this? Are we at least moved by the fact that it’s something Apple and Microsoft actually agree on?

    I have seen a point of decision to checkout process where once the customer had decided on a purchase, it took them multiple screens of random crap, upsells, legal butt-covering, re-establishing their location (which should have been available from their logged-in info) and then more up-sells before they could finally give us the money for the product they still miraculously wanted by the time they got to our 5 page checkout process to once again confirm all the crap they’d ever entered once before. To be fair, that wasn’t all the UX designers/engineers/IAs bag but I do believe that this on-going attempt to make the process seem quantifiable and predictable and thus accessible to management tinkering in places it inevitably wants to but shouldn’t had a lot to do with the mess being made.

    What it really comes down to is this. When absolutely everything has been studied to death, the surveys are in, the A/B Testing data is collated, the wires with every feature and facet of UI is planned to the quantum level and management is finally feeling 100% convinced there won’t be a failure that can be attributed to a decision anybody actually made, you won’t have half the site you could have but rest assured it will be a much bigger PITA to build.

  50. 56

    Wow. Sorry about the grammar issues. And the bitterness. Didn’t realize I was still mad enough to be a spaz about it.

  51. 57

    Quite a good intro to the topic. Anyhow, I would like to know more detail about the discipline itself and its key concepts to make my vision clearer.

  52. 58

    Nice Topic with lots of usefull information, ty!

  53. 59

    Pavel Konoplitski

    October 15, 2010 5:26 am

    About UX and Usability In Russian
    http://www.usability.by

  54. 60

    This is a very good article!
    I work for a very large company (12k plus employees). Within our IT department we have a UX Team consisting of 2 UX designers; 1 software engineer (myself), and 1 Software Architect. We’re a very diverse group of individuals, and also very misunderstood by most departments in the company. Everyone is always asking us, “what’s UX?”
    Having UX designers and web developers on the same team is unique in itself. Slowly but surely we are becoming more recognized throughout the company.
    ….kudos to the author!
    @ Erik Reppen, you have some very valid points as well

  55. 61

    thank you for wrapping your head around this phenomenon! i found it refreshingly reviewing of what i consider our tiger by the tail…

  56. 62

    Most of the tools and task you mention applies more or at least as well to usability or IA as to UX. I believe that the key in UX is how the user _perceives_ the product, this is also at least partly included in traditional definitions of usability as “satisfaction”.

    Let’s look at two quotes from the article

    “Those who work on UX (called UX designers) study and evaluate how users feel about a system, looking at such things as ease of use, perception of the value of the system, utility, efficiency in performing tasks and so forth.”
    ….
    “UX addresses how a user feels when using a system, while usability is about the user-friendliness and efficiency of the interface.”

    I think the second quote is the more accurate, since ease of use, utility, and efficiency in performing tasks mentioned in the first quote also fall under the “traditional” definition of usability.. as you say in the second quote.

  57. 63

    It was a great read!

  58. 64

    Amazing compilation and thanks for the nod, Jacob!

  59. 65

    Denise Iordache- Palkoo

    November 9, 2010 12:09 am

    The line which described the situation of startups employees is so real. Are not very often cases when you can afford a highly qualified employee so your solution seems pretty fair.

    @Palkoo,

  60. 66

    Great post! Very appreciated, thank you so much.

  61. 67

    Hi,

    I am trying to get back to the IT industry after a sabbatical. I found this article very comprehensive and Mr.David’s candid feedback thought-provoking.Kudos to all of you! Great sharing!

    I find this UX field very intriguing. Is there a bonafide/recognized certification on this?

    Any feedback about the HCI certification is appreciated.

    Thanks.

  62. 68

    Jonathan Lumb

    May 7, 2012 5:09 am

    Thanks for this article. Really impressive and useful for a web designer with a keen interest in developing his understanding of UX Design.

  63. 69

    Great, informative article. Absolutely love it. I’m currently running my own company (http://uxpin.com), but I spent some time managing UX team and, now when I read it, I would recommend this article to all the interns.

    So time passed since you wrote this piece, so no wodner you missed our tool – UXPin (http://uxpin.com). We’ve recently launched first ever tool dedicated to User Experience Design.

    You can not only create wireframes and clickable prototypes with UXPin. You can upload your personas, diagrams, documents – and put wireframes in context! Every uploaded piece of your design process tells part of the design story, together it all makes sense.

    You’re all welcome on board dear friends!

    Thanks!

  64. 70

    Thanks, Jacob Gube, this is an incredible overview about what are user experience design, available free tools and other information resources!

  65. 71

    Improved user experience is a good study to have to improve a website. Yet, Client and web owners have to realize good user experience may not happen at first launch of a website. It’s an ongoing thing, testing lot of functionalities and function variations because a web owner will make changes depending on analytics and studies.

  66. 72

    hi , I want to ask you if I can translate your article to my language ( Farsi) or not? because most of the people in Persian don’t access to good source of Farsi information about UX and I intend to help them to improve their knowledge.

  67. 73

    From someone who is not into UX Design but is interested to transit from Design space, fantastic read with some amazing UXD links. Just what I was looking for and cleared a lot of air! Thanks Jacob!

  68. 74

    Great content and eloborated everything related ot UX. The tools are really helpful and would definitely keep using the one or two best amongst all :-)

  69. 75

    Amazing read and Resource.

  70. 76

    Very impressive, comprehensive and useful article. Just one question, what is the best way to become UX designer, mainly where/how to start?

  71. 77

    Increased end user encounter is a good examine to obtain to boost a website. Nevertheless, Consumer along with web entrepreneurs should understand very good end user encounter might not come about to start with release of a web page. It’s a continuous matter, assessment wide range of benefits along with perform variants because a web proprietor could make adjustments dependant upon analytics along with research.

↑ Back to top