Versions Compared

Old Version 16

changes.mady.by.user Unknown User (m0601312)

Saved on

compared with

New Version 17

changes.mady.by.user Unknown User (m0601312)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Panel
borderColor#999
bgColortransparent
borderStyledashed

28.3.2011

Päiväkirja on jäänyt hieman vähemmälle huomiolle, pahoittelut siitä.
Referoin Designing for the Social Web -kirjasta johdannon ja ensimmäisen luvun.

Myös toisesta kirjasta, Designing Web Interfaces, löytyy paria lukua vaille valmis tiivistelmä.

Kirjassa käsitellään melko perusasioita, mutta niihin syvennytään tarkkaan. Tämän ansiosta kirjasta on noussut esiin hyviä pointteja.

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)

...