UNIVERSAL DESIGN & WEB ACCESSIBILITY

15
UNIVERSAL DESIGN & WEB ACCESSIBILITY Web-based Instruction for College Students Designer: Teresa Sundholm Advisor: Bude Su CAPSTONE FALL 2010 Masters of Instructional Science and Technology School of Information Technology and Communication Design, California State University Monterey Bay

description

CAPSTONE FALL 2010 Masters of Instructional Science and Technology School of Information Technology and Communication Design, California State University Monterey Bay. UNIVERSAL DESIGN & WEB ACCESSIBILITY. Web-based Instruction for College Students Designer: Teresa Sundholm - PowerPoint PPT Presentation

Transcript of UNIVERSAL DESIGN & WEB ACCESSIBILITY

Page 1: UNIVERSAL DESIGN & WEB ACCESSIBILITY

UNIVERSAL DESIGN &WEB ACCESSIBILITY

Web-based Instruction for College Students

Designer: Teresa SundholmAdvisor: Bude Su

CAPSTONE FALL 2010

Masters of Instructional Science and Technology

School of Information Technology and Communication Design, California State University Monterey Bay

Page 2: UNIVERSAL DESIGN & WEB ACCESSIBILITY

ABOUT ME

• Graduate of ITCD – Website Design

• Teaching assistant ITCD at CSUMB (2008-10)

• Passionate interest in accessible/universal design

• My project – website and tutorials

Page 3: UNIVERSAL DESIGN & WEB ACCESSIBILITY

PROBLEM STATEMENT

• Importance of creating websites that are accessible:

• ethical reasons

• legal reasons

• Current instruction: resource driven, too advanced

Page 4: UNIVERSAL DESIGN & WEB ACCESSIBILITY

IMPORTANCE OF THE PROBLEM

• The American Disabilities Act (ADA) applied to websites

• Future designers cannot ignore need to create:

• websites accessed by users of all abilities

• universally designed websites

Page 5: UNIVERSAL DESIGN & WEB ACCESSIBILITY

Engaging

Instruction

Feedback

Inspire

positive

attitudes

MY SOLUTION

Page 6: UNIVERSAL DESIGN & WEB ACCESSIBILITY

WHAT THIS PROJECT ACCOMPLISHES

• Instructional media engages and informs

• Primer for further study

• Confidence checks and feedback

• Cognitive and Affective learning strategies

• ADA compliant

Page 7: UNIVERSAL DESIGN & WEB ACCESSIBILITY

MAIN MATERIALS USED

• Adobe Dreamweaver, HTML, CSS

• Adobe Captivate

• Adobe Photoshop

• Mac iMovie

• Internet Browsers

Page 8: UNIVERSAL DESIGN & WEB ACCESSIBILITY

http://myspace.csumb.edu/~teresa_sundholm/Mist_capstone_site/

PROJECT DEMONSTRATION

Page 9: UNIVERSAL DESIGN & WEB ACCESSIBILITY

EVALUATION OF THE PROJECT - TESTING

• Sample size: 17 students (target audience)

• Post-test paired sample one-tail p-value: 0.000335979

• Pre-set alpha: 0.05

• Well below 0.05 - testing shows significant

improvement

Page 10: UNIVERSAL DESIGN & WEB ACCESSIBILITY

QUIZRESULTS

Page 11: UNIVERSAL DESIGN & WEB ACCESSIBILITY

EVALUATION OF THE PROJECT - USABILITY

• Positive student response including:

• ease of use of the project

• engagement from graphics and media

Page 12: UNIVERSAL DESIGN & WEB ACCESSIBILITY

STUDENTCOMMENT

“Very clean and pleasing.

Actually explained the

mechanics – a visually

impaired person can’t read the

text…Good module!”

Page 13: UNIVERSAL DESIGN & WEB ACCESSIBILITY

FUTURE OF THE PROJECT

• Project to be completed

• Use in curriculum

• Use in portfolio

• Saleable

Page 14: UNIVERSAL DESIGN & WEB ACCESSIBILITY

CONCLUSION

• New skills learned:

• technical, coding, testing, instructional design

• Advice for future students:

• Scale project or have partner

• Aware of skillset

• Positive experience

Page 15: UNIVERSAL DESIGN & WEB ACCESSIBILITY

THANKS

• Faculty and staff of ITCD and MIST

• Mentors in design and web accessibility :

• Kevin Cahill, Design Faculty

• Chip Lenno, CIO

• Cindy Compean, Assistive Technology

• Friends