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

Module 6: The Design Process LESSON 8 Lesson Overview In 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 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 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 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 8 Value Proposition A 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 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 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

Module 6: The Design Process 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  Bylaws  Schedule 1 st semester 2 nd semester  Showcase of pictures  Directions for joining

Module 6: The Design Process LESSON 8  Storyboards – graphical representation of the entire site

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  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 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 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.