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
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-andmortar?
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 easyto-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/blocks
Animations
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 email generation
Navigate the categories of Web
design tools (continue)
– Name a few of them:
Web Shop Builder, eShop Builder, Web store Builder
– Example: http://www.starvisor.com/
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