SlideShare a Scribd company logo
Designing for E-ink devices:
challenges, best practices & guidelines.


              Hany Rizk
      @myExpDesigned - hanyrizk.com
E-ink
Strong points

• Readability
• Portability
• Battery life
Issues

• Ghosting
• Interaction
• Design
Study


• Heuristic Evaluation
• Usability Test
Results

• IA on the readers’ OS
• Touch interaction
• Long response times
• Little visible feedback
Guidelines -
     General Design
• Links should be underlined.
• Use font faces with slightly contrasting
  stroke weights.
• Use highly contrasting shades of gray
  together.
• Use black for the main text, and grey
  (italics) for secondary text.
• Use bold & bigger font sizes to highlight
  text importance.
• Display each page’s content in one
  screen, no scrolling.
• IA should be intuitive and similar to that
  of familiar tech devices.
• Be efficient with screen space.
• Don’t fill the screen with clutter.
• Optimize your design for e-ink.
• Use clear, intuitive graphics.
• Leave no room for user-error.
Guidelines -
        Interaction
• Show a change in color to highlight an
  element’s change of state.
• Tapped keyboard buttons should pop-
  up magnified, for visual feedback.
• Visual feedback should be given after
  actions (such as loading indicators).
• Button sizes on touch-screens should
  be large enough for easy access.
• Have sufficient space between
  interactive elements, to reduce
  imprecise tapping.
• Respect & apply Fitt’s law!
• Double pressing a navigation button
  should speed up navigation.
• Button-based devices should follow
  mobile usability guidelines.
• The cursor should be displayed in
  selected input fields for easy text editing
  editing.
• Filters & other sorting methods should
  be provided for faster browsing in
  pages.
• Provide signs of orientation to the user.

More Related Content

What's hot

E paper technology
E paper technologyE paper technology
E paper technology
Ahshan Kabir
 
E paper
E paper E paper
E-Paper Technology ppt.pptx
E-Paper Technology ppt.pptxE-Paper Technology ppt.pptx
E-Paper Technology ppt.pptx
458SHAIKSAMMAD
 
E-Paper Display
E-Paper DisplayE-Paper Display
E-Paper Display
Rajesh Dunna
 
E ink presentation by vikas
E ink presentation by vikasE ink presentation by vikas
E ink presentation by vikas
Vikas Gupta
 
E-Paper Technology Documentation
E-Paper Technology DocumentationE-Paper Technology Documentation
E-Paper Technology Documentation
Rajesh Gaddam
 
Electronic Paper Technology Report
Electronic Paper Technology ReportElectronic Paper Technology Report
Electronic Paper Technology Report
PrakharAgrawal75
 
Seminar on electronic paper
Seminar on electronic paperSeminar on electronic paper
Seminar on electronic paper
mm8560864624
 
