WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU

Koko: px
Aloita esitys sivulta:

Download "WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU"

Transkriptio

1 WWW-SIVUJEN, SISÄLLÖN JA SIVUSTON SUUNNITTELU

2 2

3 3 sivuston suunnittelun ja toteutuksen vaiheet 1. Vaatimusmäärittely Verkkopalvelun vaatimusmäärittelyssä kuvataan yksiselitteisesti ja selkeästi verkkopalvelun tulevien käyttäjien ja heidän vaatimustensa näkökulmasta palvelun tavoitteet, kohderyhmät, sisällöt, toiminnallisuus ym. mitkä ovat palvelun tavoitteet, mitä hyötyä siitä on liiketaloudellisesti tms. palvelun käyttäjät, kohderyhmä. Käyttäjien kartoitus, kuvaus miksi verkkopalvelu tehdään, mihin tarkoitukseen mitä ominaisuuksia palvelulla pitää olla, mitä sillä pitää pystyä tekemään esim. varaus, tilaus, ilmoittautuminen tms. nykytilanteen kartoitus: vanhan tuotteen analysointi, kilpailijavertailu

4 4 sivuston suunnittelun ja toteutuksen vaiheet 2. Palvelun suunnittelu Toiminnallisuus: palvelun toiminnallisuudet eli ne asiat mitä lopullisen palvelun tulee sisältää ja miten sen tulee toimia. Sisältöhierarkia: sivukartta raffi Sisältöosioiden kuvaus Käyttöliittymän perusajatus Näyttökuvaukset, rautalankamallit Käsikirjoitus Graafinen suunnitelma eli verkkopalvelun ulkoasu

5 5 sivuston suunnittelun ja toteutuksen vaiheet 3. Palvelun toteutus - sisällön tuotanto - visuaalinen toteutus - koodaus - mediaelementit

6 6 sivuston suunnittelun ja toteutuksen vaiheet 4. Testaus ja käyttöönotto - käyttöympäristö - selaimet - laajennukset - yhteysnopeus - muisti- ja näyttörajoitukset 5. Jälkiseuranta ja ylläpito

7 7 1. KOHDERYHMÄ, SIVUSTON TAVOITTEET Kohderyhmä, käyttäjät Kun aletaan luomaan sivustoa, mietitään kenelle sivusto on suunnattu: millainen on käyttäjien ikä, sukupuoli, koulutus, kulttuuriympäristö ym. - Millaisia käyttäjäryhmiä palvelulla on? Miten ne poikkeavat toisistaan? Mitä yhteistä niillä on? - Mitä tietoa kohderyhmän jäsenet sivustolta hakevat? - Kuinka sivustoa tullaan käyttämään? Mihin tarkoitukseen? - Minkälaiset taidot kohderyhmillä on käyttää ja ymmärtää tietotekniikkaa? - Kuinka nopea Internet-yhteys heillä on?

8 8 Sivuston tarkoitus Sivuston tarkoitus - Miksi sivusto halutaan toteuttaa? - Mitä sivuston toteuttamisella saavutetaan? - Mikä on sivuston rooli koko organisaation viestinnässä? - Onko sivusto organisaation ainut sivusto vai onko kyseessä kampanjasivusto? - Tehdäänkö nyt täysin uusi sivusto vai onko jo olemassa aikaisempi versio?

9 9 Sivuston tavoitteet ja toiminnallisuus Sivuston tavoitteet ja toiminnallisuus - Mitä sivustolla halutaan sanoa? - Minkälainen vaikutus sillä halutaan saada aikaan? - Mitä asiakokonaisuuksia sillä halutaan tuoda esiin? - Mikä on lyhyt ja tärkein perussanoma?

10 10 2. PALVELUN RAKENNE, SIVUKARTTA JA TOIMINNALLISUUS Toiminnallisuus Palvelun toiminnallisuudet eli ne asiat mitä lopullisen palvelun tulee sisältää ja miten sen tulee toimia. Toiminnallisuuden suunnitteluun voidaan käyttää esim. tarinoita. Tarinat paljastavat sellaisia toimintoja, joita käyttöliittymällä tulee saada tehtyä. Toimintatarinoiden avulla kerätään tietoa käyttötilanteesta ja niihin liittyvistä tehtävistä, mahdollisuuksista, rajoitteista ym. Ne kuvaavat jonkun käyttäjän toimintaa käyttöliittymän parissa. Käyttötarinan avulla kerätään tietoa siitä, miten asiat tehdään kyseisen tuotteen avulla. Käyttötarinat tehdään toimintatarinoiden ja kerätyn materiaalin, kuten käyttäjätutkimuksen pohjalta. Käyttö-ja toimintatarinoiden edut ovat siinä, että kun suunnittelija kirjoittaa tiettyä tapahtumaa auki, hän huomaa helposti puutteet käyttöliittymässä. Käyttötarinat kirjoitetaan jonkin tietyn persoonan mukaan ja tämä persoona myös esitellään.

11 11 2. PALVELUN RAKENNE, SIVUKARTTA JA TOIMINNALLISUUS Sivukartta (sitemap) Sisältösuunnittelu ja sivukartta muodostavat verkkopalvelun perustan. Sisältö jaotellaan aiheiden mukaan ja niille muodostetaan otsikot. Aiheet ja niiden otsikot antavat pohjan käyttöliittymäsuunnittelulle. Rakenteen suunnittelussa lähdetään liikkeelle sivuston sisällöstä, jota käyttäjälle halutaan tarjota tai jota käyttäjä sivulta etsii. Rakenne on usein hierarkkinen ja sivuja on eri tasoissa. Sivukartan avulla nähdään helposti, onko sisältö tasapainossa. Liian monitasoinen navigointi aiheuttaa käyttöliittymäsuunnittelun ja visuaalisen suunnittelun vaiheessa usein ongelmia.

12 12 2. PALVELUN RAKENNE, SIVUKARTTA JA TOIMINNALLISUUS

13 13 2. PALVELUN RAKENNE, SIVUKARTTA JA TOIMINNALLISUUS Sivukartan julkaiseminen www-sivulla Kartan tulee antaa lukijalle selvä kuva sivuston rakenteesta siten, että hän halutessaan tietylle sivulle voi klikata karauttaa ja päästä sille suoraan tarvitsematta kahlata sivuston läpi. Pidä kartta ajan tasalla.

14 14 3. RAUTALANKAMALLI Rautalankamallit tehdään, kun verkkosivuston, -palvelun tai järjestelmän toiminnallisuus on suunniteltu ja eri sivujen pääasiallinen sisältö on päätetty. Rautalankamallit ovat yksinkertaisia, visuaalisia esityksiä toiminnoista, sisäisestä rakenteesta sekä informaatiohierarkiasta. Ne voidaan piirtää joko käsin paperille tai käyttää niihin tarkoitettuja ohjelmia. Niidenavulla kuvataan esimerkiksi valikkojen, leipätekstin, kuvien, painikkeiden ja animaatioidenpaikat. Yksi rautalankamallien tärkeimmistä tehtävistä on se, että niiden pohjalta tehtyjen prototyyppien avulla testataan käyttöliittymän toimivuutta. Prototyypit voivat olla käsin piirrettyjä luonnoksia, joita käyttäen käyttäjä suorittaa testin. Testausten ja palautteenjälkeen rautalankoja ja toimintoja parannellaan uusilla suunnittelukierroksilla. Toisin sanoen käyttöliittymää iteroidaan päästen lähemmäs lopputulosta.

