Planning and Designing Effective Web Sites - PowerPoint PPT Presentation

Loading...

PPT – Planning and Designing Effective Web Sites PowerPoint presentation | free to download - id: 2a89e-NzJlZ



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Planning and Designing Effective Web Sites

Description:

Web Presentation Design ... Design Considerations. 40% to 60% of a Web page ... Web design is often best done by teams. Text Analysis. Start with ... – PowerPoint PPT presentation

Number of Views:37
Avg rating:3.0/5.0
Slides: 30
Provided by: fredkaug
Learn more at: http://www2.stetson.edu
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Planning and Designing Effective Web Sites


1
Planning and Designing Effective Web Sites
  • IS 591
  • Electronic Commerce

2
Table of Contents
  • Topic 1
  • Introduction to the Web Presentations
  • Topic 2
  • Web Site Design

3
Introduction to World Wide Web Presentations
  • Planning and Designing Effective Web Sites

4
The World Wide Web
  • A structure of documents connected electronically
    over the internet
  • Composed of Web Documents or Web Pages
  • Web Sites or Presentations are related sets of
    Web Pages
  • Web Browsers are used to view Web Pages

5
Web Pages
  • Consist of HTML (HyperText Markup Language) Code,
    Graphic Objects, and Embedded Programs and
    Scripts
  • Web Browsers interpret HTML code and cause the
    Web Page to be displayed in a particular format
  • Pages are linked together using Hyperlinks

6
Uniform Resource Locators (URL)
http//www.stockpoint.com/leftnav/stockinput.asp
Protocol
Domain Name
File Path
Translates to an IP Address (ex 147.253.90.10)
7
Web Infrastructure
  • Web Servers
  • Server Computers
  • Server Software
  • Intranets/Extranets
  • Local and Wide-area networks

8
Web Presentation Design Criteria
  • Effectiveness
  • requires that the presentation be complete,
    sensibly organized, and accurate
  • Affectiveness
  • requires that the presentation capture attention
    by being interesting, stimulating, and enjoyable
  • Navigational Efficiency
  • the ease with which users can locate information

9
Evolution of Web Presentations
High
Paper Replacement
Text and Graphics
Multimedia Intersite Links Interactivity
Effect
Flashy Text Rewrite
Low
Affect
Low
High
10
Users Defined
Targeted Surfers
Users
Surfers
Population
11
Levels of Understanding
Mutual Understanding
One-Way Intelligence
High
Presenter Understands Users
Low
Relationship may be with unintended audience
No Effective Communication
Low
High
User Understands Presentation
12
Roles of Web Creators
Information Stewards
Presenters
Users
Designers
13
Presenters
  • People representing a corporation or organization
    who are responsible for deciding the scope of the
    Web application and for allocating resources for
    it.

14
Information Stewards
  • Managers of an organizations information, some of
    which may be used in a Web presentation
  • May be the same people as the presenters
  • Primary responsibility is to determine who are
    the Web Presentations users

15
Designers
  • Responsible for developing a Web Application to
    include
  • Information gathering
  • Materials collection
  • Developing operational application

16
Users
  • Users have mental model of the world (mental map)
  • Web presentations must match the users mental map
    in terms of
  • Information Organization
  • Page Layout
  • Navigation threads

17
User Reactions to Web Presentations
  • Reaction to Mental Images
  • Feeling - emotional response
  • Thinking - mental processes
  • Limited ability to cope with complexity
  • The 7 2 Rule
  • Chunking Requirement
  • Information Anxiety
  • Information Proficiency

18
Web Site Design
  • Planning and Designing Effective Web Sites

19
Information Domain
  • The totality of information collected during the
    Research and Idea Generation phase.
  • Also known as Presentation Content

20
Information Objects
  • Any fully defined unit of information that
    expresses a single complete thought as perceived
    by the viewer.
  • Also known as chunks, each information object
    results in a Web page element.
  • Information objects are mutually exclusive and
    collectively exhaustive.

21
Information Structure Diagrams
Program Description (A, 1)
Information Technology Minor (I, 1)
Course List (A, 4)
Course Requirements (A, 1)
Volatility Legend I Infrequently A Annually
22
Design Considerations
  • 40 to 60 of a Web page should be white space
  • Average surfer views a page for under seven
    seconds
  • Web design is often best done by teams

23
Text Analysis
  • Start with Information Objects
  • Review text associated with the objects source
    (document, form, etc.)
  • Discard irrelevant text

24
Writing Goals
  • Complete or Comprehensive
  • Accurate or Accuracy Labeled
  • Easy to Read
  • Clear
  • Useful To At Least One Defined Audience
  • Concise

25
Text Composition Elements
  • Layout
  • Placement of text on a Web page
  • Typography
  • Typeface
  • Type style
  • Type Size
  • Color
  • hyperlinks, legibility, mood, tone

26
Text Arrangement
  • Proximity
  • places similar or related items near to each
    other
  • Alignment
  • position relative to edges
  • Contrast
  • used to establish focal point
  • Repetition
  • repeated consistent use of design elements

27
Text Grouping
  • By location
  • Alphabetic
  • By time
  • By quantity

28
Page Formatting
  • Methods of screen presentation and the division
    of space on a page
  • Menus
  • Image maps
  • Frames

29
Hyperlinks
  • Intrapage Hyperlinks
  • Move within a page (at same URL)
  • Intrasite Hyperlinks
  • Move between information objects at same web site
  • Intersite (Free) Hyperlinks
  • Move user to other web presentations

30
Criteria For Intersite Links
  • Information on the site is complete and accurate
  • Relationship works to your sites competitive
    advantage
  • Tone of site is compatible with yours
  • Site appeals to your expected audience
  • Site support your page or site goals

31
Linkage Evaluation
  • Ratio of Possible to Actual Links should be in
    40 to 60 Range
  • Seven or Less Hyperlinks Per Page (Not including
    intrapage links)
  • One Intrapage Hyperlink Per 10-20 Lines of Text
  • Use Intrasite links if your pages have 150 Lines
    or more

32
Multimedia
  • Text, Graphics, Sound, Animation, Video, or other
    media products combined into a single product or
    presentation

33
Multimedia Analysis Guidelines
  • Determine the purpose of enhancements
  • Description, Decoration, Exploration,
    Demonstration
  • Determine the format of enhancements
  • Graphics, Animation, Sound, Video, etc.
  • Match purpose and format to make selection of
    multimedia form

34
Multimedia Composition
  • Selecting or developing multimedia objects for
    the Web presentation
  • Integrating objects into Web pages
  • Evaluating the total effect
  • affectiveness
  • effectiveness
  • navigational efficiency
About PowerShow.com