Transcript
Page 1: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

eBOOK UXBringing User Experience Knowledge Into the Picture

ebookcraft

Toronto—March 5, 2014

Foxpath IND :: Anne Kostick

Page 2: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick
Page 3: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

What Is UX?

Research and design aimed at making the user’s experience of a product, process or service better.

UXK= UX Knowledge

Page 4: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

A Fast UX History

UX: User experience

UXD: User experience design

Experience design

User research

Usability

UI: User Interface design

Interaction design

Human factors

Ergonomics

HCI: Human computer interaction

Page 5: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

The Machine Age

Page 6: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Human Factors

Complexity can be dangerous People come first.

Page 7: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Don Norman

Page 8: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Uxers from Everywhere

Social SciencePsychology, Anthropology, Sociology

DesignIndustrial, Interactive, Graphic

EngineeringSoftware dev, Mechanical

DevelopmentProduct dev, Editorial dev

ProductionProduct management, Project management

UX in Publishing

Discoverybuying, browsing

Device using, managing

Reading start to finish; searching, finding, saving, marking

Page 9: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

A Fast History of the Book

Codex established between 100 – 300 CE

Movable type 1455 (Germany)

1377 (Korea)

Illustrations 1461 (Germany)

Page 10: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

InnovationsTable of contents [c 100]

Spaces between words [c 700]

Margins [1400s]

Bookmarks [c 1590]

Pagination [c 1590]

Indexes [1600s]

Footnotes [1600s]

Color ink

Table of illustrations

Card page

Appendix

Thumb tabs

Edge color

Spine printing

Page 11: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Book = Object

1870 2013

Page 12: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Enter Digital• Digital removes the object

so well developed over 1500 years of use.

• There’s no “there” there

• Digital undermines the behaviors and processes readers know.

Page 13: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

DIGRESSION: Rename the Book!

… the codex, the format, the object

… the intellectual property; the meaning of the text, behind the letters on the

page

Then there’s … … the experience

Page 14: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Book Design / UX Design

• Book design takes existing graphic elements to create the known page/volume, visually. Use is understood.

• UX design uses graphic elements, among other elements, to create the reading experience.

Page 15: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

The UX Cycle

ITERATE

OBSERVE

IDEATEPROTOTYPE

TEST

Page 16: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

UX Tool Kit (partial)• Observation

• Survey/Questionnaire• Comparative Assessment• Bug List/Wish List

• Ideation• Mental Models• Drawing/Sketching• Workshop/Brainstorm sessions

• Prototyping• Paper• Files• Templates

Page 17: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Special E-book Kit

Research and testing

Not You

Not your work colleagues, either

Design and Ideating

Use your customers’ strengths, i.e., verbal skew

Use your product’s strengths, i.e., each book is unique.

Protyping and Iterating

Paper is perfect!

Files are flexible!

Page 18: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

RULE OF 5

Five research subjects in a study will yield 85% of the information you need for UX design.

Page 19: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

GOGGLES

Page 20: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

User Research

Ask Questions

“He just got tired of his Kindle.”

“After a day at the office, staring

at a screen seemed too much like work.”

“I kept losing my place. If I wanted

to remind myself about a character,

I couldn’t go back.”

“I missed the feel of a book.”

Page 21: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Observation• Set up a task and a goal

• Ask subject for feedback afterward

SubjectObservers

Page 22: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Gather Information

Comparative Assessment

examine features of other products

Bug List

what things do users dislike?

Wish List

what do they wish the

product could do for them?

Observer’s notes

Page 23: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Ideate

Page 24: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Prototype and Test

Page 25: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Parts of a Book

Page 26: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Ideas from Everywhere

Page 27: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick
Page 28: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Dimensional Navigation?

Page 29: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

My Library

Page 30: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Dimensional Location?

Page 31: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Findings: What Do Readers Want?

• Flow• Serendipity• Transparency• Simplicity• Orientation in space

Page 32: Ebook UX: Bringing User Experience Design into the Picture - ebookcraft 2014 - Anne Kostick

Betterment!Use UXK

Change goggles

Iterate often

Use e-books’ advantages

Join the evolution of digital reading

For recommended reading and online resources, email me: [email protected]


Top Related