15 15 3. RAUTALANKAMALLI

16 16 3. RAUTALANKAMALLI Rautalankamallissa ei oteta kantaa siihen, miltä verkkosivusto näyttää visuaalisesti ja esimerkiksi joidenkin elementtien paikat käyttöliittymässä voivat muuttua visuaalisen suunnittelun yhteydessä. Käyttöliittymäsuunnittelu voidaan yhdistää visuaaliseen suunnitteluun, jos sivuston kokonaisuus on suhteellisen yksinkertainen. Rautalankamalleista on erityisesti hyötyä responsiivisia sivuja suunnitellessa, jolloin jokaisesta näkymästä tulee suunnitella esimerkiksi tässä tapauksessa kolme eri näkymää (läppäri, täppäri ja mobiili). https://github.com/meta-arviointi/metaarviointi/wiki/k%c3%a4ytt%c3%b6liittym%c3%a4n-rautalankamallit

17 17 4. Käsikirjoitus Kirjoitetaan auki jokainen sivu, eli mitä tekstejä, taulukoita, kuvia jne. sivuilla on. Sivujen yhteiset osiot kuten tunnuskuvat/logot, navigoinnit riittää, että kirjoitat vain yhden kerran. Käsikirjoittamisen työvälineet vapaamuotoinen kirjoittaminen taulukkokäsikirjoitusmenetelmä ohessa olevan esimerkin mukaisesti

18 18 Graafinen suunnitelma (ulkoasu) Teema Mikä on sivuston tavoitemielikuva? Mikä on visuaalinen teema? Perustele valintasi. Sivujen sommittelu Mihin sivun eri komponentit tulevat? Typografia Millainen fontti otsikoille, leipätekstille? Millaisia kokoja ja tyylejä käytetään? Värit Minkälainen värimaailma sivustolla on ja miksi? Käytetäänkö värisymboliikkaa? Kuvat Millaisia kuvia käytetään: valokuvia, piirroksia jne? Missä kuvia käytetään: taustalla, kuvituksessa, navigoinnissa jne? Muut elementit: animaatiot, videot

19 19 5. KÄYTETTÄVYYS ISO standardi määrittelee käytettävyyden sen mukaan, kuinka käyttäjä saavuttaa määritellyt tavoitteensa tietyssä ympäristössä". Vaikuttavuus: miten tarkoin ja täydellisesti käyttäjä saavuttaa tavoitteensa. Tehokkuus: tavoitteiden saavuttamista suhteutettuna käytettyihin resursseihin. Tyytyväisyys: käyttäjän tyytyväisyys laitteen tai järjestelmän käyttöön, tyytyväisyyttä vuorovaikutuksen sujuvuuteen ja sen tulokseen. Esimerkiksi astianpesukoneen pakkauksen käytettävyys voi olla hyvä tai huono.

20 20 5. KÄYTETTÄVYYS IT-alalla Jakob Nielsen on laajentanut ISO-määritelmää opittavuuden, muistettavuuden ja virheiden vähyyden kriteereillä: Opittavuus: miten nopeasti ja helposti uusi vuorovaikutteisen laitteen tai järjestelmän käyttäjä oppii laitteen toimintalogiikan ja käyttämisen. Muistettavuus: miten helppoa jo aiemmin laitteen käytön oppineen henkilön on palauttaa mieleen laitteen käyttö ja sen toiminnallisuus. Virheiden määrä (vähyys): käyttäjän suorittamissa toimenpiteissä tapahtuvien virheiden määrää.

21 21 5. KÄYTETTÄVYYS Palvelun, järjestelmän tai verkkosivun käyttökokemukseen vaikuttavat verkkosivun tai järjestelmän hyödyllisyys, helppokäyttöisyys käytön tehokkuus. Mitä helpommalla käyttäjä saavuttaa tavoitteensa, esimerkiksi löytää hakemansa tiedon, sitä käytettävämpi verkkosivu on. Käytettävyyden lisäksi käyttökokemukseen vaikuttaa verkkosivun tai järjestelmän visuaalisuus.

22 22 5. KÄYTETTÄVYYS Huono käytettävyys ajaa käyttäjän pois verkkosivuilta hakemaan etsimäänsä palvelua muualta. Käyttäjä siirtyy helposti pois sivustolta, jos sivustolla on huono tai käyttökelvoton navigaatio käyttäjän etsimä informaatio on epäselvästi aseteltu eikä vastaa nopeasti haettuihin kysymyksiin. Käytettävyydellä KILPAILLAAN kävijöiden suosiosta.

23 23 6. LAYOUT Useimpien verkkosivujen sommittelurakenteet koostuvat ylätunnisteesta (header), alatunnisteesta (footer) sekä navigointi- ja sisältöelementeistä. Ylätunniste sisältää tiedot sivustosta/organisaatiosta sekä hakukentän. Ylätunnisteen alapuolella on tyypillisesti sivuston päänavigointipalkki ja alanavigointipalkki. Paikallinen eli sivukohtainen navigointi sijoitetaan usein vasempaan (tai oikeaan reunaan). Sisältöelementit käsittävät suurimman alueen sivusta ja niitä voidaan jakaa moniin erilaisiin osa-alueisiin. Alatunniste sisältää usein esim. yksityiskohtaiset yhteystiedot, tekijänoikeudet ja palvelun vastuutahot. Verkkopalvelun tyypistä ja laajuudesta riippuen ei ole välttämätöntä käyttää kaikkia elementtejä. Suppeissa sivustoissa paikallinen navigointi on usein tarpeeton.

24 24

25 25 6. LAYOUT Layoutin suunnittelu Verkkosivuja suunniteltaessa kannattaa näkymä suunnitella niin, että sivun molemmille puolille jää tyhjää tilaa. Sivut kannattaa suunnitella esimerkiksi niin, että itse sivu vie näytöstä 80 % ja ympärille jää 10 % tyhjä tila. Sivut kannattaa myös palstoittaa, jotta tekstiriveistä ei tule liian pitkiä.

26 26 6. LAYOUT Layoutin suunnittelu Layoutin linjaus selaimessa a. Layout keskitetään b. Layout linjataan vasempaan reunaan c. Layout venyy selaimen ikkunan koon mukaan mukana Keskitetty layout Visuaalinen layout pystytään kontrolloimaan Tekstipalstoille pystytään määrittämään kohtuullinen leveys Pystytään hallitsemaan koko selaimen alue riippumatta siitä, kuinka leveä selaimen ikkuna on Väripalkit, värialueet, taustakuvat ja osa elementeistä ulottuu reunasta reunaan Mitä tummempi tai voimakkaampi taustaväri, sen hallitumpi kokonaisuus

