GRAAFISET WWW-KÄYTTÖLIITTYMÄT

Koko: px
Aloita esitys sivulta:

Download "GRAAFISET WWW-KÄYTTÖLIITTYMÄT"

Transkriptio

1 GRAAFISET WWW-KÄYTTÖLIITTYMÄT kun eksperimentalismi kohtaa konventiot Sami Niemelä Verkkomedian ko. Taiteen ja Viestinnän osasto sivu 1

2 SISÄLLYSLUETTELO 0. JOHDANTO I. TAUSTAA a) Graa sen käyttöliittymän lyhyt historia. b) Mitä ovat käyttöliittymä ja käytettävyys c) konventiot ja standardit vs kokeellinen design II. ESIMERKKICASET a) Iltalehti Online ; b) Helsingin Sanomat; b) International Herald Tribune; www. iht.com d) Praystation.com e) Antarcti.ca / map.net III. TULEVAISUUS IV. YHTEENVETO V. Lähteet sivu 2

3 0 JOHDANTO Tarkoitukseni on tarkastella aktiivisesti päivittyvien verkkojulkaisujen käyttöliittymiä ja niiden konventioita; tästä pohtia onko konventioiden seuraaminen ehdotonta vai voidaanko kokeellisempi käyttöliittymä myydä käyttäjälle intuitiivisen käytön ja luonnollisen dialogin kautta. Aiheen rajauksen takia jätän tietoisesti ulkopuolelle ei-graa seen ilmaisuun painottuvat (esimerkiksi ääni-) käyttöliittymät. Vastakkainasettelu ns. perinteisen ja kokeellisen käyttöliittymän välillä on tietoisesti korostunut, koska koen että www-ympäristöön toteutettu graa nen käyttöliittymä ei ole lähelläkään optimia, päinvastoin. Yhteysnopeuksien kasvu mahdollistaa entistä interaktiivisempienkäyttöliittymien toteutuksen, miksi siis jäädä polkemaan paikoilleen alle 20-vuotisen historian omaavaan gra seen mac-käyttöliittymään. Ensimmäisenä käsittelen perusasiat ja termit, jotka usein sivuutetaan / unohdetaan liian itsestäänselvinä ja joiden läpikäymisestä uskon olevan hyötyä kaikille jotka suunnittelevat wwwpalveluita. Tarkastelun alla ovat myös ns. perinteiset näkökulmat, jotka erityisesti korostavat konventioiden käyttöä ja yhdenmukaisuutta jopa eri palveluiden välillä. Tässä käyn myös hieman läpi eri auktoriteettien, mm. Jakob Nielsenin väittämiä tästä hetkestä sekä tulevaisuudesta. Tämä siksi, että näen välttämättömäksi hieman pohjustaa pohdintani mahdollisuuksista ja uusien tekniikoiden käytöstä. Sillä nykypäivänä on suhteellisen mahdotonta keskustella ja pohtia aihetta ilman, että Jakob Nielsenin kirjoituksiin viitattaisiin.toiseksi pohdin hieman asioiden nykytilaa, ja sitä, miten tästä voisi edetä sekä miten alati laajeneva päätelaitteiden skaala vaikuttaa. Kolmannessa osiossa teen konkreetista tutkimusta siitä, missä tällä hetkellä, maaliskussa 2001 mennään. Mukana on 5 esimerkkicasea erityylisistä ratkaisuista, alkaen Iltalehti. :n tabloid-jäljittelystä, International Herald Tribunen dhtml-toteutuksen kautta Praystation.comin sekä Wireframen kaltaisiin kokeellisiin käyttöliittymiiin joissa on lähdetty toteuttamaan kokonaan omia polkuja. Näitä analysoimalla tarkastelen mitä hyviä ja huonoja puolia, ja erityisesti sitä, miten nämä kaksi näennäistä ääripäätä voisi hyötyä toisistaan, erityisesti miten uskaliaampaa interaktion ja intuitiivisuuden yhdistelmää voitaisiin hyödyntää ns. jokamiehen palveluiden suunnittelussa. Avainsanat; Käytettävyys, www, eksperimentalismi, käyttöliittymä, ash. sivu 3

4 I TAUSTAA a) Graa sen käyttöliittymän lyhyt historia Graa nen käyttöliittymä eli GUI itsessään on suhteellisen nuori keksintö; sen juuret toki ulottuvat 1950-luvulle. Tällöin muodostettiin idea graa sesta käyttöliittymästä, joka kuitenkan ei konkretisoitunut ennen kuin 1973, kun Xerox julkaisisi Alton, ensimmäisen tietokoneen jossa oli graa nen käyttöliittymä. Kaupallinen hyödyntäminen alkoi 1980-luvun taitteessa, kun Three Rivers Corporation esitteli Perq-työaseman 1980, ja Xerox Alton kaupallisen seuraajan Starin Lopullinen lähtölaukaus annettiin 1983, kun Apple esitteli Lisan, jossa oli ensimmäistä kertaa käytössä mm. alasvetovalikot sekä menupalkit. saman vuonna Microsoft esitteli Windowsin ensimmäisen version, jota ei kuitenkaan julkaistu kuin vasta vuonna Apple julkaisi ensimmäisen Macintoshin, graa sen käyttöliittymän suunnilleen sellaisena kuin sen tänään tunnemme ja 1987 Apple II:n, esimmäisen värillisen käyttöliittymänsä. Samana vuonna julkaistiin Window 2.03, jossa oli ominaisuuksina mm. päällekkäinen ikkunointi sekä ikkunoiden koon muutettavuus. Tällöin GUI:n voidaan sanoa saaneen perusmuotonsa, ja nämä perusasiat ovat pysyneet suht samana tähän päivään asti. Yllättävää kyllä, jopa Jakob Nielsen toteaa kirjassaan GUI = Graphical User Interface, Graa nen käyttöliittymä sivu 4

