Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Design flow´s

Verkkopalvelun suunnittelussa pelkän etusivun tuijottaminen ja sen suunnitteluun keskittyminen ei tunnetusti ole kovin rakentava suunnittelulähtökohta. Tässä esityksessä on muutama sananen lyhyesti käyttäjäpoluista ja käyttäjistä. Tämä on sellainen oma lyhyt "hissipuhe". Tässä ei mennä kovin syvälle yksityiskohtiin.

  • Be the first to comment

  • Be the first to like this

Design flow´s

  1. 1. Käyttäjäpolut Verkkopalvelun flowKuva: http://www.portwallpaper.com/image/27272-flow-light.html
  2. 2. • http://youtu.be/Ahg6qcgoay4
  3. 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. 4. Election night crowd, Wellington, 1931 Lähde: http://www.flickr.com/photos/nationallibrarynz_commons/3326203787/Photographer: William Hall RaineElection night crowd, Wellington, 1931Reference number: 1/2-066547-FOriginal negativePhotographic Archive, Alexander Turnbull Library
  5. 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...
  6. 6. 404-error page
  7. 7. Käyttäjän laitevalintaa taisurffailutapaa ei voi rajoittaa...Kuva: Flickr, JD Hancock
  8. 8. Miten tulisi siis toimia?
  9. 9. Selkeä käyttäjäpolku - ei liikaakerralla - etenemissuunta löytyy helposti.
  10. 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. 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/
  12. 12. Mutta tärkein...Lähde: http://www.slideshare.net/ProphetsAgency/prophets-trendsininteractivedesign2012
  13. 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. 14. Kiitos!• Tuuli Aalto-Nyyssönen, Ambientia Oy• twitter.com/turkutuuli• 0443314648• tuuli.aalto-nyyssonen@ambientia.fi• Skype: tuuli.a-n_ambientia.fi

    Be the first to comment

    Login to see the comments

Verkkopalvelun suunnittelussa pelkän etusivun tuijottaminen ja sen suunnitteluun keskittyminen ei tunnetusti ole kovin rakentava suunnittelulähtökohta. Tässä esityksessä on muutama sananen lyhyesti käyttäjäpoluista ja käyttäjistä. Tämä on sellainen oma lyhyt "hissipuhe". Tässä ei mennä kovin syvälle yksityiskohtiin.

Views

Total views

601

On Slideshare

0

From embeds

0

Number of embeds

3

Actions

Downloads

4

Shares

0

Comments

0

Likes

0

×