27 27 6. LAYOUT Layoutin suunnittelu Vasempaan reunaan tasattu layout, Pystytään hallitsemaan tekstipalstat Layout säilyy rikkoutumattomana ja suunnitellun kaltaisena Selaimen levyinen layout Saadaan käytetyksi koko selainikkunan alue Dynaaminen: layout mukautuu selaimen mukaan, jos vain tekstiä Sivun layout ja ulkoasu voivat vaihdella selainikkunan koon muuttuessa

28 28 7. TYÖKALUJA 960 Grid System, taittopohjatyökalu Taittopohja eli grid on hyödyllinen apuväline sommittelussa. 960 Grid System on taittopohja, joka helpottaa verkkosivujen suunnittelua ja asettelua. Se on yksi kaikkien aikojen suosituimmista pohjamalleista internetsivujen suunnittelussa ja toteutuksessa. Pohjan ideana on sivun jakaminen määrätyn levyisiin palkkeihin. Palkkeja apuna käyttäen kootaan sivun rakenteen perusta ja elementit sijoitellaan sivulle.

29 29 7. TYÖKALUJA 960 Grid System, taittopohjatyökalu 960 Grid System pakottaa siihen pohjautuvat sivustot samaan kaavaan ja saattaa näin ohjata sivuston suunnittelua tiettyyn suuntaan ja rajoittaa luovuuden käyttöä suunnitteluprosessissa. Toinen työkalun heikkous on sen staattisuus ja sidonnaisuus 960 pikseliin. Kaikkien sivuelementtien koko on rajoitettu -- kokojen muuttaminen voi helposti rikkoa layoutin. Ei ole helppo työkalu.

30 30 7. TYÖKALUJA

31 31 8. WWW-SIVUN TAITTO Taitolla tarkoitetaan jonkin julkaisun esimerkiksi lehden tai nettisivun. elementtien sommittelua ja tyylittelyä haluttuun muotoon. Hyvän taiton tunnusmerkkejä ovat informatiivisuus, puhuttelevuus, mielenkiintoisuus helppolukuisuus.

32 32 8. WWW-SIVUN TAITTO Web-julkaisun taittomalleja Web-julkaisu suunnitellaan ensisijaisesti näytön ja linkkien sekä käytettävissä olevan sisällön, tekstin ja kuvien pohjalta. Web-julkaisun sivu voidaan jakaa pystysuoriin palstoihin. Tämän lisäksi sivu usein jaetaan myös vaakasuuntaisiin osiin joko ylä- tai alareunasta tai molemmista. Keskelle jäävä tila voidaan lisäksi jakaa kahteen tai kolmeen palstaan.

33 33 8. WWW-SIVUN TAITTO Web-julkaisun taittomalleja Yksinkertainen taittomalli, jossa vain pakolliset lohkot container eli koko sivun kehys, header, navigointi, sisältö. footer

34 34

35 35 8. WWW-SIVUN TAITTO Vasen palsta, jossa linkit sisäsivuille ja osastoille

36 36 8. WWW-SIVUN TAITTO Yläpalkki, jossa nimiö ja/tai linkit Lähde: Huovila: Look - visuaalista viestisi, Inforviestintä, 2006

37 37 9. KÄYTTÖLIITTYMIEN SUUNNITTELU JA TESTAUS Harjoitustyövaatimukset Harjoitukseen käytetään 1-3 päivää

38 38 9. KÄYTTÖLIITTYMIEN SUUNNITTELU JA TESTAUS Työ tehdään dokumenttipohjaan (Moodlessa) Kuvataan dokumenttipohjan asiat Heuristinen arviointi on tehty käyttötapaukset läpikäyden ja kohtuullisen kriittisesti (ei vain todettu että kohdat ok). Testisessiota varten laadituista näkymistä luodaan muutama lopullinen versio Layout - Wordpressillä tai jollain muulla työkalulla.

39 39 9. KÄYTTÖLIITTYMIEN SUUNNITTELU JA TESTAUS Tekemiseen vaaditaan 2-4 hengen ryhmiä Roolit: Moderaattori, prosessori, havainnoitsija MUODOSTAKAA ryhmät Miettikää mikä projektiaiheenne voisi olla. Ideoikaa ryhmässä Mikä on työkalu (Wordpress, Dreamweaver, Muu?) Testihenkilöinä toimivat muiden ryhmien jäsenet. HUOM! KAIKKIEN ryhmien jäsenten työpanosta tarvitaan!

40 40 9. KÄYTTÖLIITTYMIEN SUUNNITTELU JA TESTAUS KYSYKÄÄ APUA TARVITTAESSA!! Työn iloa

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004. Elina Ulpovaara

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004. Elina Ulpovaara Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004 Elina Ulpovaara Käyttäjäkeskeinen suunnittelu Tavoitteena: * käytettävyys tuotteeseen * hyvä käyttökokemus käyttäjälle tuotteen liiketoiminnalliset

Lisätiedot

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004

Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004 Helppokäyttöisen www-sivuston suunnittelu Verkkomultimedia ICT1tn004 17.8.2009 Elina Ulpovaara Käyttäjäkeskeinen suunnittelu Tavoitteena: * käytettävyys tuotteeseen * hyvä käyttökokemus käyttäjälle tuotteen

Lisätiedot

Kopseptisuunnittelu Verkkomultimedia ICT1tn004

Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Kopseptisuunnittelu Verkkomultimedia ICT1tn004 Sivustokartta Käsikirjoitus Graafinen suunnitelma Elina Ulpovaara Konseptisuunnittelu ICT1TN004 toiminnallisuus toimintatarinat -> käyttötarinat kuvatarinat

Lisätiedot

Mitä käytettävyys on? Käytettävyys verkko-opetuksessa. Miksi käytettävyys on tärkeää? Mitä käytettävyys on? Nielsen: käytettävyysheuristiikat

Mitä käytettävyys on? Käytettävyys verkko-opetuksessa. Miksi käytettävyys on tärkeää? Mitä käytettävyys on? Nielsen: käytettävyysheuristiikat Mitä käytettävyys on? Käytettävyys verkko-opetuksessa 21.8.2002 Jussi Mantere Learnability (opittavuus) Efficiency (tehokkuus) Memorability (muistettavuus) Errors prevented (virheiden tekeminen estetty)

Lisätiedot

Sami Hirvonen. Ulkoasut Media Works sivustolle

Sami Hirvonen. Ulkoasut Media Works sivustolle Metropolia ammattikorkeakoulu Mediatekniikan koulutusohjelma VBP07S Sami Hirvonen Ulkoasut Media Works sivustolle Loppuraportti 14.10.2010 Visuaalinen suunnittelu 2 Sisällys 1 Johdanto 3 2 Oppimisteknologiat

Lisätiedot

Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi

Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi Valtti Valmis tutkinto työelämävalttina, Jenni Kaisto Sisältö NÄKYMÄ SISÄÄNKIRJAUTUESSA... 1 NINGIN HALLINNOINTI JA MUOKKAUS... 3 KOJELAUTA...

Lisätiedot

Miksi tarvitsemme verkkokirjoittamisen taitoa?