5 b Mitä ovat käyttöliitymä ja käytettävyys? kuva 1; Käytettävyys Jakob Nielsenin mukaan, suom. Samu Mielonen Yleisellä tasolla käyttöliittymä on fyysinen osa jotain järjestelmää. Käyttöliittymä on se miltä WWW-sivu näyttää, miten linkki erottuu leipätekstistä, mitä painikkeita on esimerkiksi videon paneelissa ja millainen kahva on IC-junan vessan ovessa. Käytettävyys taasen on käyttäjän ja järjestelmän suhteessa. Se on mm. sitä miten käyttäjä löytää haluamansa asian WWW-sivulta, ajastettua videon tai osaako hän käyttää junan vessaa, lukita sen oven jne. Mitä moninaisemmat laitteet ja järjestelmät kuuluvat erottamattomana osana nyky-yhteiskuntaan, ja niinpä voidankin sanoa että (yleisellä tasolla) käytettävyys on tärkeä osa yhteiskuntaa. Käytettävyys ei mittaa ainoastaan hyötysovelluksia vaan mitä tahansa vuorovaikutteista järjestemää, kuvaten koko käytössä olevan systeemin potentiaalista hyötyä ja kattaen käytön eri aspektit asennuksesta lähtien. Käytettävyys ei siis ole laisinkaan pienessä asemassa vaan voisi sanoa että se on ihmisten käyttämien systeemien olennaisin tekijä. Terminologiaa ei kuitenkaan pidä sotkea funktionaaliseen soveltuvuuteen, joka mittaa voiko systeemi teoriassa edes vastata tietyn tehtävän haasteisiin käytettävyyden ottaessa kantaa siihen kuinka näitä toiminnallisuuksia voidaan oikeasti hyödyntää käyttäjän kannalta. Yleisen käytettävyystukimuksen peruspilarina onkin olettamus Hyödyllisyys = käytettävyys + funktionaalinen soveltuvuus. Muita käytetävyystutkimuksessa kättettäviä mittausperusteita ovat esimerkiksi Opittavuus; kuinka nopeasti uusi systeemi on omaksuttavissa ja kuinka nopeasti käyttäjä voi saavuttaa konkreetista hyötyä ja tuloksia sen avulla. KO. tuloksia voivat olla esimerkiksi työ, oppiminen sekä nautinto. Tehokkuus; kuinka pienellä työmäärällä käyttäjä saa aikaan madollisimman paljon tavoiteltua tulosta. Muistettavuus; kuinka helposti systeemi on muistettavissa virheittä ilman jatkuvaa käyttöä. Intuitiivisuus; kuinka luonnollisesti systeemi on käytettävissä. Sidoksissa vanhavsti konventioihin sekä kulttuurisidonnaisiin konteksteihin. Virheiden määrä; osittain kahden edellisen summa. Mittaa määrän lisäksi myös niiden kriittisyyttä. Tyytyväisyys eli subjektiivinen miellyttävyys; käyttäjän omakohtaista tyytyväisyyttä ja mielihyvää systeemin käytöstä. Voi olla useampien eri osatekijöiden summa. Näihin kuuluvat esimerkiksi elämyksellisyys, estettisyys, toimintamalli, sekä haasteellisuus. Myös vahvasti sidoksissa intuitiivisuuteen. sivu 5

6 Www-ympäristössä käyttöliittymä on pieni, mutta tärkeä osa suurempaa kokonaisuutta. Käyttöliittymä on konkretisoituna graa nen esitys, jonka tarkoitus on mm. auttaa käyttäjää navigoimaan sivustolla, ja tarjota eräänlainen tarttumapinta sivuston sisältöön. Muita tarkoituksia voi olla elämyksien herättäminen sekä käyttäjän johdattelu, varsinkin kokeellisimmissa tapauksissa. Käyttöliittymän kaksi oleellisinta ulottuvuutta ovat ulkonäkö ja käyttötuntuma, look and feel. Käytettävyys www-ympäristössä Yleisten käytettävyystekijöiden lisäksi verkkopalveluissa on erityistekijöitä, jotka vaihtelevat suuresti käyttösovelluksen, tavan ja käyttäjän mukaan. Samu Mielonen on eritellyt nämä seuraavasti; Luettavuus: tekstityyppi, taitto(sis. rivit, palstat, värit), henkilökohtaiset asetukset selaimessa Navigoitavuus: Käyttäjälle tehdään selväksi missä hän on, minne menossa, mihin voi mennä ja tämän myötä annetaan vastaukset kysymyksiin kuten Missä olen, mihin voin mennä, onko oikea suunta, olenko perillä. Haettavuus l. löydettävyys: selaus, hakusanat, tulosten esitys, tarkennus = oma käytettävyysongelmansa Skaalautuvuus: palvelin, eri selain-, käyttöjärjestelmä-, näyttölaite-, virtuaalikone- ja laajennussopivuus Nopeus: palvelin, ensiorientointi, teksti/kuvat, sivu, kokonaisuus ja subj. aikakäsitys (onko vaivan arvoista, Mitä tämä antaa minulle ) Interaktiot: dialogi käyttäjän kanssa, palautteet käyttäjän tekoihin, onko vasteaika tarpeeksi/ striimi, erikoistunut/pakattu, koodattu/selitetty Vakaus: palvelin, yhteys, laajennus ja taustakoneisto Muunneltavuus: web <> WYSIWYG, yleiskäyttöisyys ja omat asetukset Sisältösoveltuvuus: onko sisältö erotettu käyttöliittymästä vai ovatko nämä kaksi suunnitteltu yhdessä? Näistä painotetaan yhä enenevämmissä määrin erityisesti interaktioiden osuutta. Enää pelkkä sisältö ei riitä, vaan intuitio näyttelee yhä tärkeämää osaa käyttökokemuksessa. Osa nykyisistä käyttöliittymän peruskonventioista on seurausta huonosta suunnittelusta. Tästä esimerkkinä ruudun vasemmassa laidassa oleva navigointipalkki; Jakob Nielsen kommentoi tätä sivu 6

