SlideShare una empresa de Scribd logo
1 de 14
Käyttäjäpolut
                                                                Verkkopalvelun flow




Kuva: http://www.portwallpaper.com/image/27272-flow-light.html
• http://youtu.be/Ahg6qcgoay4
Kuka palvelua käyttää?
• Mistä tulevat?
• Missä viettävät aikaa?
• Miksi tulevat palveluun?
• Mitä haluavat palvelusta?
• Miten tekevät ostopäätöksen?
• Millaisia ovat? Onko sillä kova kiire?
Election night crowd, Wellington, 1931             Lähde: http://www.flickr.com/photos/nationallibrarynz_commons/3326203787/

Photographer: William Hall Raine
Election night crowd, Wellington, 1931
Reference number: 1/2-066547-F
Original negative
Photographic Archive, Alexander Turnbull Library
Miten palveluun tullaan?
•   Käyttäjää ei voida käskeä tulemaan palveluun
    etusivun kautta
•   Palveluun tullaan siis myös esim. haun kautta
    (Google, Bing), jaetun linkin kautta (Facebook,
    Twitter, LinkedIn, sähköposti...), RSS-virran kautta,
    erilaisten yritystietopalvelujen kautta (Directa,
    Fonecta...), lehtiviittausten kautta ... Lista on loputon
•   Palveluun voidaan tulla myös vaikka vanhentuneen
    linkin kautta...
404-error page
Käyttäjän laitevalintaa tai
surffailutapaa ei voi rajoittaa...




Kuva: Flickr, JD Hancock
Miten tulisi siis toimia?
Selkeä käyttäjäpolku - ei liikaa
kerralla - etenemissuunta löytyy
             helposti.
Peruselementit kuntoon
  läpi verkkopalvelun
•   Rikasta ajantasaista sisältöä kuvin, videoin, linkein...
•   Vähän on enemmän - yksinkertainen käyttöliittymä joka tuo hyvin esiin
    sisällön ja ei monimutkaistu syventyessä houkuttelee. Jos hierarkia on
    esitetty kovin massiivisesti tuntuu sisältöön keskelle hyppääminen
    raskaalta.
•   Tee sisältö helposti jaettavaksi - esim. RSS-virta mahdollistaa sisällön
    jälleenhyödyntämisen
•   Selkeät ”Toimi tästä” -linkit (Call-To-Action)
•   Standardit käyttöön html-koodissa (otsikko H1)
•   Palvelun ilme = brändin ilme - ”Otsikoi” palvelun.
•   Footer - löytyy joka sivulta ja aina vasta kun sivu on selattu loppuun.
    Kiinnitä tähän huomiota! Allekirjoittaa palvelun.
”Toimi tästä” -linkit
                  ”Yhteydenotto > Ota yhteyttä”
                  ”Tutustu lisää > Pyydä tarjous”




Lähde: http://www.hongkiat.com/blog/call-to-action-buttons-guidelines-best-practices-and-examples/
Mutta tärkein...




Lähde: http://www.slideshare.net/ProphetsAgency/prophets-trendsininteractivedesign2012
Miten tehdä siis hyvä
          palvelu?
•   Suunnittele suoraan loppukäyttäjälle ja laitteesta
    riippumatta
•   Löydä ja ylläpidä sekä monitoroi yleisimpiä
    käyttäjäpolkuja
•   Varmista, että verkkosivujen peruselementit ovat
    kunnossa
•   Näy myös oman palvelusi ulkopuolella
•   Ylläpidä laadukasta ja ajantasaista sisältöä johon
    muut haluavat linkittää
Kiitos!

• Tuuli Aalto-Nyyssönen, Ambientia Oy
• twitter.com/turkutuuli
• 0443314648
• tuuli.aalto-nyyssonen@ambientia.fi
• Skype: tuuli.a-n_ambientia.fi

Más contenido relacionado

Similar a Design flow´s

Sosiaalinen media yhdistysviestinnän apuna
Sosiaalinen media yhdistysviestinnän apunaSosiaalinen media yhdistysviestinnän apuna
Sosiaalinen media yhdistysviestinnän apuna
Minnae
 
Sosiaalinen media - Perusteita ja Yritysviestintää
Sosiaalinen media - Perusteita ja YritysviestintääSosiaalinen media - Perusteita ja Yritysviestintää
Sosiaalinen media - Perusteita ja Yritysviestintää
Jukka Weissenfelt
 
Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011
eskoh
 
Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011
eskoh
 