Miksi tarvitsemme verkkokirjoittamisen taitoa? Verkkokirjoittaminen Luento Miksi tarvitsemme verkkokirjoittamisen taitoa? Mitä on verkkokirjoittaminen? Ennen: internet-sivujen tekeminen Nyt: blogit, wikit, sähköpostit Sosiaalisen median aikakautena

Lisätiedot

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen Kiipulan ammattiopisto Liiketalous ja tietojenkäsittely Erja Saarinen 2 Sisällysluettelo 1. Johdanto... 3 2. Hyvät internetsivut... 3 3. Kuvien koko... 4 4. Sivujen lataus... 4 5. Sivukartta... 5 6. Sisältö...

Lisätiedot

Studio ART Oy. Yritysesittely. Studio ART Oy. Kasöörintie 14 90420 Oulu p. 040-5799073 www.studioart.fi

Studio ART Oy. Yritysesittely. Studio ART Oy. Kasöörintie 14 90420 Oulu p. 040-5799073 www.studioart.fi Studio ART Oy Yritysesittely Studio ART Oy Kasöörintie 14 90420 Oulu p. 040-5799073 www.studioart.fi Pekka Klemetti Managing Director pekka.klemetti@studioart.fi Studio ART Oy Toimiala ICT Avainsana Tuotekehitys,

Lisätiedot

KOTISIVUKONE ULKOASUEDITORI

KOTISIVUKONE ULKOASUEDITORI KOTISIVUKONE ULKOASUEDITORI Kun olet luonut itsellesi kotisivut, voit aloittaa ulkoasun yksityiskohtaisemman räätälöimisen. Kotisivukone tarjoaa helppokäyttöisen ulkoasueditorin, jonka avulla saat sivujen

Lisätiedot

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu

KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu KÄYTTÖLIITTYMÄT Visuaalinen suunnittelu MUISTETTAVA Yksinkertaisuus Selkeys Johdonmukaisuus Sommittelutyyli on säilytettävä samankaltaisen koko sivustossa Sivustolle yhtenäinen ulkoasu Miellyttävä ulkonäkö

Lisätiedot

Visuaalinen käyttöliittymäanalyysi

Visuaalinen käyttöliittymäanalyysi 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

Lisätiedot

Näin rakennat mielenkiintoiset nettisivut

Näin rakennat mielenkiintoiset nettisivut Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit

Lisätiedot

WORD TYYLILLÄ. Tietohallintokeskus hannele.rajaniemi@jyu.fi. Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen

WORD TYYLILLÄ. Tietohallintokeskus hannele.rajaniemi@jyu.fi. Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen WORD TYYLILLÄ Tietohallintokeskus hannele.rajaniemi@jyu.fi Sisältö 2 h Miksi tyylit? Tyylien lisääminen: joko jälkikäteen tai etukäteen Tyylien muokkaaminen Asiakirjamallit * Sisällysluettelo otsikkotyylien

Lisätiedot

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan.

Kotisivu. Hakutoiminnon on oltava hyvin esillä lähes kaikilla kotisivuilla. Hakutoiminto on hyvä sijoittaa heti kotisivun yläosaan. Kotisivu Kotisivu on sivuston pääsivu Ensi kertaa sivustolle saapuvan käyttäjän pitäisi pystyä päättelemään sivuston tarkoitus kotisivun nähtyään. Usein lähtökohtana sivuston hierarkinen pääjaottelu, mutta

Lisätiedot

Good Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi

Good Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi Good Minton Sulkapalloliiton Kilpailujärjestelmä SEPA: Heuristinen arviointi Versiohistoria: Versio: Pvm: Laatijat: Muutokset: 0.1 2006-11-25 Janne Mäkelä Alustava 1.0 2006-12-10 Janne Mäkelä Valmis 1.

Lisätiedot

Asiakas ja tavoite. Tekninen toteutus

Asiakas ja tavoite. Tekninen toteutus Asiakas ja tavoite Heikieli on vuonna 2015 perustettu yhden hengen asiantuntijayritys, joka tarjoaa käännös- ja oikolukupalveluita englannista ja saksasta suomeksi. Freelance-kääntäjiä on Suomessa paljon,

Lisätiedot

Käyttäjäkeskeisyys verkkopalveluissa

Käyttäjäkeskeisyys verkkopalveluissa Käyttäjäkeskeisyys verkkopalveluissa JHS-keskustelutilaisuus 6. kesäkuuta 2013 Raino Vastamäki raino.vastamaki@adage.fi Käyttäjäkeskeisyys verkkopalveluissa KLO 14.45 15.15 Käytettävyys ja esteettömyys

Lisätiedot

Käytettävyys verkko-opetuksessa Jussi Mantere

Käytettävyys verkko-opetuksessa Jussi Mantere Käytettävyys verkko-opetuksessa 21.8.2002 Jussi Mantere Mitä käytettävyys on? Learnability (opittavuus) Efficiency (tehokkuus) Memorability (muistettavuus) Errors prevented (virheiden tekeminen estetty)

Lisätiedot

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

6.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ätiedot

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

Sen 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ätiedot

Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

KÄYTTÄJÄKOKEMUKSEN PERUSTEET, TIE-04100, SYKSY 2014. Käyttäjätutkimus ja käsitteellinen suunnittelu. Järjestelmän nimi. versio 1.0

KÄYTTÄJÄKOKEMUKSEN PERUSTEET, TIE-04100, SYKSY 2014. Käyttäjätutkimus ja käsitteellinen suunnittelu. Järjestelmän nimi. versio 1.0 KÄYTTÄJÄKOKEMUKSEN PERUSTEET, TIE-04100, SYKSY 2014 Käyttäjätutkimus ja käsitteellinen suunnittelu Järjestelmän nimi versio 1.0 Jakelu: Tulostettu: 201543 Samuli Hirvonen samuli.hirvonen@student.tut.fi

Lisätiedot

SeaMonkey pikaopas - 1

SeaMonkey pikaopas - 1 SeaMonkey pikaopas SeaMonkey on ilmainen ja yksinkertainen www-sivujen teko-ohjelma. Sillä on kätevää koostaa yksinkertaisia sivuja ilman, että täytyy tietää jotain HTML-koodista. Tämä opas esittelee sivuston

Lisätiedot

Kyvyt.fi eportfolion luominen

Kyvyt.fi eportfolion luominen Kyvyt.fi eportfolion luominen Portfolion tekeminen koostuu kolmesta vaiheesta: 1 Yksittäisten portfolio-sivujen luominen 2 Sivujen liittäminen yhteen sivustoksi - eportfolioksi 3 Katseluoikeuksien antaminen

Lisätiedot

Graafiset käyttöliittymät Sivunparantelu

Graafiset käyttöliittymät Sivunparantelu Graafiset käyttöliittymät Sivunparantelu Johdanto Tarkoituksenamme on parantaa Konebox.fi-verkkokaupan nettisivuja. Ensivaikutelman perusteella sivusto tuntuu todella kömpelöltä ja ahdistavalta. Sivu on

Lisätiedot

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE KOTISIVUJEN PÄIVITYSOHJE 1 SISÄLLYSLUETTELO KIRJAUDU PALVELUUN...3 KÄVIJÄSEURANTA...4 SIVUJEN PÄIVITYS...5 Sisältö...6 Sisältö / Työkalut...8 Sisältö / Taulukko...9 Sisältö / Kuvien tuominen...10 Sisältö

