Jared M. Spool

Jared SpoolJared M. Spool is the founder of User Interface Engineering and a co-founder of Center Centre.

If you’ve ever seen Jared speak about user experience design, you know that he’s probably the most effective and knowledgeable communicator on the subject today. He’s been working in the field of usability and experience design since 1978, before the term “usability” was ever associated with computers.

He is also the conference chair and keynote speaker at the annual UI Conference and UX Immersion Conference, and manages to squeeze in a fair amount of writing time. He is author of the book Web Usability: A Designer’s Guide and co-author of Web Anatomy: Interaction Design Frameworks that Work. You can find his writing at uie.com and follow his adventures on the twitters at @jmspool.

Jared's posts:

Get A Better UX Metric From Your NPS Survey Data

February 9th, 2018 by Jared Spool

In this week’s article I expand on my analysis of the Net Promoter Score.

Here’s an excerpt from the article:

A few weeks ago, I wrote a somewhat controversial analysis of Net Promoter Score, a business metric employed in many organizations. Many who were critical of my article stated they thought I should’ve provided a replacement for their beloved instrument, if I was going to tell them they can’t use it any more. While there is no replacement for the numeric score, there is a way to get value out of the survey used to collect the Net Promoter Score data.

Keep in mind that this method for getting value from an NPS survey isn’t easy. As you’ll read, it involves a series of difficult steps.

However, it’s not rocket science either. (NASA has been a client of ours and they’ve confirmed, it’s not rocket science. They have very strict definitions and this does not match that.)

Read the article: Get A Better UX Metric From Your NPS Survey Data.

How much value are you placing on your Net Promoter Score? Share your experience with us below.

Communicating With Design

February 8th, 2018 by Jared Spool

Design influences behavior by guiding and motivating people to do something, to take an action, or, by contrast, slowing them down. Some design choices create unintended negative experiences by creating a type of friction for the user: a complicated checkout process, an even more complicated password retrieval workflow.

Alternatively, we create a more positive brand of friction when we slow customers down with details for securing passwords, or reminders that educate them about the consequences of a decision, such as deleting information from a system.

Understanding this balance, the flow of the customer experience, the relationship between the design and content, informs the choices we make.

When we spot moments in our design that encourage flow in areas, and less friction, we can improve the experience, as well as the comprehension of the content and information our designs convey.

We uncover opportunities in testing, in customer journeys, and service blueprints. By understanding the behaviors that our designs encourage, we design better experiences, create trust, and successfully convey information.

Join Stephen at the 2018 UXI Conference in his Visually Making Sense of Complex Information workshop and explore how you can communicate complex ideas through design.

Designing for Cognition

February 5th, 2018 by Jared Spool

How we perceive information, absorb and make sense out of it, is influenced by a myriad of factors, from typeface and size to iconography, presentation, and context. Our brains seek out patterns and narratives. We make visual associations that are based on our experiences, and that influence how we understand what we see. In 2018, it should come as no surprise that our attention and awareness is hackable.

So, how do we design interactions and display complex visual information in ways that help people make sense out of what they are seeing? Stephen Andersonrecommends that we begin by understanding how people experience design. Explore the space between the lines of your designs, and consider the associations both intended and unintended that your choices create.

Content, data and information, and design are mutually dependent upon each other to convey meaning and message successfully. Content might be king, but design and presentation share its reign. Even when we look to old school media, how we interact and absorb a book, for example, is influenced by the typeface and layout.

Join Stephen at the 2018 UXI Conference in his Visually Making Sense of Complex Information workshop and explore how you can communicate complex ideas through design.

UIE Article – Pushback is a Poison. Alignment is the Antidote.

February 2nd, 2018 by Jared Spool

In this week’s article I talk about organizing tasks.

Here’s an excerpt from the article:

Alignment maps are a critical tool during the alignment process. They are representations of the current goals and direction of the project, encompassing the current thinking and recently uncovered details.

