SlideShare una empresa de Scribd logo
1 de 15
RESPONSIIVINEN WORKFLOW
   Janne Gylling / www.jannegylling.fi
Olen puhunut pal on vaikuttamisesta verkossa. Siitä kuinka yritysten tulisi
                                  j
               olla hereillä. Siitä kuinka digitalisoitumisen mahdollisuuksia ei ole osattu tai
               ymmärretty hyödyntää.

               Käyttäjälähtöinen palvelumuotoilu, jossa ymmärretään eri käyttötilanteiden tuomat mahdollisuudet ja
               rajoitukset, ovat meidän kaikkien käytettävissä. Internet ei ole koskaan ollut näin valmis, eikä se tule olemaan
               enää koskaan näin kesken.




Janne Gylling / www.jannegylling.fi
Verkkopalveluiden tilaaminen ja tuottaminen muuttuu.



Janne Gylling / www.jannegylling.fi
Tilaajan tulisi ymmärtää että koko suunnitteluprosessi on murroksessa.

                                      Tuottajan tulisi ymmärtää että muutos vaatii
                                          tilaajan kouluttamista ja ohjaamista.
Janne Gylling / www.jannegylling.fi
Prosessit muuttuvat



                  •      Verkkopalveluiden suunnitteluprosessi on kopioitu alkujaan siitä miten
                         printtimateriaalia suunnitellaan

                  •      Eli piirretään ensin kuvia, jotka hyväksytään ja myöhemmin pyritään
                         toteuttamaan selaimessa juuri sen näköiseksi kuin staattinen kuva
Janne Gylling / www.jannegylling.fi
Verkkopalvelut tulisi
            suunnitella heti alusta
            alkaen toimimaan millä
            tahansa päätelaiteella.




Janne Gylling / www.jannegylling.fi
Keskustelussa ajaudutaan liian useasti turhan syvälle tekniikkaan.
                           Puhutaan responsiivisuudesta, HTML5:stä, mobile first -ajattelusta,
                                teknisistä hilavitkuttimista ja kaikesta muusta soopasta.

                                 Kun pitäisi puhua liiketoiminnasta verkossa,
                              käyttäjälähtöisestä verkkopalvelusuunnittelusta
                                              ja verkkobrändistä.
Janne Gylling / www.jannegylling.fi
PROSESSI
Konseptointi

                                      Prototypointi

                                      Käyttötilanteet/päätelaitteet

                                      Interaktio-, rakenne- ja
                                      sisältösuunnittelu

                                      Visuaalinen suunnittelu

                                      Toteutus ja testaus

Janne Gylling / www.jannegylling.fi
Selaimessa toimiva HTML-proto kertoo
            enemmän kuin tuhat sanaa.

            1. Käyttöliittymän toiminta eri päätelaitteilla
            2. UI kerroksen interaktiot
            3. Visuaalisuus ja fontit mobiilissa
            4. Käyttötilanteisin perustuva sisällön personointi




Janne Gylling / www.jannegylling.fi
Käyttöliittymä on paljon muutakin kuin grafiikkaa.
Elämme käyttöliittymäsuunnittelussa vielä kivikautta.


Janne Gylling / www.jannegylling.fi
Kun työtavat muuttuvat - myös lopputulokset muuttuvat.




Janne Gylling / www.jannegylling.fi
Muistatko mitä tapahtui dinosauruksille?
                                      ON SIIS AIKA MUUTTUA.

Janne Gylling / www.jannegylling.fi
Follow Me at Twitter! @JanneGylling




Janne Gylling
 http://www.jannegylling.fi
                01/2013

Más contenido relacionado

Similar a Responsiivinen workflow

IT-infran uudistaminen Pilvipolun avulla
IT-infran uudistaminen Pilvipolun avullaIT-infran uudistaminen Pilvipolun avulla
IT-infran uudistaminen Pilvipolun avullaTelia Inmics-Nebula
 
eTourism roundtable 2013
eTourism roundtable 2013eTourism roundtable 2013
eTourism roundtable 2013Matkailufoorumi
 
Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu Antti Leino
 
Tehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksille
Tehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksilleTehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksille
Tehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksilleHarri Lakkala
 
Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...
Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...
Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...Kimmo Timonen
 
Kuluttajalähtöinen palvelukehitys
Kuluttajalähtöinen palvelukehitysKuluttajalähtöinen palvelukehitys
Kuluttajalähtöinen palvelukehitysJukka Myllyaho
 
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Hanna P. Korhonen
 
Into Group Oy -Yritysesittely
Into Group Oy -YritysesittelyInto Group Oy -Yritysesittely
Into Group Oy -YritysesittelyJyrkiTukiainen
 
Mobiili on tärkein - Nordic Morning Breakfast Seminar
Mobiili on tärkein - Nordic Morning Breakfast SeminarMobiili on tärkein - Nordic Morning Breakfast Seminar
Mobiili on tärkein - Nordic Morning Breakfast SeminarNordic Morning
 
Aamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudella
Aamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudellaAamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudella
Aamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudellaNemein
 
Palvelumuotoilu mukana verkkosivujen kehittämisessä.pdf
Palvelumuotoilu mukana verkkosivujen kehittämisessä.pdfPalvelumuotoilu mukana verkkosivujen kehittämisessä.pdf
Palvelumuotoilu mukana verkkosivujen kehittämisessä.pdfMariana Salgado
 
SON & Nemein Aamiaisseminaari 2012 - SON Helsinki
SON & Nemein Aamiaisseminaari 2012 - SON HelsinkiSON & Nemein Aamiaisseminaari 2012 - SON Helsinki
SON & Nemein Aamiaisseminaari 2012 - SON Helsinkidynamo&son
 
Digitaalinen transformaatio
Digitaalinen transformaatioDigitaalinen transformaatio
Digitaalinen transformaatioSeppo Heikura
 
10 ideaa asiakkuuksien kasvattamiseen - Avaus Open
10 ideaa asiakkuuksien kasvattamiseen - Avaus Open10 ideaa asiakkuuksien kasvattamiseen - Avaus Open
10 ideaa asiakkuuksien kasvattamiseen - Avaus OpenAvaus
 
Strategiasta toiminnaksi. Digiloikka?
Strategiasta toiminnaksi. Digiloikka?Strategiasta toiminnaksi. Digiloikka?
Strategiasta toiminnaksi. Digiloikka?Petri Hakanen
 
Digitaalisen designin merkitys liiketoiminnalle
Digitaalisen designin merkitys liiketoiminnalleDigitaalisen designin merkitys liiketoiminnalle
Digitaalisen designin merkitys liiketoiminnalleAntti Leino
 
Käyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetuKäyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetuNordic Morning
 
Kuuntele: älä huuda - Verkon perusidea
Kuuntele: älä huuda - Verkon perusideaKuuntele: älä huuda - Verkon perusidea
Kuuntele: älä huuda - Verkon perusideaTommi Pelkonen
 
Aino heiska & Samuli Airaksinen cmadfi 2015
Aino heiska & Samuli Airaksinen cmadfi 2015Aino heiska & Samuli Airaksinen cmadfi 2015
Aino heiska & Samuli Airaksinen cmadfi 2015Aino Heiska
 

Similar a Responsiivinen workflow (20)

Iikka Lovio
Iikka LovioIikka Lovio
Iikka Lovio
 
IT-infran uudistaminen Pilvipolun avulla
IT-infran uudistaminen Pilvipolun avullaIT-infran uudistaminen Pilvipolun avulla
IT-infran uudistaminen Pilvipolun avulla
 
eTourism roundtable 2013
eTourism roundtable 2013eTourism roundtable 2013
eTourism roundtable 2013
 
Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu Digitaalinen palvelumuotoilu
Digitaalinen palvelumuotoilu
 
Tehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksille
Tehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksilleTehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksille
Tehoa digitalisaatiosta – Tietoisku digitalisaatiosta pk-yrityksille
 
Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...
Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...
Makrotason mahdollisuudet digitaalisen liiketoiminnan kehittämisessä @ Finpro...
 
Kuluttajalähtöinen palvelukehitys
Kuluttajalähtöinen palvelukehitysKuluttajalähtöinen palvelukehitys
Kuluttajalähtöinen palvelukehitys
 
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
Tulevaisuusveikkaus - Tulokset - Digitaalinen työympäristö -seminaari 2017 - ...
 
Into Group Oy -Yritysesittely
Into Group Oy -YritysesittelyInto Group Oy -Yritysesittely
Into Group Oy -Yritysesittely
 
Mobiili on tärkein - Nordic Morning Breakfast Seminar
Mobiili on tärkein - Nordic Morning Breakfast SeminarMobiili on tärkein - Nordic Morning Breakfast Seminar
Mobiili on tärkein - Nordic Morning Breakfast Seminar
 
Aamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudella
Aamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudellaAamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudella
Aamiaisseminaari 5.4.2012: Suunnittelu ja viestintä mobiiliaikakaudella
 
Palvelumuotoilu mukana verkkosivujen kehittämisessä.pdf
Palvelumuotoilu mukana verkkosivujen kehittämisessä.pdfPalvelumuotoilu mukana verkkosivujen kehittämisessä.pdf
Palvelumuotoilu mukana verkkosivujen kehittämisessä.pdf
 
SON & Nemein Aamiaisseminaari 2012 - SON Helsinki
SON & Nemein Aamiaisseminaari 2012 - SON HelsinkiSON & Nemein Aamiaisseminaari 2012 - SON Helsinki
SON & Nemein Aamiaisseminaari 2012 - SON Helsinki
 