Lisätiedot

SoberIT Software Business and Engineering Institute T-121.110. Testaussuunnitelma paperiprototyyppi ja Kevät 2003 HELSINKI UNIVERSITY OF TECHNOLOGY

SoberIT Software Business and Engineering Institute T-121.110. Testaussuunnitelma paperiprototyyppi ja Kevät 2003 HELSINKI UNIVERSITY OF TECHNOLOGY T-121.110 Testaussuunnitelma paperiprototyyppi ja Kevät 2003 Yleistä Palautus viikolla 10 Vaiheessa palautetaan Prototyypin testaussuunnitelma Prototyypin navigaatiokartta Prototyyppi 1. Paperiprototyyppi

Lisätiedot

KÄYTETTÄVYYSTESTAUS OSANA KETTERÄÄ KEHITYSTÄ

KÄYTETTÄVYYSTESTAUS OSANA KETTERÄÄ KEHITYSTÄ KÄYTETTÄVYYSTESTAUS OSANA KETTERÄÄ KEHITYSTÄ Eeva Kangas 05.11.2015 @FixUi Oy 2013 2015 FIXUI "Autamme yrityksiä suunnittelemaan sellaisia tuotteita, joita ihmiset osaavat ja haluavat käyttää" Käyttäjätutkimukset

Lisätiedot

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry Graafinen ohjeistus Lemmikkilinnut Kaijuli ry Sisältö 1. Värit 2. Fontti 3. Logo 4. Graafiset elementit 5. Ylätunnisteen käyttö 6. Lainaukset ja nostot 7. Dokumenttipohjat Värit C 81 M 58 Y 51 K 34 R 50

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2013 Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aineisto-valikon tai Add an activity or resource valikon (Asetukset lohko Activity chooser on toiminnon ollessa päällä). Valitse

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Tiedostot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi työpöydältä raahata

Lisätiedot

KÄYTETTÄVYYDEN PERUSTEET 1,5op. Käytettävyyden arviointi paperiprototyypeillä Kirsikka Vaajakallio TaiK 18.4.2007

KÄYTETTÄVYYDEN PERUSTEET 1,5op. Käytettävyyden arviointi paperiprototyypeillä Kirsikka Vaajakallio TaiK 18.4.2007 KÄYTETTÄVYYDEN PERUSTEET 1,5op Käytettävyyden arviointi paperiprototyypeillä Kirsikka Vaajakallio TaiK 18.4.2007 1. MÄÄRITTELE 2. TUNNISTA RATKAISU 5. ARVIOI 3. MÄÄRITTELE 4. LUO Aiheena keskiviikkona

Lisätiedot

KÄYTTÖOHJE. Servia. S solutions

KÄYTTÖOHJE. Servia. S solutions KÄYTTÖOHJE Servia S solutions Versio 1.0 Servia S solutions Servia Finland Oy PL 1188 (Microkatu 1) 70211 KUOPIO puh. (017) 441 2780 info@servia.fi www.servia.fi 2001 2004 Servia Finland Oy. Kaikki oikeudet

Lisätiedot

Moodle-alueen muokkaaminen

Moodle-alueen muokkaaminen Moodle-alueen muokkaaminen Alla oleva kuva esittää Moodle-aluetta sellaisena kuin se sinulle toimitetaan:: - Etusivun näkymä koostuu sivun keskellä olevista numeroiduista osioista sekä osioiden molemmilla

Lisätiedot

Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen. Jouni Nevalainen

Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen. Jouni Nevalainen Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen Jouni Nevalainen Esityksen sisällysluettelo Työn tausta Ongelman asettelu Käsitteitä ja määritelmiä Käytetyt menetelmät Tulokset Johtopäätökset

Lisätiedot

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016 / / WordPress KÄYTTÖOHJE Sotkamo 2016 Sisältö Sisältö 1. Yleistä 2. Kirjautuminen ylläpitoon 2.1. Kirjaudu osoitteessa: http://sotkamo.valudata.fi/admin Myöhemmin: http://www.sotkamo.fi/admin 2.2 Salasana

Lisätiedot

KirjautuminenPro+ PIKA OPAS PRO+ KÄYTTÖÖN

KirjautuminenPro+ PIKA OPAS PRO+ KÄYTTÖÖN KirjautuminenPro+ 1) Ammattiliitto Pro:n sivuilla, sivun oikeassa reunassa on Pro+ jäsenille. 1) Klikkaamalla logoa, pääset kirjautumaan Pro+ sivuille. Oman profiilin julkaisu Pro+ 2) 2) Kun olet kirjautunut

Lisätiedot

Oulun yliopiston www-sivujen tekeminen

Oulun yliopiston www-sivujen tekeminen Oulun yliopiston www-sivujen tekeminen Oulun yliopiston ja sen yksiköiden www-sivuilla noudatetaan yliopiston www-politiikan peruslinjauksia sekä graafisen ohjeiston mukaista visuaalista linjaa. Yhtenäisellä

Lisätiedot

Vinkkejä Balsamiq Mock-Up työkalun käyttöön

Vinkkejä Balsamiq Mock-Up työkalun käyttöön Vinkkejä Balsamiq Mock-Up työkalun käyttöön Tämä ohje ei ole Balsamiqin yleinen käyttöohje, mutta tässä kerrotaan miten Balsamiqia tulisi käyttää silloin kun malleissa halutaan käyttää yhteisiä pohjia.

Lisätiedot

Miksi potilastietojärjestelmän käytettävyys on niin tärkeää?

Miksi potilastietojärjestelmän käytettävyys on niin tärkeää? Miksi potilastietojärjestelmän käytettävyys on niin tärkeää? Tinja Lääveri LL, sisätautien erikoislääkäri Asiakas- ja Potilastietojärjestelmän hanketoimisto APOTTI, esh projektipäällikkö APOTTI = "Terveydenhuollon

Lisätiedot

Taulukot. 2002 Päivi Vartiainen 1

Taulukot. 2002 Päivi Vartiainen 1 Taulukot Taulukon lisääminen FrontPagessa tapahtuu samalla tavoin kuin Word tekstinkäsittelyohjelmassakin. Valitse vakiotyökaluriviltä Lisää taulukko painike. Kun olet napsauttanut painikkeen alas voit

Lisätiedot

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012 Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää

Lisätiedot

VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC

VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC Markus Lappalainen KT11/P721KNrB VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC Oppimistehtävä Kulttuurituotannon ko. Toukokuu 2011 SISÄLTÖ 1 FIMIC... 1 2 VISUAALISET NÄKYMÄT... 1 3 AKTIIVISUUS

Lisätiedot

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT

MOBISITE-TYÖKALUN SISÄLTÄMÄT TOIMINNOT MOBISITE-TYÖKALU MobiSite on työkalu matkapuhelimeen soveltuvan mobiilisivuston rakentamiseen. AIMO-järjestelmän jatkuvasti päivittyvä päätelaitetunnistus tunnistaa useimmat puhelinmallit ja mukauttaa