These maps become mainstay features of meetings and discussions. Comments are attached with sticky notes. New revisions integrate the latest thinking. They are simultaneously an overview of the strategic approach and a sounding board for the tactical efforts.

Read the article: Pushback is a Poison. Alignment is the Antidote.

How does your team utilize alignment maps? Share your experience with us below.

Embrace good ideas from every part of your team

February 1st, 2018 by Jared Spool

The search for the right solution to a problem evolves out of the way we think about it: How decisions are made to meet specific goals and objectives, and why we made them. With critique, designers are able to explain the thinking behind the choices they’ve made and get feedback on those choices. It can help them refocus their work in areas that fall short, and bring to light those areas that shine (and why).

When we begin by focusing on the goals, and whether the design has met them, we move the conversation away from personal opinion. Critique is a balance between reviewing what works and what doesn’t in the context of the design.

Good critique, explains designers Adam Connor and Aaron Irizarry, draws from the strengths of a given design decision to shed light on solutions for the weaker parts.

Over time, critique creates a more collaborative work environment, where teams feel comfortable discussing their designs in spontaneous and casual conversations, with less reliance on formal reviews. The practice helps teams relax into the process of giving and receiving feedback, and reaching a shared understanding of design problems to be solved.

Adam and Aaron break down the difference between critique and criticism a bit further.

When using critique, we try to:

  • Identify the objectives we think the creator is trying to reach
  • Understand those goals and objectives
  • Discuss the choices made to achieve goals and objectives
  • Review how effective design choices are in meeting their objectives
  • Identify strengths, potential challenges that arise from the choices made, and possibly missed opportunities

How can you integrate critique into your design practice? Both Adam and Aaron agree that starting small and casual is the best approach. Critique can be used in standalone reviews, design reviews, and collaborative activities. They suggest that teams consider the following:

  • Introduce critique into your process by starting small and informal, talking about designs in an analytical way
  • The more you communicate, the more natural critique will become a part of your language

Choose whom you critique with carefully and look for people who communicate well. (You’ll recognize who is less inclined toward the practice, such as some managers and executives who are generally part of larger design reviews.)

You need to start improving the conversations you have around design. To do that you’ll want to spend a day in this amazing UX Immersion: Interactions workshop with Adam Connor and Aaron Irizarry. Adam and Aaron have been discussing design critique for many years and are authors of the book Discussing Design, which is exactly why you want to learn about Consensus and Critique from them.

Give, receive, and facilitate helpful feedback

January 30th, 2018 by Jared Spool

It is always easier to find the flaws than it is to offer solutions. Many of us have gotten so used to looking for the fly in the ointment that we’ve narrowed our field of vision down to identifying error over opportunity.

This is the difference between delivering criticism, and critique, creating an environment that isolates and one that fosters collaboration. Understanding that difference can improve your team’s designs, the way you work, how you communicate with each other, and how you influence the way others communicate. Often misunderstood, critique is a technique, along with tools that foster collaboration and consensus that can raise your design game.

So, what do we mean by critique and why does it matter?

If design is the rendering of intent, then critique is the open exploration and discussion of that intent and the choices made to reach the designer’s objectives. Where have those choices succeeded, why were they made, and what can we learn from them? Where have they failed, and how can we improve upon them? Critique removes the element of personal opinion from the discussion and focuses instead on objectives and the choices made to reach them.

Criticism is the act of analyzing and judging a piece of work from one’s perspective. It is a process of finding flaws and delivering often negative feedback. Constructive criticism makes an effort to convey both the strengths and the weaknesses of the work.

Critique is an analysis that begins and is grounded by the design objectives. With critique, we weigh the work against the goals and objectives to be met and explore why choices were made and how effective (or not) they are in the context of the work. It creates a dialogue that extends far beyond formal reviews and helps teams focus and reach consensus. It delivers constructive, specific feedback to move designs forward, and it helps designers grow in their craft.