7 c) konventiot ja standardit vs kokeellinen design Viimeisen parin vuoden aikana tekniikat kuten Flash ja Dynaaminen html ovat mahdollistaneet kokeellisempien käyttöliittymien toteutuksen www-ympäristössä. Käytettävyyden kiistelty guru Jakob Nielsen on todennut asiaan liittyen kolumnissaan Flash 99% Bad että nämä, mahdollistavat webin perusteiden rikkomisen, kohdistaen syytöksensä erityisesti ashiin. Artikkelissaan(x) Flash 99% Bad Nielsen siis väittää Flash-sivutojen olevan 99-prosenttisesti käyttökelvottomia ja huonoja. Tätä väitettään hän perustelee tuoden esiin useita epäkohtia jotka sotivat hänen periaatteitaan(x) vastaan. Hänen esilletuomiaan epäkohtia ovat mm. Flash-introt, epästandardit käyttöliittymäelementit, sivun käyttäjällä olevan kontrollin vähentäminen. Osa Nielsenin väittämistä, kuten etsintä-toiminnon puuttuminen, johtuu suoranaisesti Flashin teknisistä heikkouksista, mutta osa on selkeästi räikeitä yleistyksiä vailla pohjaa, kuten esimerkiksi väite usein päivittyvän sisällön puuttumisesta. Tämä ongelmahan ei johdu välineestä vaan sen käyttäjästä eli sivun ylläpitäjästä. Nielsen jättää myös täysin huomioimatta faktat, että a) Flash-sovelluksiin on saatavilla palvelinpään ratkaisuja, kuten esimerkiksi Macromedian oma Generator jonka avulla voidaan sisältö ja esitys erottaa toisistaan sekä b) Flash-ohjelmiston versio 5 mahdollistaa jo sisnäällään ulkopuolisten tiedostojen ja sovellusten kuten esimerkiksi tekstitiedostot ja tietokannat, linkityksen ash-sivustoon.lienee siis sanomattakin selvää, että aihepiiriä tutkiessa kannattaa herra Nielsenin kirjoituksiin ja mielipiteisiin suhteutua vähintäänkin varauksella. Perinteinen käytöliittymäsuunnittelu hojaa hyvin vahvasti tieteelliseen tutkimukseen, joka taasen pohjautuu hyvinkin pitkälti perinteisen graa sen mac-käyttöliittymän käytön myötä muodostuneiden konventioiden tutkimiseen ja analysointiin. Perustat tälle on toki luotu jo aikaisemmin Xeroxin PARCia suunitellessa, ja testatessa, mutta suurempi ei-ammattilaisiin pohjaava tutkimus tuli mahdolliseksi vasta Macintosheiden myötä, graa sen käyttöliittymän ulottuessa tavallisen kuluttajan saataville. Tästä nostaisinkin esii ajatuksen, että graa nen käyttöliittymä ei varmastikaan ole optimoitu huippuunsa, esimerkiksi animaatioita on käytetty varsin vähäisesti käytön ja palautteisen havainnollistamiseen ennenkuin vasta lähiaikina Macromedia Flash (http://www.macromedia.com/software/ ash/); vektoripohjainen tekniikka, joka mahdollistaa animoidun ja interaktiivisen sisällön katselun www-selaimessa erillisen pluginin avulla. sivu 7

8 II ESIMERKKICASET Tarkoitus on tutkia usein päivittyvän sisällön julkaisua wepissä esimerkkien avulla. Nämä caset havainnollistetaan ruutukaappauksien ja vuokavioiden avulla. Kaavioilla havainnollistan käyttöliittymän interaktioita sekä loogisuutta, ja sitä miten helposti asiat ovat löydettävissä. Esimerkkicasena meillä on yhden päivän pääartikkelin löytäminen.mukana on myös kaksi esimerkkiä kokeellisimmista käyttöliittymistä, joiden tavassa toteuttaa käyttöliittymä näkisin olevan ehkä annettavaa myös tavalliselle kuluttajalle. Kaikki kolme esimerkkilehteä ovat peruskohderyhmältään samansuuntaisia; tarkoitettu päivittäisistä uutisista kiinnostuneille. Kaikilla on myös paperiversio rinnallaan. Tarkempi kohderyhmä on hyvinkin erilainen, IHT:n pro loituessa omien sanojensa mukaan kansainväliselle bisneskäyttäjille sekä mielipidejohtajille kun taas Iltalehti on selkeästi jokamiehen iltapäivälehti, missä Helsingin Sanomat yrittää seurata paperisen isoveljensä mainetta valtakunnan ykköslehtenä. Näistä kolmesta Iltalehti on säilynyt perusilmeeltään samantyylisenä melkein koko olemassaolonsa ajan, ja viimeinen ulkoasupäiitys on julkistettu yli vuosi sitten. Helsingin Sanomat kävi perusteellisen kasvojenkohotuksen läpi muutam kuukaui sitten ja IHT muutama kuukausi sitten. Tämä lisää vertailuun oman mausteensa, miten lehtien käyttämät metaforat eroavat toisistaan ja miten ne voisi ehkä sovittaa yhteen? Testin tarkoitus on yksinkertainen; ideana on valita yksi päivän pääuutisista ja ottaa selvää monellako askeleella tämä saavutetaan. Tämä kertoo onko rakenne looginen ja riittävän matala ja siten helppokäyttöinen. Samalla otetaan huomioon onko sivustolla tarjota lisätoimintoja käyttäjälle, joka mahdollisesti myös palaa sivustolle. Iltalehti Online ; Iltalehti Online luottaa ulkoasussaan hyvin pitkälle perinteiseen sanomalehti-metaforaan, jopa verkkolehti on pelkistetyssä ulkoasussaan rakennettu seitsemän lööpin varaan, eli sivut ovat siis lööpinomaisia sivuja joissa ylhäällä on navigointipalkki sekä mainoksia. Kaikki osastot ovat samanarvoisia navigoinnissa, ja etusivulle tullaan kirjautumisen kautta. sivu 8

9 Oletetaan siis, että käyttäjä on kiinnostunut jostain pääuutisesta ja haluaa löytää sen mahdollisimman nopeasti. Tässä tapauksessa ko. uutinen on lööpissä ollut 17-vuotiaan tytön tapaturma. Monellako klikkauksella hän sinne pääsee? Iltalehdessä tähän on kaksi eri reittiä: joko suoraan lööpistä tai ylävalikon kautta siirtyen ensiksi Uutiset -menun kautta ko. alaosion lööppiin, josta klikkaamalla pääsee itse juttuun. Rakenne on siis suhteellisen looginen, vaikkakin sivulta puuttuu navigointi polku siihen, missä tällä hetkellä ollaan. Ainoa asia mitä käyttäjä näkee on korostettu pääosion valinta, missä ollaan. + Helppo ja matala rakenne Tuttu metafora, tavallisen käyttäjän helposti omaksuttavissa - Ei tarjoa juurikaan mahdollisuutta syvempään rakenteeseen. Rakennetta muutettaessa joudutaan turvautumaan muihin ratkaisuihin hakemistopuuta laajennettaessa. Rakenteellinen hakemistopolku puuttuu; käyttäjällä ei tarkkaa varmuutta sijainnistaan. sivu 9

10 Helsingin Sanomat; Helsingin Sanomat on hieman teksnisemmin toteutettu kuin Iltalehti, ehkä yllättävänkin tekninen ollakseen ison mediatalon laajalle yleisölle suunnattu julkaisu. Käyttöliittymässä käytetään hyväksi javascriptillä toteutettuja alasvetovalikoita, joista käyttäjä voi siirtyä suoraan haluamaansa osioon. Käytännössä matka juttuun on sama kuin Iltalehdessäkin, mutta käyttäjälle tarjotaan enemmän informaatiota rakenteesta ja sijainnista. Tässä auttavat sekä alasvetovalikot että mukana seuraava navigointipalkki. Tämä on tärkeä osa lehteä, sillä se tekee käyttäjän olon kotoisaksi missä kohtaa lehteä tahansa ja samalla kertoo käyttäjälle hänen sijaintinsa. Hakemistopolun mukanaolo auttaatässä erityisesti. Hakemistopolku + Selkeä ja intuitiivinen käyttöliittymä. Rakenne skaalattava, uusien osioiden lisäys ja poisto onnistuu helposti. - Tekniset ratkaisut, mukana seuraava navigointipalkki ehkä vaatii hieman opettelua alkuun. sivu 10

11 International Herald Tribune; www. iht.com Kolmas esimerkkicase on International Herald Tribune, The World s Daily News, mielipidejohtajille ja kansainvälisille bisnesihmisille pro loitunut lehti, joka omien sanojensa mukaan toimii sudattimena valtavssta informaatiotulvasta kohderyhmälleen. Koslehti on tarkkan pro loitu, ei ole yllättävää että lehti on ottanut tietoisesti askeleen eteenpäin myös www-sivustollaan. Netscape 4.x-versioisen selaimen käyttäjälle tarjotaan vajavaista versiota ja tämä myös kerrotaan samalla kun suositellan selaimen pävittämistä asiaankuuluvaan versioon. Heti etusivulla käy ilmi että kyseessä on hieman tavallisuudesta poikkeavasti toteutettu sivusto; vasemmassa sivupalkissa on optio josta voit valita itsellesi joko pörssikurssit, tuoreimmat uutiset tai sään sivu 11

12 III tulevaisuus; mitä vaatimuksia sisällölle ja tekniikalle? Tulevaisuudessa päätelaitteiden skaala tulee eittämättä kasvamaan entisestään. sivu 12

13 IV summa summarum sivu 13

14 V lähteet Kirjalliset: Nielsen, Jakob: Designing Web Usability New Riders Julkaistu 10/1999 Sähköiset: Flazoom.com/ Chris MacGregor: Flash 99% Proof. Julk azoom.com/news/99proof_ shtml Merges.net/ Alan Barker: Pliant response for websites julk Useit.com Alertbox/Jakob Nielsen: Flash 99% bad Julk Multimedia Guidelines of the Web Julk. Joulukuussa Top ten web design mistakes Julk. toukokuussa Top ten new mistakes of web design julk When Bad Design becomes a Standard, julk Graphical User Interface Timeline sivu 14

GRAAFISET WWW-KÄYTTÖLIITTYMÄT

GRAAFISET WWW-KÄYTTÖLIITTYMÄT GRAAFISET WWW-KÄYTTÖLIITTYMÄT kun eksperimentalismi kohtaa konventiot Sami Niemelä Verkkomedian ko. Taiteen ja Viestinnän osasto sivu 1 SISÄLLYSLUETTELO 0. JOHDANTO I. TAUSTAA a) Graa sen käyttöliittymän

