A Dedicated E-Paper Design System for Mobile Phones: Limitations, Design Process and Implementation Insights

Paper Title

A Dedicated E-Paper Design System for Mobile Phones: Limitations, Design Process and Implementation Insights

Publication Info

• Topic area: Design systems for e-paper smartphones
• Keywords: e-paper displays, mobile UI, design system, UX challenges, low refresh rate, ghosting, monochrome interfaces, energy efficiency, interaction design, minimalist smartphones

Background and Problem

• Problem / challenge: Existing design systems like Google Material Design and Apple’s Human Interface Guidelines are not optimized for the unique constraints of e-paper displays, such as slow refresh rates, ghosting, and limited color capabilities. This has hindered the adoption of e-paper smartphones.
• Significance: E-paper displays offer advantages like energy efficiency, reduced eye strain, and suitability for distraction-free, minimalist devices. Addressing their design challenges could unlock new applications and improve user experiences.
• Motivation and related work: While e-paper technology has been successfully applied in e-readers and IoT devices, its use in smartphones remains limited due to usability challenges. Prior work has not provided systematic design guidelines tailored to e-paper’s constraints, leaving a gap this paper seeks to address.

Solution

• Proposed approach: The E-Paper Design System, an open framework tailored to the constraints of e-paper smartphones, including design guidelines and a component library.
• Novelty:
  1. Structured exploration of e-paper limitations in the context of mobile phone design.
  2. Development of design guidelines optimized for e-paper interfaces.
  3. Introduction of a new design system, “Mudita Mindful Design,” with practical applications and open access.
• Procedure and key techniques:
  • Identified e-paper-specific challenges (e.g., ghosting, low responsiveness, monochrome constraints).
  • Developed design principles (e.g., visible UI controls, black-and-white-only content, stable layouts).
  • Created a Figma-based UI kit and implemented Android applications for testing.
  • Conducted an exploratory in-house UX study with 24 participants to evaluate usability and refine the system.

Results

• Concrete findings:
  • Identified 143 usability issues, categorized by severity.
  • Key challenges include ensuring visible interactions, maintaining legibility in monochrome, and providing feedback without exacerbating ghosting or battery drain.
  • Updated design guidelines to address these challenges, such as standardizing scroll indicators and improving icon differentiation.
• Advantage over baselines:
  • Tailored specifically for e-paper constraints, unlike existing design systems.
  • Reduces ghosting, improves usability, and optimizes for energy efficiency.
• Experiments / evaluation:
  • Two scenarios tested: feature exploration and task completion.
  • Participants highlighted issues with responsiveness, icon recognition, and feedback clarity.
  • Iterative refinements made based on user feedback.
• Limitations and future work:
  • Study conducted on a single e-paper device without a control group.
  • Some usability issues may stem from software bugs rather than design flaws.
  • Future work includes comparative studies with grayscale-adapted design systems, eye-tracking analysis, and further refinement of the design system.

Summary

This paper introduces the E-Paper Design System, a framework optimized for the unique constraints of e-paper smartphones. It addresses challenges such as low refresh rates, ghosting, and monochrome limitations through tailored guidelines and components. An exploratory UX study with 24 participants validated the system’s initial version, revealing key areas for improvement, including visible interactions, icon differentiation, and feedback mechanisms. The design system, available on Zeroheight and GitHub, provides a foundation for developing minimalist, energy-efficient e-paper applications. Future research will focus on comparative usability studies and further refinement of the system.