nxt deconstructing ux_in_ereading

Recent trendsin new publishing

Harri HeikkiläM.Soc.Sc., graphic designerAalto University, School of Art and DesignResearcher

on tunnuksen symboli-osa. on tunnuksen tekstiosa.

Merkki ja logo muodostavat yhdessä Aalto-yliopiston .Deconstructing User Experience

in eReadingti 9. 2013()

ti 9. 2013()

”The Kindle Killer” Building blocks of

eReading UX

2. Device3. Reading software4. Book itself

1. Ecosystem

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content‣ Good shopping UX

ti 9. 2013()

”The Kindle Killer”1. Find all ebooks 2. Choose bestseller in ePUB-format 3. Buy (add to basket, sign in and pay)

Harlequin9 CLICS

Libreka7 CLICS

AMAZON6 CLICS

ELISA 10 CLICS

SK OVER18 CLICS X

POTTER-MORE11 CLICS

ti 9. 2013()

”The Kindle Killer”(add to basket, sign in and pay)

X

POTTER-MORE11 CLICS

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content‣ Good shopping UX‣ Easy, transparent DRM

ti 9. 2013()

”The Kindle Killer”User-friendly DRM?

ti 9. 2013()

”The Kindle Killer”User-friendly DRM?

ti 9. 2013()

”The Kindle Killer”Common DRM?

ti 9. 2013()

”The Kindle Killer”Common DRM?

�

ti 9. 2013()

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content‣ Good shopping UX‣ Easy, transparent DRM

How to create better UX for DRM outside of the walled gardens? – Streaming, Social DRM, Light DRM

ti 9. 2013()

”The Kindle Killer”

2. DeviceWHAT IS NEEDED:

‣ Portability

ti 9. 2013()

”The Kindle Killer”Portability?

Soft Book 2000

ti 9. 2013()

”The Kindle Killer”Portability? �Kindle Touch 2011

ti 9. 2013()

”The Kindle Killer”Portability? �Kindle Touch 2011

Kindle 3, 2010

ti 9. 2013()

”The Kindle Killer”

2. DeviceWHAT IS NEEDED:

‣ PortabilityBetter displaysFast, non-glare screenGood contrast, high resolutionRead in dark

‣ Not good, but excellent usability‣ Durability

ti 9. 2013()

”The Kindle Killer”Better displays? �

ti 9. 2013()

”The Kindle Killer”Better displays? �

BARNES & NOBLE | NOOK Simple Touch with GlowLight

ti 9. 2013()

”The Kindle Killer”

3. Reading softwareWHAT IS NEEDED:

‣ Standards, please‣ Up-to-date support for CSS3/HTML5‣ High quality font support‣ Social reading implementation‣ Not good, but excellent usability)

(navigation, browsability

ti 9. 2013()

”The Kindle Killer”

3. Reading softwareWHAT IS NEEDED:

‣ Standards, please‣ Up-to-date support for CSS3/HTML5‣ High quality font support‣ Social reading implementation‣ Not good, but excellent usability)

(navigation, browsabilityBooken Odyssey has easy to usereading sofware, UI based on menus,23 languages, hyphenates even Finnish

ti 9. 2013()

”The Kindle Killer”

3. Reading softwareWHAT IS NEEDED:

‣ Standards, please‣ Up-to-date support for CSS3/HTML5‣ High quality font support‣ Social reading implementation‣ Not good, but excellent usability)

(navigation, browsabilityBooken Odyssey has easy to usereading sofware, UI based on menus,23 languages, hyphenates even Finnish

ti 9. 2013()

”The Kindle Killer”

4. BookWHAT IS NEEDED:

‣ Better standards for rich content‣ Better lay-out and typography

ti 9. 2013()

”The Kindle Killer” ePub 2.1 best practices check list

Form a form! ”God is in details”!

✓ Cover page has been proofed on e-readers to ensure control of gray shades, no marginals (B&W)

✓ Even eBook has a title page, copyright page and TOC page

✓ Major headlines start from new page with generous white space

✓ Subheads stand out clearly in body text

✓ Spacing and indentions of paragraphs are thoughtfully designed, aim is to provide coherent set of visual clues ands avoid clutter, feeling of mass of unformulated text.

✓ Some white space in margins is provided by design, not all eReaders provide easy ability to adjust it

✓ Consider using three centered dots or similar (black square, diamond) to tell reader, that h/she has reached end of some entity

ti 9. 2013()

”The Kindle Killer”

‣ Better lay-out?CSS3’s new Paged Media spec

margin

border

padding

content

ti 9. 2013()

”The Kindle Killer”

‣ Better lay-out?CSS3’s new Paged Media spec

margin

border

padding

content

ti 9. 2013()

”The Kindle Killer”

ti 9. 2013()

”The Kindle Killer”

Deconstruction of UX

2. Device3. Reading software4. Book itself

1. Ecosystem

ti 9. 2013()

”The Kindle Killer”

Deconstruction of UX

2. Device3. Reading software4. Book itself1. Ecosystem

ti 9. 2013()

”The Kindle Killer”

Deconstruction of UX

I have content

Што?

Pour moi?

So what?

2. Device3. Reading software4. Book itself

1. Ecosystem

ti 9. 2013()

”The Kindle Killer”

Deconstruction of UX

1. Ecosystem2. Device3. Reading software4. Book itself

ti 9. 2013()

”The Kindle Killer”

Deconstruction of UX

1. Ecosystem2. Device3. Reading software4. Book itself

ti 9. 2013()

DISCUSSIONTHE FUTURE

ti 9. 2013()

”The Kindle Killer”

eBook integration still a far hope

‣ Platforms are drifting apart instead of integrating‣ Epub 2.1, Epub 3.0, !xed lay-out ePUB, Apple

additions, Amazon .azw and KF8-versions, di"erent DRM-schemes, BiB-services, print replicas... and apps.

ti 9. 2013()

”The Kindle Killer”

Apps, books as programs

‣ Heaven is the limit‣ Standards according platform‣ Concept of the book blurring

When book becomes a multimedia?‣ Policy of Random Penguin?‣ OMG, where is the page?

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

Novels Childrens books, travel guides Futuristic poem

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ePUB

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ePUBApps

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ePUBApps

HTML5

ti 9. 2013()

”The Kindle Killer”Books are not created equal in new digital world.

VI

SU

AL

IT

Y

L I N E A R I T Y

Novels Childrens books, travel guides Futuristic poem

ePUBApps

HTML5Printreplica

ti 9. 2013()

”The Kindle Killer”

• Social reading can be huge, but there is no integration policy for features

• Sharing (not only SoMe & eMail, but within the book)• Annotating (not only for myself, but for sharing – and

receiving & !ltering annotations of the others) • Recommending, book clubs• Creating content• Saving for clip book, combining clips • -> Textbooks as learning environments. Atlas.ti-like

tagging?

New tech integration?

ti 9. 2013()

Do we have to abandon all hope?ti 9. 2013()

No, in digital bookswe have just started the journey.

ti 9. 2013()

Questions?

ti 9. 2013()