Lisätiedot

GRAAFISET WWW-KÄYTTÖLIITTYMÄT

GRAAFISET WWW-KÄYTTÖLIITTYMÄT GRAAFISET WWW-KÄYTTÖLIITTYMÄT kun kokeellisuus kohtaa konventiot Proseminaaritutkielma Sami Niemelä Verkkomedian koulutusohjelma Taiteen ja Viestinnän osasto Tampereen Ammattikorkeakoulu Copyright 2001

Lisätiedot

GRAAFISET WWW-KÄYTTÖLIITTYMÄT

GRAAFISET WWW-KÄYTTÖLIITTYMÄT GRAAFISET WWW-KÄYTTÖLIITTYMÄT kun kokeellisuus kohtaa konventiot Sami Niemelä Verkkomedian ko. Taiteen ja Viestinnän osasto sivu 1 SISÄLLYSLUETTELO 0. JOHDANTO I. TAUSTAA 1.1. Graa sen käyttöliittymän

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

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

Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Oulun ja Pohjois Karjalan ammattikorkeakoulu Virtuaalivasikan kasvatuspeli v. 0.5 > 80 % 80 60 % 60 50 % < 50

Lisätiedot

- Flash on ennen muuta multimedian koosto-ohjelma, jossa muista ohjelmista tuodut mediaelementit voidaan yhdistää ja linkittää toisiinsa.

- Flash on ennen muuta multimedian koosto-ohjelma, jossa muista ohjelmista tuodut mediaelementit voidaan yhdistää ja linkittää toisiinsa. Tievie-seminaari : Teknologinen muutos Jyväskylä 12.8.2004 FLASH - miksi ja mihin tarkoitukseen Mika Sihvonen mika.sihvonen@uta.fi 1. Flash-tekniikan perusteet - Tuottajan näkökulmasta - Flash on Macromedia

Lisätiedot

Rakennusautomaation käytettävyys. Rakennusautomaatioseminaari 30.5.2013 Sami Karjalainen, VTT

Rakennusautomaation käytettävyys. Rakennusautomaatioseminaari 30.5.2013 Sami Karjalainen, VTT Rakennusautomaation käytettävyys Rakennusautomaatioseminaari 30.5.2013 Sami Karjalainen, VTT 2 Oma tausta Perusinsinööri DI, lvi-tekniikka, TKK 1993 Herääminen käytettävyysasioihin noin 2002 Tekniikan

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

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

Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja.

Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja. RUUTU DYNAAMINEN SPOTTI TEKNISET OHJEET Versio 1.0 Yleistä Tavallisen videomainoksen sijasta Ruudussa voidaan mainostauolla esittää dynaamisia spotteja. Dynaamiset spotit ovat flash mainoksia, jotka mahdollistavat

Lisätiedot

VirtuaaliAMK Työasemakäyttöliittymien suunnittelu > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

VirtuaaliAMK Työasemakäyttöliittymien suunnittelu > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain VirtuaaliAMK Työasemakäyttöliittymien suunnittelu > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

Lisätiedot

MIIKKA VUORINEN, SANTERI TUOMINEN, TONI KAUPPINEN MAT-81100 Verkkopalvelun laadukkuus ja arviointi

MIIKKA VUORINEN, SANTERI TUOMINEN, TONI KAUPPINEN MAT-81100 Verkkopalvelun laadukkuus ja arviointi AMPPARIT.COM VERKKOPALVELUN ARVIOINTISUUNNITELMA RYHMÄ VUTUKA MIIKKA VUORINEN, SANTERI TUOMINEN, TONI KAUPPINEN MAT-81100 Verkkopalvelun laadukkuus ja arviointi II SISÄLLYS 1 Arvioitava verkkopalvelu 3

Lisätiedot

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

EDUBOX opetusvideopalvelu

EDUBOX opetusvideopalvelu KÄYTTÖOHJE v17072015 EDUBOX opetusvideopalvelu Sisällysluettelo Edubox online video tutorial library 2 Yleistä 3 Rekisteröityminen Käyttöoikeuden hankinta Käyttäjäryhmän valinta Käyttöliittymä 7 Kurssinäkymä

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

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

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

CT50A2601 Käyttöjärjestelmät Androidin ja Symbianin vertailu Seminaarityö

CT50A2601 Käyttöjärjestelmät Androidin ja Symbianin vertailu Seminaarityö CT50A2601 Käyttöjärjestelmät Androidin ja Symbianin vertailu Seminaarityö 0349955 Pekka Hyvärinen 0342194 Joonas Heikelä 0327708 Miro Temonen 0350122 Sami Tuominen Yleistä Seminaarityö osa kurssia Käyttöjärjestelmät

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

Johdatus tutkimustyöhön. Harjoitus 9: Kenraaliharjoitus (Tiistain harkkaryhmä)

Johdatus tutkimustyöhön. Harjoitus 9: Kenraaliharjoitus (Tiistain harkkaryhmä) Johdatus tutkimustyöhön Harjoitus 9: Kenraaliharjoitus (Tiistain harkkaryhmä) Päivän To-do -lista Esittele oma työsi ryhmässä Valitse kenen työn haluat opponoida Heidi kierrättää listaa, merkitse siihen

Lisätiedot

WWW.Janakkala.fi. Uudet www.janakkala.fi- sivut palvelevat sinua entistä. paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta.

WWW.Janakkala.fi. Uudet www.janakkala.fi- sivut palvelevat sinua entistä. paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta. WWW.Janakkala.fi Uudet www.janakkala.fi- sivut palvelevat sinua entistä paremmin ja tehokkaammin. Tässä muutamia vinkkejä sivujen tarjonnasta. 5.3.2009 1 Etusivulta löydät: Tekstin suurentaminen Hakutoiminto

