ebook ux: bringing user experience design into the picture - ebookcraft 2014 - anne kostick
Post on 18-Sep-2014
346 views
DESCRIPTION
"Ebook UX: Bringing User Experience Design into the Picture" - Anne Kostick (Foxpath IND) at ebookcraft 2014, presented by BookNet Canada and eBOUND Canada - March 5, 2014.TRANSCRIPT
eBOOK UXBringing User Experience Knowledge Into the Picture
ebookcraft
Toronto—March 5, 2014
Foxpath IND :: 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
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
The Machine Age
Human Factors
Complexity can be dangerous People come first.
Don Norman
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
A Fast History of the Book
Codex established between 100 – 300 CE
Movable type 1455 (Germany)
1377 (Korea)
Illustrations 1461 (Germany)
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
Book = Object
1870 2013
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.
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
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.
The UX Cycle
ITERATE
OBSERVE
IDEATEPROTOTYPE
TEST
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
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!
RULE OF 5
Five research subjects in a study will yield 85% of the information you need for UX design.
GOGGLES
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.”
Observation• Set up a task and a goal
• Ask subject for feedback afterward
SubjectObservers
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
Ideate
Prototype and Test
Parts of a Book
Ideas from Everywhere
Dimensional Navigation?
My Library
Dimensional Location?
Findings: What Do Readers Want?
• Flow• Serendipity• Transparency• Simplicity• Orientation in space
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]