|
Interaction Design
Week 04
Wireframes - Review
On a global level:
- Motivate users to engage the content.
- Provide the user clear guidance and options to navigate the content.
- Create an interactive journey or a clear path through the information.
- Give the user control
- Allow them to go where they want, when they want.
- Make the experience as easy and intuitive as possible.
- Make information gathering seemless.
- Provide a framework or context for the content or experience.
Wireframes - components
- Wireframes should show actions and results
- User Flow
- On screen elements
- Interactive elements
- Interaction design
Illustrator
Illustrator Tools
Exercise 01 - PDF
Using Multiple Artboards
Illustrator for UX Design - Lynda.com
Interface Compare
Sample File
Work Flow
Photoshp Etiquette
The Post-PSD Era of Web Design
The Post-PSD Era - Another View
Style Tiles
WebStiles
Obtaining Sign-off without Mockups
Style Guide Boiler Plate
Rogers Self-Service Page
Interface File - image
Interface Review
Readings
Intro to Graphic Design - interactive reading
Quick Tip
Color Selection
Beach Images
Creating Custom Color Tables
Fitt's Law
Overview
Law of Diminishing Return
Interaction Layout
Interactive layouts are not print layouts
Make the user believe and become immersed
Interface Example
Using a Grid
Grid PSD
Grid Markup
Layer Blends
Layer Blending - Defined
Example
Homework Readings
- Homework
Color Theory
Color Definitions
Color and Mood
|
