Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
The Development ProcessThe Development Process
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Lesson OverviewIn this lesson, you will:
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.
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 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.
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 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?
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
A Value Proposition Is Not a slogan a list of features a sales pitch an elevator speech a mission statement
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Value PropositionA question to ask your client:
What do you see as the benefits to the customer if they deal with your particular company (or class, or club)?
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 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.
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
ExplorationExperiment 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
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Rapid PrototypingOnce 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 Bylaws Schedule
1st semester
2nd semester Showcase of pictures Directions for joining
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Storyboards – graphical representation of the entire site
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Wireframes – a “shell” showing the actual pages that will be created in the Web site
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 8
Lesson Review Designed to target specific audience 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)
Module 6: The Design Process
LESSON 8LESSON 8LESSON 8LESSON 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.
