SlideShare a Scribd company logo
1 of 28
Download to read offline
T-121.2100
Johdatus käyttäjäkeskeiseen
      tuotekehitykseen
            2 op




                         Marko Nieminen
Käyttäjäkeskeinen suunnittelu:
Peruskurssin tavoite
 Tarjota perusymmärrys (.2100) ja käytännön tuntuma
 (.3110) siitä, mitä on käyttäjäkeskeinen suunnittelu
 Kurssilta ei valmistu täysinoppineita käyttöliittymä-
 suunnittelijoita vaan perusedellytykset käyttäjäkeskeisen
 suunnittelun opetteluun osaavia ihmisiä

 Jatkokurssit tarjoavat syventävää opetusta
 ... myös osallistuminen tutkimusprojekteihin tarjoaa
 syventävää tietämystä

 ”Kun kurssin suorittanut opiskelija menee keskustelemaan yrityksessä
 toimivan käyttöliittymäasiantuntijan kanssa, niin hän EI mokaa ensimmäisen
 kahden minuutin aikana” (mukaellen K. Aaltonen, 1980-luvun loppupuoli)


                                                                  Marko Nieminen
T-121.2100/3110: Henkilökunta

Vastuuopettajat T-121.2100 / T-121.3110
   T-121.2100: Marko Nieminen, Lasse Lumiaho
   T-121.3110: Mika P. Nieminen

Assistentit
  Mari Tyllinen, Tiia Suomalainen, Joanna
  Bergström-Lehtovirta

Kurssien sähköpostiosoitteet
  t1212100 (@) soberit.hut.fi
  t1213110 (@) soberit.hut.fi



                                            Marko Nieminen
Käyttöliittymä- ja käytettävyysasiantuntijaksi?


  Kvalifikaatiot teollisuuden palvelukseen haettaville
  käyttöliittymä- ja käytettävyyssuunnittelijoille ovat
  olleet mm. seuraavankaltaisia:

  1) Tiedätkö, mitä on tehtäväanalyysi?
  2) Oletko toteuttanut käyttöliittymiä?
  3) Osaatko järjestää ja vetää käytettävyystestin?

  Käyttöliittymä- ja käytettävyyssuunnittelu on paitsi
  käytännön praktiikkaa, myös tutkimusta!



                                                   Marko Nieminen
Kurssin aiheet

 Mitä on käytettävyys? Mitä ovat käyttöliittymät?
 Käyttäjäkeskeinen suunnittelu
    Periaatteet, prosessit ja menetelmät
 Ihminen laitteen käyttäjänä
 Käyttöliittymäsuunnittelun perusteita
 Käytettävyyden arviointi
 Käytettävyyssuunnittelu erityisryhmille, esteetön suunnittelu
 Tulevaisuudennäkymiä

 Näyttösuunnittelusta käyttösuunnitteluun. Käyttöliittymäsuunnittelu ei
 ole vain ”näyttösuunnittelua” vaan kokonaisvaltaista käyttötilanteen
 suunnittelua sekä toteutuman evaluointia!


                                                               Marko Nieminen
Kurssin suorittaminen


 T-121.2100
   Luennot (suositeltavat), verkkolukupiiri (vapaaehtoinen)
   Tentti (pakollinen)
   Kurssipalaute (pakollinen)


 T-121.3110
   Harjoitustehtävien suorittaminen (pakollinen)
   Kurssipalaute (pakollinen)




                                                       Marko Nieminen
Luentokurssin aikataulu

 6 luentoa viikoilla 4-6 (21.1.-6.2.2008)
   Luennot ma 12-14, ke 12-14 salissa T1


 Tentti la 7.2.2008 klo 10-13

 Verkkolukupiiri tukee tenttiin valmistautumista

 https://noppa.tkk.fi/noppa/kurssi/t-
 121.2100/etusivu

                                            Marko Nieminen
Kurssin kirjallinen materiaali

 Ei kirjaa, vaan verkosta löytyvä lukupaketti

 Kerrotaan nopassa jokaisen luennon kuvauksen
 yhteydessä

 Aineisto saatavissa TKK:n sisäverkosta käsin




                                                Marko Nieminen
Kurssin rakenne

Käyttäjäkeskeisen tuotekehityksen harjoitustyöt
(T-121.3110)

   Harjoitustyökurssin ilmoittautumisen DL to 14.2.
   Harjoitustyökurssin aloitustilaisuus ma 16.2. klo 12-14
   salissa T1

   Teemat ja harjoitustehtävät kurssin Noppa-sivulla

   https://noppa.tkk.fi/noppa/kurssi/t-
   121.3110/etusivu




                                                       Marko Nieminen
Miksi 19120 ihmistä äänesti kahta?




     Valokuvat: CNN




3,000 or so people might have made the mistake of voting for Pat Buchanan when they meant to vote for Al Gore.
But why would a much larger number of people--19,120 out of 461,988 who voted--invalidate their ballots by
voting for two candidates for president?                                                                         Marko Nieminen
Hahmolait,
                       Gestalt-säännöt
                       (Max Wertheimer 1923)

                       Läheisyys (proximity)
                       kaksi visuaalista ärsykettä, jotka
Käyttöliittymä- ja     sijaitsevat lähellä toisiaan,
                       mielletään yhteenkuuluviksi
käytettävyysongelmia
                       Samanlaisuus (similarity)
                       kaksi visuaalista ärsykettä, joilla
                       on jokin yhteinen ominaisuus,
                       mielletään yhteenkuuluviksi

                       Jatkuvuus (continuity)
                       jos viivat leikkaavat toisiaan,
                       katsoja jakaa kokonaisuuden
                       selkeästi jatkuviin osiin

                       Sulkeutuvuus (closure)
                       jos visuaaliset ärsykkeet (lähes)
                       sulkevat sisäänsä jonkin
                       alueen, katsoja näkee ko.
                       alueen

                       Alue (area)
                       laajempi (ympäröivä) alueista
                       mielletään taustaksi, pienempi
                       taustasta erilliseksi kohteeksi

                       Symmetrisyys (symmetry)
                       mitä symmetrisempi kuvio
                       osista muodostuu, sitä
                       helpommin katsoja havaitsee
                       kohteeksi symmetrisen kuvion
                                  Marko Nieminen
                       eikä sitä muodostavia osia