Lisätiedot

Office 2013 - ohjelmiston asennusohje

Office 2013 - ohjelmiston asennusohje Office 2013 - ohjelmiston asennusohje Tämän ohjeen kuvakaappaukset on otettu asentaessa ohjelmistoa Windows 7 käyttöjärjestelmää käyttävään koneeseen. Näkymät voivat hieman poiketa, jos sinulla on Windows

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

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA Prologi Blogi voidaan määritellä verkkosivustoksi, johon yksi ihminen tai tietty ryhmä tuottaa ajankohtaista sisältöä. Blogi mahdollistaa omien ajatusten

Lisätiedot

WINDOWS 10 -kurssi. petri.kiiskinen@wellamo-opisto.fi

WINDOWS 10 -kurssi. petri.kiiskinen@wellamo-opisto.fi WINDOWS 10 -kurssi petri.kiiskinen@wellamo-opisto.fi Yleistä kurssista Keskiviikkoisin 9.9. 30.9. (15 oppituntia) 16:45 20:00 (viimeinen kerta 16:45 19:15) Puolivälissä 15 minuutin kahvitauko Materiaali

Lisätiedot

Käytettävyyslaatumallin rakentaminen web-sivustolle. Oulun yliopisto tietojenkäsittelytieteiden laitos pro gradu -suunnitelma Timo Laapotti 28.9.

Käytettävyyslaatumallin rakentaminen web-sivustolle. Oulun yliopisto tietojenkäsittelytieteiden laitos pro gradu -suunnitelma Timo Laapotti 28.9. Käytettävyyslaatumallin rakentaminen web-sivustolle Tapaus kirjoittajan ABC-kortti Oulun yliopisto tietojenkäsittelytieteiden laitos pro gradu -suunnitelma Timo Laapotti 28.9.2005 Kirjoittajan ABC-kortti

Lisätiedot

Animaatio Web-sivuilla

Animaatio Web-sivuilla Ihmisen koko huomio kiinnittyy vaistomaisesti (hyökkääjiltä suojautuminen) liikkuvaan kuvaan. Yleisesti ottaen animaatioita kannattaa käyttää mahdollisimman vähän. Suunnitteluvaiheessa on hyvä pohtia,

Lisätiedot

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka Kristopher Vuorela UBUNTUN ASENNUS JA ALKEET 206101312 Linux järjestelmät Lukukausi: Kevät 2015 Työ valmistui: 15.04.2015

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

Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

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

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

Digi-TV:n käytettöliittymät

Digi-TV:n käytettöliittymät Digi-TV:n käytettöliittymät Helppokäyttöisyys Tehokkuus Luotettavuus Virheettömyys Käyttäjän tyytyväisyys Käytettävyys Käyttäjäkeskeinen suunnittelu 19.11.2001 Sofia Digital Oy sivu 3 Käyttäjä, katsoja

Lisätiedot

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Joomla pikaopas Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta. Paavo Räisänen www.ohjelmoimaan.net Tätä opasta saa vapaasti kopioida, tulostaa

Lisätiedot

Katsaus verkkojulkaisuihin. Pasi Kivioja 25.11.2014 ProComin lehtikatsaus

Katsaus verkkojulkaisuihin. Pasi Kivioja 25.11.2014 ProComin lehtikatsaus Katsaus verkkojulkaisuihin Pasi Kivioja 25.11.2014 ProComin lehtikatsaus Käytettävyys Käytettävyys eli: - navigoitavuus - sivuston rakenteen selkeys - intuitiivisuus, asioiden löydettävyys - yhteystietojen

Lisätiedot

Jyväskylän kaupungin palautejärjestelmä. Kuntatekniikan päivät 17.5.2013 Paikkatietopäällikkö Janne Hartman Jyväskylän kaupunki

Jyväskylän kaupungin palautejärjestelmä. Kuntatekniikan päivät 17.5.2013 Paikkatietopäällikkö Janne Hartman Jyväskylän kaupunki Jyväskylän kaupungin palautejärjestelmä Kuntatekniikan päivät 17.5.2013 Paikkatietopäällikkö Janne Hartman Jyväskylän kaupunki Esityksen sisältö Taustaa Ominaisuuksia ja hyötyjä Kokemuksia ja tilastoja

Lisätiedot

Historiaa. Unix kirjoitettiin kokonaan uudestaan C-kielellä 1973. Unix jakautui myöhemmin System V ja BSDnimisiin. Kuutti, Rantala: Linux

