1 / 14

Web-Käyttöliittymä, käytettävyys

Web-Käyttöliittymä, käytettävyys. Asiakas on kuningas, hiiri aseena Jos asiakas ei löydä tuotetta, hän ei osta sitä. Käytettävyyden merkitys. http://www.worldwidewebsize.com/. Tuotetta ei osteta ennen kuin se on todettu hyväksi.

elijah
Download Presentation

Web-Käyttöliittymä, käytettävyys

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 eri selainohjeolmien käyttö 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ä HTML5:ta • Poikkeus : WWW-konsultit - aihetta silti varovaisuuteen

More Related