Vaihtoehtoinen ratkaisu




Lisäesimerkkejä ja keskustelua:
http://stc.org/pics/usability/topics/
                                        http://www.modestsystems.com/florida_ballot.htm

                                                                       Marko Nieminen
Marko Nieminen
Marko Nieminen
Protestiääniä?


 Yleensä vaaleissa hylätään mikkihiirikuvien takia tai
 muusta syystä puolisen prosenttia äänistä.
 Nyt hukkaääniä kertyi kaikista sähköisesti annetuista
 äänistä huomattavasti enemmän, melkein kaksi
 prosenttia.




                                               Marko Nieminen
Äänestystoimenpiteet

     Sähköisessä äänestyksessä kortinlukijaan laitetaan
     äänestyskortti. Tämän jälkeen äänestäjä valitsee
     ehdokkaansa ja hyväksyy äänensä OK-nappia
     painamalla. Lopulta äänestyskortti viedään
     vaalivirkailijalle.

     Ministeriön tiedotteen mukaan nämä 232 ihmistä
     ovat jättäneet quot;ohjeiden mukaisen hyväksymisen
     tekemättäquot;, ja äänet eivät ole kirjautuneet
     järjestelmään. Äänestäjät ovat siis unohtaneet
     painaa OK-nappia.


http://www.iltalehti.fi/vaalit/200810288502154_vl.shtml   Marko Nieminen
Ongelmana käyttäjä?

 ” Osoittautui, että järjestelmä ei ole ollut se
 ongelma, vaan sittenkin ihminenquot;, Brax sanoi
 viitaten siihen, että 232 äänestäjää ei ollut
 hoksannut painaa ok-nappulaa äänestämisen jälkeen
 selkeistä ohjeista huolimatta. ”

 http://www.hs.fi/politiikka/artikkeli/Brax+Vaalitulost
 a+ei+voi+perua+hukka%C3%A4%C3%A4nien+taki
 a/1135240616263



                                                Marko Nieminen
Ongelmana käyttäjä?

 ”Nyt äänten katoaminen tapahtui kuitenkin teknisesti
 eri tavalla – vaikka äänestäjä luuli äänestäneensä,
 vaalirekisteriin ei tullut merkintää äänioikeuden
 käyttämisestä.”

 Jyrki J.J. Kasvi:
 http://www.kasvi.org/index.php?6179




                                              Marko Nieminen
Missä klikkasi?

   Mitä tehdä?
Guidelines for Designing User Interface Software
Smith & Mosier 1986


   1.0/4 + Fast Response
         Ensure that the computer will acknowledge data entry actions rapidly, so that
         users are not slowed or paced by delays in computer response; for normal
         operation, delays in displayed feedback should not exceed 0.2 seconds.
         A key press should be followed by seemingly immediate display of its
         associated symbol, or by some other appropriate display change.
   3.0/18 Appropriate Computer Response Time
         Ensure that the speed of computer response to user control entries is
         appropriate to the transaction involved; in general, the response should be
         faster for those transactions perceived by a user to be simple.
         Computer response to a likely control entry, such as NEXT PAGE, should be
         within 0.5-1.0 second; response to other simple entries should be within 2.0
         seconds; error messages should be displayed within 2-4 seconds.
         Interface designers may need to consult with the intended system users to
         decide upon appropriate computer response times for different transactions.
   4.2/2 Fast Response
         Ensure that computer response to user entries will be rapid, with consistent
         timing as appropriate for different types of transactions.


http://hcibib.org/sam/                                                       Marko Nieminen
Eight Golden Rules of Interface Design

     Strive for consistency                          Offer simple error
1.                                              5.
                                                     handling
     Enable frequent users
2.
     to use shortcuts                                Permit easy reversal
                                                6.
                                                     of actions
     Offer informative
3.
     feedback                                        Support internal locus
                                                7.
                                                     of control
     Design dialog
4.
                                                     Reduce short-term
                                                8.
     to yield                                        memory load
     closure
Shneiderman, B.: Designing the User Interface
                                                                    Marko Nieminen
Käytettävyydeltään hyvien vuorovaikutteisten
tuotteiden ja järjestelmien suunnittelu


  Kehittäjiltä edellytetään
      käyttäjäkeskeisten tuotekehitysmenetelmien osaamista
      kykyä analysoida ja ymmärtää loppukäyttäjien ominaisuuksia ja tarpeita

  Tähän tarvitaan
      ihmisen tiedonkäsittelyn ja hajautetun tietämyksen perusteiden teoreettista
      tuntemusta
      On kyettävä analysoimaan ja mallintamaan työprosesseja ja muuta
      toimintaympäristöä, kuten työryhmien, organisaatioiden ja verkostojen
      toimintaa, joita varten tietojärjestelmiä suunnitellaan ja joissa niitä otetaan
      käyttöön.

  Metodisena perustana on erilaisten tiedonkeruumenetelmien hallinta sekä
  laboratoriomaisessa tutkimusympäristössä että kentällä yritysympäristössä.



                                                                             Marko Nieminen
