Versions Compared

Key

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

...

Panel
borderColor#999
bgColortransparent
borderStyledashed

Työt

Pecha Kucha -presentaatio

Designing Web Interfaces -tiivistelmä
Designing for the Social Web -tiivistelmä

Panel
borderColor#999
bgColortransparent
borderStyledashed

5.4.2011

Nonni, esitelmät pidetty ja kurssi pulkassa. Pecha Kucha -esitelmä oli melko hankala, mutta hauska kokeilu.

Jatkoa ajatellen, muistiinpanoja kannattaa olla mahdollisimman vähän, koska niitä ei todellakaan kerkeä lukea esitelmän aikana.

Presentaatio löytyy tästä.

P.S. Eikä se äänitekään niin pahalta kuulostanut, kuin pelkäsin (smile)

Panel
borderColor#999
bgColortransparent
borderStyledashed

3.4.2011

Designing Web Interfaces -kirjan tiivistelmä löytyy kokonaisuudessaan tästä.

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)
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 analyysianalyysissä" :ssä tarkastellaan, kuinka moni käyttäjistä etenee sovelluksen kustakin vaiheesta seuraavaan.

Image AddedImage Removed
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)
  • Klikki määrät 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.

...