Prototypes

...can save you some work

And actually make the experience a lot better

Who am I?

My Name is Nils Eckelt.

I've started as a developer

Me.

Relationship to user

I've thought of the user as unexperienced.

Other players

But there's the Client, too.

...and think about the product.

All them needs to be juggeld

What is UX?

Short for User Experience.

Definition

Wikipedia

User Experience spielt eine große Rolle bei der Produkt- und Serviceentwicklung. In vielen Bereichen wird Vitruv als erster Architekt und Designer gesehen der mit den Begriffen Firmitas (Festigkeit), Utilitas (Nützlichkeit, Usability) und Venustas (Schönheit) die Kriterien für das Nutzerlebnis definiert hat, wenn es auch damals noch eher auf Gebäude ausgerichtet war.

Wikipedia german

Definition

Wikipedia

User experience includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership.

Wikipedia english

Definition

User Experience Honeycomb

Semantic Studios

Useful.: As practitioners, we can’t be content to paint within the lines drawn by managers. We must have the courage and creativity to ask whether our products and systems are useful, and to apply our knowledge of craft + medium to define innovative solutions that are more useful.
Usable.: Ease of use remains vital, and yet the interface-centered methods and perspectives of human-computer interaction do not address all dimensions of web design. In short, usability is necessary but not sufficient. Desirable. Our quest for efficiency must be tempered by an appreciation for the power and value of image, identity, brand, and other elements of emotional design.
Findable.: We must strive to design navigable web sites and locatable objects, so users can find what they need.
Accessible.: Just as our buildings have elevators and ramps, our web sites should be accessible to people with disabilities (more than 10% of the population). Today, it’s good business and the ethical thing to do. Eventually, it will become the law.
Credible.: Thanks to the Web Credibility Project, we’re beginning to understand the design elements that influence whether users trust and believe what we tell them.
Valuable.: Our sites must deliver value to our sponsors. For non-profits, the user experience must advance the mission. With for-profits, it must contribute to the bottom line and improve customer satisfaction.

Definition

Five Buckets

ThoughtWorks

Prototypes

Mainly on a mobile app example.

Fake it before you make it.

Tools

Toolbox

Pen and paper
PopApp
Keynote
...and LinkViewer
CodePen (et. al.)
...Frameless
Others:
- (Balsamiq)
- (Axure)
- ...

Pen and paper

Pro

No technical equipment
No tool to learn
Created quickly

Con

Test users needs imagination
No real interaction
No transitions

PopApp

Pro

Limited effort to create
Running on real device
Interaction with user

Con

Childish look

Keynote

Pro

Quickly produced
Higher fidelity
You could test on real device

Con

No scrolling or pinching
No transitions or animations

Codepen

Pro

Interactions
Fidelity
Real device

Con

Some dev skills
Reuse(!)

Others

Balsamiq
Axure
...

There are professional tools for prototyping out there.

Live demo...

Life cycle

User tests

Whom to test with?

Target group
Real end-users
Project foreigners
Guerilla testing on the street

What am I going to test?

Information Architecture
User Interactions
Useable
Beauty

How to ask the right questions?

Give a save setting. The user can't be wrong.
Try to be as realistic as it is reasonable.
Ask to speak out thoughts.
Don't use terms that already guide to the solution.
Observe also the "micro-guestures".

Q & A

Thank you.

Questions? Corrections? Suggestions?

Reach out to me:

@NilsEckelt

http://nils.ecke.lt

These slides are available at http://nils.ecke.lt/slides/prototypes