Lisätiedot

ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013

ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013 ividays BLOG Design Elina / Tomi / Timo / Otso / 23.9.2013 1. Suunnitelma Konsepti 1. Yksinkertainen ja rento tapa välittää konkreettisempaa ja epämuodollisempaa tietoa digiviestinnän opiskelun arjesta

Lisätiedot

Suomi.fi: Asiointi ja lomakkeet osion käyttöliittymämallien käyttäjätestaus. Testaustulosten esittely

Suomi.fi: Asiointi ja lomakkeet osion käyttöliittymämallien käyttäjätestaus. Testaustulosten esittely 1 Suomi.fi: Asiointi ja lomakkeet osion käyttöliittymämallien käyttäjätestaus Testaustulosten esittely 14.1.2009 Paula Hupponen ja Tino Rossi / Steerco Oy 2 Esityksen sisältö Käyttäjätestauksen toteutus

Lisätiedot

Nimi: Opnro: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä. 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla:

Nimi: Opnro: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä. 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla: a) käytettävyys b) käyttäjäkeskeinen suunnittelu c) luonnollinen kieli

Lisätiedot

Tekstinkäsittely ja opinnäytetyö I sisällysluettelo ja sivunumerointi. Word 2007

Tekstinkäsittely ja opinnäytetyö I sisällysluettelo ja sivunumerointi. Word 2007 Tekstinkäsittely ja opinnäytetyö I sisällysluettelo ja sivunumerointi Word 2007 Perttu Suhonen 2008 Sisällysluettelo 1 Sisällysluettelon tekeminen...5 1.1 Monitasoinen numerointi...5 1.2 Otsikkotyylien

Lisätiedot

1/2016 GRAAFINEN OHJEISTO

1/2016 GRAAFINEN OHJEISTO GRAAFINEN OHJEISTO 1.1.2016 1 Sisällys 1. Tunnus... 4 2. Värit... 5 3. Suoja-alue... 6 4. Typografia... 6 5. Käyntikortti... 7 6. Lomakkeisto... 8 7. Kirjekuoret... 9 8. PowerPoint... 10 9. Ilmoittelu...

Lisätiedot

KÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS. Mitä merkitystä sillä on?

KÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS. Mitä merkitystä sillä on? PÄIVÄ 10.4.2013 Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi? 1 Mitä se on? 1/3 Tuotteen käytettävyys

Lisätiedot

Moodle-alueen muokkaaminen

Moodle-alueen muokkaaminen Moodle-alueen muokkaaminen Alla oleva kuva esittää Moodle-aluetta sellaisena kuin se sinulle toimitetaan tilattuasi alueen Opetusteknologiapalveluista: - Etusivun näkymä koostuu sivun keskellä olevista

Lisätiedot

GRAAFINEN OHJEISTUS LOGOT NENÄPÄIVÄ GRAAFINEN OHJEISTUS 2014 NENÄPÄIVÄ

GRAAFINEN OHJEISTUS LOGOT NENÄPÄIVÄ GRAAFINEN OHJEISTUS 2014 NENÄPÄIVÄ GRAAFINEN OHJEISTUS LOGOT GRAAFINEN OHJEISTUS 2014 GRAAFINEN OHJEISTUS LOGOT LOGO Nenäpäivä-tunnuksen kanssa saa leikkiä ja käyttää mielikuvitusta. Tunnukselle saa löytää uusia mitä merkityksellisempiä

Lisätiedot

Työvälineohjelmistot KSAO Liiketalous 1

Työvälineohjelmistot KSAO Liiketalous 1 KSAO Liiketalous 1 Osat Tiedosto voidaan jakaa osiin ja jokainen osa muotoilla erikseen. Osa voi olla miten pitkä tahansa, yhdestä kappaleesta kokonaiseen tiedostoon. Osanvaihto näkyy näytöllä vaakasuorana

Lisätiedot

Ohje 1 (12) Maarit Hynninen-Ojala MOODLE PIKAOHJE. Kirjautuminen Moodleen ja työtilan valitseminen

Ohje 1 (12) Maarit Hynninen-Ojala MOODLE PIKAOHJE. Kirjautuminen Moodleen ja työtilan valitseminen Ohje 1 (12) Maarit Hynninen-Ojala MOODLE PIKAOHJE Kirjautuminen Moodleen ja työtilan valitseminen 1. Verkko-osoite: http://moodle.metropolia.fi 2. Kirjautuminen: omat verkkotunnukset 3. Oma Moodlessa näkyvät

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 % Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % 80 60 % 60 50 %

Lisätiedot

Oy Karltek Ltd internet-sivujen uusiminen. Eveliina Aaltonen

Oy Karltek Ltd internet-sivujen uusiminen. Eveliina Aaltonen Oy Karltek Ltd internet-sivujen uusiminen Eveliina Aaltonen Audiovisuaalisen viestinnän ammattitutkinto Eurajoen kristillinen opisto, 2015 1 ASIAKAS JA PROJEKTI... 3 1.1 Asiakas...3 1.2 Projektin kuvaus...3

Lisätiedot

Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen

Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ohjeet Finna- julisteen PowerPoint- pohjan muokkaamiseen Ennen kuin aloitat: 1. Asenna tietokoneeseesi ilmainen Miso Regular fontti, jonka saat täältä: https://www.fontspring.com/fonts/marten- nettelbladt/miso

Lisätiedot

UpdateIT 2010: Editorin käyttöohje

UpdateIT 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ätiedot

Octo käyttöohje 1. Sisältö

Octo käyttöohje 1. Sisältö Octo käyttöohje 1 Sisältö Sisältö...1 Sisäänkirjautuminen...2 Etusivu...2 Uimarihaku...3 Uimariryhmät...4 Seurahaku...4 Kilpailutilastot...5 Ilmoittautuminen kilpailuun...6 Kilpailuun ilmoittautuminen...7

Lisätiedot

T Käyttäjäkeskeisen tuotekehityksen harjoitustyö kevät 2005

T Käyttäjäkeskeisen tuotekehityksen harjoitustyö kevät 2005 T-121.110 Käyttäjäkeskeisen tuotekehityksen harjoitustyö kevät 2005 Kurssin tavoitteet Muodostaa näkemys käyttäjäkeskeisestä tuotesuunnittelusta Kasvattaa ymmärrystä prosessin vaiheista Tutustua käyttäjäkeskeisen

Lisätiedot

Käyttäjäkeskeinen suunnittelu

Käyttäjäkeskeinen suunnittelu Käyttäjäkeskeinen suunnittelu Aapo Puskala Käytettävyystutkija, CEO User Point Oy aapo.puskala@userpoint.fi www.userpoint.fi Aapo Puskala Käytettävyystutkija, CEO +358 40 722 0706 aapo.puskala@userpoint.fi

Lisätiedot

PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE

PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE PÄIVITÄ TIETOSI OPTIMASTA! KOOSTE IT-palvelut / Hannele Rajaniemi optima-support@jyu.fi www.jyu.fi/itp/optima-ohjeet 2 Sisältö Mikä on koosteen idea? Miten saan kooste-työkalun käyttööni? Miten luon koosteen?

Lisätiedot

