WWW- projekti

• Verkon luonne: Projekti jatkuu päivitysten myötä kokoajan 
• Tarkoituksena saada säännöllisiä kävijöitä 
• Kävijät eivät saa eksyä palvelun ulkopuolelle 
• Palveluiden tarjoaminen 
• www- projekti etenee yleensä seuraavien vaiheiden kautta: 
• Suunnittelu 
• Materiaalin valmistus 
• Koostaminen 
• Testaus 
• Julkistaminen 
• Ylläpito ja päivitys 
• Sivujen uusiminen 
• Esimerkki www- työryhmästä: 
• Tuotantopäällikkö
• Käsikirjoittaja/www-suunnittelija/informaatio arkkitehti 
• Graafinen suunnittelija/käyttöliittymäsuunnittelija 
• Mediatoimittaja/www-toimittaja 
• Internet- ohjelmoija 
• Webmaster 
• Tietoliikenneasiantuntija 
• Tietoturvallisuusasiantuntija 

Rakenne

• Rakenne on järjestys jossa halutut asiat esitetään 
• Rakenne voi olla lineaarinen tai ei- lineaarinen 
• Rakennekolmio: Tärkeimmät asiat ensimmäiseksi. Seuraavilla tasoilla täydentävää informaatiota. 
• Käytettävyys on erittäin tärkeää 
• Web- sivukin on tarian: Muista dramaturgia (alku, keskikohta, loppu) 

Rakennesuunnitelma 

• Lineaarinen 
• Mainokset, esittelyvideot, slideshow 
• Kalanruotorakenne 
• Opetusohjelmat, markkinointiesitykset 
• Puumainen rakenne 
• Selkeä käyttää, joten käytetään laajoissa kokonaisuuksissa. Rakenteessa aihe jaetaan loogisiin pääkohtiin jotka muodostavat puun isot oksat. Jokainen pääkohta sisältää omat alikohtansa. OIKOPOLUT! 
• Verkostorakenne 
• Verkostomaisessa rakenteessa jokainen yksittäinen elementti sisältää useita etenemisvaihtoehtoja. Liikkuminen on täysin vapaata, vaarana eksyminen tai että ei löydä tietoa. esim. Internet 
• Matriisirakenne 
• Tieto jäsennellään usealla eri tavalla. Käyttäjä valitsee haluamansa lähestymistavan aiheeseen ja etenee sitä kautta, verrattavissa tietokantaan. 
• Pyramidirakenne 
• Pyramidi tai labyrinttirakenteessa käyttäjä valitsee oman tapansa kulkea ohjelma alusta loppuun. Esim, pelit, simulaatiot. Valinnat vaikuttavat siihen miten pääsee kulkemaan. Labyrintistä selviäminen motivoi etenemään. 
• Labyrinttirakenne 
• Verrattuna pyramidirakenteeseen on labyrintissa rajatumpi liikkuvuus 
• Rakenteen sisään yhdistetty lineaarisuutta 
• Pelien vaikeustasot 

Käyttöliittymä

• Toiminnallisuuden lisäksi huomiota myös visuaaliseen suunnitteluun 
• Sivun ulkoasu ja käytetyt symbolit kertovat käyttäjälle mahdollisista toiminnoista 
• Selkeä, esteettinen ulkoasu helpottaa sovelluken käyttöä 
• Tietokonesovelluksissa on totuttu näkemään tiettyjä symboleja, joilla on oma merkityksensä 
• Esimerkiksi vasemmalle osoittava nuoli tarkoittaa liikkumista taaksepäin ja oikealle osoittava nuoli liikkumista eteenpäin 
• Videon katseluohjelmien käyttönappuloissa on omat kansainväliset symbolinsa 
• Valikoissa ja painikkeissa käytettyjen tekstien tulee olla myös selkeitä ja tyyliin sopivia 
• Värien käytöllä voidaan kertoa myös asioita ja luoda tunnelmaa 
• Aktiivisia toimintoja voidaan korostaa tai käyttäjän huomiota johdatella värien avulla 
• Graafisen käyttöliittymän suunnittelussa on oltava mukana sekä visuaalista että ohjelmointiosaamista 
• Käyttöliittymän toimivuutta tulee myös testata useaan otteeseen, jotta pienimmätkin yksityiskohdat  saadaan toimimaan 

Käytettävyys

• Käytettävyys on käyttöliittymän laadun mitta, kun arvioidaan käyttöliittymää käyttäjän näkökulmasta 
• Tietokoneohjelmien ja www- sivujen käytettävyyttä arvioidaan käytettävyystestein, joissa koehenkilöt suorittavat tehtäviä sovelluksella 
• www.useit.com : artikkeleita ja esimerkkejä käytettävyydestä 

Käyttöliittymäsuunnittelu

• Millaisessa tilanteessa sovellusta käytetään? 
• Minkä ikäiselle henkilölle sovellus on tarkoitettu? 
• Miten kauan aikaa sovelluksen käytön opettelu saa viedä? 
• Miten monipuoliset liikkumismahdollisuudet käyttäjälle annetaan? 

Visuaalinen suunnittelu

• Visuaalinen suunnittelu on osa käyttöliittymän suunnittelua 
• Tilaustöissä, joissa asiakkaana on yritys tai organisaatio, visuaalisen suunnittelun lähtökohdaksi otetaan tilaajan liikemerkki ja sen värimaailma 
• Yrityksillä on yleensä oma graafinen ohjeisto, jossa on määritelty yrityksen värimaailma, typografia ja sommittelun periaatteet 

Käyttöjärjestelmät

• Käyttöjärjestelmä huolehtii koneen toiminnoista 
• Esim. Unix, Windows, Mac OS

Sovellusten käyttöympäristöt 

• Tietokoneet, pc, mac, tabit, ipad 
• Eri käyttöjärjestelmät, windows 8, windows 7, linux, Mac OS, Steam box, android, symbian jne
• Kännykät - Nokia, Samsung, iPhone 
• Pelikonsolit - Xbox, Playstation 3, Wii, Dsi, Wii U 
• Pda laitteet - iPad, lukulaitteet 
• DVD & Bluray (valikot, extrat)