Käytettävyyssuunnittelu                              (Usability Engineering)




  Prosessi menetelmineen, jossa määritetään,
  Prosessi menetelmineen, jossa määritetään,
  mitataan ja kehitetään tuotteiden käytettävyyttä.
  mitataan ja kehitetään tuotteiden käytettävyyttä.
  UE is aaprocess for defining, measuring and thereby improving the usability of products
   UE is process for defining, measuring and thereby improving the usability of products
  (Wixon & Wilson 1997; “mittaamispainotus”)
   (Wixon & Wilson 1997; “mittaamispainotus”)
  Software usability engineering is aastructured approach to building software systems that
   Software usability engineering is structured approach to building software systems that
  meet the needs of users (Good, 1988; “tavoiteorientoituneisuus”)
   meet the needs of users (Good, 1988; “tavoiteorientoituneisuus”)
  UE is practical and systematic way to deliver aaproduct that works for users. UE involves
   UE is practical and systematic way to deliver product that works for users. UE involves
  methods applied at appropriate times, including gathering requirements, developing and
   methods applied at appropriate times, including gathering requirements, developing and
  testing prototypes, evaluating design alternatives, analyzing usability problems,
   testing prototypes, evaluating design alternatives, analyzing usability problems,
  proposing solutions, and testing aauser interface with users. (usability.gov;
   proposing solutions, and testing user interface with users. (usability.gov;
  “menettelytapapainotus”)
   “menettelytapapainotus”)
Usability (käytettävyys)


 ”The extent to which a product can be used by
 specified users to achieve specified goals with
 effectiveness, efficiency and satisfaction in a
 specified context of use”


 (ISO 9241: Ergonomic requirements for office work with
 visual display terminals (VDTs); Guidance on usability)

 ISO TC 159 / SC4




                                                           Marko Nieminen
Käytettävyys, käyttökonteksti (ISO 9241-11)

                            Aiotut
           Käyttäjä                       Tavoitteet
                        lopputulokset

                                 Käytettävyys
           Tehtävä

          Laitteet ja                   Tuloksellisuus
           välineet

          Ympäristö                      Tehokkuus
                           Vuoro-
                        vaikutuksen
                            tulos
            Käyttö-
                                        Tyytyväisyys
           konteksti

                                        Käytettävyyden
           Tuote
                                           mittarit


                                                         Marko Nieminen
Käytettävyyden mittaristoa
      Sosiaalinen                               Toiminnallinen hyöty
      hyväksyttävyys


 Järjestelmän                         Hyödyllisyys
 hyväksyttävyys
                                               Käytettävyys
                                                              Helppo oppia
                                  Hinta
      Käytännöllinen                                          Tehokas käyttää
                                  Yhteen-
      hyväksyttävyys
                                  sopivuus                    Helppo muistaa
                                Luotettavuus
                       jne...                            Vähän virheitä
                                                        Subjektiivisesti
                                                        miellyttävä

                                                                       Nielsen 1993

                                                                           Marko Nieminen
ACM SIGCHI / HCI Curricula
   (ACM 1992, 1996)




HCI – Human-Computer Interaction
ACM – Association for Computing Machinery
SIGCHI – Special Interest Group on Computer-
Human Interaction

http://www.acm.org
http://www.acm.org/sigchi/cdg/index.html




                                           Marko Nieminen
HCI – Human Computer Interaction




Käyttäjä
 kaiken
keskellä!




            http://www.acm.org/sigchi/cdg/figure_1.gif
            ACM SIGCHI Curricula for                     Marko Nieminen
            Human-Computer Interaction

More Related Content

Viewers also liked

Mikä on digitaalinen transformaatio?
Mikä on digitaalinen transformaatio?Mikä on digitaalinen transformaatio?
Mikä on digitaalinen transformaatio?Kati Lehmuskoski
 
Sosiaali- ja terveydenhuollon digitalisaatio
Sosiaali- ja terveydenhuollon digitalisaatioSosiaali- ja terveydenhuollon digitalisaatio
Sosiaali- ja terveydenhuollon digitalisaatioTHL
 
Palvelumuotoilu (service design) välineitä käyttäjälähtöisyyteen ja yhteiske...
Palvelumuotoilu (service design)  välineitä käyttäjälähtöisyyteen ja yhteiske...Palvelumuotoilu (service design)  välineitä käyttäjälähtöisyyteen ja yhteiske...
Palvelumuotoilu (service design) välineitä käyttäjälähtöisyyteen ja yhteiske...Satu Miettinen
 
Practice of gestalt therapy
Practice of gestalt therapyPractice of gestalt therapy
Practice of gestalt therapySobel Sarah
 
Ws4 gestalt therapy to webiste
Ws4 gestalt therapy to webisteWs4 gestalt therapy to webiste
Ws4 gestalt therapy to webistemedisex
 
Visual thinking for service design — CanUX November 2016
Visual thinking for service design — CanUX November 2016Visual thinking for service design — CanUX November 2016
Visual thinking for service design — CanUX November 2016Boon Yew Chew
 
服務設計思考工作坊 (Service Design Thinking Workshop)
服務設計思考工作坊 (Service Design Thinking Workshop)服務設計思考工作坊 (Service Design Thinking Workshop)
服務設計思考工作坊 (Service Design Thinking Workshop)Aidan Wu
 
Gestalt Therapy - an Introduction
Gestalt Therapy - an IntroductionGestalt Therapy - an Introduction
Gestalt Therapy - an IntroductionAbdul Rahim
 
Gestalt Therapy: An Introduction
Gestalt Therapy: An IntroductionGestalt Therapy: An Introduction
Gestalt Therapy: An IntroductionGlenn Berger
 
Informaation visualisointi
Informaation visualisointiInformaation visualisointi
Informaation visualisointiJohannes Koski
 
Gestalt LEARNING THEORY SULTAN THE MONKEY
Gestalt LEARNING THEORY SULTAN THE MONKEYGestalt LEARNING THEORY SULTAN THE MONKEY
Gestalt LEARNING THEORY SULTAN THE MONKEYMurat Turk
 
