Arvioitavat kohdat Nielsenin mukaan – heuristinen lista

Slides:



Advertisements
Samankaltaiset esitykset
Vihreän liiton kesäpäivät 2006 Panu Laturi
Advertisements

Pääotsikko – Rivi alaotsikkoa varten. ©2012 VJS. Otsikkorivi Vantaan Jalkapalloseura eli VJS on Länsi- ja Keski-Vantaalla toimiva jal- kapalloon erikoistunut.
Näkövammaiset ja verkkosivustot Virpi Jylhä
Käyttöohje: Kuinka luoda uusi sivu. (Painamalla F5 voit katsoa tämän diaesityksen)
Image Gallery JavaScriptin avulla Juha Konttinen 1.
Wikin pikaohje /ut. Kirjautuminen palveluun • Mene osoitteeseen valitse sivun oikeasta yläkulmasta ”Sign.
Tietokoneen osat v.2.5 Ohjelman avulla perehdyt tietokoneen sisältämiin osiin. Liikuta hiirtä kuvien päällä. Osan löytyessä ja nimen tullessa näkyviin,
Jos tarvitset opastusta, piirisi tunnuksen tai Sinulla on muuta kysyttävää, ota yhteyttä Merja Munkki, p Ongelmatilanteissa,
Hakukoneet Kotimaiset hakukoneetPortaalit Ulkomaisia hakukoneitaMetahakukoneet.
Kalastuslupien sähköinen kuittivihko on nopein ja helpoin tapa saada yhdellä tilauksella kalastusluvat suurellekin ryhmälle.
KyläNetti - sivun tekeminen • KyläNetti-sivustoon on luotu valmiiksi esimerkinomainen sivurakenne, jota voi vapaasti muokata • Kaikki sivut eivät ole näkyvissä.
Moodlen ohje opiskelijoille
Wikispace jatkokurssi Jarmo Heikkinen Karoliina Kemppainen Satu Kylmänen.
Tiedonhallinnan näkökulma valokuvien digitoinnin suunnitteluun Originaalin vähimmäistiedot, jälkituotannon tiedot ja metadata Anne Isomursu Suomen valokuvataiteen.
© 2010 IBM Corporation1 Bannerikaruselli  Bannerikaruselli on sisällönhallinnan komponentti, jolla voidaan laittaa www-sivulla haluttuun kohtaan näkymään.
Tehdään nettisivu  suunnittelu  rakentaminen  testaaminen  julkaiseminen.
1 Heli Lepomäki Yritysten ja muiden organisaatioiden käyttöön sähköinen työpöytä on jo leviämässä, koska niiden toiminta ja asiakaspalvelu.
Web-Käyttöliittymä, käytettävyys Asiakas on kuningas, hiiri aseena Jos asiakas ei löydä tuotetta, hän ei osta sitä.
1 Java-kieleen pohjautuvien ohjelmien käyttökohteita Ohjelmat Appletit JavaBeans JavaScript Java Server Pages (JSP) Java Servletit J2ME, mobiililaitteet.
Mikä on internet? b Kymmenien tuhansien yhteen liitettyjen tietoverkkojen kokonaisuus b Internetin palvelut ovat ilmaisia - liittymät ovat maksullisia.
Kotisivukoulutus Kirjastotalo Metso Osa 1 Tekstin kirjoittaminen ja muokkaaminen, linkitys.
Näkövammaiset opiskelijat ja IT-ratkaisut
WIKISPACE ohjeita. Sivun muokkaaminen •Valitse Edit This Page •Kirjoittele, lisää kuvia, muokkaa tekstiä •Tallenna •Muokkaa lisää….history näyttä kaikki.
Käyttöohje: Kuinka luoda uusi uutinen. (Painamalla F5 voit katsoa tämän diaesityksen)
Web-Käyttöliittymä, käytettävyys Asiakas on kuningas, hiiri aseena Jos asiakas ei löydä tuotetta, hän ei osta sitä.
Ohje PowerPoint esityksen tekoon
W w w. h a m k. f i Wiki koulutus Leenakaija Lehto
EXtensible Markup Language
MULTIMEDIAN MONET MUODOT
14 websuunnitteluvinkkiä!
Internet-viestintä on helppoa! Käyttökuvaus 4.0
Jorma Ronkainen / IT-laitos
WWW-sivuston luominen
CSS ja sen sovellukset Vesa Jussila. Esitys  Yleistä –Historia –Etuja ja huonoja puolia –Mediatyypit  Käyttö –Laatikkomalli –CSS-taitto –Sovelluksia.
Vapaa aihe Kysymykset.
Maaseutu.fi on uudistunut -
Sähköinen portfolio - kyvyt.fi
Esteettömyys www-sivuilla Eija Mykkänen Mediatekniikan seminaari
PowerPoint-esitys OHJE.
Esa Ramstadius Jussi Iltanen MTT Agronet portaali.
Kuinka tehdä blogi o365:ssä
Otsikko Kevät 2013 PAOK paokhanke.ning.com #paokhanke (Twitter) facebook.com/PAOK-verkosto.
Heuristinen arviointi Antti Nummiaho Johdanto (1/3) Heuristinen arviointi on käytettävyyden arviointia ilman käyttäjää. Se on yksinkertainen,
Atk-työni 8.lk Tervetuloa katselemaan esitystä, jossa näkyy tekemiäni töitä lukuvuona postimerkki työ Omat kotisivut Kansi Istumajärjestys Nimikyltti.
XHTML ja linkit Inline-elementti Linkki tehdään a-elementillä ja linkin kohde ilmoitetaan href- attribuutilla Absoluuttinen linkki Helian pääsivulle: Siirry.
Tässä on kokoelma kaikista 8lk:lla tekemistäni töistä.
WWW-sivuston tekeminen: n SUUUNNITTELE aina ensin:
Kehykset 1. KEHYKSET: rakenne 2. Frameset 3. Esimerkki: cols 4. Cols: mittayksiköt 5. Cols: mittayksiköt 6. Cols: esimerkki 7. Rows-mittayksiköt 8. Rows-esimerkki.
SPORTS TRACKER Tekijä: Nybäck Teemu TU09s Tiedonhaku internetistä.
Metatieto ja HTML-dokumentit Markus Virkkala Esa Kaihlanen TJTD63 - Semanttinen Web - 4/2002.
CSS – osa 1 Teppo Räisänen
Hyvän ja huonon esityksen piirteitä
Opiskelun ja opetuksen tukipalveluiden ja hallinnon viitearkkitehtuuri Pekka Linna, CSC.
Hyvän ja huonon esityksen piirteitä
S ysteemianalyysin Laboratorio Aalto-yliopiston teknillinen korkeakoulu Esitelmä 22 – Jussi Kangaspunta Optimointiopin seminaari - Syksy 2010 Ohjaamaton.
Hyvän ja huonon esityksen piirteitä
PK-yrittäjän verkkosivujen laadinnan aakkoset PALVE PALVE – Juha Konttinen.
Sivuston luominen oppilasryhmän käyttöön Matti Lähtevänoja.
Linkki: ”MY STAY” Visitfinland.comin ”My Stay” matkailutuotteiden tuotetietokanta esittelee Suomen.
Näin teet sähköisen kokeen ABITTI.fi palvelulla
Jani Kiviharju Helsingin normaalilyseo Syksy 2016
Tehtävä 3: PowerPoint Maria Rahkola.
Hoitopaikanvalinta.fi Sivuston käyttäjätietoa – syksy 2017
Otsikko kuvien asettelun kanssa
E-aineistojen saavutettavuus Mitä sisällöntuottajien pitäisi tietää?
Tehtävä 3: PowerPoint Jouni Koski.
Microsoft SharePointin mukauttaminen Verkkosivusto
CLT132 Tehtävät (viikko 2).
Mikä on Member+? Member+ on uusi akavalaisten liittojen omistama jäsenetupalvelu Kohderyhmänä yli korkeasti koulutettua akavalaisten liittojen.
ESR Osaan! – Avaimia aikuisten perustaitoihin
Esityksen transkriptio:

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