Verkko ja verkkoyhteisöt mitä annettavaa kulttuurialan yrittäjille? epky 2010
Verkko ja verkkoyhteisöt   mitä annettavaa kulttuurialan yrittäjille? epky 2010Verkko ja verkkoyhteisöt   mitä annettavaa kulttuurialan yrittäjille? epky 2010
Verkko ja verkkoyhteisöt mitä annettavaa kulttuurialan yrittäjille? epky 2010
Sanna Brauer
 

Similar a Design flow´s (20)

Yritystä Stadiin 14 Fonecta Hauduttamo: Verkkonäkyvyyden perusteet
Yritystä Stadiin 14 Fonecta Hauduttamo: Verkkonäkyvyyden perusteetYritystä Stadiin 14 Fonecta Hauduttamo: Verkkonäkyvyyden perusteet
Yritystä Stadiin 14 Fonecta Hauduttamo: Verkkonäkyvyyden perusteet
 
Museotyö somessa
Museotyö somessaMuseotyö somessa
Museotyö somessa
 
Museotyö somessa
Museotyö somessaMuseotyö somessa
Museotyö somessa
 
Sosiaalinen media kaupungin toiminnassa
Sosiaalinen media kaupungin toiminnassaSosiaalinen media kaupungin toiminnassa
Sosiaalinen media kaupungin toiminnassa
 
Somen mahdollisuuksia
Somen mahdollisuuksiaSomen mahdollisuuksia
Somen mahdollisuuksia
 
Sosiaalinen media yhdistysviestinnän apuna
Sosiaalinen media yhdistysviestinnän apunaSosiaalinen media yhdistysviestinnän apuna
Sosiaalinen media yhdistysviestinnän apuna
 
Sosiaalinen media yrityskäytössä // NewCo Helsinki // 11.05.2017
Sosiaalinen media yrityskäytössä // NewCo Helsinki // 11.05.2017Sosiaalinen media yrityskäytössä // NewCo Helsinki // 11.05.2017
Sosiaalinen media yrityskäytössä // NewCo Helsinki // 11.05.2017
 
Some markkinointiin perusteet_slideshare
Some markkinointiin perusteet_slideshareSome markkinointiin perusteet_slideshare
Some markkinointiin perusteet_slideshare
 
Miten hyödynnät verkkoa ja sosiaalista mediaa työllistymisessä
Miten hyödynnät verkkoa ja sosiaalista mediaa työllistymisessäMiten hyödynnät verkkoa ja sosiaalista mediaa työllistymisessä
Miten hyödynnät verkkoa ja sosiaalista mediaa työllistymisessä
 
Kotisivut kuntoon - missä kannattaa panostaa, missä pihistää.
Kotisivut kuntoon - missä kannattaa panostaa, missä pihistää.Kotisivut kuntoon - missä kannattaa panostaa, missä pihistää.
Kotisivut kuntoon - missä kannattaa panostaa, missä pihistää.
 
Sosiaalinen media - Perusteita ja Yritysviestintää
Sosiaalinen media - Perusteita ja YritysviestintääSosiaalinen media - Perusteita ja Yritysviestintää
Sosiaalinen media - Perusteita ja Yritysviestintää
 
ebrandin Jukka ouluNYT
ebrandin Jukka ouluNYTebrandin Jukka ouluNYT
ebrandin Jukka ouluNYT
 
Sosiaalinen media yhteistyön ja viestinnän tukena (v. 2.0)
Sosiaalinen media yhteistyön ja viestinnän tukena (v. 2.0)Sosiaalinen media yhteistyön ja viestinnän tukena (v. 2.0)
Sosiaalinen media yhteistyön ja viestinnän tukena (v. 2.0)
 
Digi innostajat 14.2.20
Digi innostajat 14.2.20Digi innostajat 14.2.20
Digi innostajat 14.2.20
 
Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011
 
Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011Sosiaalisen median mahdollisuudet_17102011
Sosiaalisen median mahdollisuudet_17102011
 
Verkko ja verkkoyhteisöt mitä annettavaa kulttuurialan yrittäjille? epky 2010
Verkko ja verkkoyhteisöt   mitä annettavaa kulttuurialan yrittäjille? epky 2010Verkko ja verkkoyhteisöt   mitä annettavaa kulttuurialan yrittäjille? epky 2010
Verkko ja verkkoyhteisöt mitä annettavaa kulttuurialan yrittäjille? epky 2010
 
