10月9日木曜日ノート

課題10/16の授業前まで

ウェブサイトを評価

Overview

  • Introduction to Web Design
  • Review of Ergonomic Issues

Changing Styles in Web Pages

  • 天気予報のサイトが、リスト表示から、地図表示へ。
  • Lots of links but no buttons, very few pictures!
  • 10years later, more image compressions
  • Black back color has beome fasionable.
  • TV番組にいるのは、みんな美男美女!おかしい。
menu on the left has gone.
lots of videos!

人間工学的側面

  • 資格的走査とレイアウト
  • 一貫性のあるデザイン
  • 文字レイアウトと形式

視覚的走査 Visual Scanning

eWeekのウェブサイト

  • 広告が一番目立つところにある
  • ページをグループ化ーext,video,advertising,navigation

ページに簡単な視覚的流れをもうけることが大事

easy to read

BBCのウェブサイト

tell you where you are
lots of cues(navigations)!3 to understang where you are

Make Text Work!

Text should be

Consise
Objective

Strength of Evidence Scale

  • 5bullets Two or more Category A Experiments(Hypothesis Testing)support the guideline.
  • 4bullets one Category A Exp supports the guideline.

Prioritizing Links

  • Place Important links and information high on the page.
(at a minimum,above the fold or scroll line)
Use Text Links,not images.

SFCのウェブサイト

SFC研究所は文章が多すぎる
ウェブサイトっぽくない。紙みたい。

カナダの電話会社、Bellのウェブサイト

空白が多い
上にテキストじゃなくて、製品の写真を載せる

Information Architecture

  • Lists
  • Hierachies
  • Networks
  • Maps,worlds, pictures

Use Consistent Navigation Aids

Create and Evaluate Prototypes

Web Design is Hugely Important.A marketable skill!

  • Highly Researched area with Clear Guidelines available in many cases.
  1. Use Guidelines to Develop Designs
  2. Use iterative prototyping and testing to fine-tune and vaidate designs

タグ:

+ タグ編集
  • タグ:
最終更新:2008年10月09日 16:09