Visual Thinking / Service Design Drinks Berlin
Visual Thinking / Service Design Drinks BerlinVisual Thinking / Service Design Drinks Berlin
Visual Thinking / Service Design Drinks BerlinService Design Berlin
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt PsychologyPiper Uy
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Designchelsc
 
This is Service Design in 25 useful tools
This is Service Design in 25 useful toolsThis is Service Design in 25 useful tools
This is Service Design in 25 useful toolsTijs Wilbrink
 

Viewers also liked (19)

Mikä on digitaalinen transformaatio?
Mikä on digitaalinen transformaatio?Mikä on digitaalinen transformaatio?
Mikä on digitaalinen transformaatio?
 
Sosiaali- ja terveydenhuollon digitalisaatio
Sosiaali- ja terveydenhuollon digitalisaatioSosiaali- ja terveydenhuollon digitalisaatio
Sosiaali- ja terveydenhuollon digitalisaatio
 
Palvelumuotoilu (service design) välineitä käyttäjälähtöisyyteen ja yhteiske...
Palvelumuotoilu (service design)  välineitä käyttäjälähtöisyyteen ja yhteiske...Palvelumuotoilu (service design)  välineitä käyttäjälähtöisyyteen ja yhteiske...
Palvelumuotoilu (service design) välineitä käyttäjälähtöisyyteen ja yhteiske...
 
Practice of gestalt therapy
Practice of gestalt therapyPractice of gestalt therapy
Practice of gestalt therapy
 
Ws4 gestalt therapy to webiste
Ws4 gestalt therapy to webisteWs4 gestalt therapy to webiste
Ws4 gestalt therapy to webiste
 
Design Thinking & Theory of Generations
Design Thinking & Theory of GenerationsDesign Thinking & Theory of Generations
Design Thinking & Theory of Generations
 
Visual thinking for service design — CanUX November 2016
Visual thinking for service design — CanUX November 2016Visual thinking for service design — CanUX November 2016
Visual thinking for service design — CanUX November 2016
 
服務設計思考工作坊 (Service Design Thinking Workshop)
服務設計思考工作坊 (Service Design Thinking Workshop)服務設計思考工作坊 (Service Design Thinking Workshop)
服務設計思考工作坊 (Service Design Thinking Workshop)
 
Gestalt Therapy - an Introduction
Gestalt Therapy - an IntroductionGestalt Therapy - an Introduction
Gestalt Therapy - an Introduction
 
Gestalt Therapy: An Introduction
Gestalt Therapy: An IntroductionGestalt Therapy: An Introduction
Gestalt Therapy: An Introduction
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt Psychology
 
Informaation visualisointi
Informaation visualisointiInformaation visualisointi
Informaation visualisointi
 
Gestalt LEARNING THEORY SULTAN THE MONKEY
Gestalt LEARNING THEORY SULTAN THE MONKEYGestalt LEARNING THEORY SULTAN THE MONKEY
Gestalt LEARNING THEORY SULTAN THE MONKEY
 
Visual Thinking / Service Design Drinks Berlin
Visual Thinking / Service Design Drinks BerlinVisual Thinking / Service Design Drinks Berlin
Visual Thinking / Service Design Drinks Berlin
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt Psychology
 
Gestalt Psychology
Gestalt PsychologyGestalt Psychology
Gestalt Psychology
 
Gestalt Laws and Design
Gestalt Laws and DesignGestalt Laws and Design
Gestalt Laws and Design
 
This is Service Design in 25 useful tools
This is Service Design in 25 useful toolsThis is Service Design in 25 useful tools
This is Service Design in 25 useful tools
 
Gestalt Theory
Gestalt TheoryGestalt Theory
Gestalt Theory
 

Similar to T-121.2100 Luento 1 (2009)

T-121.2100 (2009) Kayttoliittyman rakentaminen
T-121.2100 (2009) Kayttoliittyman rakentaminenT-121.2100 (2009) Kayttoliittyman rakentaminen
T-121.2100 (2009) Kayttoliittyman rakentaminenmniemi
 
T-121.5300 Käyttoliittymasuunnittelu - Mallit
T-121.5300 Käyttoliittymasuunnittelu - MallitT-121.5300 Käyttoliittymasuunnittelu - Mallit
T-121.5300 Käyttoliittymasuunnittelu - Mallitmniemi
 
Dicole Kommentointi - Tuotekuvaus
Dicole Kommentointi - TuotekuvausDicole Kommentointi - Tuotekuvaus
Dicole Kommentointi - TuotekuvausDicole
 
IAM projektit, Tampereen teknillinen yliopisto 2010
IAM projektit, Tampereen teknillinen yliopisto 2010IAM projektit, Tampereen teknillinen yliopisto 2010
IAM projektit, Tampereen teknillinen yliopisto 2010Kim Westerlund
 
Tietoturvallinen tulostaminen säästää rahaa
Tietoturvallinen tulostaminen säästää rahaaTietoturvallinen tulostaminen säästää rahaa
Tietoturvallinen tulostaminen säästää rahaaTeemu Tiainen
 
Lisätyn todellisuuden tuotantovälineiden vertailu
Lisätyn todellisuuden tuotantovälineiden vertailuLisätyn todellisuuden tuotantovälineiden vertailu
Lisätyn todellisuuden tuotantovälineiden vertailuSuomen eOppimiskeskus ry
 
Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  
Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  
Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  reijoju
 
Unified Communications -esitys
Unified Communications -esitysUnified Communications -esitys
Unified Communications -esitysIntosome
 
Haaga-Helian erikoistumisopinnot sähköinen markkinointi: Kehittämistyö
Haaga-Helian erikoistumisopinnot sähköinen markkinointi: KehittämistyöHaaga-Helian erikoistumisopinnot sähköinen markkinointi: Kehittämistyö
Haaga-Helian erikoistumisopinnot sähköinen markkinointi: KehittämistyöAtte Järvelä
 
