Workshop | Designing interactions

04

Workshop Sessions

Where do I clickDesigning Interactions

Kindle and iPhone have made the term UX globally famous. All the time, online or offline, we interact.

As we dive deeper into more complex ecosystems, our experiences are what count. Digital advertising

is all about experiences.

However, when we talk of UX, we are looking at a black box.

Still, as Steve Krug puts it, “It's not rocket surgery”.

UX?

UX?

IA?

UX?

UI?

IA?

UX?

UI?

UCD?

IA?

UX?

IXD?

UI?

UCD?

IA?

UX?

IXD?

UI?

UCD?

IA?

CLI?

UX?

IXD?

UI?

UCD?

IA?

VD?

CLI?

UX?

IXD?

UI?

UCD?

IA?

VD?

CLI?

GUI?

UX?

IXD?

UI?

UCD?

IA?

VD?

CLI?

GUI?

NUI?

A discipline that emerged from the need to identify & classify information, creating labels, hierarchies and the sort.

IA

How it’s organized

IXD

The disciplines of outlining interactions that will happen with an artifact. If IA is concerned with structure, IXD follows the logic of the flow.

How it will work


IA


UI & VD

The disciplines of creating the end-user interfaces for an interaction. As with most cultural interfaces, it is usually known for being visual - hence visual design.

How it looks

IXD


How it will work


IA


UCD

A philosophy and a series of techniques that concern themselves with focusing the design on user’s needs and capabilities.

Who it’s for

UI & VD


How it looks

IXD


How it will work


IA


UX

The experiences people have with the designed artifact - it is considered it cannot be designed, only supported by the work of other disciplines.

The subjective experience

UCD

A philosophy and a series of techniques that concern themselves with focusing the design on user’s needs and capabilities.

Who it’s for

UI & VD


How it looks

IXD


How it will work


IA


What makes a good user experience?

Value

Why is it useful?

Usability

How easy it is to use?

Adoption

How is the adoption curve?

Desirability

What is the OMG-I-want-it-now factor?

"If you can't explain it simply,

you don't understand it well enough."

In the UX heart, lies a quest:

NUI

The interface between user and machine happens in a direct manner. Even though it might still use metaphors, it gets rid of supporting aids.

GUI

The interface between user and machine happens in a graphical interface that relies deeply on metaphors.

CLI

The interface between user and machine happens in s p e c i fi c l a n g u a g e b y e x c h a n g e o f w r i t t e n command lines.

There was a struggle for simplicity:

And it is a Interaction Design decision.

GUI

CLI

NUI

Exercise 1, What?

1. Form a group.

2. Get your canvas.

3. Pick an object. Anything you worked with here. Or that you want to discuss, really.

Interaction is a kind of action that occurs as two or more objects have an effect upon one another.

But what is an interaction?

How do interact?

?

The worldMe

Goal definition

Intention to act Sequence of actions

Execution of the action sequence

Perceiving the state of the world

Interpreting the perception

Evaluation of perceptions

An example:

Open the door

I want to open the door

Get close to the door

Raise my handGrab the knobTurn the knobPush the door

OK, let’s do so

Has the door opened?Nope, it hasn’tMaybe it’s

locked or jammed. Have to check that

first.

The door

However, most designed interactions are broken.

Technology has removed long ago the clear relation of cause and consequence. Ever since the NUI

were implemented in scale, we are aiming at regaining clear notions of interaction.

How so?

Best practices change daily and ‘intuitive' is the nicest word that will screw you up.

Guide and refine

Finally, ypu need to show the consequence of his actions while keeping the interaction stable.

Create a funnel

Afterwards, you need to take the user by the hand and create a funnel - truly narrowing the dos and don’ts.

Lead the way

First off, you need to lead the way to the interaction.

Let’s keep it short.

Visibility & mappings Affordances & constraints Feedback & consistency

How much of the interface is sensible to us?

Visibility

Natural signals

Natural design

Visible & Invisible

How can I trace the correlation between what can I do and what I notice to be possible?

Mapping

Natural mapping

How can the object imply how it’s used? How can it gives hints on how it’s used?

Affordances

Afford to motivate action

Afford to show where to go next

What are the limitations of the object?

Constraints

Physical & Logical

Semantic& Cultural

Does the object provide any answers once something has been done to it?

Feedback

Visual

Auditive

Haptic

How can I stay lean? In other words, SISI.

Consistency

Teach once and use it to new features

1. Second canvas round!

2. Let’s try and define the usability aspects. Think of what was done.

Exercise 2, How?

Can’t we bend the rules?

Philippe Starck’s juicy salif

Flow (the indie game)

Well, pretty much the “Easter Egg” concept

Rules can be bent:

as long as it is a conscious choice and invites discovery.

1. Conduct an elevator pitch. You have 2 minutes to tell us about your product, its strength and what you decided to change.

Exercise 2, Share!