Historiaa. Unix kirjoitettiin kokonaan uudestaan C-kielellä 1973. Unix jakautui myöhemmin System V ja BSDnimisiin. Kuutti, Rantala: Linux Historiaa Linux on Unix-yhteensopiva käyttöjärjestelmä. Unixin perusta luotiin 1964 MIT:ssa aloitetussa MULTICS-projektissa (http://www.cs.helsinki.fi/u/kerola/tkhist/k2000/alustukset/unix_hist/unix_historia.htm)

Lisätiedot

CMS Made Simple Perusteet

CMS Made Simple Perusteet CMS Made Simple Perusteet 1. Hallintaan kirjautuminen Kirjautumisruutuun pääset lisäämällä osakaskuntasi www-osoitteen perään liitteen /admin. Käyttäjätunnuksena toimii onkija ja salasanana postitse saamasi

Lisätiedot

erisk-työpaja 5. "Yhteistoiminta" 14.9.2005

erisk-työpaja 5. Yhteistoiminta 14.9.2005 erisk-työpaja 5. "Yhteistoiminta" 14.9.2005 Oheisen arviointilomakkeen tarkoituksena on tuottaa päätöksentekoa tukevaa tietoa siitä, minkälaiset sisältöominaisuudet tulisi ensisijaisesti sisällyttää syksyn

Lisätiedot

GALERIE EXHIBITIONS (13) 1 2 EXHIBITIONS 2

GALERIE EXHIBITIONS (13) 1 2 EXHIBITIONS 2 GALERIE EXHIBITIONS (13) 1 1 Table of Contents 2 EXHIBITIONS 2 2.1 YLEISTÄ 2 2.2 REGISTER EXHIBITION 3 2.3 UPDATE EXHIBITION 4 2.3.1 BASICS 5 2.3.2 ARTICLE 6 2.3.3 PUBLISH 6 2.3.4 REVIEW 7 2.4 REGISTER

Lisätiedot

Psychosocial Risk Management etraining. -portaalin käyttöopas

Psychosocial Risk Management etraining. -portaalin käyttöopas Psychosocial Risk Management etraining -portaalin käyttöopas Tervetuloa Psykososiaalisten riskien hallinta PRIMAeT sähköiseen itseopiskeluportaaliin. Kurssin tavoitteena on lisätä työpaikan eri toimijoiden

Lisätiedot

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä: Nielsen: "Olen tutkinut Webin käytettävyyttä vuodesta 1994, ja jokaisessa tutkimuksessa esiin on noussut sama asia: käyttäjät haluaisivat sivujen latautuvan nopeammin. Aluksi olin sitä mieltä, että käyttäjät

Lisätiedot

WWW-PALVELUN KÄYTTÖÖNOTTO LOUNEA OY

WWW-PALVELUN KÄYTTÖÖNOTTO LOUNEA OY 1 WWW-PALVELUN KÄYTTÖÖNOTTO LOUNEA OY 10.4.2015 Lounea Oy Tehdaskatu 6, 24100 Salo Puh. 029 707 00 Y-tunnus 0139471-8 www.lounea.fi Asiakaspalvelu 0800 303 00 Yrityspalvelu 0800 303 01 Myymälät 0800 303

Lisätiedot

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi?

Internetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi? Internetin hyödyt ja vaarat Miten nettiä käytetään tehokkaasti hyväksi? Linkit Chrome https://www.google.com/intl/fi/chrome/browser/ Firefox http://www.mozilla.org/fi/ Opera http://www.opera.com/fi Vertailu

Lisätiedot

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Lahden, Pohjois Karjalan ja Kemi Tornion AMK Effective Reading > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien

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

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla 1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.

Lisätiedot

TUTKIMUKSEN LÄHTÖKOHTIA, TOTEUTUS ja HYÖDYT Kalle Saastamoinen Lappeenrannan Teknillinen Yliopisto LTY 2003

TUTKIMUKSEN LÄHTÖKOHTIA, TOTEUTUS ja HYÖDYT Kalle Saastamoinen Lappeenrannan Teknillinen Yliopisto LTY 2003 KÄYTETTÄVYYDEN TUTKIMISELLAKO TOIMIVAMMAT WWW-SIVUT? TUTKIMUKSEN LÄHTÖKOHTIA, TOTEUTUS ja HYÖDYT Kalle Saastamoinen Lappeenrannan Teknillinen Yliopisto LTY 2003 Sisältö Mitä on tarkoitetaan sanalla käytettävyys

Lisätiedot

YHDISTYKSEN VIESTINTÄ

YHDISTYKSEN VIESTINTÄ YHDISTYKSEN VIESTINTÄ Sisäinen viestintä - eri yhdistyksissä eri apuvälineitä, kuitenkin yleensä: Henkilökohtainen vuorovaikutus: puhelin, yhteiset kokoontumispaikat Jäsenkirje, sähköinen tai fyysinen

Lisätiedot

Mediaelementit. Mirja Jaakkola

Mediaelementit. Mirja Jaakkola Mediaelementit Mirja Jaakkola Sisältö 3. Multimedia 4. Animaatio 7. Gif-animaatio 8. Flash-animaatio 9. Ääni 10.Ääni object-elementillä 11.Video 12.Videon lisääminen www-sivulle 13.Flash-video 16.Lähteet

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

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN

PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN SAK:N PAIKALLISJÄRJESTÖJEN NETTIPALVELUT s. 1/7 PAIKALLISJÄRJESTÖKOHTAISTEN NETTISIVUJEN RAKENNE Paikallisjärjestöjen omille sivuille pääsee suoralla osoitteella, joka on muotoa www.sak-paikalliset.fi/paikkakunta

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

Palauta tehtävä nimellä E1_Omasukunimi.pptx Optimaan. Tallenna tiedosto myös USB -tikulle.

Palauta tehtävä nimellä E1_Omasukunimi.pptx Optimaan. Tallenna tiedosto myös USB -tikulle. Esitysgrafiikka 10 pistettä Tehtävään liittyvät tiedostot SkyDrive kansiossa: Kohtaamispaikka_kesken.pptx Matka tietotyön tulevaisuuteen Microsoft.pdf Microsoft_tyyliohjeistus.docx Kuvapankki kansio kohtaamispaikka.wma

Lisätiedot

HTML5 video, audio, canvas. Mirja Jaakkola

HTML5 video, audio, canvas. Mirja Jaakkola HTML5 video, audio, canvas Mirja Jaakkola Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu

Lisätiedot

Yksilöllistä, puhuroi, suorita - Mitä käyttöliittymien termien taakse kätkeytyy?

Yksilöllistä, puhuroi, suorita - Mitä käyttöliittymien termien taakse kätkeytyy? Yksilöllistä, puhuroi, suorita - Mitä käyttöliittymien termien taakse kätkeytyy? Niina Nissilä & Suvi Isohella Minä ja tiede Seinäjoki 18.3.2014 Vaasa 20.3.2014 Esityksen rakenne Lähtökohta Järjestelmä,

Lisätiedot

ALKUSANAT... 4 ALKUSANAT E-KIRJA VERSIOON... 5 SISÄLLYSLUETTELO... 6

ALKUSANAT... 4 ALKUSANAT E-KIRJA VERSIOON... 5 SISÄLLYSLUETTELO... 6 Sisällysluettelo ALKUSANAT 4 ALKUSANAT E-KIRJA VERSIOON 5 SISÄLLYSLUETTELO 6 1 PERUSASIOITA JA AINEISTON SYÖTTÖ 8 11 PERUSNÄKYMÄ 8 12 AINEISTON SYÖTTÖ VERSIOSSA 9 8 Muuttujan määrittely versiossa 9 11

Lisätiedot

KUHA-PROJEKTI. Petri Lamminaho Ville Muittari Kati Mäki-Kuutti Juho Tamminen. Käytettävyys raportti 12.4.200505

KUHA-PROJEKTI. Petri Lamminaho Ville Muittari Kati Mäki-Kuutti Juho Tamminen. Käytettävyys raportti 12.4.200505 Petri Lamminaho Ville Muittari Kati Mäki-Kuutti Juho Tamminen Käytettävyys raportti 12.4.200505 1 1 Käytettävyys analyysi 11.4.5 sovellusprojektit osallistuivat käytettävyyspäivään. KUHA-ryhmän tehtävänä

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Erilaisia käyttöliittymiä v.0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Erilaisia käyttöliittymiä v.0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Erilaisia käyttöliittymiä v.0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja Julkaisujärjestelmän ohje 2014 2 PM-Julk aisujärjestelmän perusohjeet Julkaisujärjestelmän käyttöönotto Julkaisujärjestelämän avulla voit itsenäisesti muokata

Lisätiedot

UTIFLEET-VARAUSJÄRJESTELMÄ KÄYTTÄJÄN OHJE. Gospel Flight ry

UTIFLEET-VARAUSJÄRJESTELMÄ KÄYTTÄJÄN OHJE. Gospel Flight ry UTIFLEET-VARAUSJÄRJESTELMÄ Gospel Flight ry Versio 1.0 Hyväksytty Tekijä 1.11.2005 Tarkastanut 1.11.2005 Hyväksynyt Juha Huttunen 3.11.2005 Helia UTIFLEET-TIETOJÄRJESTELMÄ 2 SISÄLLYS 1 SOVELLUKSEN KÄYTTÖOIKEUDET

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

VERKKOKIRJOITTAMINEN. www.mediamylly.fi

VERKKOKIRJOITTAMINEN. www.mediamylly.fi VERKKOKIRJOITTAMINEN Verkkolukeminen Verkkolukeminen verkkosivuja "skannataan" lukeminen on 25% hitaampaa kuin paperilla lukeminen on osittain hyppimistä sivun eri osioissa lukeminen on väsyttävää F-tyyppinen

Lisätiedot

NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun

NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun NetEazer informaatiojärjestelmä www- palvelujen sisällönhallintaan ja julkaisuun OpenSpace NetEazer julkaisujärjestelmä on täydellinen informaatiojärjestelmä nykyaikaisten wwwpalvelujen sisällöntuotantoon.

Lisätiedot

Office_365_loppukäyttäjän ohje. 15.5.2015 Esa Väistö

Office_365_loppukäyttäjän ohje. 15.5.2015 Esa Väistö Office_365_loppukäyttäjän ohje 15.5.2015 Esa Väistö 2 Sisällysluettelo Kuvaus... 3 Kirjautuminen Office_365:een... 3 Valikko... 4 Oppilaan näkymä alla.... 4 Opettajan näkymä alla... 4 Outlook (Oppilailla)...

Lisätiedot

Sisällysluettelo. 1 Yleistä Palautuslaatikosta... 3. 2 Tarkastajan yhteenvetonäkymä... 7. 3 Palautusten tallentaminen omalle koneelle...

Sisällysluettelo. 1 Yleistä Palautuslaatikosta... 3. 2 Tarkastajan yhteenvetonäkymä... 7. 3 Palautusten tallentaminen omalle koneelle... Palautuslaatikko 2 Sisällysluettelo 1 Yleistä Palautuslaatikosta... 3 1.1 Palautuslaatikon luominen... 3 2 Tarkastajan yhteenvetonäkymä... 7 2.1 Palautusten tarkastelu... 8 2.2 Arvosanojen antaminen...

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

Heuristisen arvioinnin muistilista - lyhyt versio

Heuristisen arvioinnin muistilista - lyhyt versio Alla oleva kymmenkohtainen muistilista on sovellettu Jakob Nielsenin heuristisen arvioinnin muistilistasta (Nielsen, 1994), hyödyntäen Keith Instonen wwwpalveluiden arviointiin muokattua samaista listaa

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

SharePoint Foundation 2010 perusteet ylläpitäjille

SharePoint Foundation 2010 perusteet ylläpitäjille SharePoint Foundation ylläpitäjän ohjeet Sivu 1/5 SharePoint Foundation 2010 perusteet ylläpitäjille SharePoint Foundationin avulla voit luoda nopeasti useita erilaisia sivustoja, joissa WWW-sivuja, tiedostoja,

Lisätiedot

Silmänliike kertoo totuuden. Otavamedian asiakastilaisuuden esitys Musiikkitalossa 29.10.2013 Tiivistelmä Mikko Puosi

Silmänliike kertoo totuuden. Otavamedian asiakastilaisuuden esitys Musiikkitalossa 29.10.2013 Tiivistelmä Mikko Puosi Silmänliike kertoo totuuden Otavamedian asiakastilaisuuden esitys Musiikkitalossa 29.10.2013 Tiivistelmä Mikko Puosi Silmänliiketutkimus Ruudulla, lukulaitteella tai älypuhelimella näytetään tutkittava

Lisätiedot

Nelli-portaalin käytettävyys. Saija Lukkarila Pro gradu, kevät 2005 Informaatiotutkimus, OY

Nelli-portaalin käytettävyys. Saija Lukkarila Pro gradu, kevät 2005 Informaatiotutkimus, OY Nelli-portaalin käytettävyys Saija Lukkarila Pro gradu, kevät 2005 Informaatiotutkimus, OY Pro gradu -tutkimus Nelli-portaalin hyödyllisyys tutkimustyöhön liittyvän tiedonhankintaprosessin tukemisessa

Lisätiedot

Punomo Tee itse -julkaisun tekeminen

Punomo Tee itse -julkaisun tekeminen Punomo Tee itse -julkaisun tekeminen Tässä pikaohje Uuden Punomon Tee itse -julkaisujen tekemiseen. Kun ensimmäinen juttusi on tehty tätä ohjetta noudattaen, seuraava homma hoituu maalaisjärjellä. Uudistuvan

Lisätiedot

1 www-sivujen teko opetuksessa

1 www-sivujen teko opetuksessa RäsSe, Tekniikka/Kuopio Sivu 1 1 www-sivujen teko opetuksessa 1.1 Yleistä Mitä materiaalia verkkoon? Tyypillisesti verkossa oleva materiaali on html-tiedostoja. Näitä tiedostoja tehdään jollakin editorilla

Lisätiedot

Käytettävyyssuunnittelu. Kristiina Karvonen Käytettävyysasiantuntija Nokia Networks

Käytettävyyssuunnittelu. Kristiina Karvonen Käytettävyysasiantuntija Nokia Networks Käytettävyyssuunnittelu Kristiina Karvonen Käytettävyysasiantuntija Nokia Networks Mitä on käytettävyys helppo käyttää helppo oppia helppo muistaa virheetön miellyttävä käyttää Käyttäjän tehtävänä ei ole

Lisätiedot

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus

Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Minne Seppälä Avat 2014 Dokumentaatio 1 PROJEKTIN KUVAUS... 3 1.1 Projektin aloitus... 3 1.2 Aikataulu... 4 1.3 Kustannusarvio... 4 2 ULKOASU... 5 2.1

Lisätiedot

Hyvän verkkopalvelun rakentamisen periaatteita

Hyvän verkkopalvelun rakentamisen periaatteita Hyvän verkkopalvelun rakentamisen periaatteita Nuoret ja museon houkutus Museoliiton seminaari Marko Kuparinen 25.11.2008 Koulutus- ja kehittämiskeskus Palmenia Mikä on verkkopalvelu? Verkkopalvelu on

Lisätiedot

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa)

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa) Ilmoittautumis järjestelmän otsikko alue Jokaisella tapahtumalla on otsikko-osa joka on samanlainen joka puolella sovellusta. Tämä Judokilpailuissa käytetty otsikko-osa koostuu viidestä linkistä, joita

