Web-Käyttöliittymä, käytettävyys Asiakas on kuningas, hiiri aseena Jos asiakas ei löydä tuotetta, hän ei osta sitä.

Esitys aiheesta: "Web-Käyttöliittymä, käytettävyys Asiakas on kuningas, hiiri aseena Jos asiakas ei löydä tuotetta, hän ei osta sitä."— Esityksen transkriptio:

1 Web-Käyttöliittymä, käytettävyys Asiakas on kuningas, hiiri aseena Jos asiakas ei löydä tuotetta, hän ei osta sitä

2 Käytettävyyden merkitys http://www.worldwidewebsize.com/

3 Tuotetta ei osteta ennen kuin se on todettu hyväksi Ohjelmistoteollisuus vastaa tuotteistaan tukipalvelun kautta - kallista Webissä käyttäjä tutustuu sivuston käytettävyyteen ennen kuin sitoutuu maksamaan tuotteesta – kauppoja ei synny ilman hyvää käytettävyyttä

4 Taide vs. tekniikka Suunnittelun kaksi näkökulmaa –taiteellinen itsensä toteuttaminen –tekninen, asiakkaan ongelman ratkaiseva näkökulma Nielsen: tekninen näkökulma, tieteellinen –Sääntöjä periaatteita, ohjeita, menetelmiä Älä silti unohda luovuutta ja inspiraatiota

5 WWW-suunnittelun virheitä Yrityksen toimintamalli –rakentaminen organisaatiojaon mukaan, ei yhteisellä suunnitelmalla Projektinhallinta puuttuu Informaatioarkkitehtuuri –organisaation mukaan (ei lukijan mukaan) Sivujen suunnittelussa virheitä Sisällöntuotanto ei ammattimaista Linkkien rakentaminen ontuu

6 Sivujen suunnittelu Lähtökohta: korosta sitä, miksi sivu on arvokas käyttäjälle ja miten yritys eroaa tärkeimmistä kilpailijoista

7 Arvioitavat kohdat Nielsenin mukaan – heuristinen lista Näyttöala Eri käyttöliittymät Merkityksen ja esitystavan erottaminen Tyylitiedostot Vasteaika Linkit Kehysten käyttö

8 Näyttöala Tilan käyttö sivuilla - yhdessä Tyhjä sallittua selkeyttäjänä Sisältö vähintään 50 %, mieluimmin jopa 80 % alasta Navigointivälineille 20% (pääsivuilla enemmän) Yhden sivun tulee toimia kaikissa näyttölaitteissa

9 Näyttöala http://gd.tuwien.ac.at/languages/html/webstyle/wsg3/7-page-design/2-document-design.html

10 Eri käyttöliittymät käyttäjä liikkuu oma-aloitteisesti voidaan lukea kämmentietokoneella, kännykällä, jopa autolla erot kämmentietokone - huipputyöasema 100- kertainen modeemin yhteysnopeus - T3-yhteys 1000- kertainen

11 W3schools-sivun käyttäjien näyttöpäätteiden koon jakautuminen http://www.w3schools.com/browsers/browsers_stats.asp

12 Irti resoluutiosta Näytön kokoa mahdoton arvata Riippumattomuus resoluutiosta Taulukot, kehykset jne prosentteina käytettävissä olevasta tilasta Kirjasinkoot vaihtelevat Tarkista, että grafiikat toimivat myös yli 100 dpi:n tarkkuuksissa Kirjoitin ongelma: resoluutiosta riippuvaisia sivuja vaikea tulostaa –eri sivu tulostettaville - linkki Tulosta

13 Standardoitu kieli Älä käytä uusia tekniikoita sivustosi ilmeen piristämiseen Vältä epästandardia tapaa Standardit linkkilistassa

14 Päivitysongelmat Osa päivittää selaimet heti, käytännössä tarvitaan vuosi siihen, että kaikki siirtyvät uuteen versioon - Tulevaisuudessa vielä harvemmin Ainoa varmasti toimiva versio on HTML 1.0 - (vain noin 40 % sivustoista on ylipäätään määritelty jollekin html- versiolle) - suositus kuitenkin - käytä XHTML 1.0 tai 1.1 koodauksessa Poikkeus : WWW-konsultit - aihetta silti varovaisuuteen