Käyttöliittymien perusteet
|
|
- Jarkko Mäki
- 8 vuotta sitten
- Katselukertoja:
Transkriptio
1 Tarjolla tänään WIMP-käyttöliittymät: Valikot Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto WIMP Windows, Icons, Menus, Pointing Device Valikkotyyppejä ja luokitteluja Listarakenne ja hierarkkiset listat ja puut Valikoiden suunnittelu Valikoiden organisointi: päävalikko ja alivalikot Vaihtoehtojen nimeäminen, ryhmittely ja järjestys Valikoiden suunnittelun erityiskysymyksiä Mukautuvat valikot Piirakkavalikot Zooming UI Merkkausvalikot Fittsin laki 1 2 Mikä on valikko? Yksinkertaisimmillaan luettelo tarjolla olevista vaihtoehdoista MIKÄ ON VALIKKO? Valikko (menu) = keskustelevassa tietojenkäsittelyssä luettelo, josta käyttäjä valitsee seuraavan toiminnon. -ATK-sanakirja 3 4 Esimerkiksi Ulkomuotoeroja: vanhoja valikoita 8 articles in uta.cs.itv - read now? [y n q] WIMP-valikko yleensä pystysuora luettelo; eri ympäristöjen valikot eroavat ulkonäöltään ja ominaisuuksiltaan 8 articles in uta.cs.itv - read now? OpenLook Windows Motif lue seuraava edellinen peruuta lisää NeXT 6 Macintosh Kuvat: Aaron Marcus 7 Saila.Ovaska@uta.fi 1
2 Valikon osat: Macintosh [Apple Human Interface Guidelines] WIMP-valikoita Ikkunan osina: Ikkunan valikkopalkki (ikkunan tai näytön yläreunassa) Valikkopalkista aukeavat valikot sisältävät yleensä ohjelman toiminnallisuuden Tilapalkkiin (ikkunan alareunassa) tai muuhun näkyvään kohteeseen liitetyt valikot Työkalupalkit (kuvakkeita sisältävät paletit) ennen kiinteinä osina ikkunassa, nyttemmin vapaasti liikuteltavia Kontekstin mukaan muuttuvat kontekstivalikot ponnahtaa esiin hiiren kakkospainikkeella Ikkunoiden ja ohjelmien välillä liikkumiseen tarkoitetut valikot (esim. Mac OS X Dock) Erilaiset listarakenteet käsitellään tässä kalvosetissä mutta tyylioppaissa ne useimmiten esitetään kontrollien yhteydessä 8 9 Esimerkki: Macintosh-valikkoja Esimerkkejä valikoista: Apple Macintosh OS X Ohjelman valikkopalkki Työkalupalkki (toolbar) [Apple Human Interface Guidelines] 10 [Apple Human Interface Guidelines] 11 Windows 7 -valikkoja Valikkopalkin standardivalikot Perusohje: käytä standardivalikoita (File, Edit,...) Johdonmukaisuus! Työkalupalkissa: Huomaa kuitenkin: Windows 7 -ohjeissa Käytä standardivalikoita mutta vain tarvittaessa Valikkorakenne Kun ohjelmassa ei käsitellä tiedostoja, File jne. ovat tarpeettomia Valikkopalkkiakaan ei tarvita Jos komentokategorioita on kolme tai vähemmän Muita vaihtoehtoja valikkopalkin tilalle: esim. komentopainike, josta aukeaa valikko Ongelmana miten olla johdonmukainen Menu buttons, split buttons, Saila.Ovaska@uta.fi 2
3 Hypertekstimäisiä linkkejä Tilapalkkiin liittyviä valikoita Valinnat voidaan esittää myös linkkeinä Linkkien kokoelma ei näytä valikolta (vaikka itse asiassa tarjoaakin valikon) Linkki ei näytä komentopainikkeelta Linkkiä ei alleviivata Linkissä voi olla enemmän sanoja kuin komentopainikkeeseen mahtuisi Konteksti auttaa käyttäjää ymmärtämään ne komennoiksi Windows [UX Guide]: Links vs. Command Buttons Tilapalkki (status bar) Pääikkunan alareunassa Ajankohtaista tietoa ikkunan sisällöstä ja käyttäjän toimista ikkunassa, osin kuvakkeiden avulla Kuvassa tilanneilmaisin ja tilapalkkiin sijoitettu valikko, jonka käyttäjä on avannut nuolesta Valikoiden luokittelutapoja (1/4) VALIKOIDEN LUOKITTELUJA Valikon organisointitavan perusteella Yksinkertainen valikko, jossa kaikki vaihtoehdot kerralla näkyvissä Vieritettävät valikot Hierarkkiset valikot (hierarchical menus, cascading menus) Valikkojonot, esim. teksti-tv: urheilun pääsivu : urheilulaji1 : alasivu1 alasivun urheilulaji2 : Esimerkki: hierarkkinen valikko Teksti-TV:n valikkojonot Windows XP Saila.Ovaska@uta.fi 3
4 Valikoiden luokittelutapoja (2/4) Valikoiden luokittelutapoja (3/4) Luokittelu valikon näkyvän esitystavan perusteella Erillinen valikko Sisäänrakennettu valikko (embedded menu): hypertekstisivulla tekstiin upotetut linkit ovat itse asiassa valikko 20 Luokittelu valikon käsittelytavan perusteella (hiirtä käytettäessä) Vetovalikko (pull-down menu) vrt. Macintosh ennen Pudotusvalikko (drop-down menu) vrt. Windows Pysyvä valikko, ns. paletti Repäisyvalikko (tear-off menu) Ponnahdusvalikko (pop-up menu) Huomaa: kaikki ylläolevat valikot avautuvat hiiren vasemmalla painikkeella Varo: termistö on häilyvää! hiiren oikeasta napista avautuva valikko voi olla englanniksi pop-up menu veto valikko = hiiren nappi pidetään pohjassa, pudotus valikko = klikataan otsikkoa, valikko aukeaa Windows: kohteeseen liittyvä ponnahdusvalikko 21 Kontekstivalikot Termistö on häilyvää: Windows XP ja oppaassa shortcut menu ja pop-up menu, Windows 7 oppaassa context menu Macintoshissa contextual menu otetaan käyttöön termi kontekstivalikko kuvaamaan tällaista valikkoa, joka saadaan esiin hiiren kakkosnapista ilman mitään näkyvää valikon merkkiä käyttöliittymässä Esiin ponnahtava kontekstivalikko ei vie tilaa on näkymättömissä vasta-alkajalle + nopea, sillä hiiriosoitin pysyy lähellä kohdetta (ainakin jos ponnahdusvalikko ei ole hierarkkinen!) Sisältö vaihtuu valitun kohteen ja ohjelman tilan mukaan + vähemmän vaihtoehtoja näkyvissä moodillisuus 22 Valikoiden luokittelutapoja (4/4) Luokittelu valikon sisällön dynaamisuuden mukaan Staattinen, aina sama sisältö Dynaaminen Automaattisesti mukautuva valikko (kontekstista riippuva) joko kontekstivalikko eli hiiren kakkospainikkeella tai yksittäiseen kohteeseen liittyvät toiminnot Käyttäjän muunneltavissa oleva valikko Windows : valikon sisältö riippuu kontekstista mutta valikon olemassaolo on haluttu tehdä näkyväksi 23 Vrt. Apple: pop-up menu Windows: Spin control Apple-ympäristössä termi Pop-up menu tarkoittaa valintalistaa, jossa nykyinen valinta on näkyvissä pysyvästi ja muut vaihtoehdot silloin kun lista on avoinna Windows-ympäristössä tämä on ns. spinkontrolli, suomeksi askellusruutu Apple-ympäristössä käytetään termiä contextual menu Kuinka se saadaan käyttöön jos hiiressä on vain yksi nappi? [Apple HIG] Contextual menu Action menu 24 LISTA- JA PUURAKENTEET 25 Saila.Ovaska@uta.fi 4
5 Yksi vai kaksi ulottuvuutta? Valikon ei tarvitse olla lineaarinen lista Valintalistat Listarakenne on valikon erikoistapaus Osana lomakkeita ja dialogeja Osana työkalupalkkeja, esim. fontin valinta Eroja: Pikahaku (type-ahead) joskus Tekstin syöttömahdollisuus joskus Monta valintaa joskus iphone Home screen -valikko Valintalistat-esimerkki Puunäkymäkontrolli: Windows Tree View Control Lineaarisen rakenteen organisointitapoja Kiinteä Laajeneva ja supistuva Moniosainen (multipane menu) Esimerkki: sisällysluettelon toteutustavat Richard Chimera, Three interfaces for browsing table of contents. University of Maryland, Human-Computer Interaction Laboratory, Open House' [WindowsUserExperience] 29 Macintosh: List View Sarakeotsikkokontrolli: Windows Listanäkymässä mukana puurakenne Header Control, Column Heading Control Lajiteltavissa sarakkeiden mukaan Sarakkeen leveys säädeltävissä raahaamalla Tavoite: ei vaakavieritystä
6 Lista ja sarakkeet Windows 7:ssa Listan eri näkymät tile view Macintosh: List view vs. column view Macintosh: Path control Listanäkymä Sarakenäkymä (column view) Tiedostohierarkia Syvän hakemistohierarkian muut tasot 34 Apple Human Interface Guidelines 35 Windows-hierarkia madallettuna Windows 7 hakutoiminnallisuus Start-valikko Windows XP vs. Windows 7 Kummassakin valittuna All programs Saila.Ovaska@uta.fi 6
7 Valikoiden suunnittelu VALIKOIDEN SUUNNITTELU Päävalikkotaso ja valikkohierarkia Valikon alkioiden nimeäminen Valinnan ilmentäminen Fitts law Keskeistä valikon suunnittelussa Valikkorakenne Valintojen nimeäminen Vaihtoehtojen ilmaiseminen (mikä valittuna) Vaihtoehtojen ryhmittely valikon sisällä Iterointi ja testaus käyttäjillä tärkeää Kuinka helppoa käyttäjien on löytää komennot valikosta? Päävalikon suunnittelu Valikkorakenteen suunnittelu Yleensä järjestelmä määrää valikkopalkin sijoittelun Ikkunan yläreunassa sovelluskohtainen valikkopalkki (Windows) Yksi valikkopalkki näytön yläreunassa (Macintosh OS X) Valikkopalkin on mahduttava näyttöön Myös muille kielille käännettynä (englanti vs. suomi vs. saksa) Standardivalikot oikeille paikoilleen Valikkorakenteen syvyys ja leveys Kuinka paljon komentoja päävalikkotasolle? Kuinka monta tasoa? Valikoille yksisanaiset nimet Sopivien luokkien valinta ja komentojen sijoittelu luokkiin on vaikea tehtävä 41 Valikkorakenteen suunnittelu Valikkorakenteen suunnittelu Sijoitettava valikkoon 64 komentoa Miten? Montako valintaa käyttäjä tarvitsee? Havainnollistetaan valikkorakenteita puina Komento on puun latvasolmussa Binääripuu (valinnat K/E) x y 2 6 = 64 tarvitaan 6 valintaa 4x4x4-puu (joka tasolla 4 alkiota) z x y 4x4x4 = 64 tarvitaan 3 valintaa v 42 Tasojen määrän minimointi tehostaa käyttöä ja vähentää virheitä Alivalikoiden huonoja puolia Käyttäjän on vaikea päästä selville ohjelman mahdollisuuksista Jos toteutetaan hierarkkisina valikoina, joita käytetään hiirellä, hierarkiassa navigointi vaatii hyvää hiiren hallintaa Alivalikoiden hyviä puolia Tärkeimmistä komennoista kullakin valikkotasolla on helpompi saada yleiskuva Alivalikossa on vähemmän komentoja, joten niille on helpompi määritellä yksikäsitteiset näppäimistökomennot (valintanäppäimet, access key) 43 Saila.Ovaska@uta.fi 7
8 Valikkorakenteen suunnittelu Vaihtoehtojen nimeäminen Ohjeita: Enintään kaksi hierarkiatasoa (siis yksi alivalikko) Jos valikkopalkissa on tilaa, tee alivalikosta oma valikkonsa Esim. Windows 7 -ohjeissa päävalikossa enintään 10 Jos käyttäjä haluaa samalla muuttaa useita asetuksia alivalikosta, alivalikko voi olla myös oma dialogiikkunansa Käyttäjä voi silloin tehdä monta valintaa kerralla Ei hierarkkisia ponnahdusvalikoita! Lyhyet, mutta kuvaavat nimet Käytä käyttäjien kieltä Vaihtoehdon nimen tulee olla loogisesti liitettävissä kohteeseen Noudata yhtenäisyyttä Älä käytä eri sanaluokkien sanoja sekaisin Komennot ilmaistaan verbeillä Attribuuttien muutokset ilmaistaan adjektiiveilla Ei näin: Poista / Lisäys / Vaihda Jos komento vaatii lisäparametreja (avaa viestiruudun), sen nimen on päätyttävä kolmeen pisteeseen Esimerkiksi: Print... Window Create new Open... Close Tile Style Plain Bold Italic Underline Shadow Vaihtoehtojen nimeäminen Vaihtoehtojen ilmaiseminen Komennon nimi voi vaihtua tilanteen mukaan Jos esimerkiksi valitaan komento Hide Grid, sen paikalle voi ilmestyä komento Show Grid Jos käänteinen vaihtoehto ei ole ilmeinen tai vaihtoehtoja on monta, on kaikki esitettävä ja valinta ilmaistava valintamerkillä Verbin eteen ei koskaan tule valintamerkkiä Grid on Grid off Full duplex Half duplex Show grid Vaihtoehtojen ilmaiseminen Vaihtoehtojen ilmaiseminen Windows 95 [Apple Human Interface Guidelines] Windows 2000 Windows XP Saila.Ovaska@uta.fi 8
9 Vaihtoehtojen ilmaiseminen? Vaihtoehtojen ryhmittely Komennot ja attribuutit eri ryhmiin Yhteenkuuluvat komennot ja attribuutit omiin ryhmiinsä Jos valikossa on attribuutteja, joista vain yksi voi olla valittuna, on attribuuteista muodostettava oma ryhmänsä Ei käänteiskomentoja vierekkäin Windows 95 Notepad help Save Exit (don t save) Esimerkki ryhmittelystä Apple-ohjeet ryhmittelyyn Objects Rotate Left Rotate Right Flip Horizontal Flip Vertical Locked Unlocked Window New Window Zoom In Zoom Out Show Rulers Hide Tools Show Brushes 52 [Apple Human Interface Guidelines] 53 Kuvakkeita valikossa? Vaihtoehtojen järjestys valikossa Vaihtoehtoisia tapoja Numeeriset vaihtoehdot: nouseva tai laskeva järjestys Aakkosjärjestys Normaalisti eniten käytetyt vaihtoehdot ensin Tärkeimmät vaihtoehdot (=?) ensin Käyttäjän eniten käyttämät vaihtoehdot ensin Todennäköisin vaihtoehto ensin Kokemuksiin ja kokeisiin perustuvia suosituksia Jos vaihtoehdoilla luonnollinen järjestys, sitä tulee noudattaa Muuten: tavallisimmat vaihtoehdot ensin Vaihtoehtojen järjestyksen automaattista muuttamista tulee useimmiten välttää Saila.Ovaska@uta.fi 9
10 Vaihtoehtojen järjestys: Applen ohjeet työkalupalkkiin Valikkorakenteiden suunnittelussa (vanha ohje) Fitts law eli Fittsin laki (1954) mitä kauempana oleva kohde ja mitä pienempi kohde sitä vaikeampi tehtävä ja sitä kauemmin menee kohteen osoittamiseen (sormella, hiirellä) Pätee tilanteisiin, joissa osoittamisliike tehdään nopeasti ja tavoitteena on osua tiettyyn kohteeseen Pätee muutenkin kuin valikkosuunnittelun yhteydessä! miksi käyttöliittymäsuunnittelussa? auttaa ennustamaan tehtävän kestoa ja virheiden määrää tietyssä käyttöliittymässä (ja siten edesauttaa esim. käyttöliittymien välistä vertailua) Havainnollistavia sivuja: [Apple Human Interface Guidelines, 2011] Fitts law eli Fittsin laki Fittsin laki osoittamistehtävässä käden siirtämiseen kuluva aika Alkuperäinen muoto (Fitts, 1954): osoitusaika = C1 + C2 * vaikeus vaikeus = log 2 (2 * etäisyys / kohteen leveys) C1 ja C2 ovat laitteesta riippuvia vakioita Pienillä etäisyyksillä (esim. hiirtä käytettäessä) toimivampi kaava (Welford, 1968): vaikeus = log 2 (etäisyys / kohteen leveys + 0.5) Fitts, The Information Capacity of the Human Motor System in Controlling Amplitude of Movement. Journal of Experimental Psychology 47, Miksi hyödyllinen käyttöliittymäsuunnittelussa? Auttaa ennustamaan tehtävän kestoa ja virheiden määrää tietyssä käyttöliittymässä ja tietyllä osoitinlaitteella Keskeinen opetus: kohteiden on oltava riittävän suuria, jotta työskentely olisi tehokasta kohteiden sijaittava siellä missä niitä tarvitaan Fittsin laki valikkosuunnittelussa Ribbon eli valintanauha Jensen Harris (2006): Fitts law & Microsoftin tuotekehitys Start-valikon reunapikseli Vista: ikkunan yläpalkin pikapainikkeet Office 2007:n menupalkki, ns. Ribbon Suuremmat painikkeet Ponnahdusvalikon suunnittelu minibar, mini-toolbar 60 [UXGuide s. 261] A ribbon is a command bar that organizes a program's features into a series of tabs at the top of a window. Using a ribbon increases discoverability of features and functions, enables quicker learning of the program as a whole, and makes users feel more in control of their experience with the program. A ribbon can replace both the traditional menu bar and toolbars. 61 Saila.Ovaska@uta.fi 10
11 Valikon mukautuminen VALIKOIDEN MUKAUTUMINEN Perussääntö: valikkokomento ei saa kadota näkyvistä vaikka sitä ei voikaan juuri tässä tilanteessa käyttää Jos komento ei ole sovellettavissa valittuun kohteeseen, sen tulee erottua muista (himmennys) Jos valikon mikään komento ei ole sovellettavissa valittuun kohteeseen, valikon tulee silti olla katseltavissa Kontekstivalikossa tulisi näyttää vain kyseiseen tilanteeseen sopivat komennot Valikkopalkin sisältöä ei pitäisi muutella muuta kuin korostuksin: käyttäjä voi muuten hämääntyä Seuraavilla kalvoilla on kuvattu eri tapoja mukauttaa valikon sisältöä Valikon mukautuminen: Copy, Cut, Paste ja Undo Valikon mukautuminen: viimeksi käytetyt Undo mukautuu: kertoo mitä peruutetaan (edellinen komento) Jokainen komento kuvaa nykyistä tilaa: joko mahdollinen tai ei mahdollinen valita (disabled) Kun tekstiä tai kuvaa ei ole valittuna, Cut ja Copy eivät ole käytettävissä Paste mahdollista vain jos jotain on leikepöydällä ei valintaa jotain valittuna Most Recently Used (MRU) Listaus viimeksi avatuista tiedostoista, viimeksi käytetyistä ohjelmista, ym Word-tiedostojen MRU Valikon mukautuminen: split-valikko Word 2010 Ositettu valikko" Valikossa kaksi osaa: Useimmin käytetyt valikkokomennot Kiinteä osa (koko lista, myös useimmin käytetyt uudelleen) Kokeelliset tutkimukset kirjasintyypin valinnassa: ositetuilla valikoilla nopeutetaan valintaa 17-58% Word Andrew Sears, Ben Shneiderman, Split Menus: Effectively Using Selection Frequency to Organize Menus. ACM Transactions on Human-Computer Interaction 1, 1 (March 1994), Saila.Ovaska@uta.fi 11
12 Valikon mukautuminen: Windows 2000 Valintanauhakin mukautuu Valikossa alkuun vain peruskomennot Muut komennot saa näkyviin napsauttamalla alanuolta tai odottamalla Käytetty komento on seuraavalla kerralla näkyvä mutta poistuu ellei sitä käytetä Komentojen järjestys ei muutu vaikka joku komento puuttuukin välistä Valikon mukautuminen: Mac OS X Mukautus näppäimistön avulla [Apple HIG p ] [Apple HIG] kuvassa: Valittu teksti sisältää sekä kursivoitua että tummennettua tekstiä Osoitetaan viivoilla Format-valikossa 70 Ohjeissa: dynaamista valikkoa ei näe se ei saa olla ainoa tapa saada toiminnallisuus käyttöön Modifier-näppäin Macintosh-näppäimistössä yleensä Command mutta joskus Control; vai Option? 71 Mukautuminen osoittimen sijainnin mukaan Selaimen osoitekentän tarjokkaat Ns. kalansilmänäkymä Kalansilmänäkymän avulla toteutettuja valikoita Macintosh dock-animointi Saila.Ovaska@uta.fi 12
13 PIIRAKKAVALIKKO Piirakkavalikko (pie menu) vetovalikko Text Font Size Kerning Very tight... Tight Normal Loose Very Loose Tighten Loosen Valinnat piirakan muotoisesti, ei lineaarisesti piirakkavalikko Font... Very Size tight Kerning Loosen Tight Tighten Normal Very Loose Loose 74 J. Callahan, D. Hopkins, M. Weiser, B. Shneiderman, An empirical comparison of pie vs. linear menus. Proc. CHI'88, Piirakkavalikot Valikkotesti: piirakka vai tavallinen? Etuja Kursoria täytyy liikuttaa vähemmän Suurempi aktivointialue Valintakohteen sijainnin muistettavuus Valinta vaikka silmät kiinni tai valikkoa näkemättä Kursori ajelehtii vähemmän Mahdollisuus käyttää sekä suuntaa että etäisyyttä valinnassa Ongelmia Valinnan herkkyys Persoonalliset tekijät (liikutus tasossa vs. liikutus suoralla) Kohde peittyy valikon alle Kolme eriluonteista valikkoa toteutettiin sekä vetovalikkona että piirakkana piirakkaluonteinen valikko, esim. ilmansuunnat luetteloluonteinen valikko, esim. numeroarvot sekalainen valikko 76 J. Callahan, D. Hopkins, M. Weiser, B. Shneiderman, An empirical comparison of pie vs. linear menus. Proc. CHI'88, Suoritusnopeudet Virheiden lukumäärä Vaihtoehtojen luonne piirakka luettelo sekalainen keskiarvo Valikkotyyppi Valikkotyyppi Vaihtoehtojen luonne piirakka luettelo sekalainen keskiarvo piirakka piirakka vetovalikko vetovalikko keskiarvo keskiarvo Yhden valinnan keskimääräinen aika (sekunteja)
14 Esimerkki piirakkavalikosta Mozilla: piirakkavalikko Second Life piirakkavalikko Easy Gestures Valikon sisältö mukautuu kontekstin mukaan Valikko voi olla hierarkkinen Valinta on aina suora liikerata (stroke) Vertailukohtia Snipping Tool (Windows XP) Seuraavat kaksi esimerkkiä eivät ole piirakkavalikoita. Miten ne eroavat piirakkavalikoiden perusideasta? Tablet PC, kynäkäyttö, Windows XP Snipping Tool näytönkuvien ottamiseen Tukee näytönkuvan ottamista, annotoimista ja lähettämistä esim. sähköpostissa Työkalut puoliympyrässä, tehtäväpalkissa kiinni Wizardimainen työtapa Piirakkamainen muoto, muttei silti piirakkavalikko. Edut? 82 (ei enää Windows 7:ssa tämän muotoinen ) 83 Zooming user interface: Prezi Nelikulmaisena sittenkin nopeampi? Nelikulmaiset valikot vrt. valintanauha (ribbon) Kun valikon käytössä otetaan huomioon muutakin kuin osoittamiseen kuluva aika (= Fitts law) Search, Decision and Pointing malli noviiseilla hakuvaiheessa kohteen etsimiseen kuluu aikaa, kokeneilla valikon käyttäjillä ei piirakkavalikon käyttö vaatii harjaannusta Ahlström et al., Why it's quick to be square: modelling new and existing hierarchical menu designs. Proc. CHI2010. ACM DOI Saila.Ovaska@uta.fi 14
15 Merkkausvalikko (marking menu) PIIRAKKAVALIKOSTA KOHTI MERKKAUSVALIKOITA JA ELEITÄ Idea: kokeneen käyttäjän ei tarvitse odottaa valikon ilmestymistä Otetaan käyttäjän kynänpiirron mukainen kynänjälki talteen komentona Toimii paremmin jos käytetään kynää (tai sormea) kuin hiirtä Merkkausvalikko on nopea Mozilla: piirakkavalikko vai hiirieleet? Valikon aktivoitumista ja piirtymistä näkyviin ei tarvitse odottaa Valikon sisältöä ei tarvitse lukea Easy Gestures Valikon sisältö mukautuu kontekstin mukaan Valikko voi olla hierarkkinen Valinta on aina suora liikerata (stroke) Vrt. hiirieleet ei näkyvää valikkoa ele pitää opetella ele ei ole aina suora liikerata kuin komentokieli? Operassa (kuva) esim. Firefox Lukuisia eri laajennoksia saatavilla lisää viikkoharjoituksissa Kurtenbach, G. & Buxton, W. (1994). User learning and performance with marking menus. Proc. of CHI '94, Valikko aina lähellä kursoria Flow Menu Tracking Menu FItzmaurice et al., Tracking Menus. Proc. UIST ACM DOI. PieCursor Fitzmaurice et al., PieCursor: merging pointing and command selection for rapid in-place tool switching. Proc. CHI2008. ACM DOI. Kynäkäyttöliittymä valkotaululla tai pienessä laitteessa; valikko esiin napinpainalluksella Keskellä lepoalue, komennot valikossa päivittyvät Koetuloksia: FlowMenu merkittävästi nopeampi kuin paletti Virheellisiä valintoja ~10%, käyttäjätyytyväisyydessä ei eroa Lisää suorakäytön yhteydessä 90 Zoomauksen säätö FlowMenulla
16 Yhteenveto: valikot Valikkojen suunnitteluun paljon ohjeita Organisointi ja ryhmittely Nimeäminen Ulkonäkö ja esitystapa Valintatapa Yhdenmukaisuus ja standardien noudattaminen tärkeää Näkyvyys ja valintojen nopeus kilpailevia tavoitteita Hiiren kulkema matka, valinnan helppous Lineaarinen vai piirakkamuoto, vai eleet,? 92 16
WIMP-käyttöliittymät: Valikot. Tarjolla tänään
WIMP-käyttöliittymät: Valikot Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 1 Tarjolla tänään WIMP Windows, Icons, Menus, Pointing Device Valikkotyyppejä ja luokitteluja Listarakenne ja
LisätiedotWIMP-käyttöliittymät: Valikot. Tarjolla tänään
WIMP-käyttöliittymät: Valikot Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 1 Tarjolla tänään WIMP Windows, Icons, Menus, Pointing Device Valikkotyyppejä ja luokitteluja Fittsin laki Valikoiden
LisätiedotKäyttöliittymien perusteet
Tarjolla tänään WIMP-käyttöliittymät: Valikot Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto WIMP Windows, Icons, Menus, Pointing Device Valikkotyyppejä ja luokitteluja Fittsin laki Valikoiden
LisätiedotHELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu :04
HELIA 1 (1) Luento 7 Graafisen käyttöliittymän peruselementit... 2 Ikkunat... 2 Sovellusikkunat (Application Windows)... 2 Asiakirjaikkunat (Document Windows)... 3 Toissijaiset sovellusikkunat (Secondary
LisätiedotLomakkeiden suunnittelu. Aiheina
Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä
LisätiedotLomakkeiden suunnittelu. Aiheina
Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä Peruskontrollit lomakkeissa Asetteluista lomakkeella Oppimistavoite:
LisätiedotWindows User Experience Interaction Guidelines. lähde: http://www.microsoft.com/download/e n/details.aspx?displaylang=en&id=2695
Windows User Experience Interaction Guidelines lähde: http://www.microsoft.com/download/e n/details.aspx?displaylang=en&id=2695 UXGuide UXGuide eli Windows User Experience Interaction Guidelines on Microsoftin
LisätiedotLomakkeiden suunnittelu. Aiheina
Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä Peruskontrollit lomakkeissa Asetteluista lomakkeella Oppimistavoite:
LisätiedotKäyttöliittymien perusteet 24.10.2012
Tarjolla tänään WIMP-käyttöliittymät: Ikkunointi Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto WIMP Windows, Icons, Menus, Pointing Device Mikä on ikkuna? Ikkunan osat Navigointi ikkunoiden
LisätiedotEnsin klikkaa käynnistä-valikkoa ja sieltä Kaikki ohjelmat valikosta kaikki ohjelmat
Microsoft Office 2010 löytyy tietokoneen käynnistä-valikosta aivan kuin kaikki muutkin tietokoneelle asennetut ohjelmat. Microsoft kansion sisältä löytyy toimisto-ohjelmistopakettiin kuuluvat eri ohjelmat,
LisätiedotGraafisen käyttöliittymän ohjelmointi
TIE-11300 Tietotekniikan vaihtuva-alainen kurssi Graafisen käyttöliittymän ohjelmointi Luento 4 Valikot ja dialogit Juha-Matti Vanhatupa Sisältö Pääikkuna Valikot Dialogit Pääikkuna (top-level window)
Lisätiedot,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU
,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU Tässä pääsette tutustumaan Internet Explorerin (IE) käyttöön. Muitakin selainversioita löytyy, kuten esimerkiksi Netscape, Opera ja Mozilla. Näiden muiden selainten
LisätiedotPaperiton näyttösuunnitelma
Paperiton näyttösuunnitelma Käyttöohje opettajalle ja työpaikkaohjaajalle Koonnut: Jarkko Lehmuskenttä Turun sivistystoimiala, Suunnittelu- ja kehittämispalvelut 18.10.2015 Versio 2.0 Ohje on koottu OPH:n
LisätiedotTYYLIT. Word Tyylit
Word 2013 Tyylit TYYLIT TYYLIT... 1 Pikatyylien käyttäminen... 1 Tyylimuotoilun poistaminen... 2 Tyylin muokkaaminen... 2 Uuden tyylin luominen muotoillusta tekstistä... 2 Uuden tyylin luominen valintataulussa...
LisätiedotTEHTÄVÄ 1.1 RATKAISUOHJEET
TEHTÄVÄ 1.1 RATKAISUOHJEET 1. Luo mallin mukainen kansiorakenne Käynnistä Resurssienhallinta painamalla näppäimistöltä peräkkäin Windows- ja E-näppäimiä niin, että Windows-näppäin on yhä pohjassa, kun
LisätiedotOFFICE 365 OPISKELIJOILLE
OFFICE 365 OPISKELIJOILLE Table of Contents Articles... 3 Ohjeet Office 365 käyttöönottoon... 4 One Driveen tallennetun videon palauttaminen oppimisympäristön palautuskansioon... 5 Changing default language
LisätiedotKäyttöliittymien perusteet 2.11.2011
Tarjolla tänään WIMP-käyttöliittymät: kuvakkeet ja osoittaminen Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto WIMP Windows, Icons, Menus, Pointing Device Kuvakkeet käyttöliittymässä Hiukan
LisätiedotLab SBS3.FARM_Hyper-V - Navigating a SharePoint site
Lab SBS3.FARM_Hyper-V - Navigating a SharePoint site Note! Before starting download and install a fresh version of OfficeProfessionalPlus_x64_en-us. The instructions are in the beginning of the exercise.
Lisätiedot1. HARJOITUS harjoitus3_korjaus.doc
Word - harjoitus 1 1. HARJOITUS harjoitus3_korjaus.doc Kopioi itsellesi harjoitus3_korjaus.doc niminen tiedosto Avaa näyttöön kopioimasi harjoitus. Harjoitus on kirjoitettu WordPerfet 5.1 (DOS) versiolla
LisätiedotKäyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10. Sanoma Pro digikirjat verkkopalvelu... 2. Yleistä... 2. Laitteistovaatimukset...
- 1 - Käyttöohje - Sanoma Pro digikirjat verkkopalvelu v 1.0 2013-07- 10 Sanoma Pro digikirjat verkkopalvelu... 2 Yleistä... 2 Laitteistovaatimukset... 2 Sisäänkirjautuminen... 2 Uloskirjautuminen... 3
LisätiedotEsitysgrafiikka. Microsoft PowerPoint 2010 PERUSMATERIAALI. Kieliversio: suomi Materiaaliversio 1.0 päivitetty 24.1.2011
Esitysgrafiikka PERUSMATERIAALI Microsoft PowerPoint 2010 Kieliversio: suomi Materiaaliversio 1.0 päivitetty 24.1.2011 materiaalimyynti@piuha.fi Copyright Esitysgrafiikka Microsoft PowerPoint 2010 3/32
LisätiedotHP Photo Printing -pikaviiteopas
Kuvien tuonti valokuvagalleriaan Seuraavassa kuvataan tapoja, joilla valokuvagalleriaan voidaan lisätä kuvia. Valokuvagalleria on HP Photo Printing -ohjelman vasemmanpuoleinen ruutu. Tulosteiden ja valokuva-albumin
LisätiedotKuva 1. Jokaisen tavallisen kuvan tasotyökalussa näkyy vain yksi taso, tässä nimellä tausta.
Gimp alkeet XII 9 luokan ATK-työt/HaJa Sivu 1 / 6 GIMP:in tasotyökalu Lue ensin nämä ohjeet! Harjoitus lopussa! GIMP:in tasotyökalu on nimensä mukaisesti työkalu, jolla hallitaan tasoja, niiden läpinäkyvyyttä,
LisätiedotKameran käyttö Excel 2003 ja 2007
Kameran käyttö Excel 2003 ja 2007 SISÄLTÖ: 1. Kameran käyttö: Microsoft Excel 2003 ja Microsoft Windows XP. 2. Kameran käyttö: Microsoft Excel 2007 ja Microsoft Windows Vista Usein mitoituksesta tehdään
LisätiedotNäkymä: Työkalupalkki (Tool bar):
Näkymä: 5 PERUSTEET: Työkalupalkki (Tool bar): Työkalupalkista löydät kätevästi eri toimintoja tarvitsematta avata valikkoja, joista myös löytyvät samat toiminnot kuin työkalupalkistakin. Työkalupalkin
LisätiedotVATT Talouden rakenteet. Ohje: Pdf-dian liittäminen PowerPoint -esitykseen. Sisällys:
VATT Talouden rakenteet Ohje: Pdf-dian liittäminen PowerPoint -esitykseen Tämä ohje koskee Acrobat Reader -ohjelman versiota 9 sekä Firefox ja Internet Explorer -selaimia. Huomaa, että aikaisemmissa versioissa
LisätiedotKennelliiton Omakoira-jäsenpalvelu Ohje kennelpiireille, pätevyyksien käsittely
Kennelliiton Omakoira-jäsenpalvelu Ohje kennelpiireille, pätevyyksien käsittely Suomen Kennelliitto ry. 9.5.2014 2(7) Pätevyyksien käsittely Sisältö: Pätevyydet -sivun näkyminen... 3 Pätevyydet -sivun
LisätiedotHY-käyttäjät HUS/HYKS käyttäjät
EndNote Pikaohje Peruskäytön vaiheet Kun EndNote on asennettu koneelle/koneille: 1. Perusta kirjasto (vastaa tiedostojenhallinnassa kahta tiedostoa.enl ja.data tiedostot) 2. Vie viitteet tietokannoista
LisätiedotSiirtyminen Outlook 2010 -versioon
Tämän oppaan sisältö Microsoft Microsoft Outlook 2010 näyttää hyvin erilaiselta kuin Outlook 2003. Tämän oppaan tarkoituksena on helpottaa uuden ohjelman opiskelua. Seuraavassa on tietoja uuden käyttöliittymän
LisätiedotSen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat
Microsoft Office 2010 löytyy tietokoneen käynnistävalikosta aivan kuin kaikki muutkin tietokoneelle asennetut ohjelmat. Microsoft kansion sisältä löytyy toimisto-ohjelmistopakettiin kuuluvat eri ohjelmat,
LisätiedotVäitöskirja -mallipohja
JYVÄSKYLÄN YLIOPISTO Väitöskirja -mallipohja Word 2007/2010 IT-palvelut hannele.rajaniemi@jyu.fi https://koppa.jyu.fi/avoimet/thk/vaitoskirja sovellustuki@jyu.fi Sisältö Miten toimii väitöskirja/asiakirjamallipohja?
LisätiedotFonttimuotoilut. Fontin tyyppi ja fonttikoko
Fonttimuotoilut Kun haluat muotoilla jonkin sanan tai osan tekstistä, sinun pitää ensin "maalata" ko. alue. Maalaaminen tapahtuu vetämällä alueen yli hiiren ykköspainike alas painettuna. Maalattu alue
Lisätiedothttp://www.microsoft.com/expression/
Verkkojulkaisuharjoitus1 TAVOITE Harjoituksen tarkoituksena on opiskella käyttämään verkkojulkaisueditoria (Microsoft Expression Web) ja käynnistämään verkkosivu internetissä. VERKKOSIVUEDITORIN KÄYTTÖOHJEITA
LisätiedotWIMP-käyttöliittymät: Ikkunointi. Tarjolla tänään
WIMP-käyttöliittymät: Ikkunointi Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 1 Tarjolla tänään WIMP Windows, Icons, Menus, Pointing Device Mikä on ikkuna? Ikkunan osat Navigointi ikkunoiden
LisätiedotPäivän aiheet. Käyttöliittymän keskustelutavat. Keskustelutavat
IHTE-2100 KaSuper 2008-2009 Luento 6: Käyttöliittymän keskustelutapoja, käyttöliittymäelementtejä Päivän aiheet Käyttöliittymän vuorovaikutustapoja Graafisen käyttöliittymän elementtejä Käyttöliittymän
LisätiedotTALLENNETAAN MUISTITIKULLE JA MUISTIKORTILLE
TALLENNETAAN MUISTITIKULLE JA MUISTIKORTILLE HERVANNAN KIRJASTON TIETOTORI Insinöörinkatu 38 33720 Tampere 040 800 7805 tietotori.hervanta@tampere.fi TALLENNETAAN MUISTIKULLE JA MUISTIKORTILLE 1 Muistitikun
LisätiedotSISÄLLYSLUETTELO. Word Sisällysluettelo
Word 2013 Sisällysluettelo SISÄLLYSLUETTELO SISÄLLYSLUETTELO... 1 Otsikoiden merkitseminen... 1 Ylä- ja alatunnisteet: sisällysluettelosivulla ja tekstissä erilainen ylätunniste... 1 Sisällysluettelon
LisätiedotPosterin teko InDesignilla
Posterin teko InDesignilla Avatessasi InDesign CS5 -ohjelman, näyttöön aukeaa ikkuna, josta voit valita tarpeen mukaan aikaisemmin tallennetun dokumentin, uuden tai ohjelmassa valmiin mallin mukaisen inddtiedoston.
LisätiedotVerkkosivut perinteisesti. Tanja Välisalo 11.2.2009
Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate
LisätiedotKäyttäjän käsikirja. LIB 500 ja LIB 510 v.4.0.2. 8.2. Releasettelutyökalu. 8.2.1. Yleistä. ,NNXQDMRNDLOPRLWWDDHWWlNRKGHRQSlLYLWHWWlYl
1MRS751368-RUM Käyttäjän käsikirja 8.1. Releyksikön valitseminen Releyksiköt esitetään asemakuvassa painikkeina. 8 $VHPDNXYDMRVVDQlN\\UHOH\NVLNN Jos kohteita tarvitsee päivittää, avataan ikkuna (Kuva 8.1.-2)
Lisätiedotzotero www.zotero.org
zotero www.zotero.org Viitteidenhallintajärjestelmä Zotero toimii Firefox-selaimessa. Muita ilmaisia viitteidenhallintajärjestelmiä ovat esimerkiksi EndNote ja Mendeley. Näissä ohjeissa on kuvataan Zoteron
LisätiedotETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu
ETAPPI ry JOOMLA 2.5 Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Sivu 1(16) Sisällysluettelo 1 Joomla! sivuston sisällöntuotanto... 2 2 Artikkeleiden julkaisu sivustolla... 4 3 Artikkelin julkaisemista
LisätiedotKäyttöohje Planeetta Internet Oy 3.8.2011
Käyttöohje Planeetta Internet Oy 3.8.2011 PLANEETTA TIEDOSTOPALVELIN KÄYTTÖOHJE 3.8.2011 1 (25) Sisällysluettelo Sisällysluettelo... 1 Planeetta Tiedostopalvelin... 2 Yleistä tietoa palvelusta... 2 Palvelun
Lisätiedot6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.)
6. Tekstin muokkaaminen 6.1 Tekstialueiden valinta eli maalaaminen (tulee tehdä ennen jokaista muokkausta ym.) Tekstin maalaaminen onnistuu vetämällä hiirellä haluamansa tekstialueen yli (eli osoita hiiren
LisätiedotMuita kuvankäsittelyohjelmia on mm. Paint Shop Pro, Photoshop Elements, Microsoft Office Picture Manager
Missio: 1. Asentaminen 2. Valokuvien tarkastelu, tallennus/formaatit, koko, tarkkuus, korjaukset/suotimet, rajaus 3. Kuvan luonti/työkalut (grafiikka kuvat) 4. Tekstin/grafiikan lisääminen kuviin, kuvien/grafiikan
LisätiedotKuukauden kuvat kerhon galleriaan 1.4.2016 lähtien kuukaudenkuvaajan kuvagalleria on siirretty uudelle palvelimelle osoitteeseen:
Kuukauden kuvat kerhon galleriaan 1.4.2016 lähtien kuukaudenkuvaajan kuvagalleria on siirretty uudelle palvelimelle osoitteeseen: http://www.kamera73.fi/kuukaudenkuvaaja Kukin seuran jäsen voi laittaa
Lisätiedot2016/07/05 08:58 1/12 Shortcut Menut
2016/07/05 08:58 1/12 Shortcut Menut Shortcut Menut Shortcut menut voidaan aktivoida seuraavista paikoista. Shortcut menun sisältö riippuu siitä, mistä se aktivoidaan. 1. Shortcut menu suunnitellusta linjasta
LisätiedotMuistitikun liittäminen tietokoneeseen
Muistitikun käyttäminen 1 Muistitikun liittäminen tietokoneeseen Muistitikku liitetään tietokoneen USB-porttiin. Koneessa voi olla useita USB-portteja ja tikun voi liittää mihin tahansa niistä. USB-portti
LisätiedotTEEMA 2 TAULUKKODATAN KÄSITTELY JA TIEDON VISUALISOINTI
TEEMA 2 TAULUKKODATAN KÄSITTELY JA TIEDON VISUALISOINTI Aulikki Hyrskykari & Juhani Linna LUENTO 3 11.9.2018 TÄMÄ VIIKKO o o Ensimmäinen vertaisarvioinnin määrä-aika umpeutui eilen arviointiin saa lisä-aikaa,
LisätiedotELOKUVAKASVATUS SODANKYLÄSSÄ FINAL CUT EXPRESS HD OSA 2: SIIRTYMÄT, TEHOSTEET, KUVAMANIPULAATIO 1. RENDERÖINTI
1 ELOKUVAKASVATUS SODANKYLÄSSÄ 99600 Sodankylä +358 (0)40 73 511 63 tommi.nevala@sodankyla.fi FINAL CUT EXPRESS HD OSA 2: SIIRTYMÄT, TEHOSTEET, KUVAMANIPULAATIO 1. RENDERÖINTI Prosessointi (yleisesti renderöinti,
LisätiedotSkype for Business pikaohje
Skype for Business pikaohje Sisällys KOKOUSKUTSU... 2 ENNEN ENSIMMÄISEN KOKOUKSEN ALKUA... 4 LIITTYMINEN KOKOUKSEEN SKYPE FOR BUSINEKSELLA... 5 LIITTYMINEN KOKOUKSEEN SELAIMEN KAUTTA... 6 LIITTYMINEN KOKOUKSEEN
LisätiedotKieliversiointityökalu Java-ohjelmistoon. Ohje
Kieliversiointityökalu Java-ohjelmistoon Ohje 2/6 SISÄLLYSLUETTELO 1 YLEISTÄ OHJELMASTA... 3 2 PÄÄ-IKKUNA...4 3 YLÄVALIKKO... 4 3.1 TIEDOSTO... 4 3.2 TOIMINTO... 4 3.3 ASETUKSET... 5 3.4 OHJE... 5 4 VÄLILEHDET...5
LisätiedotSSH Secure Shell & SSH File Transfer
SSH Secure Shell & SSH File Transfer TIETOHALLINTO Janne Suvanto 1.9 2002 Sisällysluettelo Sisällysluettelo... 1 Yleistä... 2 SSH Secure Shell ohjelman asetukset... 3 POP3 tunnelin asetukset... 6 Yhteyden
LisätiedotEmbroidery Software Version 1. BERNINA Art Design Pikaopas
Embroidery Software Version 1 BERNINA Art Design Pikaopas 1 1 Art Design kirjontaohjelman asennus 1. Art Design ohjelman asennus vaatii pääkäyttäjän (administrator) oikeudet. 2. Sulje kaikki muut ohjelmat
LisätiedotWin7 & Office 2010. Kouluttaja: Mikko Niskanen. Materiaali: ITP / hannele.rajariemi@jyu.fi ITP / mikko.niskanen@jyu.fi ITP / timo.vorne@jyu.
Win7 & Office 2010 Kouluttaja: Mikko Niskanen Materiaali: ITP / hannele.rajariemi@jyu.fi ITP / mikko.niskanen@jyu.fi ITP / timo.vorne@jyu.fi Sisältö 1(2) Win7 Perustoiminnot Asetukset Pikakomennot SCCM
LisätiedotH6: Tehtävänanto. Taulukkolaskennan perusharjoitus. Harjoituksen tavoitteet
H6: Tehtävänanto Taulukkolaskennan perusharjoitus Ennen kuin aloitat harjoituksen teon, lue siihen liittyvä taustamateriaali. Se kannattaa käydä läpi kokeilemalla samalla siinä annetut esimerkit käyttämässäsi
LisätiedotFOTONETTI BOOK CREATOR
F O T O N E T T I O Y FOTONETTI BOOK CREATOR 6 2012 Kemintie 6 95420 Tornio puhelin: 050-555 6500 pro/kirja: 050-555 6580 www.fotonetti.fi Ohjelman asentaminen 1 Hae ohjelma koneellesi osoitteesta http://www.fotonetti.fi/kuvakirjatilaa
LisätiedotRATKAISUT SIVU 1 / 15. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa.
RATKAISUT SIVU 1 / 15 PowerPoint jatko Harjoitus 3.1-3.7: Harjoitus 3.1: Avaa ensin Harjoitustiedosto.pptx. Väriteemaan pääset käsiksi hieman eri tavoilla PowerPointin eri versioissa. Valitse joka tapauksessa
LisätiedotKäyttöliittymien perusteet
Tarjolla tänään WIMP-käyttöliittymät: Ikkunointi Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto WIMP Windows, Icons, Menus, Pointing Device Mikä on ikkuna? Ikkunan osat Navigointi ikkunoiden
LisätiedotMicrosoft Projectin mukauttaminen
LIITE 385 C Microsoft Projectin mukauttaminen Tässä liitteessä kuvataan yleisimpiä tapoja mukauttaa Microsoft Projectia käyttäjän tarpeiden mukaan. Jotkin Microsoft Projectin mukauttamisasetukset ovat
LisätiedotKäytettävyys ja käyttäjätutkimus. Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi
Käytettävyys ja käyttäjätutkimus Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi Teron luennot Ke 15.2 miniluento Ti 28.2 viikkotehtävän anto (T,M) To 1.3 Tero paikalla (tehtävien tekoa) Ti 6.3
LisätiedotWIMP-käyttöliittymät: Ikkunointi. Tarjolla tänään
WIMP-käyttöliittymät: Ikkunointi Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto 1 Tarjolla tänään WIMP Windows, Icons, Menus, Pointing Device Mikä on ikkuna? Ikkunan osat Navigointi ikkunoiden
LisätiedotOppilaan pikaopas. Project 2013 käyttöliittymä ja näkymät
1 Oppilaan pikaopas Project 2013 käyttöliittymä ja näkymät Kun avaat Project 2013 -ohjelman, näet ensimmäisenä pelkistetyn näkymän. Uusi Project 2013 voi auttaa projektinhallinnassa kuten esim. projektitietojen
LisätiedotDXL Library ja DXL-kielen olemus. Pekka Mäkinen Pekka.Makinen@softqa.fi SoftQA Oy http/www.softqa.fi/
DXL Library ja DXL-kielen olemus Pekka Mäkinen Pekka.Makinen@softqa.fi SoftQA Oy http/www.softqa.fi/ DOORS extension Language DXL on DOORSin laajennuskieli, jolla voidaan kehittää lisätoiminnallisuutta.
LisätiedotJohdatus Rhinoon 1 / 17. Digitaalisen arkkitehtuurin yksikkö Aalto-yliopisto
1 / 17 Digitaalisen arkkitehtuurin yksikkö Aalto-yliopisto 27.10.2015 Johdatus Rhinoon Työkalujen löytäminen 2 / 17 1. 1. Komentorivi Jos tietää komennon nimen (tai sen alun), voi kirjoittaa sen komentoriville
LisätiedotExcelin käyttö mallintamisessa. Regressiosuoran määrittäminen. Käsitellään tehtävän 267 ratkaisu.
Excelin käyttö mallintamisessa Regressiosuoran määrittäminen Käsitellään tehtävän 267 ratkaisu. 1)Kirjoitetaan arvot taulukkoon syvyys (mm) ikä 2 4 3 62 6 11 7 125 2) Piirretään graafi, valitaan lajiksi
LisätiedotVisuaalisen suunnittelun alkeita. Aiheina
Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli
LisätiedotWord 2003:n käyttötoimintojen muutokset Word 2010:ssä
1/6 Word 2003:n käyttötoimintojen muutokset Word 2010:ssä WORD 2003 TOIMINNOT TOIMINNOT WORD 2010:ssä Uusi tiedosto Avaa tiedosto Sivun asetukset valikosta painike ja avautuvasta valikosta valitse haluamasi
LisätiedotUutiskirjesovelluksen käyttöohje
Uutiskirjesovelluksen käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com 2 Sisällys Johdanto... 1 Päänavigointi...
LisätiedotSTELLARIUM KÄYTTÖOHJE
Järjestelmävaatimukset: Windows (XP, Vista, 7) DirectX 9.x ja uusin ServicePack tai MacOS X 10.3.x (tai suurempi), 3D-grafi ikkkortti ja OpenGL-tuki, min. 512 MB RAM, 1 GB vapaata levytilaa. ASENNUS Asennus
LisätiedotUbuntu - peruskäyttö. Seuraavassa läpikäydään Ubuntun peruskäyttöä:
Ubuntu - peruskäyttö Seuraavassa läpikäydään Ubuntun peruskäyttöä: Perustoiminnot Sisäänkirjautuminen Työpöytä Uloskirjautuminen Lähteinä on käytettu Ubuntu tutuksi Wikikirjaa http://fi.wikibooks.org/wiki/ubuntu_tutuksi.
LisätiedotUpdateIT 2010: Editorin käyttöohje
UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...
LisätiedotJohdatus vuorovaikutteiseen teknologiaan
Aiheina Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli
LisätiedotMOBILITY-ONLINE OHJEITA LÄHTEVILLE OTHER TEACHER/STAFF/RDI MOBILITY-OPETTAJILLE JA HENKILÖKUNNALLE
MOBILITY-ONLINE OHJEITA LÄHTEVILLE OTHER TEACHER/STAFF/RDI MOBILITY-OPETTAJILLE JA HENKILÖKUNNALLE Tietohallinto/Mika Siiskonen/10.10.2016 Sisällysluettelo 1. OTHER TEACHER MOBILITY /OTHER STAFF MOBILITY
LisätiedotMainosankkuri.fi-palvelun käyttöohjeita
Mainosankkuri.fi-palvelun käyttöohjeita Sisällys 1. Johdanto... 1 2. Sisäänkirjautuminen... 1 3. Palvelussa navigointi... 2 4. Laitteet... 2 5. Sisällönhallinta... 4 6. Soittolistat... 7 7. Aikataulut...
LisätiedotKUVANKÄSITTELY POWERPOINT-OHJELMALLA, KUVAN TUOMINEN WORD-DOKUMENTTIIN JA KUVATEKSTIN LISÄÄMINEN
KUVANKÄSITTELY POWERPOINT-OHJELMALLA, KUVAN TUOMINEN WORD-DOKUMENTTIIN JA KUVATEKSTIN LISÄÄMINEN Sisällysluettelo 1. Kuviin lisättävät tiedot... 2 2. Kuvankäsittely PowerPointilla... 3 3. Kuvan tuominen
LisätiedotRevit Architecture 2013. käyttöliittymä ja perusasetukset. opetusmateriaali
Revit Architecture 2013 käyttöliittymä ja perusasetukset opetusmateriaali Tietoa materiaalista Autodesk Revit Architecture 2013 käyttöliittymä ja perusasetukset Käyttäjä Käyttäjä Future CAD Oy Sahaajankatu
LisätiedotMendeleyn käyttö viittamisessa. Maria Söderholm Tietoasiantuntija Oppimiskeskus
TuTa ja InfoVerkot kandiseminaari Mendeleyn käyttö viittamisessa Maria Söderholm Tietoasiantuntija Oppimiskeskus maria.soderholm@aalto.fi Sisältö Johdanto viitteidenhallintavälineisiin Mendeleyn käyttöesimerkit
LisätiedotEnnen kuin aloitat lataamisen tarkista järjestelmävaatimukset: http://www.fprot.com/support/windows/fpwin_faq/425.html
Lataaminen ja asennus F-PROT Antivirus 6 Windows Home Huomautukset: Ennen kuin aloitat lataamisen tarkista järjestelmävaatimukset: http://www.fprot.com/support/windows/fpwin_faq/425.html F-PROT Antivirus
LisätiedotTikon Web-sovellukset
Marraskuu 2014 1 (9) Tikon Web-sovellukset Marraskuu 2014 2 (9) 1 Johdanto... 3 2 Windows... 3 2.1 Microsoft Silverlight... 3 3 Tablet-laitteet... 4 4 Selaimet... 5 4.1 Yleiset asetukset (kaikki selaimet)...
LisätiedotMiten teen posterin InDesignilla? - Eva Forssén
Posterin teko InDesignilla Avatessasi InDesign CS3 -ohjelman näyttöön aukeaa ikkuna, josta voit valita tarpeen mukaan aikaisemmin tallennetun dokumentin, uuden tai ohjelmassa valmiin mallin mukaisen inddtiedoston
LisätiedotVaatimusten versiointi DOORSissa
Vaatimusten versiointi DOORSissa 01.06.2004 SoftQA Pekka Mäkinen Pekka.Makinen@softqa.fi Miten ylläpitää versiotietoa? Vaatimusten versiotiedoissa on kaksi ylläpidettävää tietoa: Itse vaatimusten hyväksytty
LisätiedotKäyttöliittymän muokkaus
Käyttöliittymän muokkaus Ohjelman pitkän kehityshistorian takia asetukset ovat jakaantuneet useampaan eri kohtaan ohjelmassa. Ohessa yhteenveto nykyisistä asetuksista (versio 6.4.1, 2/2018). Ylä- ja sivupalkkien
LisätiedotFinFamily Installation and importing data (11.1.2016) FinFamily Asennus / Installation
FinFamily Asennus / Installation 1 Sisällys / Contents FinFamily Asennus / Installation... 1 1. Asennus ja tietojen tuonti / Installation and importing data... 4 1.1. Asenna Java / Install Java... 4 1.2.
LisätiedotTAMK Ohjelmistotekniikka G Graafisten käyttöliittymien ohjelmointi Herkko Noponen Osmo Someroja. Harjoitustehtävä 2: Karttasovellus Kartta
TAMK Ohjelmistotekniikka G-04237 Graafisten käyttöliittymien ohjelmointi Harjoitustehtävä 2: Karttasovellus Kartta TAMK Karttasovellus Kartta Sivu 2/8 Sisällysluettelo 1. JOHDANTO...3 2. VAATIMUSMÄÄRITTELY...
Lisätiedot1 YLEISTÄ TIETOA HELMESTÄ ETUSIVU YHTEENVETO LUKUJÄRJESTYS / KOTITEHTÄVÄT / MERKINNÄT VIESTIT KOKEET...
OHJE OPPILAALLE 2 / 21 1 YLEISTÄ TIETOA HELMESTÄ... 3 2 ETUSIVU... 4 2.1 YHTEENVETO... 4 2.2 LUKUJÄRJESTYS / KOTITEHTÄVÄT / MERKINNÄT... 4 2.3 VIESTIT... 6 2.4 KOKEET... 6 3 VIESTIT... 7 3.1 UUSI VIESTI...
LisätiedotOutlook Web Access 1(7) 9.9.2011 OUTLOOK WEB ACCESS (OWA) SÄHKÖPOSTIN KÄYTTÖ
Outlook Web Access 1(7) OUTLOOK WEB ACCESS (OWA) SÄHKÖPOSTIN KÄYTTÖ Pääset OWA-sähköpostiin selaimella (esim. Internet Explorer, Mozilla Firefox). Tässä ohjeessa on käytetty Internet Exploreria, jonka
LisätiedotHARJOITUS 2: Käyttäjien ja käyttäjäryhmien luominen, Active Directory Users and Computers
HARJOITUS 2: Käyttäjien ja käyttäjäryhmien luominen, AD Users and Computers Domain Name System, DNS * Active Directory, AD * Windows Server 2008 * * Tehtävä 1 Tomi Stolpe Turun AKK 11.11.2009 SISÄLLYSLUETTELO
LisätiedotValintanauhan komennot Valintanauhan kussakin välilehdessä on ryhmiä ja kussakin ryhmässä on toisiinsa liittyviä komentoja.
Pikaopas Microsoft Excel 2013 näyttää erilaiselta kuin aiemmat versiot. Tämän oppaan avulla pääset alkuun nopeasti ja saat yleiskuvan uusista ominaisuuksista. Komentojen lisääminen pikatyökaluriville Pidä
LisätiedotMicroStation V8i-käyttöympäristö
MicroStation V8i-käyttöympäristö Liite 2 Pääkäyttäjän ohjeet Juha Orre Tekniikan koulutusalan opinnäytetyö Kone- ja tuotantotekniikka Insinööri (AMK) KEMI 2013 SISÄLLYS Liite 2 2(14) SISÄLLYS... 2 1 KÄYTTÖOHJEET...
LisätiedotTIETOTEKNIIKKAKESKUS WINDOWS 7
TIETOTEKNIIKKAKESKUS WINDOWS 7 Pikaopas käyttöjärjestelmään siirtyjälle Teksti: Arja Sipola ja Krista Tuominen Helsingin yliopisto Tietotekniikkakeskus 2011 www.helsinki.fi/helpdesk 3 SISÄLLYSLUETTELO
LisätiedotTW-LTE 4G/3G. USB-modeemi (USB 2.0)
TW-LTE 4G/3G USB-modeemi (USB 2.0) Tiedonsiirtonopeus: 100 Mbps/50 Mbps LTE: 1800/2100/2600 MHz GSM/GPRS/EDGE: 850/900/1800/1900 MHz UMTS: 900/2100 MHz Pikaohje (Finnish) CE Käyttöönotto- ohje SIM- kortin
LisätiedotMixW ja Dx-vihjeet (ohje) oh3htu 10.9.2009
MixW ja Dx-vihjeet (ohje) oh3htu 10.9.2009 MixW:n käyttäjille mieleen on saada DX-vihjeet MixW:n Dxcluster dialog-ikkunaan sen monipuolisuuden ansiosta. Dxcluster dialog-ikkunassa on muun muassa helposti
LisätiedotAdobe Premiere 6.0 ohjelmasta
1 Adobe Premiere 6.0 ohjelmasta 1. Ohjelman käynnistys...2 2 Ohjelman näkymän esittely...3 Työskentelytila...3 3 VIDEON KAAPPAUS:...6 3.1. Tallennuspaikka valitaan valitsemalla...6 3. 2. Kaappaus aloitetaan
LisätiedotTeleWell TW-LTE/4G/3G USB -modeemi Cat 4 150/50 Mbps
TeleWell TW-LTE/4G/3G USB -modeemi Cat 4 150/50 Mbps Pikaohje Laite toimii Windows XP SP3, Windows 7,8,10 ja Mac OSx 10.5 tai käyttöjärjestelmissä, Linux tuki netistä ladattavilla ajureilla USB portin
LisätiedotOhje sähköiseen osallistumiseen
Ohje sähköiseen osallistumiseen Ilmoittautuminen Ilmoittautuminen tehdään sähköisesti sivulta; https://www.fingo.fi/meista/fingon-kokoukset/fingon-kevatkokous-2019 olevalla lomakkeella mielellään 18.4.2019
LisätiedotKUVAN TUOMINEN, MUOKKAAMINEN, KOON MUUTTAMINEN JA TALLENTAMINEN PAINTISSA
KUVAN TUOMINEN, MUOKKAAMINEN, KOON MUUTTAMINEN JA TALLENTAMINEN PAINTISSA SISÄLLYS 1. KUVAN TUOMINEN PAINTIIN...1 1.1. TALLENNETUN KUVAN HAKEMINEN...1 1.2. KUVAN KOPIOIMINEN JA LIITTÄMINEN...1 1.1. PRINT
LisätiedotAsiakirjan rakenne ja sen esilletuominen tekstinkäsittelyohjelmassa
Asiakirjan rakenne ja sen esilletuominen tekstinkäsittelyohjelmassa Yleistä Demon tavoitteena on oppia käyttämään tekstinkäsittelyohjelmaa asiakirjan rakenteen luomiseen ja esittämiseen. Harjoitus on tehty
LisätiedotKaakkois-Suomen Ammattikorkeakoulu Oy Mikkelin Ammattikorkeakoulu Oy Kymenlaakson Ammattikorkeakoulu Oy
Opiskelijoiden OneDriveohje Kaakkois-Suomen Ammattikorkeakoulu Oy Mikkelin Ammattikorkeakoulu Oy Kymenlaakson Ammattikorkeakoulu Oy Ohjeen nimi Opiskelijoiden OneDrive-ohje Vastuuhenkilö Mari Jokiniemi
LisätiedotYlläpitoalue - Etusivu
Crasmanager 5.2 Ylläpitoalue - Etusivu Sivut osiossa sisällön selaus ja perussivujen ylläpito. Tietokannat osiossa tietokantojen ylläpito. Tiedostot osiossa kuvien ja liitetiedostojen hallinta. Työkalut
Lisätiedot