readability
DESCRIPTION
How do people read psychologically? How should designers design for easy readability? This ppt explains stuff through my experience.TRANSCRIPT
![Page 1: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/1.jpg)
?
Douglas Wang2008.05.16
Readability
Show & tell
![Page 2: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/2.jpg)
reality
abstract
![Page 3: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/3.jpg)
![Page 5: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/5.jpg)
![Page 6: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/6.jpg)
![Page 7: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/7.jpg)
ReadabilityEasy- to- understandEasy-to-readLegibility
![Page 8: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/8.jpg)
The reader:
1. prior knowledge, 2. reading skill, 3. Interest,4. motivation.
The text:
1. content, 2. style, 3. design, 4. Structure.
The typography:
1. Size,2. Font type, 3. Font style,4. Color/background, 5. kerning, 6. Spacing7. Line spacing,8. Column width,9. …
Interaction
![Page 9: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/9.jpg)
Readability in typography
![Page 10: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/10.jpg)
![Page 11: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/11.jpg)
![Page 12: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/12.jpg)
![Page 13: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/13.jpg)
type size, line spacing, column width, text-color-background contrast and white space make text easy to read.
Readability in typography
![Page 14: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/14.jpg)
Readability of User Interface
![Page 15: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/15.jpg)
![Page 16: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/16.jpg)
![Page 17: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/17.jpg)
Readability of User Interface
text labels, navigations, captions, descriptions, tooltips, help. Icons, themes, and images
![Page 18: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/18.jpg)
What makes it easy to read?
![Page 19: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/19.jpg)
Where is Waldo?
![Page 20: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/20.jpg)
![Page 21: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/21.jpg)
rules and practices
![Page 22: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/22.jpg)
"Consider the Gutenberg diagram is assist in layout and composition when the elements are evenly distributed and homogeneous, or the design contains heavy use of text. Otherwise, use the weight and composition of elements to lead the eye."Universal Principles of Design by William Lidwell, Kritina Holden and Jill Butler
Gutenberg Diagram
![Page 23: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/23.jpg)
Magnetic field
![Page 24: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/24.jpg)
art
DESIGN
![Page 25: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/25.jpg)
DESIGN
art
![Page 26: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/26.jpg)
Visual ID
![Page 28: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/28.jpg)
![Page 29: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/29.jpg)
Order of fixation
![Page 30: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/30.jpg)
![Page 31: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/31.jpg)
the invisible space
![Page 32: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/32.jpg)
Our corporate environmental policy affirms a commitment to conserving energy and natural resources, promoting sustainability in our professional practices and products, and providing a safe and healthy workplace for employees. We align our standards with applicable laws and regulations, including The Waste Electrical and Electronic Equipment (WEEE) Directive and the European Union Restriction on the Use of Certain Hazardous Substances in Electrical and Electronic Equipment (RoHS). Waste of Electrical and Electronic Equipment The Waste Electrical and Electronic Equipment ("WEEE") Directive aims to reduce the waste arising from electrical and electronic equipment and to improve the environmental performance of all those involved in the life cycle of these products. The Directive is in the process of being implemented into the national laws of the 28 European Economic Area (“EEA”) States and applies to firms which manufacture, sell, distribute, recycle or treat Electrical and Electronic Equipment. Restriction of use of certain Hazardous Substances (‘RoHS’) Autodesk is committed to complying with all applicable substance legislation worldwide, including the European Union Restriction on the Use of Certain Hazardous Substances in Electrical and Electronic Equipment. It is Autodesk's goal to be compliant with the EU RoHS Directive by the July 2006 implementation date concerning all electrical/electronic equipment (‘EEE’) products, which Autodesk supplies, and to incorporate these features into our global product lines.
![Page 33: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/33.jpg)
• Our corporate environmental policy affirms a commitment to conserving energy and natural resources, promoting sustainability in our professional practices and products, and providing a safe and healthy workplace for employees.
• We align our standards with applicable laws and regulations, including The Waste Electrical and Electronic Equipment (WEEE) Directive and the European Union Restriction on the Use of Certain Hazardous Substances in Electrical and Electronic Equipment (RoHS).
• Waste of Electrical and Electronic Equipment The Waste Electrical and Electronic Equipment ("WEEE") Directive aims to reduce the waste arising from electrical and electronic equipment and to improve the environmental performance of all those involved in the life cycle of these products. The Directive is in the process of being implemented into the national laws of the 28 European Economic Area (“EEA”) States and applies to firms which manufacture, sell, distribute, recycle or treat Electrical and Electronic Equipment.
• Restriction of use of certain Hazardous Substances (‘RoHS’) Autodesk is committed to complying with all applicable substance legislation worldwide, including the European Union Restriction on the Use of Certain Hazardous Substances in Electrical and Electronic Equipment. It is Autodesk's goal to be compliant with the EU RoHS Directive by the July 2006 implementation date concerning all electrical/electronic equipment (‘EEE’) products, which Autodesk supplies, and to incorporate these features into our global product lines.
![Page 34: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/34.jpg)
• Our corporate environmental policy affirms a commitment to conserving energy and natural resources, promoting sustainability in our professional practices and products, and providing a safe and healthy workplace for employees.
• We align our standards with applicable laws and regulations, including The Waste Electrical and Electronic Equipment (WEEE) Directive and the European Union Restriction on the Use of Certain Hazardous Substances in Electrical and Electronic Equipment (RoHS).
![Page 35: Readability](https://reader030.vdocuments.site/reader030/viewer/2022020105/54669edcaf79599b498b4c28/html5/thumbnails/35.jpg)