Creating NarrativePOP 517: User Experience

What is this stage about?

Creating a narrative-based platform to further develop our project.

Surface Skeleton Structure Scope

Strategy

Optimizes arrangement of

elements for maximum effect

Surface Skeleton Structure Scope

Strategy

PagesImages

TextClickable

Functional Informational

Visible

Step #1What do we need to

do?

Feature setsFlowcharts

User journeys

Feature setsFlowcharts

User journeys

A group of functions

(capabilities, capacities, etc.)

Flickr and editing your photos

ex perim

entation —————

Design —————————

USABILITY

————————————— RELIABILITY

——————————————— Core -Functionality

Apply the UX Hierarchy to Feature Sets

When thinking of User Experience, we often think of a simple, beautiful, and

easy to use feature-set of a product, that makes the user’s life easier. But

as a matter of fact, features are merely a small, fragile part of the

product. They are only a few of many thinkable solutions for a user’s

problem the product tries to solve. Thinking in products means thinking in specific user’s problems, in jobs to

be done, in goals, and in revenues.

“

” https://medium.com/@jaf_designer/why-product-thinking-is-the-next-big-thing-in-ux-design-ee7de959f3fe

Feature setsFlowcharts

User journeys

A way of illustrating the user’s journey

through your product

Paths and Maps sometimes complex sometimes simple

What the user sees

_______________

What they do

What they see next

_______________

What they do next

Feature setsFlowcharts

User journeys

The interaction between your user and your product including context

and mood

?Why

• Demonstrating the vision for the project

• They help us understand user behavior • They help identify possible

functionality at a high level • They help you define your taxonomy

and interface

?How

Understand

Understand• Your user’s goals• Their motivations• Their current pain points• Their overall character • The main tasks they want to achieve

?What

• Context where, what, external factors• Progression forwards, backwards, sideways• Devices what, when, expertise level, features• Functionality what level? achievable? • Emotion emotional state throughout

Show me!

There is no template - illustrate, write a narrative, create a storyboard or a flowchart or a moldboard … these are some examples:

Homework Assignment1. Revise your selected information architecture.2. Brainstorm a feature set for your website, again taking into

consideration the primary needs of each of your personas.3. Create at least one user journey for each persona, focusing

on what you consider their most important experience(s). Multiple journeys are encouraged, but not required.

DELIVERY FORMAT:

Your journeys may include hand-sketched screens, a written narrative, concept graphics and/or a combination of the three. You are not expected to produce wireframe comps (yet).

Note: this is group assignment.

http://theuxreview.co.uk/

Basic Wireframing

Basic Wireframing

Basic Wireframing