Käyttäjäkeskeinen suunnittelu

Ryhmässä tehtävä harjoitustyö: käyttöliittymän suunnittelu ja arviointi

Ryhmä valitsee sovelluksen, johon suunnitellaan käyttöliittymä. Interaktiivinen nettisivusto tai mobiilisovellus, jossa ohjeet vaihtelevat tilanteen mukaan. Aiheena voi olla:

• sovellus, joka auttaa liikkumaan ja löytämään tiloja Leppävaaran kampuksella. Sen avulla löytää esim. pääovelta Big Dry auditorioon, ruokalaan, WC tiloihin, jne. Sovelluksen tulisi avustaa myös pyörätuolilla liikkuvia.
• sovellus joka avustaa pysäköinnissä tai palvelujen etsimisessä koulun ynpäristössä.

Suunnittele ensin

• sovelluksen tarkoitus ja toiminta,
• kuvaa käyttötapaukset,
• laadi toimenpiteiden etenemispolut,
• suunnittele näytöt

Käyttöliittymää suunnitellaan ensin paperilla, johon piirretään näytönkuvat ja tehtävien kulkukaaviot. Suosittelen tutustumista Google Design Material , jossa on kattavasti esitelty sivuston suunnittelun vaiheita ja työkaluja.

Wireframing tutorial ja paljon esimerkkejä.

Voit myös käyttää valmiita käyttöliittymämallien pohjia (tuubissa) tai Microsoft Expression sketchflow-sovellusta. Sovelluksen toimintaa ei välttämättä tarvitse (mutta tietysti saa) toteuttaa, mutta jonkinlainen testaamiseen sopiva prototyyppi pitää tuottaa. Käyttöliittymässä voi olla ominaisuuksia, joita ryhmä ei osaa vielä ohjelmoida, tärkeintä on suunnitella mahdollisimman käyttäjäystävällinen sovellus.

Työkaluja:

• Pencil GUI tool
• Sketchflow in Expression Blend
• Vapaasti jaettu mock-up työkalu: Balsamiq.
• Toinen vapaasti jaettu mock-up työkalu: Gomockingbird.
• Kolmas mock-up työkalu: Axure.
• HTML5 pohjainen mock-up työkalu Moqups .
• UIEngineering sivuilla on lomakkeiden suunnitteluapua: http://www.uie.com/articles/web_forms/.
• Wireframing ohjeita HTML5:n avulla.
• Design guidelines for Android applications
• UI patterns for web design, a collection: - contains model designs but also discussion on pros and cons of different alternatives
• lista työvälineistä eri tarkoituksiin

Luentokalvot

Käytettävyystutkimuksesta.

Käyttökokemuksesta .

Testaus

Kun suunnitelma on tehty, sitä testataan "ummikkokäyttäjillä" eli muilla opiskelijoilla, jotka yrittävät suorittaa tehtävät ilman opastusta ja samalla kertovat, miten he ymmärtävät sovelluksen. Suunnitteluryhmä laatii testausraportin ja sen perusteella arvioi ja korjaa suunnitelmaansa.

Netistä löytyviä apuvälineitä testauksen ja arvioinnin suunnitteluun:

• Käyttöliittymätestaus muistilista.
• Usability and User Experience Community of the Society for Technical Communication http://www.stcsig.org/usability/ valitse the Usability toolkit
  
• or from the EU sponsored usability site by choosing the Methods table and from there Evaluate prototype or Diagnostic evaluation.


• Usability first site
• User Interface Engineering company site

Lopputuote esitellään luokassa muille ryhmille ja toimitetaan opettajalle (ja tuubiin) nähtäväksi. Ryhmä laatii selostuksen toiminnastaan loppuraportin, jossa järjestelmä ja siinä käytetyt ratkaisut on kuvattu. Testauksesta laaditaan erillinen raportti.

Päivittänyt: Jaana Holvikivi 18.3.2016