Module 6: The Design Process LESSON 8 The Development Process Module 6: The Design Process LESSON 8

Version 1.2 - Course Module Slide OptionsLESSON 8
LESSON 8
LESSON 8
Lesson Overview
Create a value proposition to base the Web site upon.
Sketch a graphic example of each of the rapid prototypes that are used in Web development (site map, storyboard, and wireframe).
Create an early graphic design of the Web site homepage.
Lesson 8 Overview
LESSON 8
Guiding Questions
List stages (in addition to discovery) in the design process? Briefly explain each.
Describe three prototypes used in Web design. Briefly explain each.
Post one or more of these questions in an area where students can read them and allow time for students to respond to the questions in their journals. Discuss the students’ answers to these questions. Possible focus points for each question appear in parentheses after the question.
*
LESSON 8
Value Proposition
A value proposition is a clear statement of the tangible results a visitor gets from the Web site. The more specific the value proposition, the better.
Why should the customer buy, visit, or join what your client has to offer and not a competitor?
*
LESSON 8
a slogan
a sales pitch
an elevator speech
a mission statement
*
LESSON 8
Value Proposition
A question to ask your client:
*
LESSON 8
Quick Task
Working in groups of two, search for a Web site that has a value proposition that you think makes the company or organization stand out from the crowd.
Find two other competitive sites that you did not choose based on the value proposition or lack of one.
Share with the class.
*
LESSON 8
Exploration
Experiment in your group to develop several different design possibilities for the client-based Web site.
Visualize solutions to discovered issues
Create a design based on information and navigation
Develop an early graphic design
Discuss the exploration phase. Experiment in your group to develop several different design possibilities for the client-based Web site. Visualize solutions to discovered issues. Create a design based on information and navigation and develop an early graphic design.
*
LESSON 8
Rapid Prototyping
Once ideas have been formulated, it’s important to start formulating prototypes to begin the design process.
Site map—a text outline of the entire site.
Club homepage
Showcase of pictures
Directions for joining
Discuss Rapid Prototyping. Once ideas have been formulated, it’s important to start formulating prototypes to begin the design process. Three types of rapid prototyping will be used: site maps, storyboards, and wireframes.
*
LESSON 8
Module 6: The Design Process
LESSON 8
Wireframes – a “shell” showing the actual pages that will be created in the Web site
Module 6: The Design Process
LESSON 8
Lesson Review
Focuses on content rather than technology
Opens with a splash page
Provides a user-friendly navigation system
Organizes content with columns or other dividers
Gathers information with easy-to-use forms
Employs CSS (cascading style sheets)
*
LESSON 8
Value Proposition
Assignment:
Answer the question: What do you see as the benefits to the customer if they deal with this particular company (or class, or club)?
Work in your team to develop a quality value proposition for your client’s company.
Submit that statement to your instructor and your client via e-mail when complete.
Search for examples of your ideas on the Web and record the URLs for later reference.
Take your ideas from the exploration phase into the rapid prototyping phase and create rough sketches or drafts of the three types of prototypes that you feel might fit your client.
*