The psychology behind Design Decisions
Have you ever wondered why we see red as danger and stop vs. green as safe and go? Why do we have a tendency to see people and things with baby-faced features as more naive, helpless and honest than those with mature features? These are all part of the psychology behind design decisions. Learning about these rules will help educators better design the presentation and web courses. Keep these rules in mind every step of your design process.
You have your project/course designed, how do you implement the site? Where to begin? In this module we will learn all the steps to bring a concept to final live website. From doing research, creating a persona, crafting the site map, designing low fidelity and high fidelity wireframes, building a quick prototype site to final QA and site validation.
Student Outcomes:
Have you ever wondered why we see red as danger and stop vs. green as safe and go? Why do we have a tendency to see people and things with baby-faced features as more naive, helpless and honest than those with mature features? These are all part of the psychology behind design decisions. Learning about these rules will help educators better design the presentation and web courses. Keep these rules in mind every step of your design process.
You have your project/course designed, how do you implement the site? Where to begin? In this module we will learn all the steps to bring a concept to final live website. From doing research, creating a persona, crafting the site map, designing low fidelity and high fidelity wireframes, building a quick prototype site to final QA and site validation.
Student Outcomes:
- Understand basic principles of design;
- Determine a website's objectives;
- Understand the entire process of creating a website, from idea to final build, able to create a webite from beginning to completion.
PersonaDefine Audience |
Site Map / Mind MapDefine Structure |
WireframeDefine functions |
Prototype |
QA |
Activity:
- In this class we will review group project proposals, and provide feedback;
- We will explore some of the on-line site map/mind map tools as well as some of the wireframe tools. We will use gomockingbird or any other wireframe tools to create an interactive wireframes for your group documentation website;
- Continue working with your group on final project.
Invision App sign up code: 56-73-13-19
Also, you can use: http://app.mockflow.com which allows one free project
Also, you can use: http://app.mockflow.com which allows one free project