!
"#! " #$ "% &'(
$%&&%'%&%#&&'( ) * ( + (,+ (, + -
$. + $ /) * %&%& "" %& -
)' $%&&%' %&%#&& 0 0 $%&%'% %%& * $%&&% 0 1) +,%&%'%% 0 $ -$%&%#&&.# 0 0 2 ' # 0 & #1 3
$ 4 3
$'/001 233,4# 5& "67 84#79:7 43 &2#.;&7"7 5 8..< &
$ '%#%/1 4 *5 4 * 4 *3 4 6* 4 7* 4 8*
".# #7& 92&:. -
=%%%( 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?
Hahmolait, Gestalt-säännöt (Max Wertheimer 1923) $%&&%' %&%#&&3 Läheisyys (proximity) kaksi visuaalista ärsykettä, jotka sijaitsevat lähellä toisiaan, mielletään yhteenkuuluviksi 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 eikä sitä muodostavia osia
Lisäesimerkkejä ja keskustelua: http://stc.org/pics/usability/topics/ http://www.modestsystems.com/florida_ballot.htm
$%&%#
% (
$%&%#&&.%%&###.''%', 1. ;
$%&%#&&/> & 331 < =) =) )11 )11 ;1;) ;1;) = = %>?@>&&2AB"( %>?@>&&2AB"( = = =; =; 1)C 1)C )%/ )%/ &''AB"( &''AB"( == == =C =C =C)D# =C)D# = = 111E 111E 1 1 11 11 1F1;; 1F1;; 1 1 1)=C%;1A 1)=C%;1A B"( B"(
895,?9,9,94 /89==7==-1 3G$H 3G$= G.H =)G1.= 5$/G3$H 5=$/G 3$= *IICCC=1 *IICCC=1I1=I= 1I?
9,@ 96,4 Käyttäjä kaiken keskellä! http://www.acm.org/sigchi/cdg/figure_1.gif ACM SIGCHI Curricula for Human-Computer Interaction
54.AB!9, 564C D$)=J1 J < )3G $= 3K= G1#11 3=)$)5 3G$< = ;==== 1 =I ) =
9,9& /899,94==7==-1 D3C G.5=$/ G3$= 5$/G3$ LG5= 5=/3G$ $K$<==G %G(3G $= 3K=5= G5== / #=) G1#1= 3G$= $!)..=5 L $)=1 $!)3G $= $=1CG 9!4 G.G3$3K=G15 G)=%G3$( G.D$)=5)C=1 G)=%D$5( LG53G$5/3G$= G)=%3G$( #G)=G1#1= $K$<$M#NG3K=G1 G)=%$M#NG( $G)=3G $=%3G$$( J11$=5%J$5(
$%&&%
$%&&% "" 1 1 " )"
$%&&% tulosteet (output) informaatiovirta Järjestelmän toiminnallisuus Käyttäjä syötteet (input) Tietokone/sovellus -osajärjestelmä liittymä/rajapinta (interface) Inhimillinen käyttäjä -osajärjestelmä
# %# 1 Tavoitteet 2 Aikomus toimia 7 Tulkintojen arvioiminen 3 Toimenpideketju 6 Havaintojen tulkitseminen 4 Toimenpideketjun täytäntöönpano 5 Ulkomaailman tilan havainnoiminen Norman 1986 VÄLINE / ULKOMAAILMA
$%&%#&&.'% Sosiaalinen hyväksyttävyys Toiminnallinen hyöty Järjestelmän hyväksyttävyys Käytännöllinen hyväksyttävyys Hinta Hyödyllisyys Yhteensopivuus Luotettavuus jne... Käytettävyys Helppo oppia Tehokas käyttää Helppo muistaa Vähän virheitä Subjektiivisesti miellyttävä Nielsen 1993
$%&%#&&/,5D=*1 Käyttäjä Aiotut lopputulokset Tavoitteet Tehtävä Laitteet ja välineet Käytettävyys Tuloksellisuus Ympäristö Tuote Käyttökonteksti Vuorovaikutuksen tulos Tehokkuus Tyytyväisyys Käytettävyyden mittarit
&.&&&'%&%#&& Ihmisen ja työtehtävän yhteensovittaminen Top-Down Analyyttinen arviointi Järjestelmä tarkoitus Ihminen tavoitteet, tarpeet Luettavuus ennen toiminnallisuutta toiminnallisuus tiedon käsittely Toiminnallinen oikeellisuus ennen ergonomisuutta prosessi muoto psykologiset mekanismit fysiologia ja antropometria Bottom-up Empiirinen arviointi Rasmussen & Goodstein 1988
$%&%#&& &6 Vaatimusmäärittely Suunnittelu ja Toteutus Käyttäjien tunnistaminen ja Tyylioppaat ryhmittely Tarkistuslistat Käyttäjäluonnehdinnat Heuristiset säännöt Tehtäväanalyysit Kognitiivinen läpikäynti Ympäristö- ja tilanneanalyysit Pienimuotoiset käytettävyystestit Käytettävyystavoitteiden luontikäytettävyystavoitteiden tarkastelu Testaus Käytettävyystestit Tulosten vertailu käytettävyystavoitteisiin Tuotanto Jakelu Luento 2 V1 V2 V3 V4 V5 Käyttäjätutkimus Luento 6, 7 (Sakari Tamminen) Heuristinen arviointi ja käytettävyystestaus Luento 3 (Mika Nieminen) Vaatimusmäärittelyt (Sari Kujala) Luento 8 Ihminen laitteen käyttäjänä (Petri Mannonen) Luento 5 Käyttäjäkeskeisen suunnittelun prosessi ja tekniikat (Marko Nieminen) Luento 4 Käyttöliittymän Katselmoinnit rakentaminen (Marko Nieminen) Seuranta Asiakaspalaute tuotekehittäjille asti! Käyttäjätietouden keruu Tuotehallinta
$%&&% &&&&% 1 Luento 9 Ergonomiatarkastelut suunnittelutyön tukena (Jouni Lehtelä) Luento 10 Erityisryhmien käytettävyysvaatimukset (Reijo Juntunen, Antti Raike)
%6# %( Luento 11 H Historia, nykyhetki ) ja tulevaisuus D % (Marko Nieminen) ( 5=< %$5 &8<J.$(N=3 %>MC &8'C 1(A =)1=; = *5) N=4;&87 *M45%#1;&8'( %CCC(*.#.#O%L&67( *$=/=J= =LC &2&&' " " *5 &8' 1)*5=>%51N&8.$A<J<( G5G>*M45%#1;&8'( Brad A. Myers. "A Brief History of Human Computer Interaction Technology." ACM interactions. Vol. 5, no. 2, March, 1998. pp. 44-54.