Tekstinkäsittelyn jatko KSAO Liiketalous 1. Osanvaihto näkyy näytöllä vaakasuorana kaksoispisteviivarivinä ja keskellä riviä lukee osanvaihdon tyyppi

Tekstinkäsittelyn jatko KSAO Liiketalous 1. Osanvaihto näkyy näytöllä vaakasuorana kaksoispisteviivarivinä ja keskellä riviä lukee osanvaihdon tyyppi KSAO Liiketalous 1 Osat Tiedosto voidaan jakaa osiin ja jokainen osa muotoilla erikseen. Osa voi olla miten pitkä tahansa, yhdestä kappaleesta kokonaiseen tiedostoon. Osanvaihto näkyy näytöllä vaakasuorana

Lisätiedot

Kirjan toteutus BoD easybook -taittotyökalun avulla

Kirjan toteutus BoD easybook -taittotyökalun avulla Kirjan toteutus BoD easybook -taittotyökalun avulla Seuraavilla sivuilla esittelemme yksityiskohtaisesti, miten voit helposti ja nopeasti yhdistää kuvia ja tekstiä easybook -taittotyökalun avulla. Edellytykset

Lisätiedot

Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla)

Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) T A M P E R E E N Y L I O P I S T O Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) Kasvatustieteiden yksikkö Kasvatustieteiden pro gradu -tutkielma NIMI NIMINEN

Lisätiedot

Arcada yrkeshögskola Hållbar utveckling v 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Arcada yrkeshögskola Hållbar utveckling v 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Arcada yrkeshögskola Hållbar utveckling v 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien Arviointialue

Lisätiedot

Moodlen lohkot. Lohkojen lisääminen: Lohkojen muokkaaminen: Tampereen yliopisto/tietohallinto 2017 Suvi Junes

Moodlen lohkot. Lohkojen lisääminen: Lohkojen muokkaaminen: Tampereen yliopisto/tietohallinto 2017 Suvi Junes Moodlen lohkot Lohkojen lisääminen: Moodlen lohkot sisältävät kurssialueen hallinnointiin liittyviä toimintoja. Kun saat uuden tyhjän kurssialueen, sen molemmilla reunoilla on valmiina muutama keskeinen

Lisätiedot

Kotimaisesta palvelusta kansainväliseen menestykseen Kehittämiskeskus Häme Oy, InFAcTo/ Pauliina Airaksinen-Aminoff 1.12.2010

Kotimaisesta palvelusta kansainväliseen menestykseen Kehittämiskeskus Häme Oy, InFAcTo/ Pauliina Airaksinen-Aminoff 1.12.2010 Kotimaisesta palvelusta kansainväliseen menestykseen Kehittämiskeskus Häme Oy, InFAcTo/ Pauliina Airaksinen-Aminoff 1.12.2010 Footer 1 Työjärjestys 1. Osallistujien esittelyt ja tavoitteet 2. Identiteettianalyysin

Lisätiedot

Aloitusopas verkkosivuston ylläpitoon

Aloitusopas verkkosivuston ylläpitoon Aloitusopas verkkosivuston ylläpitoon JPP-Soft Oy 2(13) Sisällys Tervetuloa emedia CMS verkkopalveluiden käyttäjäksi... 3 Sivuston graafinen ilme ja rakenne... 4 Sivuston ilme ja tyyli... 5 Sivupohjat...

Lisätiedot

TEKSTI JA TYPOGRAFIA LEHDESSÄ. Johdanto Arja Karhumaa

TEKSTI JA TYPOGRAFIA LEHDESSÄ. Johdanto Arja Karhumaa TEKSTI JA TYPOGRAFIA LEHDESSÄ Johdanto Arja Karhumaa TYPOGRAFIA LEHDESSÄ Kaikkein tärkein identiteetin, genren ja visuaalisen luonteen ilmaisija Monta tehtävää: 1. Kerronta Typografian tärkein tehtävä:

Lisätiedot

T Johdatus käyttäjäkeskeiseen tuotekehitykseen. suunnitteluprosessissa. Käyttäjän huomiointi. Iteroitu versio paljon kirjoitusvirheitä

T Johdatus käyttäjäkeskeiseen tuotekehitykseen. suunnitteluprosessissa. Käyttäjän huomiointi. Iteroitu versio paljon kirjoitusvirheitä Käyttäjäkeskeinen suunnittelu Käyttäjän huomiointi suunnitteluprosessissa Iteroitu versio 1.1 muutettu klo12.10 - paljon kirjoitusvirheitä Käyttäjäkeskeinen suunnittelu Perusidea: käyttäjät huomioidaan

Lisätiedot

Ylläpitoalue - Etusivu

Yllä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

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE JULKAISUJÄRJESTELMÄÄN KIRJAUTUMINEN. Osoitekenttään kirjoitetaan www.domain.fi/admin. Kirjoita käyttäjätunnus: xxxxxx. Salasana:

Lisätiedot

ejuttu ohjeet kuinka sitä käytetään.

ejuttu ohjeet kuinka sitä käytetään. ejuttu ohjeet kuinka sitä käytetään. 1. Artikkelin lisääminen a. Kirjaudu sisään b. Lisää sisältöä c. Artikkeli i. Lisää pääkuva 1. Pääkuvalle kuvateksti ii. Anna artikkelille otsikko iii. Ingressi-kenttään

Lisätiedot

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla BLOGGER ohjeita blogin pitämiseen Googlen Bloggerilla Sisältö Blogin luominen... 1 Uuden blogitekstin kirjoittaminen... 4 Kuvan lisääminen blogitekstiin... 5 Lisää kuva omalta koneelta... 6 Lisää kuva

Lisätiedot

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko Sisällys Sisällys 1. Esipuhe Teksti 2. Liikemerkki ja värit eri käyttötilanteissa 2.1 Esimerkkejä liikemerkin käytöstä eri taustoissa 3. Liikemerkin mitat ja suoja-alue 4. Logo ja liikemerkki 5. Slogan

Lisätiedot

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.

1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1. 1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo

Lisätiedot

Uutiskirjesovelluksen käyttöohje

Uutiskirjesovelluksen 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ätiedot

Käytettävyyslaatumallin rakentaminen verkkosivustolle

Käytettävyyslaatumallin rakentaminen verkkosivustolle Käytettävyyslaatumallin rakentaminen verkkosivustolle Tapaus kirjoittajan ABC-kortti Oulun yliopisto tietojenkäsittelytieteiden laitos pro gradu -tutkielma Timo Laapotti 9.6.2005 Esityksen sisältö Kirjoittajan

Lisätiedot

Maanmittauslaitos.fi ja saavutettavuus

Maanmittauslaitos.fi ja saavutettavuus 1 Maanmittauslaitos.fi ja saavutettavuus Miten saavutettavuus otetaan huomioon verkkosivu-uudistuksessa ja sen jälkeen Johanna Ujainen 16.11.2017, #saavuta2017-seminaari 2 Maanmittauslaitos Maa- ja metsätalousministeriön

Lisätiedot

206 Verkkosivun tuottaminen finaalitehtävät

