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

Slides:



Advertisements
Samankaltaiset esitykset
Näkövammaiset ja verkkosivustot Virpi Jylhä
Advertisements

Sähköinen portfolio - kyvyt.fi
Kalastuslupien sähköinen kuittivihko on nopein ja helpoin tapa saada yhdellä tilauksella kalastusluvat suurellekin ryhmälle.
Arvioitavat kohdat Nielsenin mukaan – heuristinen lista
Www-sivuston ja verkkopalvelun rakentaminen Miten tehdä yritykselle www-sivut?
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ä.
Näkövammaiset opiskelijat ja IT-ratkaisut
Espoon Internet-sivuston uudistus Kristiina Andreasson
vuorovaikutteiset www-sivut 1.Asiakas-palvelinmalli kuvana Request Response request.asp response.asp.
Rastor Oy, Itä- ja Pohjois-Suomen yksikkö
Wikitellen Edupoli-Factian somekoulutus Tuija Marstio.
Tekijät: Pekka Ala-Honkola, Mika Immonen
Julkaisukielet ja - tekniikat tMyn1 Julkaisukielet ja -tekniikat •Verkko-ohjelmointi voidaan jakaa kahteen osaan: asiakaspuolen ja palvelinpuolen ohjelmointiin.
Sähköisen kaupan toimintaympäristö
Toimintasuunnitelma.
W w w. h a m k. f i Wiki koulutus Leenakaija Lehto
EXtensible Markup Language
Tekninen suunnit-telu
14 websuunnitteluvinkkiä!
DIIGO TIEDONHALLINNASSA Kiravo – kirjasto avoimena oppimisympäristönä Biblär – biblioteket som ett öppet lärcentra Krista Auvinen, Marjut Lahtela ja Katariina.
Projektikatselmus Publicum Teknillinen korkeakoulu Publicum-ryhmä.
 Kirjoita harkiten keskusteluryhmiin Jos kirjoitat viestejä julkisiin keskusteluryhmiin varmista, että viestisi liittyy ryhmän aiheeseen. Älä lähetä.
Verkkopankin käytettävyys
Minne menet Microsoft Oy. Ohjelma 09:00-09:15 Avauspuheenvuoro: Juhani Vuorio / Microsoft Oy – Minne menet IE10? 09:15-10:15 HTML5 kehitys,
Työelämävalmiuksia | Yrittäjyyskasvatusta | Oman talouden hallintaa Toimintasuunnitelma.
WWW-sivuston luominen
CSS ja sen sovellukset Vesa Jussila. Esitys  Yleistä –Historia –Etuja ja huonoja puolia –Mediatyypit  Käyttö –Laatikkomalli –CSS-taitto –Sovelluksia.
Rakenteen ja ilmeen määrittelystä konseptissa. Konseptisuunnittelu Konseptisuunnitelman sisällöstä Konseptisuunnitelmassa kuvaillaan Projektin tausta.
Vapaa aihe Kysymykset.
Internet-projekti - MUM2TM Heikki Hietala Jukka Mutikainen TIKO – Malmi
Esteettömyys www-sivuilla Eija Mykkänen Mediatekniikan seminaari
Työllisyysportti ”Ei vain tietoa, vaan ihmistä varten”
Esa Ramstadius Jussi Iltanen MTT Agronet portaali.
Web 2.0 tiivistetysti 1. Ohjelmistoalusta on Web. Webtop korvaa Desktopin. Keskeistä yhteisöllisyys ja ”Software as a Service”. 2. Kollektiivisen älyn.
Facebook yritystoiminnan tukemisessa Kiravo-projekti 2012 Kiravo – kirjasto avoimena oppimisympäristönä Biblär – biblioteket som ett öppet lärcentra.
Turhia töitä... Ylituotanto ja varastointi Odottaminen ja etsiminen
XML Namespaces 1 XML Namespaces provide a method to avoid element name conflicts –name conflict will occur when two different documents use the same element.
3D-www-käyttöliittymä
* Miksi ja kenelle www-sivut halutaan tehdä? * Mitkä ovat tavoitteet? * Kohderyhmän käyttäjien määritely ! SUUNNITTELUN PERUSTEITA.
Pienyritykset ja käytettävyys Ville Juhani Lehtonen, 49515B.
XHTML-perusteita Teppo Räisänen
Tiivistelmät EU:n lainsäädännöstä: ja esittely 2009.
Mi Menetelmä tosiaikaiseen sivustomuokkaukseen Sulake Dynamoid | Strictly confidential – legally protected and privileged information Ilari Tuominen Software.
Akateeminen kirjoittaminen Tiedotteet
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.
Toteutuuko yhdenvertaisuus kuntien verkkopalveluissa? Selkokieliseminaari Kuntatalo Sami Älli Kehitysvammaliitto / Papunet verkkopalveluyksikkö.
T Henkilökohtainen SE harjoitus
LISÄÄ POTKUA TEKSTIVIESTEIHIN Näkökulmina käytettävyys ja toiminnallisuuden aukot Tekijät: Pekka Ala-Honkola, Mika Immonen Viitteet [1]Nielsen, 1997 [2]Norman,
Liikeidean esittelyohje
Tik Tietojenkäsittelyopin ohjelmatyö Palautuspalaveri 2 Projektin esittely lyhyesti Projektin tilanne Vaiheen lopputulokset Seuraavan vaiheen (SU)
Palomuurin peruskäsitteitä Palomuurin tehtävänä on erottaa ja kontrolloida tietoliikennettä yrityksen lähiverkon (LAN) ja yrityksen ulkoisen verkon (WAN)
XSL Teppo Räisänen
XSL Teppo Räisänen
Olet ostamassa omaa asuntoa Pirkanmaalta. Bruttopalkkasi on 2971 €/kk, josta sinulle käteen jää verojen jälkeen 2018 €/kk. Omia säästöjä sinulla on 8000.
Monimedian työkurssi www-teknologioiden rajoitteet Ilmari Laakkonen Huone 6535, päivystys pe 16-17
RAPORTOINNIN PERUSTEITA Tekniikan viestintä/Soili Fabritius 2006.
Monimedian työkurssi www-teknologioiden rajoitteet Ilmari Laakkonen.
Antti Huovinen 1 Web-käyttöliittymät Suunnittelu ja lomakkeet.
Mukautuvat web-sivut Joni Korpi 01/20. Määritelmä Sivu, jonka asettelu – ja mahdollisesti sisältö – muuttuvat laitteen koon mukaan. 02/20.
SharePoint2010 ATK-seminaari Totti Nykvist.
Toimintasuunnitelma.
Ohjeistus kouluttajille
NY Vuosi yrittäjänä Yrittäjyyttä ja työelämäoppeja käytännössä
Ryhmä 3 Timo Anttonen, Miro Salo
E-aineistojen saavutettavuus Mitä sisällöntuottajien pitäisi tietää?
Web-sovellusten kehittäminen - Johdanto
Toimitusjohtaja Risto Parjanne :
Mistä löydämme tietoja…
CLT132 Tehtävät (viikko 2).
Esityksen transkriptio:

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

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ä

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

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

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

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

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

Näyttöala

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 kertainen

W3schools-sivun käyttäjien näyttöpäätteiden koon jakautuminen

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

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

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 (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