Web site design
Download
1 / 12

slides and notes - PowerPoint PPT Presentation


  • 425 Views
  • Updated On :

Web Site Design. Howell Istance. Web Site Design. Essentially the same process as when designing any interactive application, be it a... web-site stand-alone application multimedia presentation user-centered design process and focuses on users tasks environment.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'slides and notes' - libitha


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Web site design

Web Site Design

Howell Istance


Web site design1
Web Site Design

  • Essentially the same process as when designing any interactive application, be it a...

    • web-site

    • stand-alone application

    • multimedia presentation

  • user-centered design process and focuses on

    • users

    • tasks

    • environment

SOFT3057 - Interactive Systems


Principles processes and guidelines
Principles, processes and guidelines

  • Principles: general rules in the form of do’s and don’ts

  • Process: guidance on a sequence of activities,products resulting from these and methods for conducting these

  • Guidelines: collection of specific pieces of design guidance on topics, such as use of graphics

    Good design is not a mechanistic process, the designer needs to apply this general guidance to a specific context and add individual creative flair

SOFT3057 - Interactive Systems


Rule 1 decide on criteria for success
Rule 1: Decide on criteria for success

  • Make sure the reasons for building a web-site are clear

  • Get organisational agreement about what success means

SOFT3057 - Interactive Systems


Rule 2 decide who you want to impress
Rule 2: Decide who you want to impress

  • You can't please everybody

  • Defining the audience makes design decisions clearer

SOFT3057 - Interactive Systems


Rule 3 let the information drive the design
Rule 3: Let the information drive the design

  • Design the site structure around the information

    • Content definition

    • Identify natural structure of the information

    • Identify user tasks

    • Define a navigation scheme

SOFT3057 - Interactive Systems


Rule 3 let the information drive the design1
Rule 3: Let the information drive the design

  • Prioritise Information

  • Establish User Interest

  • Graphics should support the information design

SOFT3057 - Interactive Systems


Exercise
Exercise

  • Look at the Adobe site (www.adobe.com)

  • Now look some of the following pages from the site. For each page...

  • try to work out where you are and where you could go next.

  • identify where you are in a major section.

  • work out the parent page that has a link to this one.

  • page 1page 2page 3

SOFT3057 - Interactive Systems


Rule 4 make it easy to see what s there and how to get it
Rule 4: Make it easy to see what's there and how to get it

  • Make the site structure explicit

  • Provide an overview page

  • Tell the users where they are

  • Provide a 'home' and give constant access to it

  • Identify and give access to landmarks

  • Make link names explicit

  • Make access as direct as possible

SOFT3057 - Interactive Systems


Rule 5 don t expect www pages to be just like paper publications
Rule 5: Don't expect WWW pages to be just like paper publications

  • Exploit the medium

  • Add value

  • Branding is more than a logo

  • Reading from the screen is hard

SOFT3057 - Interactive Systems


Rule 6 use graphics with care
Rule 6: Use graphics with care publications

  • Hire a professional graphics designer

  • Make sure the designer understands the medium

  • Carry graphic style throughout the whole medium

  • Graphics can still be boring

  • Less can be more

  • Match graphics to usage scenarios, not just link speed

  • If in doubt, leave graphics out

  • Test graphics on different browsers

SOFT3057 - Interactive Systems


Rule 7 keep users interested
Rule 7: Keep users interested publications

  • Always have something new

  • Provide genuine content

  • Integrate the site with other media

  • Get users involved

SOFT3057 - Interactive Systems


ad