Lisätiedot

SEPA-päiväkirja: Käytettävyystestaus & Heuristinen testaus

SEPA-päiväkirja: Käytettävyystestaus & Heuristinen testaus SEPA-päiväkirja: Käytettävyystestaus & Heuristinen testaus Lehmus, Auvinen, Pihamaa Johdanto Käyttäjätestauksella tarkoitetaan tuotteen tai sen prototyypin testauttamista todellisilla käyttäjillä. Kehittäjät

Lisätiedot

Savonian opiskelijaintra Reppu. Viestintäpäällikkö Petteri Alanko 25.3.2014

Savonian opiskelijaintra Reppu. Viestintäpäällikkö Petteri Alanko 25.3.2014 Savonian opiskelijaintra Reppu Viestintäpäällikkö Petteri Alanko 25.3.2014 Sisältö: - mistä lähdettiin - Reppu nyt - Ajatuksia tulevaisuudesta Savonia pähkinänkuoressa Yksi Suomen suurimmista ja monialaisimmista

Lisätiedot

Applen käyttöjärjestelmät

Applen käyttöjärjestelmät Applen käyttöjärjestelmät Ari Karjalainen Tietojenkäsittelytieteen historia-seminaari 2006 Helsingin yliopisto, Tietojenkäsittelytieteen laitos apple Yksi yhtiö, monta käyttöjärjestelmää... Applen käyttöjärjestelmät

