Creating a User Friendly WebSite

1

• Topic 3
• Creating a User Friendly Web-Site

2
Objectives of Topic 3

• Determining the components of a user friendly
  web-site
• Deciding goals for the web-site
• Beginning web-site design
• Modifying and updating web-sites

3
Six Web Design Tips
Stickysauce.comd

• Navigation
• Layout
• Load time
• Browser/screen resolution compatibility
• Color
• Site design

4
Web Design Tips

• Navigation
• Concise, quick and easy for your users
• Structure should be uniform throughout your
  web-site
• Keep users informed about which part of your site
  they are in and how to move on to other parts of
  your site
• Layout
• Consistency
• Never cram your page with too much information
• Keep scrolling to a minimum

5
Web Design Tips continued

• Load time is very important
• The longer it takes for your site to load the
  quicker the visitor will leave
• Design with a user of a 56k modem in mind
• Recommended file size 40-60K
• Save all photos as .jpg and all normal graphics
  as .gif
• Browser / screen resolution compatibility
• Make your site friendly to all browsers and all
  screen resolutions

6
Web Design Tips continued

• Color
• Business sites use light colors such as Blue,
  Grey, White etc.
• 3-5 colors per page
• Complementary colors
• Site design
• Building vs. designing a web-site

7
Web Site Design No-No's! continued

• Don't let selling words and phrases go unnoticed
• Highlight important words and phrases with color,
  bolding, italics, underlining, etc.
• Don't forget to use words that create emotion
• Emotion sells!

8
Making Your Site More Useful
Carole Pivarnik _at_Stickysauce.comd

• Teach something
• Demand for concise, well written how-to
  information
• If you have a business Web site, you have an area
  of expertise
• Simplify a complex task
• Examples buying a home, changing careers, or
  starting a business
• Provide checklists, on-line wizards, or other
  tools to organize and automate complex tasks

9
Making Your Site More Useful

• Offer extraordinary value
• People calculate value by comparing what they get
  to how much it costs
• Create value by showing how benefits exceed the
  cost
• Difficult to compete on price, increase value by
  packaging with "free" add-ons or companion
  products
• Offer unparalleled convenience
• Make it a snap to locate and use your Web site
• Make it easy to remember
• Design it for easy access

10
Making Your Site More Useful

• Assist with decision-making
• Provide organized, easy way to make purchase
  decision
• For example checklist or worksheet
• Provide superior quality
• Provide that extra feature, service, or customer
  care
• Invite participation
• Provide forums, share advice, publish articles,
  etc.
• Sites that provide valuable communities for
  customers gain greater customer loyalty

11
Making Your Site More Useful

• Give something for nothing
• People respond to getting good stuff free
• Differentiate
• Set your site apart by offering a different mix,
  more content, better quality
• Diversify
• Offer content, tools, and services for different
  levels of expertise or areas of interest

12
Creating A Successful Homepage

• How do I organize my web site?
• Write an outline
• Include about us, mission statement, products
  services, testimonials, ordering info, contact
  info, links, shopping cart, etc
• Always stress the benefits of your product or
  service!

Earl B. Hall _at_Stickysauce.com
13
Creating A Successful Homepage

• Ask for your visitors e-mail addresses?
• Ask them to sign your guest book
• Ask them to subscribe to your newsletter
• Request information from your auto-responder

14
Creating A Successful Homepage

• Remember content is king!
• If the banner does not generate income, then you
  do not need it
• A clean, crisp logo and a few small images can be
  used to emphasize a particular point of interest
• An eye-catching headline is important!
• Using words like new and "discover will get
  attention

15
Design Tips
Mitchell Harper _at_Stickysauce.comd

• Tip 1 Select a color scheme and stick to it
• The best way to choose a color scheme is to take
  a look at other sites that you like
• Heres list of good color combinations
• Red, yellow and white
• Blue and white
• Red, gray and white
• Blue, orange and white
• Yellow, gray and white

16
Design Tips continued

• Tip 2 Design for cross browser compatibility
• Never implement either an Internet Explorerd or
  Netscaped specific function into a e-business site

17
Design Tips continued

• Tip 3 Provide an intuitive easy to use menu
  navigation
• Most web sites display either a left-aligned,
  vertically orientated menu or a top-aligned,
  horizontally orientated menu system
• Surveys have shown that using either one (or both
  in a complementary style) of these menu styles is
  guaranteed to provide your customers with a
  positive experience

18
Design Tips continued

• Tip 4 Use cascading style sheets
• Cascading Style Sheets (CSS) allow you to develop
  a specific set of style classes, which you can
  implement throughout your site
• Style sheets can also be used to change certain
  style attributes of the built-in HTML tags
