Conceptual Design

1
Conceptual Design

• Design the LOOK and the FEEL of your site
• The Appearance
• Metaphor
• Treatment
• Objects
• Color
• The Behavior
• Organization
• Architecture
• Navigation
• Interactivity

2
Conceptual Design

• Analyze the information you acquired from the
  requirements gathering phase
• Define the type of content
• Determine the amount of content
• Plan the organization of content

3
Conceptual Design

• Determine the organizational structure of your
  home page
• Topical
• Audience splitting
• Metaphor
• Combinations and alternatives

4
Conceptual Design

• Design the Feel of the site based on your
  initial analysis
• Determine the basic site architecture
• Menu structure
• Depth vs. breadth
• Determine the appearance of your navigation
• Decide your level of interactivity be sure your
  user feels involved and in control of the
  interaction

5
Conceptual Design

• Involve your client
• Is this message he/she wants the site to give?
• Is this the impression that he/she wants to make?
• Involve your user
• Conduct testing throughout
• Does the user feel that the site is usable ?
• Does the user feel the site is useful?

6
Conceptual Design

• Is the site usable?
• Is navigation visible and clear?
• Does the user know where he/she is?
• Do they know the alternatives available to them?
• Do they know how to get to where they want to go?
• Give the user adequate feedback and information
  on the screen to answer these questions

7
Conceptual Design

• Design the Look of the site
• Do this One Page at a Time
• Splash/Intro/Welcome page
• Home/Main menu page
• Primary content pages
• Secondary content pages

8
Conceptual Design

• Content is expressed visually
• Convey the impression through this expression
• Make the site usable and useful
• Be sure to keep your client involved
• Continue to involve your user

9
Conceptual Design

• Technical considerations /Universal usability
• Determine your Treatment
• Colors and backgrounds
• Clutter
• Contrast
• Clarity
• Clashing

10
Conceptual Design

• Content
• Page layout
• Title(s)
• Body
• Navigation
• Screen objects
• Task related
• Hierarchically organized
• Appearance of Textual material
• Use of graphics (cosmetic and informative)