Intranet-hankkeistuksen kolme isoa asiaa
Intranet-hankkeistuksen kolme isoa asiaaIntranet-hankkeistuksen kolme isoa asiaa
Intranet-hankkeistuksen kolme isoa asiaaPerttu Tolvanen
 
Verkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopat
Verkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopatVerkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopat
Verkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopatPerttu Tolvanen
 
Aloitepalvelu prototyyppi 11.1.2012
Aloitepalvelu prototyyppi 11.1.2012Aloitepalvelu prototyyppi 11.1.2012
Aloitepalvelu prototyyppi 11.1.2012Teemu Ropponen
 
Digimarkkinoinnin seminaari-kovala-31-3-2017
Digimarkkinoinnin seminaari-kovala-31-3-2017Digimarkkinoinnin seminaari-kovala-31-3-2017
Digimarkkinoinnin seminaari-kovala-31-3-2017Timo Kovala
 
Informaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppia
Informaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppiaInformaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppia
Informaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppiahp12
 
T-121-5300 (2008) User Interface Design 9 - Process
T-121-5300 (2008) User Interface Design 9 - ProcessT-121-5300 (2008) User Interface Design 9 - Process
T-121-5300 (2008) User Interface Design 9 - Processmniemi
 

Similar to T-121.2100 Luento 1 (2009) (18)

T-121.2100 (2009) Kayttoliittyman rakentaminen
T-121.2100 (2009) Kayttoliittyman rakentaminenT-121.2100 (2009) Kayttoliittyman rakentaminen
T-121.2100 (2009) Kayttoliittyman rakentaminen
 
T-121.5300 Käyttoliittymasuunnittelu - Mallit
T-121.5300 Käyttoliittymasuunnittelu - MallitT-121.5300 Käyttoliittymasuunnittelu - Mallit
T-121.5300 Käyttoliittymasuunnittelu - Mallit
 
Dicole Kommentointi - Tuotekuvaus
Dicole Kommentointi - TuotekuvausDicole Kommentointi - Tuotekuvaus
Dicole Kommentointi - Tuotekuvaus
 
IAM projektit, Tampereen teknillinen yliopisto 2010
IAM projektit, Tampereen teknillinen yliopisto 2010IAM projektit, Tampereen teknillinen yliopisto 2010
IAM projektit, Tampereen teknillinen yliopisto 2010
 
Materi8 software applic
Materi8 software applicMateri8 software applic
Materi8 software applic
 
Tietoturvallinen tulostaminen säästää rahaa
Tietoturvallinen tulostaminen säästää rahaaTietoturvallinen tulostaminen säästää rahaa
Tietoturvallinen tulostaminen säästää rahaa
 
Lisätyn todellisuuden tuotantovälineiden vertailu
Lisätyn todellisuuden tuotantovälineiden vertailuLisätyn todellisuuden tuotantovälineiden vertailu
Lisätyn todellisuuden tuotantovälineiden vertailu
 
Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  
Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  
Asiantuntijan puheenvuoro: Verkkopalvelujen esteettömyys ja saavutettavuus  
 
Näkemisiin ja kuulemisiin
Näkemisiin ja kuulemisiinNäkemisiin ja kuulemisiin
Näkemisiin ja kuulemisiin
 
Unified Communications -esitys
Unified Communications -esitysUnified Communications -esitys
Unified Communications -esitys
 
Haaga-Helian erikoistumisopinnot sähköinen markkinointi: Kehittämistyö
Haaga-Helian erikoistumisopinnot sähköinen markkinointi: KehittämistyöHaaga-Helian erikoistumisopinnot sähköinen markkinointi: Kehittämistyö
Haaga-Helian erikoistumisopinnot sähköinen markkinointi: Kehittämistyö
 
Pamu Aalto-yliopisto
Pamu Aalto-yliopistoPamu Aalto-yliopisto
Pamu Aalto-yliopisto
 
Intranet-hankkeistuksen kolme isoa asiaa
Intranet-hankkeistuksen kolme isoa asiaaIntranet-hankkeistuksen kolme isoa asiaa
Intranet-hankkeistuksen kolme isoa asiaa
 
Verkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopat
Verkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopatVerkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopat
Verkkopalveluprojektin hankkeistaminen ja yleisimmät sudenkuopat
 
Aloitepalvelu prototyyppi 11.1.2012
Aloitepalvelu prototyyppi 11.1.2012Aloitepalvelu prototyyppi 11.1.2012
Aloitepalvelu prototyyppi 11.1.2012
 
Digimarkkinoinnin seminaari-kovala-31-3-2017
Digimarkkinoinnin seminaari-kovala-31-3-2017Digimarkkinoinnin seminaari-kovala-31-3-2017
Digimarkkinoinnin seminaari-kovala-31-3-2017
 
Informaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppia
Informaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppiaInformaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppia
Informaatiosuunnittelun jäävuorenhuippuja ja sudenkuoppia
 
T-121-5300 (2008) User Interface Design 9 - Process
T-121-5300 (2008) User Interface Design 9 - ProcessT-121-5300 (2008) User Interface Design 9 - Process
T-121-5300 (2008) User Interface Design 9 - Process
 

More from mniemi

The Role of Scientific Conferences for Doctoral Students
The Role of Scientific Conferences for Doctoral StudentsThe Role of Scientific Conferences for Doctoral Students
The Role of Scientific Conferences for Doctoral Studentsmniemi
 
Intellectual Property Rights for Doctoral Students
Intellectual Property Rights for Doctoral StudentsIntellectual Property Rights for Doctoral Students
Intellectual Property Rights for Doctoral Studentsmniemi
 
Prosessikirjoittaminen
ProsessikirjoittaminenProsessikirjoittaminen
Prosessikirjoittaminenmniemi
 
Strategic Usability
Strategic UsabilityStrategic Usability
Strategic Usabilitymniemi
 
