Designing graphics for small screens

This chapter explains how to create visuals that support mobile learning without causing confusion or clutter. It begins by reinforcing that every image should serve a clear learning purpose. The chapter outlines how to simplify graphics, choose the right level of detail, and make text legible. It provides tips for designing charts, diagrams, and icons that are easy to interpret on small screens. Layout, contrast, and spacing are discussed in detail. It explains how to simplify complex images, reduce unnecessary detail, and guide attention through strong visual hierarchy. The chapter shows how well-designed graphics support scanning, lower cognitive load, and improve retention. The chapter ends with ways to design visuals for mobile that show both the high-level structure and the details separately, so learners don’t get overwhelmed.