Graafisen käyttöliittymän suunnittelutyökalu Jyväskylän yliopisto

Samankaltaiset tiedostot
Sen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat

HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04

painos 3. FI. Nokia ja Nokia Connecting People ovat Nokia Oyj:n rekisteröityjä tavaramerkkejä.

Lomakkeiden suunnittelu. Aiheina

Lomakkeiden suunnittelu. Aiheina

Ohjelman Suositukset. Luku 5 Suositukset

painos 1. FI. Nokia ja Nokia Connecting People ovat Nokia Oyj:n rekisteröityjä tavaramerkkejä.

Tilastokeskuksen rajapintapalveluiden käyttöönotto ArcGISohjelmistossa

TEHTÄVÄ 1.1 RATKAISUOHJEET

Lomakkeiden suunnittelu. Aiheina

Pikanäppäin Yhdistelmiä. Luku 6 Pikanäppäimet

Interaktiivinen käyttöliittymä. 2008

Tietosuoja-portaali. päivittäjän ohje

WCONDES OHJEET ITÄRASTEILLE (tehty Condes versiolle 8)

Tekstinkäsittelyn jatko Error! Use the Home tab to apply Otsikko 1 to the text that you want to appear here. KSAO Liiketalous 1

Openoffice Impress-pikakurssi

Luku 7 Uusien Mallien Tiedostot

Visma Fivaldi -käsikirja Asiakaskohtaiset hinnat

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat

Käyttöliittymän muokkaus

6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)

Muistitikun liittäminen tietokoneeseen

Visma Fivaldi -käsikirja MiniCRM

Posterin teko InDesignilla

3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.

JAKELUPISTE KÄYTTÖOHJE 2/6

Valintanauhan komennot Valintanauhan kussakin välilehdessä on ryhmiä ja kussakin ryhmässä on toisiinsa liittyviä komentoja.

1. HARJOITUS harjoitus3_korjaus.doc

SPORTTISAITTI KÄYTTÖOHJE

Opetussuunnitteluprosessi WebOodissa - OpasOodi

RATKAISUT SIVU 1 / 15. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa.

Condes. Quick Start opas. Suunnistuksen ratamestariohjelmisto. Versio 7. Quick Start - opas Condes 7. olfellows 1.

Gimp+Karttapaikan 1: => 1: Pika ohje versio

GEOS 1. Ilmastodiagrammi Libre Office Calc ohjelmalla

Verkkosivut perinteisesti. Tanja Välisalo

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

VATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys:

OpenOffice.org Impress 3.1.0

INTERBASE 5.0 PÄIVITYS VERSIOON 5.6

Ensin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat

TRUST AMI MOUSE WIRELESS 300

WCONDES OHJEET ITÄRASTEILLE (tehty Condes versiolle 8)

Avaa ohjelma ja tarvittaessa Tiedosto -> Uusi kilpailutiedosto

Sisältö. Päivitetty viimeksi Sivu 2 / 14

Tikon kassamaksujen käsittely

1 (14) Ohje. Ohje. GTK-wiki. Geologian tutkimuskeskus, Verkkosivustopalvelut

SATAKUNNAN AMMATTIKORKEAKOULU. Hakala Toni Varpelaide Heidi TEKSTINKÄSITTELYN OHJEET CASE: OPINNÄYTETYÖN RAPORTOINTI WORDILLA

2. Aloitus -välilehti, leikepöytä- ja fontti -ryhmät

PlanMan Project projektihallintaohjelmisto koulutusohjeistus

Tärkeimmät toiminnot. Kertausta ja uusia toimintoja Wordistä sekä tiedostonhallinnasta. Tärkeimmät toiminnot jatkuu...

2020 Fusion. What s New in Version 6? What s New in Version 6? 1 of Fusion

Oppilaan pikaopas. Project 2013 käyttöliittymä ja näkymät

Asiakirjojen ja valokuvien skannaaminen Canon Canoscan -skannerilla

Digi-tv vastaanottimella toteutettavat interaktiiviset sovellukset Käyttöohje

Hiirisanomiin vastaaminen. 2007

Väitöskirja -mallipohja

MASSER Loader V2.00. käyttö- ja asennusohje

VH5, JOTU, MagicDraw:n käyttö

NÄIN TEET VIDEO-MAILIN (v-mail)

KÄYTETTÄVYYS OHJELMISSA KÄYTTÖLIITTYMÄ

EXCEL Perusteet FIN WISTEC TRAINING OY ITÄMERENKATU 1, HELSINKI PUH (MA-PE KLO 9-17)

Opinnäytetyön mallipohjan ohje

KUVANKÄSITTELY POWERPOINT-OHJELMALLA, KUVAN TUOMINEN WORD-DOKUMENTTIIN JA KUVATEKSTIN LISÄÄMINEN

