IAT-334: 07 UI for Humans

UI for Humans

Lecture outline

In this lecture we talk more about creating user interfaces for people, not robots.

UI for Humans

Close all laptops please! (Back row is excluded)

What do we understand (or not) from this sketch?
What is the domain? and what opinion or view is being suggested?

P03 In-the-labs

This week you will be presenting your domain research in the labs at your assigned times. The job of your presentation is to demonstrate a solid understanding of the domain you are working with given your research results.

Feedback this week will take on the form of questions. Be prepared to take notes.

P03 Schedule

Feb 20: Research week exploring domains, context, and humans.

Feb 27: Ideation week generating potential design directions.

Mar 6: Proposal week presenting your UI proposal. (Worth 15%)

Mar 13: Prototyping week for generating high-fidelity, interactive prototypes of your application.

Mar 20: Testing week for finding flaws and improving your prototype.

Mar 27: Refinement and final presentation development week. (Worth 20%)

Solid Ideation

As part of your ideation week, aim to come up with solid ideas. Not one good one and two fluffy ones.


A general structure you could work with to get you started:

Domain Refinement

Now that we have some research done, we can add on a bit more:

Defining the System

In the form of a wall of questions, here are some of the pieces you may want to consider when defining your interactive system:

  • What is the interactive system itself?
  • What technology does it run on?
  • What is the environment of use?
  • What is the context of use?
  • What is the primary user journey for the system?
  • What are all the tasks the user needs to perform?
  • What will your users feel?
  • What factors may effect their experience?
  • What secondary goals might the system need to be able to support?
  • Are there any key, single-step tasks or interactions?
  • Do any tasks require special attention to enhance experience?

The Journey

It is not possible to design (or account for) 100% of an experience, but we can get close. Mapping out as much of the experience as possible is important to gleaning the 'big picture'.

The Journey Map

In journey maps (aka. experience maps, journey framework... etc) we are highlighting the doing, thinking, and feeling of a user on their 'journey'. We want to ensure a document that:


A good idea when working on journey maps is to remember What Would A Human Do? If you look at a statement or idea and it does not sound or feel 'human', it likely isn't.

From UX Matters
From the Little Springs Design blog

Designated Dissenter

Within a team, it is worthwhile designating an individual as the dissenter. Their job being to ask questions such as "why?", "who says?", and "how did we come to that conclusion?" — ensuring that the group is kept in-check on their assumptions.

From Adaptive Path
From Adaptive Path

Building the Map

Please form into your teams. As part of this week's participation item you will be generating a short journey or experience map.

After having generated this map, you will provide feedback on one another's maps.

Group Roles

Within your group, designate a 'human'-checker and a dissenter to keep your work in check as you go.

#1: Set the Context

With your group, determine the context your journey map will exist within. Think about your research and any materials you have gathered to define this context. Ensure your context is written/sketched up.

You have...

#2: Who's Doing What?

With your group, determine who is doing what. Create a brief persona and highlight what their core goals or guiding principles might be. Ensure this is written/sketched up.

You have...

#3: Define Touchpoints or Tasks

With your group, define touchpoints or tasks based on the journey your persona is taking. Map out the different touchpoints or tasks they may encounter or perform. Ensure this is written/sketched up.

You have...

#4: Add Experience

With your group, add the persona's experience to the journey. Illustrate different mental states, emotions, and/or thoughts as they move through the journey. Ensure this is written/sketched up.

You have...

#5: Organize

With your group, organize the journey by cleaning up the structure, identifying phases of the flow, or splitting the journey into logical units. Ensure this is written/sketched up.

You have...

#6: Feedback

Swap places with another group. Please critique their journey map specifically on:

Please apply your comments to post-its next to or near their work. You have...

Final Step

For your participation grade this week, please take a photo of your group's journey map and individually submit it to https://ah1.ca/journey for your mark.

Any questions?

UI Sketchbook

Sketch #7

Based on your work for P03 for this week, your sketching task is to come up with 10 different interactive system ideas for your domain, context, and users. For each idea, create one or more sketches that show how the interactive system might be used. Make sure the sketches include:

In This Week's Labs...

You will be presenting your initial research into your domain.

In Next Week's Lecture...

Teeny, tiny, actions. Or, in other words — microinteractions.

Contacting Andrew