Lisätiedot

Sosiaalinen media muuttaa maailman. Nyt! Heti! Nopeasti!

Sosiaalinen media muuttaa maailman. Nyt! Heti! Nopeasti! Sosiaalinen media muuttaa maailman Nyt! Heti! Nopeasti! Sara-Maria Forsberg Syyskuu 2014: 2 elokuvaa ja kansainvälinen levytys-sopimus Maaliskuu 2014: Kassaneiti Sosiaalinen Media YouTube Tuotetaan sisältöä

Lisätiedot

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen NETTISIVUOHJE SISÄLTÖ 2 JULKAISUJÄRJESTELMÄ tietoa WordPress julkaisujärjestelmästä perustoiminnot (kirjautuminen, asetukset) 6 MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Varför behöver man brandmurar? V. 1.0 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Varför behöver man brandmurar? V. 1.0 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Varför behöver man brandmurar? V. 1.0 > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen

Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen Laitteisto ja ohjelmat Sovelton Online-kurssit käyttävät alustanaan Adobe Connect -ympäristöä. Asiakasohjelmaksi riittää pelkkä www-selain

Lisätiedot

Teemana aikajanat Polku versio 0.2

Teemana aikajanat Polku versio 0.2 Teemana aikajanat Polku versio 0.2 UTA VT Polku-projekti Tekijä: J.M. Jokiniemi Tulostettu: Jakelu: Uteam, Polku Dokumentin tila: lopullinen versio Muokattu: 5.11.09 VERSIOHISTORIA Versio Päiväys Tekijät

Lisätiedot

Miksi käytettävyys on tärkeää

Miksi käytettävyys on tärkeää WWW-suunnittelu Webissä tärkeintä on käytettävyys. Tämä tarkoittaa yksinkertaisesti sitä, että jos käyttäjä ei löydä jotakin tuotetta, hän ei myöskään osta sitä. Webissä asiakas on kuningas, hiiri aseenaan

Lisätiedot

KÄYTETTÄVYYS KÄYTETTÄVYYSPÄIVÄ 17.4.2014. Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?

KÄYTETTÄVYYS KÄYTETTÄVYYSPÄIVÄ 17.4.2014. Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi? PÄIVÄ 17.4.2014 Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä) Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?

Lisätiedot

Verkkopalveluiden saavutettavuus

Verkkopalveluiden saavutettavuus Verkkopalveluiden saavutettavuus Puhuja: Ossi Nykänen Tampereen teknillinen yliopisto, Hypermedialaboratorio, W3C Suomen toimisto Paikka: Helsinki, Tieteiden talo, 24.3.2011 Johdanto Verkkopalvelun saavutettavuus

Lisätiedot

Luo mediaopas Tarinatallentimella

Luo mediaopas Tarinatallentimella Luo mediaopas Tarinatallentimella 2015 Tarinatallennin Tarinatallentimella voi helposti luoda mediaoppaita käytettäväksi älypuhelimilla. Sen avulla rakennat erilaisia kokonaisuuksia helposti ja hallitset

Lisätiedot

Tekninen suunnittelu. Luento 5 6.2.2013. Tekninen suunnittelu takaa toimivan verkkokurssin

Tekninen suunnittelu. Luento 5 6.2.2013. Tekninen suunnittelu takaa toimivan verkkokurssin Tekninen suunnittelu Luento 5 6.2.2013 Tekninen suunnittelu takaa toimivan verkkokurssin Tekninen suunnittelu Tavoitteena on suunnitella tekninen toteutus omalle verkkokurssille ja dokumentoida se tuotantokäsikirjoitukseksi

Lisätiedot

Suomen virtuaaliammattikorkeakoulu Tietojohtaminen rakennus prosesseissa > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suomen virtuaaliammattikorkeakoulu Tietojohtaminen rakennus prosesseissa > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%) Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Tietojohtaminen rakennus prosesseissa > 80 % 80 60 % 60 50 % < 50 % Arviointialue

Lisätiedot

H9 Julkaiseminen webissä

H9 Julkaiseminen webissä H9 Julkaiseminen webissä Tässä harjoituksessa opetetaan kaksi tapaa viedä tiedostoja jakoon webin kautta (tehtävä 1 ja tehtävä 3), sekä kokeillaan yksinkertaista, jokamiehen tapaa tehdä oma sivusto (tehtävä

Lisätiedot

Suomen Hiusyrittäjät ry Ajanvarausjärjestelmän tarjous

Suomen Hiusyrittäjät ry Ajanvarausjärjestelmän tarjous Ajanvarausjärjestelmän tarjous 13.1.2012 1/7 Tarjous Tarjous on osa yhteistä LeasIT Oyn ja DigitalBooker Finland Oyn yhteistarjousta jossa tarjoamme Kassa- ja ajanvarausjärjestelmien kombinaatiota. Tämä

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

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

MOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen

MOODLE-OHJE: Liitetiedoston lisääminen ja päivittäminen etusivulta yläoikealta. Kirjauduttuasi sisään SAMK Moodleen, mene omalle opintojaksollesi ja siirry muokkaustilaan. Muokkaustila päälle painike löytyy opintojakson Kun muokkaustila on päällä, siirry sen

Lisätiedot

Nebula Kotisivutyökalu Käyttöohje - Kauppamoduuli. 1. Kaupan asetukset... 2

Nebula Kotisivutyökalu Käyttöohje - Kauppamoduuli. 1. Kaupan asetukset... 2 Sivu 1/6 Sisällysluettelo 1. Kaupan asetukset... 2 1.1. Maksunvälittäjän valinta ja käyttöönotto... 2 1.2. Kaupan tiedot... 3 1.3. Postitus ja toimitusmaksut... 3 1.4. Verot... 4 1.5. Kaupan valuutta ja

Lisätiedot

Verkkosivuston laatumalli

Verkkosivuston laatumalli Verkkosivuston laatumalli hanki jäsentynyt kuva verkkopalvelun tilasta Laadun taustat 2 2014 Scriptio Oy Töölönkatu 27 A 10, 00260 Helsinki puh. 040 736 8988 toimisto@scriptio.fi www.scriptio.fi 1 Avuksi

Lisätiedot

Käytettäväksi QR-koodin lukulaitteen/lukijan kanssa yhteensopivien sovellusten kanssa

Käytettäväksi QR-koodin lukulaitteen/lukijan kanssa yhteensopivien sovellusten kanssa Xerox QR Code -sovellus Pika-aloitusopas 702P03999 Käytettäväksi QR-koodin lukulaitteen/lukijan kanssa yhteensopivien sovellusten kanssa Käytä QR (Quick Response) Code -sovellusta seuraavien sovellusten

Lisätiedot