Chapter 2 Survey of Designing Web and Tools

Objectives To be able to: Describe what are the considerations in the Web design Describe your website’s blueprint What is storyboard and how it helps in Web design Describe SPEC rules or guidelines in Web design Describe SPEC rules or guidelines in Web design Navigate the categories of Web design tools

the considerations in the Web design Intuitive navigation Customer-friendly contents Easy-to-use process in purchasing and fulfillment Maximum speed of the access High standards of quality control

Describe your website’s blueprint What are the objectives of your new website? How will your website reach your customers? What makes your website unique? How will you ensure the payment? How will you ensure on-time delivery? How will you ensure the security? How will you manage and maintain your website? How will you ensure your support, help, or service to your customers How will you ensure your inventory?

Describe your website’s blueprint (continue) What is your return policy of the products and how do you do the process? How will you ensure the guaranty and warranty of your products? How will you ensure the security?

Describe your website’s blueprint (continue) If you have a brick-and-mortar business already: How will your website drive your customers to your store? How will you combine your dot-com with your traditional business in creating “click-and- mortar? How will you generate your revenue in this combination? –Example: UPS

Storyboard in Web Design What is a storyboard? –Storyboard is a tool in the production of multimedia, video, and film products –It shows frame-by-frame picture sequence of the action –It can be employed in the website design to show the screen elements and operations A typical example of a simple storyboard –See Fig. 2 on p. 27 of your textbook

Storyboard in Web Design (continue) For each page or frame in the storyboard, you must describe: –Headings –Text objects/blocks –Links –Buttons/boxes/fields/menu –Graphics/images –Colors Note: Keep consistency of each page is very important in the website design to create a customer-friendly and easy- to-use environment

Describe SPEC rules or guidelines in Web design What are SPEC rules? –Stickiness and traffic generation Content Search engines –Performance Speedy in access Customized design –Ease of use Site navigation –Content visibility

Describe SPEC rules or guidelines in Web design (continue) –Content visibility Viewable site Framesets/blocksAnimations Other multimedia presentations

Navigate the categories of Web design tools Website design tools for ordinary people: –Integrated software packages, including the following features: Selection of the templates for the design Wizard for step-by-step designing with multimedia support Shopping cart Credit card payment process Customer database Automatic generation

Navigate the categories of Web design tools (continue) –Name a few of them: Web Shop Builder, eShop Builder, Web store Builder –Example: Designing tools for developers: –J2SE/J2EE (RMI, Servlets, and others) –Java Beans –Java NetBeans –JSP –.Net –ASP –Numerous products from other companies Name a few: IBM, Oracle, PeopleSoft, and son on –Web Services

Questions and discussion

Homework for Extra Points Describe what are the most important issues in the website design you think that should take into the consideration Reason your points made above and discuss why by using examples Due: Wednesday, March 30, 2005 in the class