Kuvan pienentäminen Paint.NET-kuvankäsittelyohjelmalla

Väitöskirja -mallipohja

Tilastokeskuksen rajapintapalveluiden käyttöönotto QGISohjelmistossa

HRTM58. Windows 10 Resurssienhallinta

Päivitys Navigo Portalin versioon 5.1

HP Photo Printing -pikaviiteopas

Ohje tekstinkäsittelyharjoitus 10. Pöytäkirja, jossa käytetään ylätunnistetta. Tehtävän aloitus

Netsor Webmailin käyttöohje

Tekstinkäsittelyn jatko. KSAO Liiketalous 1

Sivueditorin käyttöohje

Asiakastukiryhmä Kesä- ja talviaika

Pikaohje formaatin valmistamiseen

OFFICE 365 OPISKELIJOILLE

Ajokorttimoduuli Moduuli 2. - Laitteenkäyttö ja tiedonhallinta. Harjoitus 1

DIOJEN & NEGATIIVIEN DIGITOINTI Canon Canoscan -skannerilla

Pedacode Pikaopas. Java-kehitysympäristön pystyttäminen

Tässä osiossa tutustutaan / palautetaan mieleen tekstinkäsittelyn perusteita ja opitaan (?) muutamia hyödyllisiä (?) vinkkejä.

Kieliversiointityökalu Java-ohjelmistoon. Ohje

Henkilö- ja koulutusrekisterin asennusohje

Evaluointidokumentti

Windows User Experience Interaction Guidelines. lähde: n/details.aspx?displaylang=en&id=2695

Tilastokeskuksen rajapintapalveluiden käyttöönotto QGIS-ohjelmistossa

GeoGebra-harjoituksia malu-opettajille

FrontPage Näkymät

Collector for ArcGIS. Ohje /

TIE = JOTU. VH5 - MagicDraw

MPCC-työkalua voidaan käyttää yhden laitteen valvontaan ja yhden tai useamman laitteen konfigurointiin (Modbus broadcast, osoite 0).

TALLENNETAAN MUISTITIKULLE JA MUISTIKORTILLE

Gimp perusteet. Riitta, Jouko ja Heikki

Mainoksen taittaminen Wordilla

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

LibreOffice Writer perusteita

NAP: Merenkulun reitti- ja aikataulueditorin käyttöohje

PERUSTEET. Sisällysluettelo

SiteAdmin.

WORD TYYLILLÄ. Tietohallintokeskus Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen

MultiSave - käyttö ja käyttöönotto

Transkriptio:

A. PROJEKTIN LÄHTÖTIEDOT A.1 Työryhmän jäsenet A.2 Projektin ennakoitu valmistumisaikataulu A.3 Projektin työnimi A.4 Projektin toteutunut valmistumisaikataulu A.5 Projektin kuvaus (lyhyt versio)

B. KÄYTTÄJÄTIEDOT B.1 Käyttäjämallit B.1.1 Käyttäjä B.1.2 Käyttäjä B.1.3 Käyttäjä B.2. Tehtäväanalyysi

B.3. SKENAARIOT B.3.1 Skenaario B.3.2 Skenaario B.3.3 Skenaario

C. KÄYTTÖLIITTYMÄN AIESUUNNITELMA C.1. Käyttöliittymän perusidea C.2. Tekninen toteutus C.2.1 Toteutusympäristö C.2.2 Liittymät

D. KÄYTETTÄVYYS- KRITEERIT D.1. Kriteeri D.2 Kriteeri D.3 Kriteeri D.4 TARKKUUSTASO D.4.2 Merkitsevyys D.4.2 Luottamusväli

E. SOVELLUKSEN TYYPPI Pysyvä, itsenäinen sovellus Koko näyttötila on käytetty hyödyksi Sovelluksen käyttö on optimoitu käytettäväksi koko ruudun tilavuudelta Visuaalinen tyyli on minimalistinen Ohjelman hallintaan on useita menetelmiä (esim. hiiri, pikanäppäimet) Käyttöä ei ole optimoitu aloittelijalle tai eksperteille Mahdollisen dokumentin (tai canvas) koko on maksimoitu Ohikiitävä sovellus tai tukisovellus Käyttöliittymä on itsestään selvä Visuaalinen ilme voi olla huomiota herättävä Käyttöohjeet näkyvät käyttöliittymässä Käyttöliittymä on yksinkertainen Yhden ikkunan periaate Ohjelma muistaa viimeisen konfiguraation

