Responsive design Fundamentals

girl, camera, polish, finger
Being ready dive in creation

Iterate the design until it is ready

When we observe others interact with our designs and prototypes, we inevitably find opportunities to improve the design.

Iterate and evolve the design. Make it better with each round until it is ready.

Goal of Need
  1. Need for Achievement
  2. We seek to learn and solve problems.
  3. Need for Affiliation
  4. We seek family and social relationships.
  5. Need for Power

We seek recognition, status, and influence.

Expectancy Theory by Victor Vroom, Ph. D.
Expectancy the effort necessary, then I will perform well.”
Instrumentality
“If I perform well, then I will receive an outcome.”
Valence
“If I value the outcome, then I will be motivated to put forth the effort necessary.”

Failure to Guide with structure and sequence.

The negative results of poor structure and guidance:
  1.  Reduce usability
  2. Reduce meaningfulness
  3. Increase cognitive load (or cause cognitive friction)
  4. Increase time to complete a task
  5. Increase abandonment
 To create depth by:
  1. Using Motion
  2. Direct attention
  3. even subtle change can attract attention.
  4. Hide and show information
  5. Make associations
Design and Prototyping
  1. Test models of our ideas
  2. Range from low fidelity sketches to high fidelity wireframes and visual comps
  3. Think through the steps of interactions
  4. Evaluate the presentation of information
  5. Validate the purpose and value of the product
Principles of interaction Design
  1. Consistency
  2. Perceivability
  3. Learnability
  4. Feedback

Those proceedings are valuable for all creative fields as writing, developer app and website, photography, designing.

More details on Interactivity follow David Hogue 

http://www.lynda.com/Dreamweaver-tutorials/How-people-respond-motion/82822/98002-4.html?autoplay=true

Advertisements

Comments are closed.