206 Verkkosivun tuottaminen finaalitehtävät TAITAJA2013 Finaalitehtävä 1 (6) 206 Verkkosivun tuottaminen finaalitehtävät YLEISTÄ -lajin finaalitehtävissä kilpailijat päivittävät ennakkoon julkaistuna finaalitehtävänä olleen Ekoripe tmi luontoyrittäjän

Lisätiedot

25.3.2014 Juha Sjöblom Taideyliopiston ensimmäinen yhteinen intranet, Artsi

25.3.2014 Juha Sjöblom Taideyliopiston ensimmäinen yhteinen intranet, Artsi Taideyliopiston ensimmäinen yhteinen intranet, Artsi Juha Sjöblom Yliopistojen intrapäivä 25.3.2014 Eri organisaatiokulttuurien yhdistymisen haasteet Intranet ja yhdistymisen haasteet Taideyliopiston opiskelijat

Lisätiedot

Veistämö Knaapi. Projektidokumentaatio

Veistämö Knaapi. Projektidokumentaatio Veistämö Knaapi Projektidokumentaatio 2015 1 Sisällysluettelo 1 Esittely... 3 1.1 Idea/Tarve... 3 1.2 Synopsis/ Projektin kuvaus... 3 1.3 Aikataulutus ja kustannusarvio... 4 2 Suunnittelu... 6 2.1 Banneri

Lisätiedot

Fiksumpi käyttöliittymä kuntaan. Miten kuntien tietojärjestelmät saadaan palvelemaan kuntalaisia? LapIT-päivät 2015

Fiksumpi käyttöliittymä kuntaan. Miten kuntien tietojärjestelmät saadaan palvelemaan kuntalaisia? LapIT-päivät 2015 Fiksumpi käyttöliittymä kuntaan Miten kuntien tietojärjestelmät saadaan palvelemaan kuntalaisia? LapIT-päivät 2015 Otso Kivekäs 20.8.2015 Otso Kivekäs+ Codento Kehittämispäällikkö, kunta-alan projektit

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 6/8: Navigoinnin tukeminen Edellinen

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut 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ätiedot

Suomen virtuaaliammattikorkeakoulu Villan keritseminen, karstaus ja kehrääminen v.0.5 > 80 % % % < 50 %

Suomen virtuaaliammattikorkeakoulu Villan keritseminen, karstaus ja kehrääminen v.0.5 > 80 % % % < 50 % Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Villan keritseminen, karstaus ja kehrääminen v.0.5 > 80 % 80 60 % 60 50 %

Lisätiedot

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti: HENKILÖKORTTIEN SUUNNITTELUSOVELLUS SOVELLUKSEN KÄYTTÖOHJE Voit kokeilla korttien suunnittelemista valmiiden korttipohjien avulla ilman rekisteröitymistä. Rekisteröityminen vaaditaan vasta, kun olet valmis

Lisätiedot

Ohjeita informaation saavutettavuuteen

Ohjeita informaation saavutettavuuteen Ohjeita informaation saavutettavuuteen Tarkoitus Kasvattaa tietoisuutta ja lisätä esteettömän informaation aiheen näkyvyyttä ja sen merkitystä elinikäisen tasapuolisen oppimisen mahdollisuuksista Tukea

Lisätiedot

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi

VINKKEJÄ CV-NETIN KÄYTTÖÖN. www.te-palvelut.fi VINKKEJÄ CV-NETIN KÄYTTÖÖN www.te-palvelut.fi TE-toimiston verkkoasiointiin pääset kirjautumaan www.te-palvelut.fi Oma asiointi Henkilöasiakas Kirjaudu sisään verkkopankkitunnuksilla ja hyväksy käyttöehdot

Lisätiedot

Sisällysluettelo. Logon suoja-alue...2. Logot...3. Värit...5. Typografia...6. Julisteet...8. Kisapassi...9. Paidat Käsiohjelma & Web layout...

Sisällysluettelo. Logon suoja-alue...2. Logot...3. Värit...5. Typografia...6. Julisteet...8. Kisapassi...9. Paidat Käsiohjelma & Web layout... Graafinen ohjeisto: Ohjeiston tarkoitus on auttaa Squash:in Euroopan mestaruuskisojen graafisen ilmeen hallinnassa. Sisällysluettelo Logon suoja-alue...2 Logot...3 Värit...5 Typografia...6 Julisteet...8

Lisätiedot

Mikä on WordPress? itse ylläpidettävä (self-hosted) WordPress.com: ilmainen 3. osapuolen ylläpitämä pilvipalvelu (Cloud-hosted)

Mikä on WordPress? itse ylläpidettävä (self-hosted) WordPress.com: ilmainen 3. osapuolen ylläpitämä pilvipalvelu (Cloud-hosted) WordPress.com Mikä on WordPress? Tällä hetkellä maailman suosituin ns. julkaisujärjestelmä (CMS) Rakennettu blogialustaksi, nykyään myös muussa käytössä ilmainen ns. avoimen lähdekoodin julkaisujärjestelmä

Lisätiedot

Oppilaan opas. Visuaaliviestinnän Instituutti VVI Oy. Versio 0.2 (2008-01-21)

Oppilaan opas. Visuaaliviestinnän Instituutti VVI Oy. Versio 0.2 (2008-01-21) Oppilaan opas Visuaaliviestinnän Instituutti VVI Oy Versio 0.2 (2008-01-21) Versio Päivämäärä Kuvaus 0.1 2005-01-16 Ensimmäinen versio. 0.2 2008-01-21 Korjattu kuvatiedostojen maksimiresoluutio ja muutamia

Lisätiedot

1 Yleistä Kooste-objektista... 3. 1.1 Käyttöönotto... 3. 2 Kooste-objektin luominen... 4. 3 Sisällön lisääminen Kooste objektiin... 4. 3.1 Sivut...

1 Yleistä Kooste-objektista... 3. 1.1 Käyttöönotto... 3. 2 Kooste-objektin luominen... 4. 3 Sisällön lisääminen Kooste objektiin... 4. 3.1 Sivut... Kooste 2 Optima Kooste-ohje Sisällysluettelo 1 Yleistä Kooste-objektista... 3 1.1 Käyttöönotto... 3 2 Kooste-objektin luominen... 4 3 Sisällön lisääminen Kooste objektiin... 4 3.1 Sivut... 5 3.2 Sisältölohkot...

Lisätiedot

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014 Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aktiviteetti tai aineisto - linkin. Valitse linkin takaa avautuvasta listasta, millaisen aineiston haluat alueelle tuoda, ja paina

Lisätiedot

H5P-työkalut Moodlessa

H5P-työkalut Moodlessa H5P-työkalut Moodlessa 1. H5P-työkalujen käyttöönotto Moodlessa Tampereen yliopisto/tietohallinto 2017 Emma Hanhiniemi 1. Klikkaa Moodlen muokkausnäkymässä Lisää aktiviteetti tai aineisto -linkkiä. 2.

Lisätiedot

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE 1. SISÄÄN KIRJAUTUMINEN Sisään kirjautuminen VerkkoVelho-ylläpitotyökaluun tapahtuu yrityksesi osoitteessa www.omaosoitteesi.fi/yllapito, esim. www.verkkovelho.fi/yllapito.

Lisätiedot