T-0.7050 (2009) Research Plan
T-0.7050 (2009) Research PlanT-0.7050 (2009) Research Plan
T-0.7050 (2009) Research Planmniemi
 
T-0.7050 (2009) Scientific Knowledge And Research
T-0.7050 (2009) Scientific Knowledge And ResearchT-0.7050 (2009) Scientific Knowledge And Research
T-0.7050 (2009) Scientific Knowledge And Researchmniemi
 
T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...
T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...
T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...mniemi
 
T-121-5300 (2008) User Interface Design 10 - UIML
T-121-5300 (2008) User Interface Design 10 - UIMLT-121-5300 (2008) User Interface Design 10 - UIML
T-121-5300 (2008) User Interface Design 10 - UIMLmniemi
 
T 121 5300 (2008) User Interface Design 4 Guidelines
T 121 5300 (2008) User Interface Design 4   GuidelinesT 121 5300 (2008) User Interface Design 4   Guidelines
T 121 5300 (2008) User Interface Design 4 Guidelinesmniemi
 
T 121 5300 (2008) User Interface Design 3 Uide
T 121 5300 (2008) User Interface Design 3   UideT 121 5300 (2008) User Interface Design 3   Uide
T 121 5300 (2008) User Interface Design 3 Uidemniemi
 
T 121 5300 (2008) User Interface Design 2 Cli
T 121 5300 (2008) User Interface Design 2   CliT 121 5300 (2008) User Interface Design 2   Cli
T 121 5300 (2008) User Interface Design 2 Climniemi
 
T 121 5300 (2008) User Interface Design 1 Final
T 121 5300 (2008) User Interface Design 1   FinalT 121 5300 (2008) User Interface Design 1   Final
T 121 5300 (2008) User Interface Design 1 Finalmniemi
 

More from mniemi (12)

The Role of Scientific Conferences for Doctoral Students
The Role of Scientific Conferences for Doctoral StudentsThe Role of Scientific Conferences for Doctoral Students
The Role of Scientific Conferences for Doctoral Students
 
Intellectual Property Rights for Doctoral Students
Intellectual Property Rights for Doctoral StudentsIntellectual Property Rights for Doctoral Students
Intellectual Property Rights for Doctoral Students
 
Prosessikirjoittaminen
ProsessikirjoittaminenProsessikirjoittaminen
Prosessikirjoittaminen
 
Strategic Usability
Strategic UsabilityStrategic Usability
Strategic Usability
 
T-0.7050 (2009) Research Plan
T-0.7050 (2009) Research PlanT-0.7050 (2009) Research Plan
T-0.7050 (2009) Research Plan
 
T-0.7050 (2009) Scientific Knowledge And Research
T-0.7050 (2009) Scientific Knowledge And ResearchT-0.7050 (2009) Scientific Knowledge And Research
T-0.7050 (2009) Scientific Knowledge And Research
 
T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...
T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...
T-0.7050 (2008) Introduction to Post Graduate Studies in Computer Science And...
 
T-121-5300 (2008) User Interface Design 10 - UIML
T-121-5300 (2008) User Interface Design 10 - UIMLT-121-5300 (2008) User Interface Design 10 - UIML
T-121-5300 (2008) User Interface Design 10 - UIML
 
T 121 5300 (2008) User Interface Design 4 Guidelines
T 121 5300 (2008) User Interface Design 4   GuidelinesT 121 5300 (2008) User Interface Design 4   Guidelines
T 121 5300 (2008) User Interface Design 4 Guidelines
 
T 121 5300 (2008) User Interface Design 3 Uide
T 121 5300 (2008) User Interface Design 3   UideT 121 5300 (2008) User Interface Design 3   Uide
T 121 5300 (2008) User Interface Design 3 Uide
 
T 121 5300 (2008) User Interface Design 2 Cli
T 121 5300 (2008) User Interface Design 2   CliT 121 5300 (2008) User Interface Design 2   Cli
T 121 5300 (2008) User Interface Design 2 Cli
 
T 121 5300 (2008) User Interface Design 1 Final
T 121 5300 (2008) User Interface Design 1   FinalT 121 5300 (2008) User Interface Design 1   Final
T 121 5300 (2008) User Interface Design 1 Final
 

