Interaction Design

Due the final day of class

• Education site process step blog entries.
• Personal/Professional site/style guide and all process step blog entries.
• Last day to submit essay.

CD with educational site / personal site / PDF of style guide

Process Steps include:
* Research, Discovery, and Competitive Analysis
* Structure
* Thumbnail Sketches
* Grey Box Method
* Typography
* Imagery
* Composition/Mock-up
* Style Guide
* Execution and Implementation

Here is the pdf of the most current style guide. I will keep it updated as I add to it.

Objective | Introduction to WordPress.org. Begin the process of a professional site for yourself.

Preparation

visual site map |The visual overview of the site. It must include: a Home page. About page, Blog, and Portfolio (contents, outer page and inner page watch this video for more information)
site overview | A paragraph that describes the site and lists your objectives.
audience description | A paragraph describing your target audience
reading | Writing a Interface Style Guide

Objective | Get back on track. We have hit a bump in the road and many are struggling. We will get through this but I need you each to do your best to keep making progress.

By the end of class tomorrow each of you should have your site live with a basic linking structure. Bring all of your content with you to begin populating your site.

Prepare

design | a tight photoshop comp.
live | at least one page.
comments | at least two comments

Teach one Another

workday | transferring from photoshop comp to HTML/CSS

At the following address you can download a layered photoshop file of a web browser.

http://www.webdesignerstoolkit.com/

An example of a photoshop comp in a browser window.

Please bring a printout (black and white is ok) to class in the morning.

Really think about your audience. There should be at least enough information for one class period (50 min).

Asking specific questions will result in specific answers. Otherwise you will receive random suggestions that may or may not be useful. All of you have a ways to go and many are making progress. If you don’t have all of your information collected get it done before class on Monday.

I will be watching your progress. Make new posts instead of updating an old post if you want feedback.

Objective | Make the jump from a static page to an interactive page

Prepare

blog | create a blog post for photoshop comp
due | photoshop comp process post
comments | at least two comments

Teach one Another

work day | The class is a work day to transition from static to interactive.

workday | transferring from photoshop comp to HTML/CSS

Complete the online training and make progress on Assignment No. 02 | Basic Site

Prepare

certificate | Dreamweaver Essentials
blog | create a blog post for each process step
due | one process post minimum
comments | at least two comments

Teach one Another

presentation | working with photoshop comps

Ponder and Prove

Work on the online training and make progress on Assignment No. 02 | Basic Site

Prepare

training | Dreamweaver Essentials
blog | create a blog post for each process step
due | one process post minimum
comments | make at least two comments

Teach one Another

work in groups, make comments and be supportive.

Ponder and Prove

look for options | keep notes on possibilities for your site as you are going through the training

Work on the online training and make progress on Assignment No. 02 | Basic Site

Prepare

training | Dreamweaver Essentials
blog | create a blog post for each process step
due | one process post minimum
comments | make at least two comments

Teach one Another

comments | make at least two comments on the process posts from class members. Treat it as a critique pointing out successes and areas that could use improvement. Keep the focus on how the visual and structural design is supporting the objectives.

Ponder and Prove

look for options | keep notes on possibilities for your site as you are going through the training