52
Recent trends in new publishing Harri Heikkilä M.Soc.Sc., graphic designer Aalto University, School of Art and Design Researcher Deconstructing User Experience in eReading ti 9. 2013()

Nxt deconstructing ux_in_ereading

Embed Size (px)

Citation preview

Page 1: 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()

Page 2: Nxt deconstructing ux_in_ereading

ti 9. 2013()

Page 3: Nxt deconstructing ux_in_ereading

”The Kindle Killer” Building blocks of

eReading UX

2. Device3. Reading software4. Book itself

1. Ecosystem

ti 9. 2013()

Page 4: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

Page 5: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

Page 6: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

Page 7: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content

ti 9. 2013()

Page 8: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

‣ Abundance of content‣ Good shopping UX

ti 9. 2013()

Page 9: Nxt deconstructing ux_in_ereading

”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()

Page 10: Nxt deconstructing ux_in_ereading

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

X

POTTER-MORE11 CLICS

ti 9. 2013()

Page 11: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

1. EcosystemWHAT IS NEEDED:

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

ti 9. 2013()

Page 12: Nxt deconstructing ux_in_ereading

”The Kindle Killer”User-friendly DRM?

ti 9. 2013()

Page 13: Nxt deconstructing ux_in_ereading

”The Kindle Killer”User-friendly DRM?

ti 9. 2013()

Page 14: Nxt deconstructing ux_in_ereading

”The Kindle Killer”Common DRM?

ti 9. 2013()

Page 15: Nxt deconstructing ux_in_ereading

”The Kindle Killer”Common DRM?

ti 9. 2013()

Page 16: Nxt deconstructing ux_in_ereading

”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()

Page 17: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

2. DeviceWHAT IS NEEDED:

‣ Portability

ti 9. 2013()

Page 18: Nxt deconstructing ux_in_ereading

”The Kindle Killer”Portability?

Soft Book 2000

ti 9. 2013()

Page 20: Nxt deconstructing ux_in_ereading

”The Kindle Killer”Portability? �Kindle Touch 2011

Kindle 3, 2010

ti 9. 2013()

Page 21: Nxt deconstructing ux_in_ereading

”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()

Page 22: Nxt deconstructing ux_in_ereading

”The Kindle Killer”Better displays? �

ti 9. 2013()

Page 24: Nxt deconstructing ux_in_ereading

”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()

Page 25: Nxt deconstructing ux_in_ereading

”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()

Page 26: Nxt deconstructing ux_in_ereading

”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()

Page 27: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

4. BookWHAT IS NEEDED:

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

ti 9. 2013()

Page 28: Nxt deconstructing ux_in_ereading

”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()

Page 29: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

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

margin

border

padding

content

ti 9. 2013()

Page 30: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

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

margin

border

padding

content

ti 9. 2013()

Page 31: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

ti 9. 2013()

Page 32: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

Deconstruction of UX

2. Device3. Reading software4. Book itself

1. Ecosystem

ti 9. 2013()

Page 33: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

Deconstruction of UX

2. Device3. Reading software4. Book itself1. Ecosystem

ti 9. 2013()

Page 34: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

Deconstruction of UX

I have content

Што?

Pour moi?

So what?

2. Device3. Reading software4. Book itself

1. Ecosystem

ti 9. 2013()

Page 35: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

Deconstruction of UX

1. Ecosystem2. Device3. Reading software4. Book itself

ti 9. 2013()

Page 36: Nxt deconstructing ux_in_ereading

”The Kindle Killer”

Deconstruction of UX

1. Ecosystem2. Device3. Reading software4. Book itself

ti 9. 2013()

Page 37: Nxt deconstructing ux_in_ereading

DISCUSSIONTHE FUTURE

ti 9. 2013()

Page 38: Nxt deconstructing ux_in_ereading

”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()

Page 39: Nxt deconstructing ux_in_ereading

”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()

Page 40: Nxt deconstructing ux_in_ereading

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

Novels Childrens books, travel guides Futuristic poem

ti 9. 2013()

Page 41: Nxt deconstructing ux_in_ereading

”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()

Page 42: Nxt deconstructing ux_in_ereading

”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()

Page 43: Nxt deconstructing ux_in_ereading

”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()

Page 44: Nxt deconstructing ux_in_ereading

”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()

Page 45: Nxt deconstructing ux_in_ereading

”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()

Page 46: Nxt deconstructing ux_in_ereading

”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()

Page 47: Nxt deconstructing ux_in_ereading

”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()

Page 48: Nxt deconstructing ux_in_ereading

”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()

Page 49: Nxt deconstructing ux_in_ereading

”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()

Page 50: Nxt deconstructing ux_in_ereading

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

Page 51: Nxt deconstructing ux_in_ereading

No, in digital bookswe have just started the journey.

ti 9. 2013()

Page 52: Nxt deconstructing ux_in_ereading

Questions?

ti 9. 2013()