T-121.2100 Luento 1 (2009)

  • 1. T-121.2100 Johdatus käyttäjäkeskeiseen tuotekehitykseen 2 op Marko Nieminen
  • 2. Käyttäjäkeskeinen suunnittelu: Peruskurssin tavoite Tarjota perusymmärrys (.2100) ja käytännön tuntuma (.3110) siitä, mitä on käyttäjäkeskeinen suunnittelu Kurssilta ei valmistu täysinoppineita käyttöliittymä- suunnittelijoita vaan perusedellytykset käyttäjäkeskeisen suunnittelun opetteluun osaavia ihmisiä Jatkokurssit tarjoavat syventävää opetusta ... myös osallistuminen tutkimusprojekteihin tarjoaa syventävää tietämystä ”Kun kurssin suorittanut opiskelija menee keskustelemaan yrityksessä toimivan käyttöliittymäasiantuntijan kanssa, niin hän EI mokaa ensimmäisen kahden minuutin aikana” (mukaellen K. Aaltonen, 1980-luvun loppupuoli) Marko Nieminen
  • 3. T-121.2100/3110: Henkilökunta Vastuuopettajat T-121.2100 / T-121.3110 T-121.2100: Marko Nieminen, Lasse Lumiaho T-121.3110: Mika P. Nieminen Assistentit Mari Tyllinen, Tiia Suomalainen, Joanna Bergström-Lehtovirta Kurssien sähköpostiosoitteet t1212100 (@) soberit.hut.fi t1213110 (@) soberit.hut.fi Marko Nieminen
  • 4. Käyttöliittymä- ja käytettävyysasiantuntijaksi? Kvalifikaatiot teollisuuden palvelukseen haettaville käyttöliittymä- ja käytettävyyssuunnittelijoille ovat olleet mm. seuraavankaltaisia: 1) Tiedätkö, mitä on tehtäväanalyysi? 2) Oletko toteuttanut käyttöliittymiä? 3) Osaatko järjestää ja vetää käytettävyystestin? Käyttöliittymä- ja käytettävyyssuunnittelu on paitsi käytännön praktiikkaa, myös tutkimusta! Marko Nieminen
  • 5. Kurssin aiheet Mitä on käytettävyys? Mitä ovat käyttöliittymät? Käyttäjäkeskeinen suunnittelu Periaatteet, prosessit ja menetelmät Ihminen laitteen käyttäjänä Käyttöliittymäsuunnittelun perusteita Käytettävyyden arviointi Käytettävyyssuunnittelu erityisryhmille, esteetön suunnittelu Tulevaisuudennäkymiä Näyttösuunnittelusta käyttösuunnitteluun. Käyttöliittymäsuunnittelu ei ole vain ”näyttösuunnittelua” vaan kokonaisvaltaista käyttötilanteen suunnittelua sekä toteutuman evaluointia! Marko Nieminen
  • 6. Kurssin suorittaminen T-121.2100 Luennot (suositeltavat), verkkolukupiiri (vapaaehtoinen) Tentti (pakollinen) Kurssipalaute (pakollinen) T-121.3110 Harjoitustehtävien suorittaminen (pakollinen) Kurssipalaute (pakollinen) Marko Nieminen
  • 7. Luentokurssin aikataulu 6 luentoa viikoilla 4-6 (21.1.-6.2.2008) Luennot ma 12-14, ke 12-14 salissa T1 Tentti la 7.2.2008 klo 10-13 Verkkolukupiiri tukee tenttiin valmistautumista https://noppa.tkk.fi/noppa/kurssi/t- 121.2100/etusivu Marko Nieminen
  • 8. Kurssin kirjallinen materiaali Ei kirjaa, vaan verkosta löytyvä lukupaketti Kerrotaan nopassa jokaisen luennon kuvauksen yhteydessä Aineisto saatavissa TKK:n sisäverkosta käsin Marko Nieminen
  • 9. Kurssin rakenne Käyttäjäkeskeisen tuotekehityksen harjoitustyöt (T-121.3110) Harjoitustyökurssin ilmoittautumisen DL to 14.2. Harjoitustyökurssin aloitustilaisuus ma 16.2. klo 12-14 salissa T1 Teemat ja harjoitustehtävät kurssin Noppa-sivulla https://noppa.tkk.fi/noppa/kurssi/t- 121.3110/etusivu Marko Nieminen
  • 10. Miksi 19120 ihmistä äänesti kahta? Valokuvat: CNN 3,000 or so people might have made the mistake of voting for Pat Buchanan when they meant to vote for Al Gore. But why would a much larger number of people--19,120 out of 461,988 who voted--invalidate their ballots by voting for two candidates for president? Marko Nieminen
  • 11. Hahmolait, Gestalt-säännöt (Max Wertheimer 1923) Läheisyys (proximity) kaksi visuaalista ärsykettä, jotka Käyttöliittymä- ja sijaitsevat lähellä toisiaan, mielletään yhteenkuuluviksi käytettävyysongelmia Samanlaisuus (similarity) kaksi visuaalista ärsykettä, joilla on jokin yhteinen ominaisuus, mielletään yhteenkuuluviksi Jatkuvuus (continuity) jos viivat leikkaavat toisiaan, katsoja jakaa kokonaisuuden selkeästi jatkuviin osiin Sulkeutuvuus (closure) jos visuaaliset ärsykkeet (lähes) sulkevat sisäänsä jonkin alueen, katsoja näkee ko. alueen Alue (area) laajempi (ympäröivä) alueista mielletään taustaksi, pienempi taustasta erilliseksi kohteeksi Symmetrisyys (symmetry) mitä symmetrisempi kuvio osista muodostuu, sitä helpommin katsoja havaitsee kohteeksi symmetrisen kuvion Marko Nieminen eikä sitä muodostavia osia
  • 12. Vaihtoehtoinen ratkaisu Lisäesimerkkejä ja keskustelua: http://stc.org/pics/usability/topics/ http://www.modestsystems.com/florida_ballot.htm Marko Nieminen
  • 15. Protestiääniä? Yleensä vaaleissa hylätään mikkihiirikuvien takia tai muusta syystä puolisen prosenttia äänistä. Nyt hukkaääniä kertyi kaikista sähköisesti annetuista äänistä huomattavasti enemmän, melkein kaksi prosenttia. Marko Nieminen
  • 16. Äänestystoimenpiteet Sähköisessä äänestyksessä kortinlukijaan laitetaan äänestyskortti. Tämän jälkeen äänestäjä valitsee ehdokkaansa ja hyväksyy äänensä OK-nappia painamalla. Lopulta äänestyskortti viedään vaalivirkailijalle. Ministeriön tiedotteen mukaan nämä 232 ihmistä ovat jättäneet quot;ohjeiden mukaisen hyväksymisen tekemättäquot;, ja äänet eivät ole kirjautuneet järjestelmään. Äänestäjät ovat siis unohtaneet painaa OK-nappia. http://www.iltalehti.fi/vaalit/200810288502154_vl.shtml Marko Nieminen
  • 17. Ongelmana käyttäjä? ” Osoittautui, että järjestelmä ei ole ollut se ongelma, vaan sittenkin ihminenquot;, Brax sanoi viitaten siihen, että 232 äänestäjää ei ollut hoksannut painaa ok-nappulaa äänestämisen jälkeen selkeistä ohjeista huolimatta. ” http://www.hs.fi/politiikka/artikkeli/Brax+Vaalitulost a+ei+voi+perua+hukka%C3%A4%C3%A4nien+taki a/1135240616263 Marko Nieminen
  • 18. Ongelmana käyttäjä? ”Nyt äänten katoaminen tapahtui kuitenkin teknisesti eri tavalla – vaikka äänestäjä luuli äänestäneensä, vaalirekisteriin ei tullut merkintää äänioikeuden käyttämisestä.” Jyrki J.J. Kasvi: http://www.kasvi.org/index.php?6179 Marko Nieminen
  • 19. Missä klikkasi? Mitä tehdä?
  • 20. Guidelines for Designing User Interface Software Smith & Mosier 1986 1.0/4 + Fast Response Ensure that the computer will acknowledge data entry actions rapidly, so that users are not slowed or paced by delays in computer response; for normal operation, delays in displayed feedback should not exceed 0.2 seconds. A key press should be followed by seemingly immediate display of its associated symbol, or by some other appropriate display change. 3.0/18 Appropriate Computer Response Time Ensure that the speed of computer response to user control entries is appropriate to the transaction involved; in general, the response should be faster for those transactions perceived by a user to be simple. Computer response to a likely control entry, such as NEXT PAGE, should be within 0.5-1.0 second; response to other simple entries should be within 2.0 seconds; error messages should be displayed within 2-4 seconds. Interface designers may need to consult with the intended system users to decide upon appropriate computer response times for different transactions. 4.2/2 Fast Response Ensure that computer response to user entries will be rapid, with consistent timing as appropriate for different types of transactions. http://hcibib.org/sam/ Marko Nieminen
  • 21. Eight Golden Rules of Interface Design Strive for consistency Offer simple error 1. 5. handling Enable frequent users 2. to use shortcuts Permit easy reversal 6. of actions Offer informative 3. feedback Support internal locus 7. of control Design dialog 4. Reduce short-term 8. to yield memory load closure Shneiderman, B.: Designing the User Interface Marko Nieminen
  • 22. Käytettävyydeltään hyvien vuorovaikutteisten tuotteiden ja järjestelmien suunnittelu Kehittäjiltä edellytetään käyttäjäkeskeisten tuotekehitysmenetelmien osaamista kykyä analysoida ja ymmärtää loppukäyttäjien ominaisuuksia ja tarpeita Tähän tarvitaan ihmisen tiedonkäsittelyn ja hajautetun tietämyksen perusteiden teoreettista tuntemusta On kyettävä analysoimaan ja mallintamaan työprosesseja ja muuta toimintaympäristöä, kuten työryhmien, organisaatioiden ja verkostojen toimintaa, joita varten tietojärjestelmiä suunnitellaan ja joissa niitä otetaan käyttöön. Metodisena perustana on erilaisten tiedonkeruumenetelmien hallinta sekä laboratoriomaisessa tutkimusympäristössä että kentällä yritysympäristössä. Marko Nieminen
  • 23. Käytettävyyssuunnittelu (Usability Engineering) Prosessi menetelmineen, jossa määritetään, Prosessi menetelmineen, jossa määritetään, mitataan ja kehitetään tuotteiden käytettävyyttä. mitataan ja kehitetään tuotteiden käytettävyyttä. UE is aaprocess for defining, measuring and thereby improving the usability of products UE is process for defining, measuring and thereby improving the usability of products (Wixon & Wilson 1997; “mittaamispainotus”) (Wixon & Wilson 1997; “mittaamispainotus”) Software usability engineering is aastructured approach to building software systems that Software usability engineering is structured approach to building software systems that meet the needs of users (Good, 1988; “tavoiteorientoituneisuus”) meet the needs of users (Good, 1988; “tavoiteorientoituneisuus”) UE is practical and systematic way to deliver aaproduct that works for users. UE involves UE is practical and systematic way to deliver product that works for users. UE involves methods applied at appropriate times, including gathering requirements, developing and methods applied at appropriate times, including gathering requirements, developing and testing prototypes, evaluating design alternatives, analyzing usability problems, testing prototypes, evaluating design alternatives, analyzing usability problems, proposing solutions, and testing aauser interface with users. (usability.gov; proposing solutions, and testing user interface with users. (usability.gov; “menettelytapapainotus”) “menettelytapapainotus”)
  • 24. Usability (käytettävyys) ”The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use” (ISO 9241: Ergonomic requirements for office work with visual display terminals (VDTs); Guidance on usability) ISO TC 159 / SC4 Marko Nieminen
  • 25. Käytettävyys, käyttökonteksti (ISO 9241-11) Aiotut Käyttäjä Tavoitteet lopputulokset Käytettävyys Tehtävä Laitteet ja Tuloksellisuus välineet Ympäristö Tehokkuus Vuoro- vaikutuksen tulos Käyttö- Tyytyväisyys konteksti Käytettävyyden Tuote mittarit Marko Nieminen
  • 26. Käytettävyyden mittaristoa Sosiaalinen Toiminnallinen hyöty hyväksyttävyys Järjestelmän Hyödyllisyys hyväksyttävyys Käytettävyys Helppo oppia Hinta Käytännöllinen Tehokas käyttää Yhteen- hyväksyttävyys sopivuus Helppo muistaa Luotettavuus jne... Vähän virheitä Subjektiivisesti miellyttävä Nielsen 1993 Marko Nieminen
  • 27. ACM SIGCHI / HCI Curricula (ACM 1992, 1996) HCI – Human-Computer Interaction ACM – Association for Computing Machinery SIGCHI – Special Interest Group on Computer- Human Interaction http://www.acm.org http://www.acm.org/sigchi/cdg/index.html Marko Nieminen
  • 28. HCI – Human Computer Interaction Käyttäjä kaiken keskellä! http://www.acm.org/sigchi/cdg/figure_1.gif ACM SIGCHI Curricula for Marko Nieminen Human-Computer Interaction