Digital Document
Digital Document
Embedded Files
Week 2 Careful Visual Design + Good Usability = Successful Design
Week 2 Careful Visual Design + Good Usability = Successful Design
The power of visual content is not only about improving the aesthetic but also increasing usability with suitable images, typography, space, layout, and color. One can use visual design to create and organize elements to show the right things in consistent, predictably organized, and impressibly distinct ways. It should draw the viewer's attention to the important aspects and strike the balance between a fresh, powerful design and something they expect to see (The Interaction Design Foundation, n.d.).
This week, with The Universal Design for Learning Guidelines and the visual design principles, I created a digital document that supports the enabling objects in the signature project.
“Most people make the mistake of thinking design is what it looks like.
People think it’s this veneer – that the designers are handed this box and told, ‘Make it look good!’
That’s not what we think design is. It’s not just what it looks like and feels like. Design is how it works.”
— Steve Jobs (MIT, n.d.)
Your success and vision worksheets
Your success and vision worksheets
V2 Vision Collage - Recreating Your Career.pdfOverview
Purpose: In module #1, the learners will be asked to capture moments of success by their own definition. Then, they visualize a successful moment in the future by choosing images that convey the essence of such moments.
The need of the learners: The target audience is mid-level employees of an organization. They may have some sort of vision in their minds. This activity helps learners capture and collect visual images so that they can see their vision in tangible form.
Enabling objective: The learners will be able to identify their definition of success and visualize their long-term vision.
Visual Design
The tool used: Canva
Design Principles: Used integration of graphics minimum to keep spaciousness to self-reflect. Selected soothing color scheme. Kept unity between guiding pages.
Design Elements: Used repetitive shapes and colors to keep consistency. Left plenty of negative space for learners to input freely on the self-reflection page.
Accessibility The Digital Design Standards
Accessibility The Digital Design Standards
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, it is so people can perceive, understand, navigate, interact with, and contribute to the web. It is also helpful for people without disabilities with "temporary disabilities" and “situational limitations” such as in bright sunlight or in a place where they cannot listen to audio (W3C, n.d.).
Creating accessible document links
The two most important tools for reviewing and repairing PDF accessibility are the Tags and Accessibility tools pane. They are both hidden by default in Acrobat, so you will need to go through a one-time process to make these tools visible and available.
Sources & References
The Interaction Design Foundation. (n.d.). What is Visual Design? Retrieved from https://www.interaction-design.org/literature/topics/visual-design
MIT. (n.d.). Reading 13: Graphic Design. Retrieved from http://web.mit.edu/6.813/www/sp18/classes/13-graphic-design/#reading_13_graphic_design
W3C. (n.d.). Web Content Accessibility Guidelines (WCAG) 2.1. from https://www.w3.org/TR/WCAG21/#perceivable
W3C. (n.d.). Introduction to Web Accessibility. Web Accessibility Initiative (WAI). https://www.w3.org/WAI/fundamentals/accessibility-intro/
Page updated
Google Sites
Report abuse