Presentation is loading. Please wait.

Presentation is loading. Please wait.

(c) Charlotte Holland DCU 20061 ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)

Similar presentations


Presentation on theme: "(c) Charlotte Holland DCU 20061 ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)"— Presentation transcript:

1

2 (c) Charlotte Holland DCU 20061 ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)

3 (c) Charlotte Holland DCU 20062 Facilitation of Access For improved access for learners, the graphic interfaces must incorporate: Easy-to-understand language Clear and consistent navigation and layout Recognisable Graphics

4 (c) Charlotte Holland DCU 20063 Accessible Interfaces A Brief introduction to designing accessible interfaces for visually impaired older adult users

5 (c) Charlotte Holland DCU 20064 Effects of the Ageing Process Ageing Process can result in diminished vision, hearing, hand-eye co-ordination and psychomotor impairments. Most common physiological change associated with longevity is the change in vision.

6 (c) Charlotte Holland DCU 20065 Age-related Macular Degeneration

7 (c) Charlotte Holland DCU 20066 Glaucoma & Retinitis Pigmentosa

8 (c) Charlotte Holland DCU 20067 Floaters

9 (c) Charlotte Holland DCU 20068 Diabetic Retinopathy

10 (c) Charlotte Holland DCU 20069 Yellowing of the LENS

11 (c) Charlotte Holland DCU 200610 Cataracts

12 (c) Charlotte Holland DCU 200611 Physiological effects of Ageing on Vision Eye-strain Eye fatigue Reduced Field of Vision Blurred Vision Reduced ability to resolve images Reduced Colour Discrimination Sensitivity to glare Night Blindness A degree of colour blindness Loss of Visual acuity

13 (c) Charlotte Holland DCU 200612 Try this out!!! Colour Fatigue - caused by Red Colour

14 (c) Charlotte Holland DCU 200613 Try this out!!! Colour Fatigue -caused by colour contrast

15 (c) Charlotte Holland DCU 200614 Issues in the visual design for visually impaired adult users Low value/ contrast colours of text or background Shadow etc added for emphasis - depth perception difficulties Placement of visual elements, space & balance Geometric vs. organic textures/patterns on background

16 15 Colour Wheel Choose colours from opposite end of the colour wheel Avoid Contrasting hues next to each other on wheel

17 16 Provide Effective Colour Contrast

18 (c) Charlotte Holland DCU 200617 Emphasis Don’t use heavy shadowing on font as this may make it difficult to read

19 (c) Charlotte Holland DCU 200618 Spacing of visual elements What’s wrong with this interface??

20 (c) Charlotte Holland DCU 200619 Placement of visual elements (from last slide) Amount of ‘White Space’ on Page too small- use at least 50% white space for text screens Use of Colour, text and background distracting Font Style or Size unreadable

21 20 Spacing of lettering

22 (c) Charlotte Holland DCU 200621 Use of textures/patterns Try to use organic patterns/ textures or a plain colour on background Avoid geometric patterns/ textures The use of a faint grid line on the background may be useful

23 (c) Charlotte Holland DCU 200622 Use appropriate Icons What do these icons represent??????

24 (c) Charlotte Holland DCU 200623 Four Design Basics Contrast- Black on Light etc Repetition-Example: Put a bold under every major heading Proximity – layout – should be obvious the connection between elements on a page/ Spacing – White space Alignment – line up the edges of objects on a page Read Chapter One from Terrific Training Materials for examples Frank, D. (2004). Terrific Training Materials: High Impact Graphic Designs. HRD Press:MA

25 (c) Charlotte Holland DCU 200624 A Final Word: Consistency (across each screen) Use Consistent terminology Use Consistent position of Navigation buttons Use Consistent colour scheme Use Same Background

26 (c) Charlotte Holland DCU 200625 References Information on the impact of Colour: www.colormatters.com Useful for information on older adult learner needs: www.lighthouse.org/ Useful for information on older adult learners needs: www.spry.org Eye Disease Simulations: www.nei.nih.gov

27 (c) Charlotte Holland DCU 200626 Activity 7.1 Divide into five groups of 6-8, each group choose one topic from the list below: Type/ Lines/ Boxes/ Shading/ Graphics Read the material on Type/ Lines/ Boxes/ Shading/ Graphics in Chapter 2-6 in Frank, D. (2004). Terrific Training Materials: High Impact Graphic Designs. HRD Press:MA Read the Basics of Graphic Design http://www.online.tusc.k12.al.us/tutorials/grdesign/grdesign.ht m#layouts http://www.online.tusc.k12.al.us/tutorials/grdesign/grdesign.ht m#layouts Read the Graphic Design Basics http://edweb.sdsu.edu/courses/ET650_online/MAPPS/GDBasics.html#Rules Reach a consensus on at least 8 main points to remember Present your findings to the class 60 minutes


Download ppt "(c) Charlotte Holland DCU 20061 ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)"

Similar presentations


Ads by Google