Visuaalinen käyttöliittymäanalyysi Johdanto Tehtävänä on analysoida Saariston ekologia-kurssilla käytettävän tietokoneohjelman käyttöliittymän visuaalisia ominaisuuksia. Vastaa ensiksi VisaWi -lomakkeeseen rasti ruutuun menetelmällä, jotta saisit käyttöliittymän yleisen ilmeen haltuun. Tämä jälkeen vastaa avokysymyksiin kokonaisilla lauseilla perustellen näkemyksesi. Analysoitavassa käyttöliittymässä kaikki tekstit ovat korvattu x-kirjaimilla, jotta huomio kiinnittyisi käyttöliittymän visuaaliseen suunnitteluun. Analyysin palautus Kirjoita vastuksesi suoraan tähän tiedostoon ja tallenna tiedosto muotoon: etunimi_sukunimi_ohjelmax. Palauta tiedosto mielellään sähköpostin liitteenä, hyvissä ajoin ennen kurssia (Word, Open office, pdf, tms.) osoitteeseen: niko.p.nappu@student.jyu.fi. Vaihtoehtoisesti voit tulostaa dokumentin ja palauttaa sen Saariston ekologia-kurssin alkupalaverissa. Ystävällisin terveisin yksi Saariston ekologia-kurssin opettajista Niko Nappu ------------------------------------------------------------------------------------------------------------------------ Oma nimesi: Pääaineesi: Sivuaineesi:
Kuva 2: Ohjelman pääikkuna Kuva 1: Ohjelman "alkuikkuna"
Kuva 3: Ohjelman ikkuna
Visa Wi (Moshagen & Thielsch, 2010) 1. YKSINKERTAISUUS Arvioi käyttöliittymän ja yleisilmeen ulkoasua seuraavien väittämien avulla. Merkitse X sopivimman mielipiteen kohdalle. Sommittelu vaikuttaa liian tiiviiltä Sommittelu on helppo ymmärtää Kaikki sopii yhteen tällä sivustolla Sommittelu vaikuttaa hajanaiselta Sommittelu on hyvin jäsennelty 2. MONINAISUUS Sommittelu on miellyttävän monipuolista Ulkoasu on kekseliäs Ulkoasu ei vaikuta inspiroivalta Sommittelu näyttää dynaamiselta Ulkoasu vaikuttaa tylsältä 3. VÄRIKYLLÄISYYS Värisommittelu näyttää miellyttävältä Värit eivät sovi yhteen Värivalinta on epäonnistunut Värit ovat houkuttelevia 4. SUUNNITTELUN LAADUKKUUS Ulkoasu näyttää ammattimaisesti suunnitellulta Ulkoasu ei vaikuta ajan tasalla olevalta Ulkoasu on suunniteltu huolellisesti Käyttöliittymän suunnittelusta puuttuu idea eri eri eri eri eri eri eri eri Ei Ei Ei Ei
YLEISVAIKUTELMA Minkälaisen yleisvaikutelman käyttöliittymä luo? Mitkä 4 adjektiivia kuvastavat käyttöliittymän visuaalista ilmettä? Onko vaikutelma tarkoituksenmukainen? Mitä tämän käyttöliittymän avulla tehdään? Tuovatko visuaaliset elementit esille käyttöliittymän toiminnallisuutta? Onko käyttöliittymä suunniteltu toimivaksi kokonaisuudeksi? Kestääkö käyttöliittymän visuaalinen ilme aikaa? SOMMITTELU Miten käyttäjän katsetta on ohjattu käyttöliittymässä? Millä elementeillä, asettelulla? Ovatko huomiota herättävimmät elementit sommiteltu tarkoituksenmukaisesti? Miten käyttöliittymässä on käytetty tyhjää tilaa? Onko käyttöliittymän elementit ryhmitelty toimivasti, entä elementtien koko ja mittasuhteet toisiinsa? Onko käyttöliittymä tasapainossa? Jos on, miten tämä on saavutettu tai jos ei ole, mitä pitäisi muuttaa tasapainon saavuttamiseksi? VÄRISUUNNITTELU Onko käyttöliittymän värimaailma harmoninen? Värit tunnelmanluojina? Mihin väreihin käyttöliittymän yleisilme perustuu? Mitä värikontrasteja voit löytää käyttöliittymästä? Ovatko kontrastit toimivia? Onko värejä käytetty johdonmukaisesti? Onko värejä käytetty ryhmittelemään eri kokonaisuuksia? Värien toiminnallisuus? Ilmentävätkö värit esimerkiksi elementtien tilaa? Väriassosiaatiot? Viittaavatko värit käyttöliittymän ulkopuolisiin väririnnastuksiin?
KÄYTTÄJÄLÄHTÖISYYS Minkälaiselle käyttäjälle tämä käyttöliittymä voisi olla suunniteltu? Onko käyttöliittymän visuaalinen ilme sopiva ja kiinnostava kohderyhmää ajatellen? Tukeeko käyttöliittymän visuaalinen ulkoasu toivottua kokemuksellisuutta? Onko käyttöliittymän visuaalisen ilmeen suunnittelussa pohdittu n genreen kuuluvien käyttöliittymien visuaalista ilmettä? Millä elementeillä käyttäjät saadaan nopeasti kiinnostumaan käyttöliittymästä? Antaako käyttöliittymän visuaalinen suunnittelu käyttäjille tunteen kontrollista? Ovatko käyttöliittymän elementit suunniteltu intuitiivisesti, että niiden visuaalinen ulkoasu antaa vaikutelman oikeista toiminnoista?