Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

80/20 s.14 23.02. 2012

Luettu 80/20 säännöstä. 20% voi vaihdella 10-30% välillä.

Tarkoittaa periaatteessa sitä että suurin osa elämässä tapahtuvista jutuista/designistä menee tolla säännöllä.

Eli:
80 % tuotteen käytöstä tehdään 20% ominaisuuksista
80% liikenteestä tapahtuu 20% teistä
80% edistymisestä tapahtuu 20% panoksesta(smile)

Kiinnitä huomiota eniten käytettyihin ominaisuuksiin!!!! Lisää tuotteen helppokäyttöisyyttä!!!

En nyt ehkä ihan kaikkeen lähtis tätä soveltaa, mut alin rivi pitää muistaa.

MAYA s.162 23.03.2012

Most advanced yet accebtable

Elikkä kun tehdään massoille ei saa olla liian erikoista... Pitää olla tutun oloista, mutta sili hitunen erikoisuutta.

Ihan ok artikkeli, poimittu satunnaisesti kirjasta. Ei kyllä sytytelly mitenkään erikoisesti!

*Aesthetic usability effect s.20 25.03.2012*

Estetikka lisää “helppokäyttöisyyttä” → Ensivaikutelma tärkeä, sama kuin ihmisissä (muutamat sekunnit voi ratkaista)

...

Hyvää settii. Ilmeni että nokia otti näitä ensimmäisenä huomioon, mm soittoäänissä ja kuorien vaihtamisella(smile)

Affordanssi s22.

muoto ilmottaa mitä milläkin tedään...Pyöreät pyörät affordoi liikettä paremmin kuin neliskanttiset.

Tuttua asia jo doetista. Mutta toisto tekee hyvää. Hyvin kirjoitettuja artikkeleita so far. Kiva että on esimerkkejä mukana!

Kohdistaminen s 24.

Ööh. Pitäis kohdistaa järkevästi. Vasemmalle kohdistettu teksti esim helpompaa lukea kuin keskitetty.

Harvinainen muoto s. 26

Tietyt uodot muodot yhdistetään ihmismielessä tiettyihin asioihin-> Kerää enemmän huomiota

Coca-colan lasipullo tuo mieleen naisen muodot--> seksuaalisuus
pyöreys tuo mieleen vauvat
terävyys maskuliinisuutta?

Good continuation - sivu 98

  • Elementit jotka seuraavat toisiaan suorassa linjassa tai tasaisessa kaaressa vaikuttavat yhteenkuuluvammilta kuin sellaiset elementit, jotka eivät vastaavanlaisessa linjassa ole.
  • Esimerkkinä / todisteena vaikutuksesta kaksi päällekkäin olevaa V:tä (toinen väärinpäin), jotka muodostavat X:n. Tällöin yleensä oletetaan että kuvio muodostuu kahdesta suorasta viivasta eikä kahdesta kulman omaavasta viivasta.

Threat detection s.237

Synnynnäinen ominaisuus, joka vaikuttaa mahdollisten uhkien havaitsemiseen -> Huomio kiinnittyy nopeammin mahdollisesti vaarallisiin kohteisiin. Esim. käärmeet
hämähäkit, vihaiset kasvot yms. Efekti toimii myös tyylitellyssä kuvassa ja pelkkä oikea muoto saattaa riittää.

Esimerkkinä tuima juliste, jota käytettiin sotilaiden värväämiseen maailmansotien aikana:
Image Added

s. 48 COLOR - väri

  • suunnittelussa värejä käytetään herättämään huomiota, elementtien ryhmittelyyn, tarkoituksen viittaamiseen ja esteettisyyden parantamiseen
  1. Käytä vain rajallista määrää värejä, noin viittä eriä, silmät hahmottaa rajallisen määrän paremmin
  2. Yhdistele värejä väriympyrästä.  Lämpimät värit etualalle, kylmät värit taustalle. Vaalean harmaa on hyvä väri jos haluaa ryhmitellä elementtejä asettamatta niitä kuitenkaan eriarvoisiksi
  3. Käytä kyllästettyjä, puhtaita sävyjä kun tavoitteena on huomion herättäminen (kiinnostava, dynaaminen).
    Kyllästämättömiä kun haluat näyttävää ja vaikuttavaa (ystävällinen, ammattimainen, vakaus).
  4. Tietyt värit viittaavat tiettyihin tunteisiin ja tunnelmaan. Ei ole globaaleja symboleja eri väreille, mutta huomioi että eri kulttuureissa värit tarkoittavat eri asioita. Huomioi etenkin kun mietit kohderyhmää.
    Esimerkkejä:
  • punainen – rakkaus, intohimo, voima, aggressio

→ ohjausvärinä vaara (paloautot, hätäkatkaisijat)

→ Euroopassa synnin väri (punaiset lyhdyt)

→ Kiina, Japani, Intia – Ilon väri, Kiinassa hyvän onnen symboli (häämekot punaisia)

→ politiikassa sosialismi, kommunismi, vasemmistolaisuus

  • sininen – viileä, etäinen, rauhoittava, luottamus

→ meri, taivas

→ aatelisuus

politiikassa porvarillisuus, oikeistolaisuus

→ poliisi, merimiehet, laivasto

Proximity - sivu 160 (Juhan kirjassa)

  • Proximity eli läheisyys. Mitä lähempänä kaksi elementtiä ovat toisiaan, sitä yhteenkuuluvampina niitä pidetään
  • Yksi tehokkaimpia yhtenäisyyden tunteen rakentajia suunnittelussa
  • Päällekkäin olevien tai toisiaan halaavien elementtien koetaan jakavan samoja ominaisuuksia, kun taas lähekkäin mutta erillään olevat elementit kuvastavat itsenäisiä mutta yhteenkuuluvia asioita

Alignment (kohdistaminen) s. 24 (Maria)

  • Suunnittelussa elementit tulisi kohdistaa yhden tai useamman elementin kanssa --> luo yhtenäisyyttä
  • Kohdistaminen johdattaa katselijan designin läpi
  • Oikealta vasemmalle, ylhäältä alas
  • Tekstien kohdistamisessa vasemmalle tai oikealle kohdistetut tekstit luovat suurempia vihjeitä (?) kuin mitä keskitetty (keskitettyä elementtiä vaikea yhdistää muiden elementtien kanssa)
  • (Kolmannesta kappaleesta en oikein tajunnu)
  • Esimerkkinä käytettiin jenkkien presidentinvaalien nettiformia jossa boksit oli kohdistettu eri kohtiin kun asian olis voinu listata ja kohdistaa paljon helpommin ja paljon selkeämmäksi

s.50 common fate.

Elementit jotka liikkuu samaan suuntaan havainnoidaan yhtenäisempänä kuin samat elementit jotka ovat paikallaan.

Esimerkissä tutkakuva....Eipä tästä nyt oikein kauheesti irronnut mitään.

s.56 Concictency

Systeemien käytettävyys paranee jos samallalailla toimivat elementit esitetään samallalailla.

Mainonnassa myös toimivaa!!! Esimerkissä ravintolaketju joka näyttää aina samalta.
Image Added

s.58 Constancy

Taipumus havaita objektit muuttumattomina, vaikka muutoksia tapahtuisi koossa, kirkkaudessa, muodossa ja volyymissä. Öööh. Lisätkää jos jotain lisättävää.