Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

...

Panel
borderColor#999
bgColortransparent
borderStyledashed

3.3.2011

Bill Scott & Theresa Neil: Designing Web Interface

Preface

Kirja on keskittynyt vuorovaikutteisen suunnittelun toimintaperiaatteisiin. Se tarjoaa myös tietoa informaatioarkkitehtuurista ja visuaalisesta suunnittelusta.

Se tarjoaa vaihtoehtoja internetin käyttöliittymäsuunnittelulle, jota usein vaivaa alkeellisuus.
Suunnittelussa ei osata käyttää vuorovaikutteisia toimintatapoja, vaan turvaudutaan perusmalleihin:

  • Klikkaa linkkiä
  • Täytä/lähetä lomake

Tämän lisäksi, jos jokainen toiminta vaatii sivun uudelleenlatauksen, saumaton käyttökokemus on mahdotonta saavuttaa.

Kirja on jaoteltu kuuteen suunnittelun toimintamalliin.

  1. Make it Direct
  2. Keep it Lightweight
  3. Stay on the Page
  4. Provide an Invitation
  5. Use Transitions
  6. React Immediately

Principle One: Make it Direct

Suunnittele sivuston käyttöliittymä mahdollisimman suoraviivaiseksi.
"Where there is output, let there be input".

Chapter 1: In-Page Editing

Mikäli käyttäjä voi editoida sivun sisältöä, tuo editointi mahdollisuudet suoraan sivun näkymään, sen sijaan, että tekisit erillisen muokkausnäkymän.
Yleisiä sivun sisäisiä muokkausmenetelmiä:

  1. Yksittäisen kentän editointi (single-field inline edit)
  2. Monen kentän samanaikainen editointi (multi-field inline edit)
  3. Editointi modaalisessa ikkunassa (overlay edit)
  4. Taulukko editointi (table edit)
  5. Ryhmän editointi (group edit)
  6. Moduulien asetukset (module configuration)

...