Merkityksen ja esitystavan eriyttäminen HTML suunniteltu merkityksen tallentamista varten (<h2> sivun toiseksi suurin otsikko) Semanttinen koodaus - toimii kaikilla välineillä ja ohjelmilla http://www.w3.org/TR/2002/REC-xhtml1-20020801/

Tyylitiedostojen toimivuuden varmistaminen sivujen on toimittava, vaikka selain ei tukisi tyylitiedostoja ei enempää kuin kahta kirjasinlajia leipätekstiin yhtä, otsikot toisesta, paksummasta suhteellinen kirjasinkoko ei !important-attribuuttia CSS:ään jos useita tyylitiedostoja, varmistuttava, että CLASS-luokkia on käytetty yhtenevästi

Vasteaika Käyttäjät haluavat sivujen latautuvan nopeammin - tärkein kriteeri aika sekunnin kymmenys - käyttäjä kokee järjestelmän reagoivan välittömästi aika alle sekunnin - käyttäjän ajatus ei katkea aika alle kymmenen sekuntia - käyttäjän huomio säilyy vuorovaikutustilanteessa Ennustettavuus - vasteaikojen muutoksia on syytä minimoida

Vasteaika – miksi hidas Laitteistoa uusitaan liian hitaasti Palvelimen yhteysnopeudesta tingitään Internetin rakenne Käyttäjän hidas yhteys Selainohjelmiston ja tietokoneen piirtokyky