• Use your color scheme as discussed in tip 1 to
  create a variety of styles including a bold
  headline, an important points style, a default
  text style

19
Design Tips To Live By continued

• Tip 5 Open external links in a new window
• Be sure that any links that don't take the
  visitor directly to a page on your site should be
  opened in a new window by default
• This benefits both yourself and the customer
• Users still have your site open and are given
  free reign to browse the external link

20
Keys to Profiting in E-business

• Key 1 E-commerce
• Visitors should be able to purchases with the
  click of a button
• Cater to the impulse buyer
• Provide a simple yet effective shopping cart
  system
• To allow customers to ask questions by e-mail,
  provide on-line customer service forms or a
  customer service e-mail address

21
Keys to Profiting in E-business

• Key 1 continued E-commerce
• Check mailbox frequently in order to respond to
  customer queries promptly
• As an alternative to using e-mail, list your
  phone numbers on your web-site
• Include hours of operation

22
Keys to Profiting in E-business

• Key 2 Form Affiliations
• Form solid partnerships and affiliations
• Develop joint venture partnerships with those web
  sites that fit with the "theme" of your
  e-business

23
Keys to Profiting in E-business

• Key 3 Technological Knowledge
• You don't have to be a programmer, but you must
  have access to those people who are
• Key 4 Promote
• Advertise
• Key 5 Patience
• Think long-term
• Create step-by-step and you'll be greatly
  rewarded
• Key 6 Investment
• Invest both time and money

24
Developing the Tech Farm Salesroom Web-Site

• Meetings with principals and graphic designer to
  outline content
• Developed and revised content
• Obtained server space from Tech
• Developed navigation for the site
• Gathered pictures and images

25
Developing the Tech Farm Salesroom Web-Site
continued

• Obtained preliminary images from graphic design,
  digital camera shots, and scanned images
• Obtained Tech logo from the universitys web site
• Manipulated images with Photoshop
• Assembled images and content with MS FrontPage

26
Developing the Tech Farm Salesroom Web-Site
continued

• FrontPage can be used to start placing outline
  items on the Home-page next they need to be
  arranged and links established

27
Developing the Tech Farm Salesroom Web-Site
continued

• FrontPage also has an html view of the previous
  page shown
• Notice that the first file is named index.html
  Welcome.html or default.html would also work

28
Developing the Tech Farm Salesroom Web-Site
continued

• Initial markup
• Worked as a place holder while the site was under
  construction

29
Developing the Tech Farm Salesroom Web-Site
continued

• Here is the first markup from the graphic
  designer
• The images were either drawn or photographed from
  real objects
• BUT, the color was wrong!!

30
Developing the Tech Farm Salesroom Web-Site
continued

• Revised the markup again utilizing Tech colors
• The web-site is always under construction
  products, prices other information are always
  changing

31
Developing the Tech Farm Salesroom Web-Site
continued

• New Feature Poinsettia Order Form can be
  printed on-line
• Can be faxed or mailed to Salesroom
• On-line ordering real-time fill-in-the-blanks
  and send

32
Developing the Tech Farm Salesroom Web-Site
continued

• Directions to the store
• History
• FAQs
• Mailing List
• Contact Information
• Special Orders / Product Information

33
Features of the Tech Farm Salesroom Web-Site

• Site Consistency (color and feel)
• Meta tags the words search engines use in
  ranking sites are encoded here
• Search feature forthcoming
• Text and graphic navigation menus
• Attention to graphic size and loading speed

34
On-line Order Considerations

• Which of Techs products are feasible for on-line
  ordering?
• Cheese, Beef Jerky, Poinsettias
• What forms of payment to accept?
• Credit/debit cards, checks, cash
• Process payment on-line using an electronic
  merchant account or manually using existing
  credit card machine?

35
Credit Card Sales

• You must authorize transactions
• Determining that cards are valid and within
  credit limits before processing orders
• Authorization software allows for real-time
  authorization processing
• If charges are accepted, the order goes through
• If not, the consumer is asked for another card
• When the authorization succeeds, funds are
  transferred from the customers bank to the
  merchants account in a matter of seconds
• Your ISP or web-host provider should be able to
  set-up your authorization system

36
Credit Card Security

• Security is a major concern
• for the web consumer
• Customers want to make sure that their credit
  card and payment information is kept confidential
• Credit card transactions should be encrypted
• Secure Socket Layer, or SSL, scrambles data so
  only intended recipients can decode and read it
• Most e-commerce software packages support SSL

37
On-line Order Considerations continued

• Security issues SSL, Encryption
• Transaction history vs. privacy concerns
• An out-of-the-can shopping cart
• Deciding who responds to on-line orders
• Dairy Products Manager or Salesroom personnel
• Order fulfillment and inventory control

38
Thank You!!

• Are there any questions?