SlideShare a Scribd company logo
1 of 12
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

JPEG vs GIF vs PNG
JPEG vs GIF vs PNGJPEG vs GIF vs PNG
JPEG vs GIF vs PNGSomeone Else
 
Organic light emitting diode (oled)
Organic light emitting diode (oled)Organic light emitting diode (oled)
Organic light emitting diode (oled)manvithkumar840
 
Organic light emitting diode
Organic light emitting diodeOrganic light emitting diode
Organic light emitting diodePrakash Mahendran
 
Output devices
Output devicesOutput devices
Output devicesSara Malik
 
Chapter 11: Printers and Scanners
Chapter 11: Printers and ScannersChapter 11: Printers and Scanners
Chapter 11: Printers and Scannersaskme
 
OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)
OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)
OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)Hem Pokhrel
 
Light Emitting Diode & OLED
Light Emitting Diode & OLEDLight Emitting Diode & OLED
Light Emitting Diode & OLEDDevansh Gupta
 
Organic Light Emitting Diode (OLED)
Organic Light Emitting Diode (OLED)Organic Light Emitting Diode (OLED)
Organic Light Emitting Diode (OLED)DHRUVIN PATEL
 
Flexible Electronic Display Report PDF,VTU format
Flexible Electronic Display Report PDF,VTU formatFlexible Electronic Display Report PDF,VTU format
Flexible Electronic Display Report PDF,VTU formatVinesh Gowda
 
Flexible OLED Displays
Flexible OLED DisplaysFlexible OLED Displays
Flexible OLED DisplaysJeffrey Funk
 
Flexible Electronic display ppt,VTU format
Flexible Electronic display ppt,VTU formatFlexible Electronic display ppt,VTU format
Flexible Electronic display ppt,VTU formatVinesh Gowda
 
Internship report (1)
Internship report (1)Internship report (1)
Internship report (1)brhne fitsum
 

What's hot (20)

OLED Technology
OLED TechnologyOLED Technology
OLED Technology
 
JPEG vs GIF vs PNG
JPEG vs GIF vs PNGJPEG vs GIF vs PNG
JPEG vs GIF vs PNG
 
Organic light emitting diode (oled)
Organic light emitting diode (oled)Organic light emitting diode (oled)
Organic light emitting diode (oled)
 
Organic light emitting diode
Organic light emitting diodeOrganic light emitting diode
Organic light emitting diode
 
OLED Technology
OLED TechnologyOLED Technology
OLED Technology
 
Output devices
Output devicesOutput devices
Output devices
 
Final COOP Report
Final COOP ReportFinal COOP Report
Final COOP Report
 
Chapter 11: Printers and Scanners
Chapter 11: Printers and ScannersChapter 11: Printers and Scanners
Chapter 11: Printers and Scanners
 
Amoled
AmoledAmoled
Amoled
 
Oled technology
Oled technologyOled technology
Oled technology
 
OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)
OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)
OUTPUT DEVICES: MONITORS (CRT, LCD, LED, PLASMA)
 
Light Emitting Diode & OLED
Light Emitting Diode & OLEDLight Emitting Diode & OLED
Light Emitting Diode & OLED
 
Organic Light Emitting Diode (OLED)
Organic Light Emitting Diode (OLED)Organic Light Emitting Diode (OLED)
Organic Light Emitting Diode (OLED)
 
Oled
OledOled
Oled
 
oled ppt
oled pptoled ppt
oled ppt
 
Flexible Electronic Display Report PDF,VTU format
Flexible Electronic Display Report PDF,VTU formatFlexible Electronic Display Report PDF,VTU format
Flexible Electronic Display Report PDF,VTU format
 
Flexible OLED Displays
Flexible OLED DisplaysFlexible OLED Displays
Flexible OLED Displays
 
Flexible Electronic display ppt,VTU format
Flexible Electronic display ppt,VTU formatFlexible Electronic display ppt,VTU format
Flexible Electronic display ppt,VTU format
 
Molecular Electronics
Molecular ElectronicsMolecular Electronics
Molecular Electronics
 
Internship report (1)
Internship report (1)Internship report (1)
Internship report (1)
 

Viewers also liked

E ink introduction
E ink introductionE ink introduction
E ink introductionBb 史
 
Humanizing Business Processes by leveraging E-Learning technologies
Humanizing Business Processes by leveraging E-Learning technologiesHumanizing Business Processes by leveraging E-Learning technologies
Humanizing Business Processes by leveraging E-Learning technologiesDoceboElearning
 
Evaluating Web Resources
Evaluating Web ResourcesEvaluating Web Resources
Evaluating Web ResourcesAshfordLibrary
 
Apresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuada
Apresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuadaApresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuada
Apresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuadaFrancisco Júnior
 

Viewers also liked (9)

e ink report
e ink report e ink report
e ink report
 
E ink introduction
E ink introductionE ink introduction
E ink introduction
 
Ebooks at AU
Ebooks at AUEbooks at AU
Ebooks at AU
 
Humanizing Business Processes by leveraging E-Learning technologies
Humanizing Business Processes by leveraging E-Learning technologiesHumanizing Business Processes by leveraging E-Learning technologies
Humanizing Business Processes by leveraging E-Learning technologies
 
Evaluating Web Resources
Evaluating Web ResourcesEvaluating Web Resources
Evaluating Web Resources
 
E paper
E paper E paper
E paper
 
E-Paper Display
E-Paper DisplayE-Paper Display
E-Paper Display
 
E paper
E paperE paper
E paper
 
Apresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuada
Apresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuadaApresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuada
Apresentação TCC Banca Intermediária - CIES Abrigos de Permanência continuada
 

Similar to Designing for E-ink devices

Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principlesDzung 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 ElementsEromRamos
 
Web design content
Web design contentWeb design content
Web design contentMrCHenderson
 
Web design content
Web design contentWeb design content
Web design contentMrCHenderson
 
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 PrototypesDavid Farrell
 
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 PrototypingDavid Farrell
 
CS101- Introduction to Computing- Lecture 25
CS101- Introduction to Computing- Lecture 25CS101- Introduction to Computing- Lecture 25
CS101- Introduction to Computing- Lecture 25Bilal Ahmed
 
Design.doc
Design.docDesign.doc
Design.docbutest
 
Multimedia Development Lifecycle
Multimedia Development LifecycleMultimedia Development Lifecycle
Multimedia Development LifecycleLeoni Rahmawati
 
Web Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxWeb Designing training in Chandigarh.pptx
Web Designing training in Chandigarh.pptxasmeerana605
 
Web Design For The Nondesigner
Web Design For The NondesignerWeb Design For The Nondesigner
Web Design For The NondesignerCharlie Kalech
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed 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 LayoutDavid Farrell
 
Lecture (User Interface Design).ppt
Lecture (User Interface Design).pptLecture (User Interface Design).ppt
Lecture (User Interface Design).pptskknowledge
 

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

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 

Recently uploaded (20)

MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 

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 -