F. YLEISET HEURISTIIKAT F.1 Instant gratification F.2 Soft start F.3 Task-orientation F.4 Safe exploration F.5 Undo F.6 Interface idioms F.7 Mental models and lexicon F.8 Minimize cognitive friction F.9 Single window principle F.10 Mental idioms F.11 Feedback F.12 Mouse control F.13 Dialogs Anna käyttäjän saavuttaa jokin tärkeä tavoite heti Helpota aloittamista ja skenaarioita, aloita suunnittelu niistä Tehtäväorientoitunut käyttöliittymä Salli kokeilu Käyttöliittymässä on UNDO toiminto Käyttöliittymä perustuu käyttöliittymäidiomille Käyttöliittymä perustuu olemassaoleville mentaalisille malleille ja leksikolle Ohjelma ei pakota käyttäjää tekemään sellaista, minkä ohjelma voi tehdä Keskeiset toiminnot ovat yhdessä ikkunassa Käytä standarditoimintoja (esim Cntr+V) Ohjelman vuorovaikutus on kaksisuuntaista Ohjelma noudattaa hiiren standardisemantiikkaa Ohjelmassa ei ole useita dialogeja F.13 dialogien lukumäärä F.14 standards Dialogeissa on standarditoiminnot F.15 Direct manipulation Ohjelma käyttöö suoramanipulaatiota

G. INTERAKTIO G.1 Mentaaliset mallit ja sanasto Käyttöliittymä perustuu käyttäjän mentaalisille malleille ja sanastolle G.2 Minimaalisuus Mitä vähemmän, sitä enemmän G.3 Suoramanipulaatio Käyttöliittymä perustuu suoramanipulaatiolle G.4 Työkalujen helppous Työkalut ovat helposti saatavilla G.5 Palaute ja keskeytykset G.6 Todennäköisyydet G.7 Reaaliaikaisuus Käyttäjälle annettu palaute ei keskeytä työskentelyä Käyttöliittymä huomio todennäköiset tapahtumat Käyttäjä saa reaaliaikaista tietoa ohjelman tilasta G.8 Raportit G.9 Dialogit G.10 Tyhjät lomakkeet G.11 Konfiguraatio G.12 Vaihtoehdot G.13 Heittoistuimet G.14 Odottaminen Vältä turhia raportteja Käytä dialogeja vain todella vakavien ongelmien ilmoittamiseen Vältä tyhjiä kenttiä, lomakkeita tai turhia asetuksia Älä sekoita toimintoja ja konfigurointia Tarjoa valmiita vaihtoehtoja, älä esitä kysymyksiä Piilota heittoistuimet Varaudu mahdollisiin pitkiin odotuksiin (peruuttaminen, ajan ilmaiseminen)

H. KÄYTTÄJÄMUISTI H.1 Tiedostot Ohjelma ei pakota käyttäjää muistamaan tiedostojen sijaintia H.2 Preferenssit Ikkunat avautuvat oikean kokoisina ja oikeaan paikkaan H.3 Toistot Asetukset tarvitaan vain kerran H.4 Käyttäjämuisti Ohjelma/WWW muistaa käyttäjän henkilöllisyyden H.5 Käyttäjämuisti Jos käyttäjä syöttää jotain, se on tarpeeksi arvokasta muistettavaksi H.6 Käyttäjämuisti Lomakkeiden kentät on esitäytetty aikaisemman käytön perusteella I. AVUSTEET I.1 ToolTips I.2 Context menu Jokaiseen komponenttiin on yhdistetty ToolTips Jokaiseen relevanttiin komponenttiin on yhdistetty ponnahdusvalikko J. KÄYTTÖLIITTYMÄ- IDIOMI Ohjelma perustuu olemassaolevalle käyttöliittymäidiomille K. IKKUNAT K.1 Koordinaatio K.2 Minimaalisuus K.3 Minimaalisuus K.4 Dialogit Käsilläolevan ikkunan sisällön muuttaminen ei vaadi uuden ikkunan avaamista Ikkunoiden määrä on minimoitu Paneelien määrä on minimoitu Ohjelmassa ei ole varmennedialogeja (lukuunottamatta heittoistuimet)

L. VISUAALINEN SUUNNITTELU L.1 Värit Sovelluksella on yksi pääväri Sovelluksella on yksi kontrastiväri Värit eivät ole liian saturoituja L.2 Fontit L.2.1 Fontti L.2.2 Koko Fontti on sans serif Fontti on suurempi kuin 10pt L.3 Visuaalinen hierarkia Spatiaalinen ryhmittely Väriryhmittely Kehykset Nimetyt kehykset Horisontaalinen ja vertikaalinen asettelu Loogiset polut