Effective Remote Design

January 26th, 2018 by Jared Spool

In this week’s article Jim Kalbach talks about increasingly remote workspaces and how companies are managing and benefiting from remote work.

We spend a lot of time and energy maintaining our office buildings. Getting our physical workspaces in order is important for productive work and effective collaboration.

Why don’t we spend as much effort configuring our digital workplaces?

The remote workspace is a constellation of services and tools: conferencing calling, chat, file sharing, and project management tools. It needs attention too.

Read the article: Effective Remote Design

Does your company design remotely? Share your thoughts with us below.

CSS Grid And Accessibility

January 25th, 2018 by Jared Spool

Now that we have the ability to separate source from design using CSS Grid, the likelihood that some creators will overlook accessibility is high. When we can easily reorder items in the display, we should be careful to also reorder them in the source, explains Rachel Andrew, lest we create havoc for screen readers.

Ideally, developers will create accessible documentation and use grid and Flexbox to display it across devices. The worst-case scenario, explains Rachel, will be those that remove semantic elements and make everything a grid or flex item.

CSS Grid has the power to realize design layouts that were previously difficult or impossible to do. As creators, we have the responsibility to make sure that what we create is available and accessible to everyone.

Join Rachel at the 2018 UXI Conference in her workshop Pushing the Boundaries of Web layout with CSS Grid and explore the possibilities of CSS grid layouts, advanced grid layouts, and design for inclusive accessibility.

Complex layouts are within reach with CSS

January 22nd, 2018 by Jared Spool

What is so phenomenal about CSS Grid is that it can do natively what developers had to achieve in the past through hacks, table layouts, and floats. CSS Modules now available—Flexbox, CSS Grid Layout, and Box Alignment—are changing layout on the web. Why? Because designers have the flexibility to create and explore layouts they were previously unable to do, and developers can realize that work natively in CSS without having to use extra markup or hacks.

With CSS Grid, we can control columns and rows. Flexbox simplifies how we lay out columns on a grid. Box Alignment allows us to apply the features of Flexbox to other layouts. It’s an exciting time for designers and developers, and as the major browsers roll out support for it in 2018, it’s time to get ready.

Join Rachel Andrew at the 2018 UXI Conference in her workshop Pushing the Boundaries of Web layout with CSS Grid and explore the possibilities of CSS grid layouts, advanced grid layouts, and design for inclusive accessibility.

The Hawaii Missile Alert Culprit: Poorly Chosen File Names

January 19th, 2018 by Jared Spool

In this week’s article I discuss how poorly chosen file names led to an actual emergency alert text being sent out in place of a test.

Here’s an excerpt from the article:

Saturday morning, January 13, 2018 at 8:09am Hawaii time, a staff member of the Hawaii Emergency Management Agency’s (HIEMA) State Warning Point office was going through their routine shift change checklist. They went through the same checklist every time they started their shift. It was routine. It wasn’t interesting.

At one point, they opened up their IPAWS alert software, retrieved a list of saved “templates” and picked one from a list of 9. What they picked was named PACOM (CDW)—STATE ONLY.

Only, this wasn’t the template file they meant to open. The template they meant to open was named DRILL—PACOM (CDW)—STATE ONLY. Other than the word DRILL in the file name, the two files were nearly identical. I say nearly, because there was one other difference: The drill version sent a message only to test devices, while the non-drill version sent the exact same message to every mobile phone in Hawaii.

Read the article: The Hawaii Missile Alert Culprit: Poorly Chosen File Names

If you want to make sure your design’s microinteractions are well designed, you should join us for Dan Saffer’s full-day workshop on Designing the Critical Details Using Microinteractions at the UX Immersion: Interactions conference in Newport Beach, March 5–7. You’ll spend a full day with Dan, learning about how to make your design’s little details seamless and delightful for your users. Give the workshop agenda a close look. 

What are some ways you protect against oversights in user experience? Share your thoughts with us below.