100 Do's and Don'ts

Embed Size (px)

Citation preview

  • 7/31/2019 100 Do's and Don'ts

    1/65

    Prepared by: RONALD C. LUSTE

    100 Do's andDon'ts

    in Web Design

  • 7/31/2019 100 Do's and Don'ts

    2/65

    Content

    Do know your

    audience

  • 7/31/2019 100 Do's and Don'ts

    3/65

    Content

    Do write about

    the subject

  • 7/31/2019 100 Do's and Don'ts

    4/65

    Content

    Do use short

    sentences

  • 7/31/2019 100 Do's and Don'ts

    5/65

    Content

    Do use correct

    spelling

  • 7/31/2019 100 Do's and Don'ts

    6/65

    Content

    Don't usemeaningless

    words

  • 7/31/2019 100 Do's and Don'ts

    7/65

    Content

    Don't use jargon

  • 7/31/2019 100 Do's and Don'ts

    8/65

    Content

    Don't write

    technical

  • 7/31/2019 100 Do's and Don'ts

    9/65

    Content

    Do use the first

    screen

  • 7/31/2019 100 Do's and Don'ts

    10/65

    Content

    Do present the

    issues right away

  • 7/31/2019 100 Do's and Don'ts

    11/65

    Content

    Do use a

    descriptive title

  • 7/31/2019 100 Do's and Don'ts

    12/65

    Content

    Do use small

    pages

  • 7/31/2019 100 Do's and Don'ts

    13/65

    Content

    Don't split topics

  • 7/31/2019 100 Do's and Don'ts

    14/65

    Content

    Do use implicittext for your

    links

  • 7/31/2019 100 Do's and Don'ts

    15/65

    Content

    Do comment on

    your links

  • 7/31/2019 100 Do's and Don'ts

    16/65

    Content

    Do update your

    pages

  • 7/31/2019 100 Do's and Don'ts

    17/65

    Content

    Do show date of

    update

  • 7/31/2019 100 Do's and Don'ts

    18/65

    Content

    Do ask for

    feedback

  • 7/31/2019 100 Do's and Don'ts

    19/65

    Content

    Don't show anypage under

    construction

  • 7/31/2019 100 Do's and Don'ts

    20/65

    Navigation

    Do use explicit

    addressing

  • 7/31/2019 100 Do's and Don'ts

    21/65

    Navigation

    Do check your

    links

  • 7/31/2019 100 Do's and Don'ts

    22/65

    Navigation

    Dont change links

  • 7/31/2019 100 Do's and Don'ts

    23/65

    Navigation

    Do always supply

    textual links

  • 7/31/2019 100 Do's and Don'ts

    24/65

    Navigation

    Do supply a link

    to home

  • 7/31/2019 100 Do's and Don'ts

    25/65

    NavigationDo use

    navigational aids

    at the top andthe bottom

  • 7/31/2019 100 Do's and Don'ts

    26/65

    Navigation

    Do use a table of

    contents

  • 7/31/2019 100 Do's and Don'ts

    27/65

    Navigation

    Do create awhat's new page

  • 7/31/2019 100 Do's and Don'ts

    28/65

    Navigation

    Do use short

    routes

  • 7/31/2019 100 Do's and Don'ts

    29/65

    Navigation

    Do keep menu

    item related

  • 7/31/2019 100 Do's and Don'ts

    30/65

    Navigation

    Dont link to

    irrelevant pages

  • 7/31/2019 100 Do's and Don'ts

    31/65

    Navigation

    Dont repeat links

    too often

  • 7/31/2019 100 Do's and Don'ts

    32/65

    Navigation

    Don't useambivalent

    navigation

  • 7/31/2019 100 Do's and Don'ts

    33/65

    Navigation

    Dont create dead

    end pages

  • 7/31/2019 100 Do's and Don'ts

    34/65

    Navigation

    Dont make

    prisoners

  • 7/31/2019 100 Do's and Don'ts

    35/65

    Navigation

    Dont frame other

    sites

  • 7/31/2019 100 Do's and Don'ts

    36/65

    Design

    Do use consistent

    look and feel

  • 7/31/2019 100 Do's and Don'ts

    37/65

    Design

    Do use recurring

    visual elements

  • 7/31/2019 100 Do's and Don'ts

    38/65

    Design

    Dont use dark

    backgrounds

  • 7/31/2019 100 Do's and Don'ts

    39/65

    Design

    Dont cram your

    pages

  • 7/31/2019 100 Do's and Don'ts

    40/65

    Design

    Dont push yourtable out of the

    screen

  • 7/31/2019 100 Do's and Don'ts

    41/65

    Design

    Dont over use

    frames

  • 7/31/2019 100 Do's and Don'ts

    42/65

    Design

    Do vertical alignthe content of

    table cells

  • 7/31/2019 100 Do's and Don'ts

    43/65

    DesignDon't mixhorizontal

    aligning

  • 7/31/2019 100 Do's and Don'ts

    44/65

    Bandwidth

    Do use few colors

    in your GIF's

  • 7/31/2019 100 Do's and Don'ts

    45/65

    Bandwidth

    Do use highcompression in

    JPEG

  • 7/31/2019 100 Do's and Don'ts

    46/65

    Bandwidth

    Do reserve space

    for images

  • 7/31/2019 100 Do's and Don'ts

    47/65

    Bandwidth

    Do providethumbnails for

    large images

  • 7/31/2019 100 Do's and Don'ts

    48/65

    Bandwidth

    Do reuse images

  • 7/31/2019 100 Do's and Don'ts

    49/65

    Bandwidth

    Don't referenceimages from

    other sites

  • 7/31/2019 100 Do's and Don'ts

    50/65

  • 7/31/2019 100 Do's and Don'ts

    51/65

    Bandwidth

    Don't use large

    textual images

  • 7/31/2019 100 Do's and Don'ts

    52/65

    Bandwidth

    Don't use

    wordprocessors

  • 7/31/2019 100 Do's and Don'ts

    53/65

    Presenting Text

    Don't use blink

  • 7/31/2019 100 Do's and Don'ts

    54/65

    Presenting Text

    Don't use columns

    for text

  • 7/31/2019 100 Do's and Don'ts

    55/65

    Presenting Text

    Don't use small

    serif letters

  • 7/31/2019 100 Do's and Don'ts

    56/65

    Presenting Text

    Don't use all

    capitals

  • 7/31/2019 100 Do's and Don'ts

    57/65

    Presenting Text

    Don't overuse

    bold text

  • 7/31/2019 100 Do's and Don'ts

    58/65

    Presenting Text

    Don't overuse

    italics

  • 7/31/2019 100 Do's and Don'ts

    59/65

    Presenting Text

    Don't use small

    fonts

  • 7/31/2019 100 Do's and Don'ts

    60/65

    Presenting Text

    Don't use too

    many fonts

  • 7/31/2019 100 Do's and Don'ts

    61/65

    Presenting Text

    Do use

    panctuations

  • 7/31/2019 100 Do's and Don'ts

    62/65

    Presenting Text

    Dont hide your

    links

  • 7/31/2019 100 Do's and Don'ts

    63/65

    Presenting Text

    Do use alllowercase or all

    uppercase links

  • 7/31/2019 100 Do's and Don'ts

    64/65

    Presenting Text

    Do separateadjacent textual

    links

  • 7/31/2019 100 Do's and Don'ts

    65/65

    Presenting Text

    Do limit the size ofpredefined text