Digitaalinen transformaatio
Digitaalinen transformaatioDigitaalinen transformaatio
Digitaalinen transformaatio
 
10 ideaa asiakkuuksien kasvattamiseen - Avaus Open
10 ideaa asiakkuuksien kasvattamiseen - Avaus Open10 ideaa asiakkuuksien kasvattamiseen - Avaus Open
10 ideaa asiakkuuksien kasvattamiseen - Avaus Open
 
Strategiasta toiminnaksi. Digiloikka?
Strategiasta toiminnaksi. Digiloikka?Strategiasta toiminnaksi. Digiloikka?
Strategiasta toiminnaksi. Digiloikka?
 
Digitaalisen designin merkitys liiketoiminnalle
Digitaalisen designin merkitys liiketoiminnalleDigitaalisen designin merkitys liiketoiminnalle
Digitaalisen designin merkitys liiketoiminnalle
 
Käyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetuKäyttökokemuksesta kilpailuetu
Käyttökokemuksesta kilpailuetu
 
Kuuntele: älä huuda - Verkon perusidea
Kuuntele: älä huuda - Verkon perusideaKuuntele: älä huuda - Verkon perusidea
Kuuntele: älä huuda - Verkon perusidea
 
Aino heiska & Samuli Airaksinen cmadfi 2015
Aino heiska & Samuli Airaksinen cmadfi 2015Aino heiska & Samuli Airaksinen cmadfi 2015
Aino heiska & Samuli Airaksinen cmadfi 2015
 

Responsiivinen workflow

  • 1. RESPONSIIVINEN WORKFLOW Janne Gylling / www.jannegylling.fi
  • 2. Olen puhunut pal on vaikuttamisesta verkossa. Siitä kuinka yritysten tulisi j olla hereillä. Siitä kuinka digitalisoitumisen mahdollisuuksia ei ole osattu tai ymmärretty hyödyntää. Käyttäjälähtöinen palvelumuotoilu, jossa ymmärretään eri käyttötilanteiden tuomat mahdollisuudet ja rajoitukset, ovat meidän kaikkien käytettävissä. Internet ei ole koskaan ollut näin valmis, eikä se tule olemaan enää koskaan näin kesken. Janne Gylling / www.jannegylling.fi
  • 3. Verkkopalveluiden tilaaminen ja tuottaminen muuttuu. Janne Gylling / www.jannegylling.fi
  • 4. Tilaajan tulisi ymmärtää että koko suunnitteluprosessi on murroksessa. Tuottajan tulisi ymmärtää että muutos vaatii tilaajan kouluttamista ja ohjaamista. Janne Gylling / www.jannegylling.fi
  • 5. Prosessit muuttuvat • Verkkopalveluiden suunnitteluprosessi on kopioitu alkujaan siitä miten printtimateriaalia suunnitellaan • Eli piirretään ensin kuvia, jotka hyväksytään ja myöhemmin pyritään toteuttamaan selaimessa juuri sen näköiseksi kuin staattinen kuva Janne Gylling / www.jannegylling.fi
  • 6. Verkkopalvelut tulisi suunnitella heti alusta alkaen toimimaan millä tahansa päätelaiteella. Janne Gylling / www.jannegylling.fi
  • 7. Keskustelussa ajaudutaan liian useasti turhan syvälle tekniikkaan. Puhutaan responsiivisuudesta, HTML5:stä, mobile first -ajattelusta, teknisistä hilavitkuttimista ja kaikesta muusta soopasta. Kun pitäisi puhua liiketoiminnasta verkossa, käyttäjälähtöisestä verkkopalvelusuunnittelusta ja verkkobrändistä. Janne Gylling / www.jannegylling.fi
  • 9. Konseptointi Prototypointi Käyttötilanteet/päätelaitteet Interaktio-, rakenne- ja sisältösuunnittelu Visuaalinen suunnittelu Toteutus ja testaus Janne Gylling / www.jannegylling.fi
  • 10. Selaimessa toimiva HTML-proto kertoo enemmän kuin tuhat sanaa. 1. Käyttöliittymän toiminta eri päätelaitteilla 2. UI kerroksen interaktiot 3. Visuaalisuus ja fontit mobiilissa 4. Käyttötilanteisin perustuva sisällön personointi Janne Gylling / www.jannegylling.fi
  • 11. Käyttöliittymä on paljon muutakin kuin grafiikkaa.
  • 12. Elämme käyttöliittymäsuunnittelussa vielä kivikautta. Janne Gylling / www.jannegylling.fi
  • 13. Kun työtavat muuttuvat - myös lopputulokset muuttuvat. Janne Gylling / www.jannegylling.fi
  • 14. Muistatko mitä tapahtui dinosauruksille? ON SIIS AIKA MUUTTUA. Janne Gylling / www.jannegylling.fi
  • 15. Follow Me at Twitter! @JanneGylling Janne Gylling http://www.jannegylling.fi 01/2013