Latausaika ja yhteysnopeus Vähemmän kuvia - enemmän kävijöitä Värien käyttöä voi lisätä Saman kuvan toisto (muistissa) - pienet koristeelliset kuvat kierrätykseen sivustolla

Linkeistä Eri linkkityypit Rakenteelliset (tietoavaruuden hahmotus) Sisältö (lisätietoa alleviivatusta sanasta) Aiheeseen liittyvät (käyttäjää autetaan löytämään etsimänsä)

Linkkejä ja Vinkkejä Älä käytä Sen sijaan ”Klikkaa tästä ” - informaatioarvo? kuka klikkaa? Lisätietoa muurahaisista tästä Sen sijaan Täältä saat tietoa muurahaisista Käyttäjälle tarjotaan kuvaus linkin sisällöstä Linkkiotsikot Ei näin <a href= ”www.jne>www.internetix.ofw.fi</a> vaan <a href=”www.jne>Internetixin oppimateriaali</a>

ja lisää vinkkejä Linkit myös ulos sivustosta Sinisen värin hyöty? - Silti suositeltava Käydyn linkin väri Sivustolle johtavat linkit tekstin täytettävä lupaus

Rekisteröityminen tai maksu Yksiselitteinen ei - mielummin mikromaksu tai muu puhelinmaksun tapaan perittävä Mainoslinkit 20 - 30 % kävijöistä palaa takaisin välittömästi ”Katso tänne” ärsyttää, houkuttelu tehtävä informaatiosisällöllä

Kehykset Älä käytä kehyksiä! URL-osoitteiden toimivuus Jos käytät, <noframes>-tag URL-osoitteiden toimivuus pienen näytön ongelmat selainongelmat hakukoneet eivät osaa käsitellä kehyksiä

Jos käytät kehyksiä varmista että URL-osoite toimii älä riko tekijänoikeutta voit käyttää kehyksia, kun luot muita sivuja käyttäviä metasivuja (esim käytettävyyttä arvioivia sivuja, joissa on esimerkkejä)

Siis arvioitavat kohdat Nielsenin mukaan Näyttöala Eri käyttöliittymät Merkityksen ja esitystavan erottaminen Vasteaika Linkit Tyylitiedostot Kehysten käyttö