Verkostot pilvessä
Verkostot pilvessäVerkostot pilvessä
Verkostot pilvessä
 
Facebook markkinointi "tykkaa ja jaa" jukka weissenfelt ebrand Suomi 5.2.2013
Facebook markkinointi "tykkaa ja jaa" jukka weissenfelt ebrand Suomi 5.2.2013Facebook markkinointi "tykkaa ja jaa" jukka weissenfelt ebrand Suomi 5.2.2013
Facebook markkinointi "tykkaa ja jaa" jukka weissenfelt ebrand Suomi 5.2.2013
 
Facebook markkinointi "tykkää ja jaa" jukka weissenfelt ebrand 5.2.2013
Facebook markkinointi "tykkää ja jaa" jukka weissenfelt ebrand 5.2.2013Facebook markkinointi "tykkää ja jaa" jukka weissenfelt ebrand 5.2.2013
Facebook markkinointi "tykkää ja jaa" jukka weissenfelt ebrand 5.2.2013
 

Design flow´s

  • 1. Käyttäjäpolut Verkkopalvelun flow Kuva: http://www.portwallpaper.com/image/27272-flow-light.html
  • 3. Kuka palvelua käyttää? • Mistä tulevat? • Missä viettävät aikaa? • Miksi tulevat palveluun? • Mitä haluavat palvelusta? • Miten tekevät ostopäätöksen? • Millaisia ovat? Onko sillä kova kiire?
  • 4. Election night crowd, Wellington, 1931 Lähde: http://www.flickr.com/photos/nationallibrarynz_commons/3326203787/ Photographer: William Hall Raine Election night crowd, Wellington, 1931 Reference number: 1/2-066547-F Original negative Photographic Archive, Alexander Turnbull Library
  • 5. Miten palveluun tullaan? • Käyttäjää ei voida käskeä tulemaan palveluun etusivun kautta • Palveluun tullaan siis myös esim. haun kautta (Google, Bing), jaetun linkin kautta (Facebook, Twitter, LinkedIn, sähköposti...), RSS-virran kautta, erilaisten yritystietopalvelujen kautta (Directa, Fonecta...), lehtiviittausten kautta ... Lista on loputon • Palveluun voidaan tulla myös vaikka vanhentuneen linkin kautta...
  • 7. Käyttäjän laitevalintaa tai surffailutapaa ei voi rajoittaa... Kuva: Flickr, JD Hancock
  • 9. Selkeä käyttäjäpolku - ei liikaa kerralla - etenemissuunta löytyy helposti.
  • 10. Peruselementit kuntoon läpi verkkopalvelun • Rikasta ajantasaista sisältöä kuvin, videoin, linkein... • Vähän on enemmän - yksinkertainen käyttöliittymä joka tuo hyvin esiin sisällön ja ei monimutkaistu syventyessä houkuttelee. Jos hierarkia on esitetty kovin massiivisesti tuntuu sisältöön keskelle hyppääminen raskaalta. • Tee sisältö helposti jaettavaksi - esim. RSS-virta mahdollistaa sisällön jälleenhyödyntämisen • Selkeät ”Toimi tästä” -linkit (Call-To-Action) • Standardit käyttöön html-koodissa (otsikko H1) • Palvelun ilme = brändin ilme - ”Otsikoi” palvelun. • Footer - löytyy joka sivulta ja aina vasta kun sivu on selattu loppuun. Kiinnitä tähän huomiota! Allekirjoittaa palvelun.
  • 11. ”Toimi tästä” -linkit ”Yhteydenotto > Ota yhteyttä” ”Tutustu lisää > Pyydä tarjous” Lähde: http://www.hongkiat.com/blog/call-to-action-buttons-guidelines-best-practices-and-examples/
  • 13. Miten tehdä siis hyvä palvelu? • Suunnittele suoraan loppukäyttäjälle ja laitteesta riippumatta • Löydä ja ylläpidä sekä monitoroi yleisimpiä käyttäjäpolkuja • Varmista, että verkkosivujen peruselementit ovat kunnossa • Näy myös oman palvelusi ulkopuolella • Ylläpidä laadukasta ja ajantasaista sisältöä johon muut haluavat linkittää
  • 14. Kiitos! • Tuuli Aalto-Nyyssönen, Ambientia Oy • twitter.com/turkutuuli • 0443314648 • tuuli.aalto-nyyssonen@ambientia.fi • Skype: tuuli.a-n_ambientia.fi

Notas del editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n