Interface Design 2

1

• Interface Design 2
• Week 1

2
Calendar
3
This Week's Agenda

• Introduction to the course
• In this class we will go through the full design
  process of planning, designing, and building one
  working web site throughout the course of the
  semester.
• You can choose any site that you want to work on.
• For those who wish to have the content provided
  for them, I will provide a few options for you to
  choose from.
• We will take a look at student sites from past
  years.

4
The Full Design Process
Conceptual Designs Mock-ups
Design Revisions Final Iterations
Production (coding testing)?
Launch
Research
Iterative Evaluation
5
Project Options

• You can choose your own site
• You must do all research yourself
• You must gather all content
• Your site must be relatively small (approx 4-5
  pages in depth, no less)
• You can choose a real-world client
• Preliminary research has already been done for
  you
• I will provide for you
• A survey completed by the client
• All copy that is to appear on the site
• Some images (depending upon the client)?

6
Real World Option 1

• Hawaii School Counselor's Association
• http//www.hawaiischoolcounselor.com
• The Hawaii School Counselor's Association (HSCA)
  is a chapter ofthe national American School
  Counselor Association (ASCA). They represent
  public and private school counselors in grades
  K-12, postsecondary, as well as counselor
  educators in the university setting. They
  currently have 142 members. Their insignia is the
  green monsterra leaf.

7
Real World Option 2

• All Metro
• Does not have an existing web site
• All METRO Furniture Services Inc. is a delivery
  and installation company of corporate office
  furnishings, specializing in installing Moveable
  Walls and Systems Panels. The company has 2
  owners, Rich Palmer and Fran Vitelli, and a staff
  of 25. They are manufacturer certified
  installers of several floor-to-ceiling products
  and major systems manufacturers.

8
Real World Option 3

• Pinnacle
• Does not have an existing web site.
• Does not have a logo.
• PINNACLE is a wedding and corporate function
  band. They need a basic website with a home page,
  biographies, song list, contact us, mp3s and
  photos.

9
Questions?

• Now is your chance to ask questions regarding the
  project.

10
Assignment
Due Week1B

• Create a class web site for yourself to post all
  assignments
• The url should be http//www2.hawaii.edu/yourname
  /art249/index.html
• Choose the site that you will work on for the
  rest of the semester.
• Come to the next class with either your final
  decision, or a list of potential options and we
  will help you decide.
• If you choose to do your own option, you must
  come prepared with all pertinent details and be
  prepared to present to the class your preliminary
  research findings. Be sure to
• Conduct thorough background research on your
  client.
• Gather all content that you will need for the
  site.
• Be prepared to create a complete creative brief
  for next week.

11
Assignment
Due Week2A

• Creative Brief
• Assignment Conduct preliminary research on your
  web site and put together a creative brief. Your
  creative brief should include the following
• Project Title
• Project Summary
• Primary Objective
• Target Audience
• Competition/competitors
• Assets needed
• Existing look and feel
• What else is important?
• Format 8.5x11 paper .doc (Microsoft word
  compatible document). Post a link to the word
  document off your main class web page before
  class begins.

12
Lesson

• Some tips for constructing a creative brief
• Use Microsoft Word (or other word processing
  application capable of making .doc files such
  as Open Office Writer).
• Be brief (1-2 pages)?
• Optional Use visuals (i.e. screenshots) to help
  describe certain aspects of your brief (existing
  look feel, competitors, etc.)?
• If you choose to include images, be sure to pay
  attention to the file size of your document. Do
  not exceed 1MB.

13
(No Transcript)