Electronic-Paper (amazon's kindle e-paper)
Electronic-Paper (amazon's kindle e-paper) Electronic-Paper (amazon's kindle e-paper)
Electronic-Paper (amazon's kindle e-paper)
Oshin Kandpal
 
e ball presentation
e ball presentatione ball presentation
e ball presentation09abhay
 
e paper seminar
e paper seminare paper seminar
e paper seminar
Vyshnav Radhakrishnan
 
法律事務所×kintone 紙からの脱却
法律事務所×kintone 紙からの脱却法律事務所×kintone 紙からの脱却
法律事務所×kintone 紙からの脱却
Cybozucommunity
 
E paper technology ppt
E paper technology pptE paper technology ppt
E paper technology pptHema Agali
 
Haptic technology
Haptic technologyHaptic technology
Haptic technology
Prashant thakur
 
E paper slides
E paper slidesE paper slides
E paper slides
Raju Gangannavar
 
Electronic paper
Electronic paperElectronic paper
Electronic paperelsaS12
 
Blue brain
Blue brainBlue brain
Blue brain
Parker Punj
 
TRANSLUCENT CONCRETE
TRANSLUCENT CONCRETETRANSLUCENT CONCRETE
TRANSLUCENT CONCRETE
Shashank Javalagi
 

What's hot (20)

E paper technology
E paper technologyE paper technology
E paper technology
 
E paper
E paper E paper
E paper
 
E-Paper Technology ppt.pptx
E-Paper Technology ppt.pptxE-Paper Technology ppt.pptx
E-Paper Technology ppt.pptx
 
E-Paper Display
E-Paper DisplayE-Paper Display
E-Paper Display
 
E ink presentation by vikas
E ink presentation by vikasE ink presentation by vikas
E ink presentation by vikas
 
E-Paper Technology Documentation
E-Paper Technology DocumentationE-Paper Technology Documentation
E-Paper Technology Documentation
 
Electronic Paper Technology Report
Electronic Paper Technology ReportElectronic Paper Technology Report
Electronic Paper Technology Report
 
Seminar on electronic paper
Seminar on electronic paperSeminar on electronic paper
Seminar on electronic paper
 
Electronic-Paper (amazon's kindle e-paper)
Electronic-Paper (amazon's kindle e-paper) Electronic-Paper (amazon's kindle e-paper)
Electronic-Paper (amazon's kindle e-paper)
 
E ink
E inkE ink
E ink
 
e ball presentation
e ball presentatione ball presentation
e ball presentation
 
e paper seminar
e paper seminare paper seminar
e paper seminar
 
法律事務所×kintone 紙からの脱却
法律事務所×kintone 紙からの脱却法律事務所×kintone 紙からの脱却
法律事務所×kintone 紙からの脱却
 
E paper technology ppt
E paper technology pptE paper technology ppt
E paper technology ppt
 
Haptic technology
Haptic technologyHaptic technology
Haptic technology
 
E paper slides
E paper slidesE paper slides
E paper slides
 
Electronic paper
Electronic paperElectronic paper
Electronic paper
 
Blue brain
Blue brainBlue brain
Blue brain
 
TRANSLUCENT CONCRETE
TRANSLUCENT CONCRETETRANSLUCENT CONCRETE
TRANSLUCENT CONCRETE
 
Epaper(updated)
Epaper(updated)Epaper(updated)
Epaper(updated)
 

Similar to Designing for E-ink devices

Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
Dzung Nguyen
 
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Sachin Gowda
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
EromRamos
 
Web design content
Web design contentWeb design content
Web design content
MrCHenderson
 
Web design content
Web design contentWeb design content
Web design contentMrCHenderson
 
uid3.ppsx
uid3.ppsxuid3.ppsx
uid3.ppsx
DatlaSravya1
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
Chris Snider
 
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
David Farrell
 
AAUP 2015: Fonts in E-Books Panel Outline
AAUP 2015: Fonts in E-Books Panel OutlineAAUP 2015: Fonts in E-Books Panel Outline
AAUP 2015: Fonts in E-Books Panel Outline
Association of University Presses
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface Prototyping
David Farrell
 
CS101- Introduction to Computing- Lecture 25
CS101- Introduction to Computing- Lecture 25CS101- Introduction to Computing- Lecture 25
CS101- Introduction to Computing- Lecture 25
Bilal Ahmed
 
Design.doc
Design.docDesign.doc
Design.docbutest
 
Multimedia Development Lifecycle
Multimedia Development LifecycleMultimedia Development Lifecycle
Multimedia Development Lifecycle
Leoni Rahmawati
 
2nd part of Unit 1.ppt
2nd part of Unit 1.ppt2nd part of Unit 1.ppt
2nd part of Unit 1.ppt
devikarankhambe1
 
Web Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxWeb Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptx
asmeerana605
 
ui.ppt
ui.pptui.ppt
Web Design For The Nondesigner
Web Design For The NondesignerWeb Design For The Nondesigner
Web Design For The Nondesigner
Charlie Kalech
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
Mohamed Shehata
 
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and LayoutGames Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
David Farrell
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).ppt
skknowledge
 

Similar to Designing for E-ink devices (20)

Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU Module 1st USER INTERFACE DESIGN (15CS832) - VTU
Module 1st USER INTERFACE DESIGN (15CS832) - VTU
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Web design content
Web design contentWeb design content
Web design content
 
Web design content
Web design contentWeb design content
Web design content
 
uid3.ppsx
uid3.ppsxuid3.ppsx
uid3.ppsx
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
 
AAUP 2015: Fonts in E-Books Panel Outline
AAUP 2015: Fonts in E-Books Panel OutlineAAUP 2015: Fonts in E-Books Panel Outline
AAUP 2015: Fonts in E-Books Panel Outline
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface Prototyping
 
CS101- Introduction to Computing- Lecture 25
CS101- Introduction to Computing- Lecture 25CS101- Introduction to Computing- Lecture 25
CS101- Introduction to Computing- Lecture 25
 
Design.doc
Design.docDesign.doc
Design.doc
 
Multimedia Development Lifecycle
Multimedia Development LifecycleMultimedia Development Lifecycle
Multimedia Development Lifecycle
 
2nd part of Unit 1.ppt
2nd part of Unit 1.ppt2nd part of Unit 1.ppt
2nd part of Unit 1.ppt
 
Web Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxWeb Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptx
 
ui.ppt
ui.pptui.ppt
ui.ppt
 
Web Design For The Nondesigner
Web Design For The NondesignerWeb Design For The Nondesigner
Web Design For The Nondesigner
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and LayoutGames Design 2 - Lecture 12 - Usability, Metaphor and Layout
Games Design 2 - Lecture 12 - Usability, Metaphor and Layout
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).ppt
 

Recently uploaded

Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
farhanaslam79
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 

Recently uploaded (20)

Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 

Designing for E-ink devices

  • 1. Designing for E-ink devices: challenges, best practices & guidelines. Hany Rizk @myExpDesigned - hanyrizk.com
  • 3. Strong points • Readability • Portability • Battery life
  • 6. Results • IA on the readers’ OS • Touch interaction • Long response times • Little visible feedback
  • 7. Guidelines - General Design • Links should be underlined. • Use font faces with slightly contrasting stroke weights. • Use highly contrasting shades of gray together. • Use black for the main text, and grey (italics) for secondary text.
  • 8. • Use bold & bigger font sizes to highlight text importance. • Display each page’s content in one screen, no scrolling. • IA should be intuitive and similar to that of familiar tech devices. • Be efficient with screen space. • Don’t fill the screen with clutter.
  • 9. • Optimize your design for e-ink. • Use clear, intuitive graphics. • Leave no room for user-error.
  • 10. Guidelines - Interaction • Show a change in color to highlight an element’s change of state. • Tapped keyboard buttons should pop- up magnified, for visual feedback. • Visual feedback should be given after actions (such as loading indicators). • Button sizes on touch-screens should be large enough for easy access.
  • 11. • Have sufficient space between interactive elements, to reduce imprecise tapping. • Respect & apply Fitt’s law! • Double pressing a navigation button should speed up navigation. • Button-based devices should follow mobile usability guidelines. • The cursor should be displayed in selected input fields for easy text editing editing.
  • 12. • Filters & other sorting methods should be provided for faster browsing in pages. • Provide signs of orientation to the user.

Editor's Notes

  1. Readability: -stable image, can be read in direct sunlight, contrast ratio similar to that of newspapers, font size can be adjusted Portability: -Light, portable, holds hundreds of books, progress, notes & bookmarks synced among devices Battery: - e-ink technology allows readers to hold static text and images indefinitely, without consuming any additional power.
  2. Ghosting: - The shadow of a previously displayed image (ghost images) may be visible after refreshing parts of the screen. Ghost images are usually cleared out after the screen is refreshed several times . Interaction: - low refresh rate => no transition effects or animation. dynamic menus, scrolling, smooth zooming, page turns -long response times, bad feedback Design: -No guidelines, each reader has its own OS and browser => Different UI & Chrome
  3. To find and identify the most problematic usability flaws and frustrating UX issues that users come across during interaction with e-ink readers.
  4. -IA: Not intuitive, doesn ’ t conform to the patterns the users are used to. -Touch: problematic, takes too much accuracy and precision to hit target successfully, small-sized buttons & targets, 5-way navigation slow and frustrating -
  5. -Links: maybe even dotted so regular underline is used for highlighting other aspects -