Design for human not award
Many schools have adopted the Bring Your Own Device (BYOD) policy in recent years. BYOD brings new challenge not only to the IT department, but also to the teachers. Troubleshooting became part of the job. Balancing time spent on facilitating content learning, leading hands-on exercise and concentrating on troubleshooting became the norm. Because there is a wide range of devices that are being used by students, to ensure all students have a great learning experience no matter what device they are using starts from a solid plan from content development to content deployment.
In this module we will introduce and compare the two approaches in designing for muti-devices: graceful degeneration vs. progressive enhancement. We will learn how each approach affects the user experience in the end. We will examine which one is appropriate for creating your own teaching and learning experience?
Traditionally, most of the animation is done in flash, which is no longer supported by IOS devices. With new development of HTML5, many interactions can be done within the HTML and CSS code. We will introduce some more advanced CSS such as transform and animation. These new ways of adding interaction to your page makes it possible to provide your students with a more consistent experience no matter what browser or device they are using.
Student Outcomes:
In this module we will introduce and compare the two approaches in designing for muti-devices: graceful degeneration vs. progressive enhancement. We will learn how each approach affects the user experience in the end. We will examine which one is appropriate for creating your own teaching and learning experience?
Traditionally, most of the animation is done in flash, which is no longer supported by IOS devices. With new development of HTML5, many interactions can be done within the HTML and CSS code. We will introduce some more advanced CSS such as transform and animation. These new ways of adding interaction to your page makes it possible to provide your students with a more consistent experience no matter what browser or device they are using.
Student Outcomes:
- Revisit d.School Design Thinking five models;
- Deepen understanding of human centric design;
- Understand simple ways to improve website usability.
|
Video: Timothy Prestero
Timothy Prestero thought he'd designed the perfect incubator for newborns in the developing world — but his team learned a hard lesson when it failed to go into production. A manifesto on the importance of designing for real-world use, rather than accolades. (Filmed at TEDxBoston.) |
How to improve your website usability
Get rid of flash |
Identify user goals |
Prioritize content |
Differentiate from competitors |
Define a |
Be intuitive |
No Jargon |
Cut down text |
Make link text
|
Consider your mobile and touchscreen users
Mobile First & Responsive Design
Activity:
Use Photoshop/Sketch and invisionapp.com to create an interactive prototype for a mobile device for your final project.