Versions Compared

Old Version 14

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

Saved on

compared with

New Version 15

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

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 sivusto reagoimaan suoraan käyttäjän toimintoihin.

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ä muokkausmeneteilmiä:

  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)
Panel
borderColor#999
bgColortransparent
borderStyledashed

26.2.2011

Joshua Porter: Designin for the Social Web

7. Design for Sharing

Jakaja:

  • Mainostaa puolestasi
  • Pystyy vaikuttamaan puheillaan paremmin, kuin sinä itse (objektiivisuus)
  • Kertoo sinulle, mikä sovelluksessasi on jakamisen arvoista

Mitä jaamme:

  • Ideoita, jotka tukevat uskomuksiamme
  • Ideoita, jotka yllättävät
  • Ideoita, jotka helpottavat selittämään jotakin, mitä jo tiedämme
  • Asioita, joista tiedämme toisen hyötyvän
  • Työkaluja, jotka helpottavat työurakkaa
  • Hauskoja asioita, kuten kuvia/videoita
  • Asioita, jotka saattavat meidät hyvään valoon

8. The Funnel Analysis

"Suppilo analyysissä" tarkastellaan, kuinka moni käyttäjistä etenee sovelluksen kustakin vaiheesta seuraavaan.


Kuva: Joshua Porter: Designin for the Social Web s. 165/169, 2008.

Vasen suppilo:

  • Sivuston kävijöistä (100%) kirjautuu koekäyttäjäksi 70%
  • Koekäyttäjistä 50% tulee aktiivisia käyttäjiä
  • Aktiivisista käyttäjistä 35% alkaa maksaviksi asiakkaiksi
  • Maksavista asiakkaista 20% uusii tilauksensa

Ensimmäisen suppilon "Trial sign-up" -vaihe on jaoteltu omaksi suppilokseen oikean puoleisessa kuvassa.

Sovelluksen käyttöä mitattaessa on tärkeää määritellä oikeat mittarit, joista on eniten hyötyä kyseiselle sovellukselle.

Yleisimpiä mittareita:

  • Uniikit kävijät
  • Palaavat käyttäjät / toistuvat käynnit
  • Sivulla käytetty aika
  • Pagerank (Googlen mittari sivuston relevanttiudelle)
  • Rekisteröitymiset
  • Syötteen tilaaminen (esim. RSS)
  • Klikkimäärät ulkoisille sivuille

Designing for the Social Web

Kirja kokonaisuudessaan oli helppo lukea ja tarjosi paljon ajateltavaa.
Se antoi näkökulmia, joita ei aina tule ajatelleeksi, koska ne ovat suunnittelijalle usein itsestäänselvyyksiä.
Tarkemmin näihin asioihin syventymällä voi kuitenkin löytää uudenlaisia lähestymistapoja ja suunnittelumalleja.

...