M. SUORA- MANIPULAATIO M.1 Perusominaisuudet Ohjektit on representoitu visuaalisesti Objekteja voidaan manipuloida visuaalisesti Palaute on välitöntä GUI-komponentit Omat objektit Hiiren kursori valitut elementit erottuvat Kaikissa syötteissä on välitön vaste Mahdollisuus peruuttaa kaikki toiminnot, jotka voivat kestää pitkään Prosessien kesto on ennakoitu luotettavasti Busy cursor M.2 Lisäominaisuudet Vuorovaikutus on toteutettu ilman moodeja Navigaatio, valinta ja menuvalikko toimivat hiirellä ja näppäimistöllä Seuraavat ominaisuudet ovat käytössä: CTRL+X (leikkaa) CTRL+Z (undo) CTRL+C (kopioi) CTRL+F (etsi) CTRL+V (liitä) CTRL+W (sulje) CTRL+S (tallenna) CTRL+A (valitse kaikki) M.3 Hiiri Ohjelmaa voi käyttää kokonaan ilman hiirtä

N. HIIRI N.1 vasen painike GUI komponentin, datan tai objektin alustava valinta Drag n drop N.2 vasen painike, irrottaminen N.3 oikea painike Komponentin aktivoiminen datan tai objektin valitseminen kontekstisensitiivinen valikko N.4 rullauspainike N.5 metanäppäimet CTRL (diskreetti valinta) SHIFT (jatkuva valinta) N.6 kaksoispainallus N.7 interaktio Komponentit, data ja objektit reagoivat osoittamiseen Hiiren kursori muuttuu kontekstisensitiivisesti Ohjelmassa ei ole kokonaan piilotettuja toimintoja

M. GUI KOMPONENTIT M.1 nappulat Nappulat ovat 3-ulotteisia Nappulat aktivoituvat mouse released tapahtuman seurauksena Nappulat reagoivat painettaessa Sovelluksessa on työkalurivi Työkalurivin nappuloissa on ToolTips Nappuloihin ei liity asetuksia tai on/off valintoja M.2 valintatyökalut radiobuttons: valinnat ovat toisensa poissulkevia radiobuttons: ei yksinäisiä Valinnoissa on oletusarvot checkbox: sekä on että off valintojen semantiikka on selvä Ei vertikaalista skrollausta Syötekentät on strukturoitu aina kun mahdollista Tyhjissä kentissä on oletusarvot tai viimeksi syötetyt arvot Käyttöliittymässä ei ole hierarkkisia rakenteita tai komponentteja

O. MENUVALIKOT O.1 opettelu Menuvalikko toimii ensisijaisesti ohjelman opettelun apuna Menuvalikko ei ole pääasiallinen vuorovaikutuskanava Vain menuvalikko sisältää harvemmin käyteyt toiminnot Menuvalikon tekstit ovat informatiivisia, eivät tarpeettoman lyhyitä O.2 standardit FILE/TIEDOSTO vasemmalla FILE sisältää NEW, OPEN, CLOSE SAVE, SAVE AS PRINT EXIT HELP oikealla HELP-toiminnon pikanäppäin on F1 FILE, EDIT, VIEW O.3 käytettävyys Toisen tason menuvalikoissa on vain vähän käytettyjä toimintoja Menuvalikot eivät ole dynaamisia Suljetut toiminnot on lukittu (esim. väritys) 1. tason valikoissa on pikanäppäimet Samaa toimitoa ei esiinny kahdessa eri paikassa

P. DIALOGIT P.1 muistutus! P.2 käytettävyys Käyttäjät eivät lue dialogeja Käyttäjät opettelevat ensisijaisesti poistumaan dialogeista Pääskenaariot voidaan toteuttaa ilman dialogeja Heittoistuimissa on dialogi Dialogit eivät katkaise vuorovaikutusta ohjelman pääasiallisessa käytössä Dialogeissa on otsikko Dialogeissa on OK ja CANCEL toiminnot, samoissa paikoissa Jokaisesta dialogista pääsee pois tekemättä mitään Dialogit syötteet huomioidaan jos ja vain jos käyttäjä painaa OK Dialogit ovat modaalisia Sovelluksessa käytetään ei-modaalisia dialogeja; miksi Prosessit näytetään alapalkissa, ei dialogeissa Dialogeja ei käytetä raportointiin Välilehdet ovat yhdessä kerroksessa Välilehden vaihtaminen ei tallenna tietoja Sovelluksessa ei ole hierarkkisia dialogisysteemejä

Q. VIRHEET Q.1 muistutus Käyttäjät syyttävät virheistä itseään Q.2 modaalisuus Kaikki virheilmoitukset ovat ei-modaalisia Virheellisen datan syöttö on estetty Matalan tason koodi ei tuota käyttäjälle virheilmoituksia Virheilmoituksissa annetaan ratkaisuvaihtoehto Käyttäjien virheilmoitukset on erotettu kehittäjien virheilmoituksista Virheilmoitukset eivät syytä käyttäjää vaan ohjelmaan Virheilmoitusten kieli on kohteliasta