Luentoaikataulu Luento 2 (vko 49) Multimodaalisuus. Visuaaliset suunnitteluperiaatteet. IHTE-2100 KaSuper Käyttöliittymätyyppejä
|
|
|
- Annikki Majanlahti
- 8 vuotta sitten
- Katselukertoja:
Transkriptio
1 IHTE-2100 KaSuper Luento 2: multimodaalisuus, visuaaliset suunnitteluperiaatteet Luentoaikataulu Luento 1 (vko 49) Kurssijärjestelyt, käyttöliittymän määritelmä. GUI historiaa Luento 2 (vko 49) Multimodaalisuus. Visuaaliset suunnitteluperiaatteet Luento 3 (vko 50) Visuaaliset suunnitteluperiaatteet. Värit käyttöliittymissä Luento 4 (vko 50) Mobiilikäyttöliittymät / Timo Partala. Kuvakkeet. Luento 5 (vko 51) Harjoitustyön ohjeistus. Keskustelu- / vuorovaikutustavat Luento 6 (vko 51) Käyttöliittymäelementtejä. WWW-käyttöliittymät Luento 7 (vko 2) Kosketuskäyttöliittymät / Juha Lehikoinen? Luento 8 (vko 3) Internationalisointi / Jere Käpyaho Luento 9 (vko 4) Tehtäväanalyysi. Standardit. Kertaus. 1 2 Tämän päivän aiheet Multimodaalisuus Visuaaliset suunnitteluperiaatteet Käyttöliittymätyyppejä 80-luku - Command - WIMP / GUI 90-luku - Advanced graphical - Web - Speech (voice) - Pen, gesture and touch - Appliance (esim. kodinkoneet) 3 4
2 2000-luku Mobile Multimodal Shareable Tangible (käsin kosketeltava) Augmented and mixed reality Wearable Robotic Käyttöliittymätyyppien ryhmittelystä Teknologia - Wearable, pen, appliance, robotic Vuorovaikutustapa - Command, GUI Käyttäjien määrä - Shareable, Web Modaliteetit - Speech, touch, gesture 5 6 Tämän päivän aiheet Multimodaalisuus Visuaaliset suunnitteluperiaatteet 7 Modaliteetit Modaliteetilla tarkoitetaan ihmisen aistin tuottamaa syötekokemusta Modaliteetit: - Haptinen/Taktiilinen - Visuaalinen - Auditiiviset - Vestibulaarinen - Gustatoorinen - Olfaktorinen 8
3 Modaliteetit: Haptinen / Taktiilinen / Kehon liikeaisti Haptinen: tuntoaistiin perustuva Taktiilinen: kosketukseen perustuva Modaliteetit: Visuaalinen Visuaalinen: näköaistiin perustuva 9 10 Modaliteetit: Visuaalinen Demo, katseohjaus BLISS-symbolit Modaliteetit: Auditiivinen Auditiivinen: kuuloaistiin perustuva Isoisä Sairaala Hissi 11 12
4 Modaliteetit: Auditiivinen Demo, Puheentunnistus (Vista) Modaliteetit: Vestibulaarinen Tasapainoaistiin perustuva - Wii fit Modaliteetit: Olfaktorinen Hajuaistiin perustuva Siemens kehittää ensimmäistä matkapuhelinta, joka varoittaa käyttäjäänsä pahanhajuisesta hengityksestä tai muista hajuista. Puhelimeen upotetaan alle halkaisijaltaan alle millimetrin kokoinen ilmaa nuuskiva siru. IT-viikko 9/2004 Smell-o-phone - Hajuviestit Modaliteetit: Gustatoorinen Makuaistiin perustuva Ei käytetä juuri lainkaan Virtuaaliympäristöt? 15 16
5 Multimodaalisuus: Yhdistetään useampia modaliteetteja - Vrt. ihmisten kommunikointi kasvotusten - Tulkinta vahvistuu Multimodaalisuuden avulla pyritään - lisäämään luonnollisuutta ja käytettävyyttä - ehkäisemään virheitä ja avustamaan niiden korjaamisessa - nopeuttamaan kommunikointia - parantamaan järjestelmän luotettavuutta 17 Tämän päivän aiheet Multimodaalisuus Visuaaliset suunnitteluperiaatteet 18 Visuaaliset suunnitteluperiaatteet (Mullet & Sano) Yksinkertaisuus Selkeys Johdonmukaisuus Miellyttävä ulkonäkö Yksinkertaisuus In anything at all, perfection is finally attained not when there is no longer anything to add, but when there is no longer anything to take away. Antoine de Saint Exupery, The Little Prince 19 20
6 Visuaalinen yksinkertaisuus Etuja - ymmärrettävyys (approachability) - tunnistettavuus (recognizability) - välittömyys (immediacy) - käytettävyys (usability) Visuaaliset suunnitteluperiaatteet Yksinkertaisuus Selkeys Johdonmukaisuus Miellyttävä ulkonäkö Visuaalinen selkeys Hahmolait: läheisyys Tavoitteita - tiedon loogisen organisoinnin esittäminen visuaalisesti Keinoja esim. ns. hahmolait - läheisyys (proximity) - samanlaisuus (similarity) - sulkeutuvuus (closure) - jatkuvuus (continuity) 23 24
7 Hahmolait: läheisyys Hahmolait: läheisyys Hahmolait: samanlaisuus Hahmolait: samanlaisuus
8 Hahmolait: samanlaisuus Hahmolait: sulkeutuvuus Hahmolait: sulkeutuvuus Hahmolait: jatkuvuus [ +?
9 Hahmolait: jatkuvuus Hahmolait: jatkuvuus Hahmolait: Muita hahmolakeja Valiomuotoisuus Hahmolait: Muita hahmolakeja Kohde ja alusta Yhteinen liike Yhteen liittyminen 35 36
10 Hamolait: Alue Visuaaliset suunnitteluperiaatteet Yksinkertaisuus Selkeys Johdonmukaisuus Miellyttävä ulkonäkö Johdonmukaisuus Johdonmukaisuus (consistency) eli yhtenäisyys on keskeinen ohjelman ominaisuus Johdonmukaisuutta voi noudattaa eri tasoilla - ulkoinen johdonmukaisuus muiden ohjelmien kanssa ympäröivän maailman kanssa eri laitemerkkien kanssa - sisäinen johdonmukaisuus 39 Johdonmukaisuus Sisäiseen johdonmukaisuuteen vaikuttaa mm: - Komponenttien sijainti ja käyttötapa - Värien käyttö (sama värikoodaus läpi ohjelman) - Vihjeiden käyttö (fontin tyyli: kursiivi, lihavointi ) - Terminologia (onhan yhtenäinen läpi koko ohjelman) - Samantyyppinen toimintatapa samantyyppisissä tilanteissa. - Geneeriset komennot (kopioi, liitä ) Yrityksen sisäiset tyylioppaat hyvä tapa valvoa johdonmukaisuutta. 40
11 Johdonmukaisuus Visuaaliset suunnitteluperiaatteet Yksinkertaisuus Selkeys Johdonmukaisuus Miellyttävä ulkonäkö Miellyttävä ulkonäkö Miellyttävä ulkonäkö Älä ahda ikkunaa liian täyteen Varo sisäkkäisten ryhmien raamitusta Käytä tyhjää tilaa erottimena Miellyttävät suhteet tärkeämpiä kuin pinta-alan minimointi Pyri tekemään yhtenäinen ulkonäkö kaikkiin ikkunoihin Varo häiritsevää taustaa Jaa ikkuna palstoihin (kanonisuus) 43 [The Daily WTF / Jake Winson] 44
12 Miellyttävä ulkonäkö Opittua Käyttöliittymätyyppejä Multimodaalisuus - Modaliteetit Visuaaliset suunnitteluperiaatteet - Yksinkertaisuus - Selkeys Hahmolait - Johdonmukaisuus Ulkoinen ja sisäinen johdonmukaisuus - Miellyttävä ulkonäkö 45 46
KÄYTTÖLIITTYMÄT. Visuaalinen suunnittelu
KÄYTTÖLIITTYMÄT Visuaalinen suunnittelu MUISTETTAVA Yksinkertaisuus Selkeys Johdonmukaisuus Sommittelutyyli on säilytettävä samankaltaisen koko sivustossa Sivustolle yhtenäinen ulkoasu Miellyttävä ulkonäkö
Lomakkeiden suunnittelu. Aiheina
Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä Peruskontrollit lomakkeissa Asetteluista lomakkeella Oppimistavoite:
Lomakkeiden suunnittelu. Aiheina
Lomakkeiden suunnittelu Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Aiheina Lomakesuunnittelun perusteita Lomake-esimerkkejä
$%& & % ' %& %#&& ' ( ) * ( + (, + (, + -
! "#! " #$ "% &'( $%&&%'%&%#&&'( ) * ( + (,+ (, + - $. + $ /) * %&%& "" %& - )' $%&&%' %&%#&& 0 0 $%&%'% %%& * $%&&% 0 1) +,%&%'%% 0 $ -$%&%#&&.# 0 0 2 ' # 0 & #1 3 $ 4 3 $'/001 233,4# 5& "67 84#79:7 43
Visuaalisen suunnittelun alkeita. Aiheina
Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli
http://www.cs.tut.fi/ihte IHTE-2100 KaSuper 2007-2008 Luento 4: Tehtäväanalyysi, multimodaalisuus
http://www.cs.tut.fi/ihte IHTE-2100 KaSuper 2007-2008 Luento 4: Tehtäväanalyysi, multimodaalisuus Päivän aiheet Tehtäväanalyysi Multimodaalisuus (Design patterns) WWW-käyttöliittymät Tehtäväanalyysi (task
IHTE-2100 KaSuper Luento 3: visuaaliset suunnitteluperiaatteet, värit. Aiheet tänään. Visuaaliset suunnitteluperiaatteet - Sommittelu.
IHTE-2100 KaSuper 2008-2009 Luento 3: visuaaliset suunnitteluperiaatteet, värit Aiheet tänään Visuaaliset suunnitteluperiaatteet - Sommittelu Värit Visuaaliset suunnitteluperiaatteet (Mullet & Sano) Yksinkertaisuus
Käyttöliittymän suunnitteluohje, käytettävyyden psykologia. Laskari 6
Käyttöliittymän suunnitteluohje, käytettävyyden psykologia Laskari 6 Käytettävyyden psykologia Ihmisen psykologisen toiminnan periaatteet on otettava huomioon käyttöliittymää suunniteltaessa Miten ihminen
Johdatus vuorovaikutteiseen teknologiaan
Aiheina Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli
Käytettävyys ja käyttäjätutkimus. Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi
Käytettävyys ja käyttäjätutkimus Yhteisöt ja kommunikaatiosuunnittelu 2012 / Tero Köpsi Teron luennot Ke 15.2 miniluento Ti 28.2 viikkotehtävän anto (T,M) To 1.3 Tero paikalla (tehtävien tekoa) Ti 6.3
Ihmisellä on viisi perusaistia
Aistit ja oppiminen Ihmisellä on viisi perusaistia näköaisti eli visuaalinen aistijärjestelmä kuuloaisti eli auditiivinen aistijärjestelmä tuntoaisti eli kinesteettinen aistijärjestelmä hajuaisti eli olfaktorinen
Käyttäjäkeskeinen suunnittelu
Käyttäjäkeskeinen suunnittelu Aapo Puskala Käytettävyystutkija, CEO User Point Oy aapo.puskala@userpoint.fi www.userpoint.fi Aapo Puskala Käytettävyystutkija, CEO +358 40 722 0706 aapo.puskala@userpoint.fi
HAVAINTO / ESTETIIKKA Petteri Kummala FT, tutkija Arkkitehtuurimuseo
HAVAINTO / ESTETIIKKA 11.9.2017 Petteri Kummala FT, tutkija Arkkitehtuurimuseo Havainto / estetiikka Luennot: 11.9., 15.9., 22.9., 3.10. ja 5.10. Viimeinen luentokerta (torstaina 5.10. klo 14 16) vierailu
Nimi: Opnro: Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä. 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla:
Harjoitustyön suoritus: ( ) syksy 2006 ( ) syksy 2005 ( ) muu, mikä 1. Selitä seuraavat termit muutamalla virkkeellä ja/tai kaaviolla: a) käytettävyys b) käyttäjäkeskeinen suunnittelu c) luonnollinen kieli
T-121.2100 Johdatus käyttäjäkeskeiseen tuotekehitykseen 2 op. Marko Nieminen
T-121.2100 Johdatus käyttäjäkeskeiseen tuotekehitykseen 2 op T-121.2100/3110: Henkilökunta Vastuuopettajat Johanna Viitanen, Assistentti.2100 Lasse Lumiaho, Janne Käki Assistentti.3110 Janne Käki, Lasse
Johdatus vuorovaikutteiseen teknologiaan
Aiheina Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Visuaalisen suunnittelun perusteita Visuaalisen suunnittelun periaatteet (Dix et al.) CRAP-suunnittelumalli
KÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS. Mitä merkitystä sillä on?
PÄIVÄ 10.4.2013 Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi? 1 Mitä se on? 1/3 Tuotteen käytettävyys
Käytettävyys käyttöliittymäsuunnittelussa
http://www.cs.tut.fi/ihte Käytettävyys käyttöliittymäsuunnittelussa Grako-luento 9.9.2008 Timo Partala Puh. 040 849 0855 Email timo.partala@tut.fi Luennon sisältö Tavoite: Keskeisten käytettävyyteen liittyvien
Yhteenveto. Aiheita lopuksi
Yhteenveto Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Aiheita lopuksi Kertausta Kurssin keskeiset kysymykset Mitä pitäisi
KÄYTETTÄVYYS KÄYTETTÄVYYSPÄIVÄ 17.4.2014. Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?
PÄIVÄ 17.4.2014 Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä) Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat haasteet sen saavuttamikseksi?
Johdatus vuorovaikutteiseen teknologiaan
Aiheina Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Visuaalisen suunnittelun perusteita
Lisätty todellisuus ja sen sovellukset: kiehtovaa visualisointia ja havainnollistamista
This document is downloaded from the Digital Open Access Repository of VTT Title Lisätty todellisuus ja sen sovellukset: kiehtovaa visualisointia ja havainnollistamista Author(s) Siltanen, Sanni Citation
KÄYTETTÄVYYSPÄIVÄ Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä)
KÄYTETTÄVYYSPÄIVÄ 1.4.2016 Johanna Silvennoinen (Perustuu Meeri Mäntylän kalvoihin, sis. osia Anne Pirisen esityksestä) KÄYTETTÄVYYS Mitä käytettävyys on? Mitä merkitystä sillä on? Mitkä ovat suurimmat
KÄYTETTÄVYYS OHJELMISSA KÄYTTÖLIITTYMÄ
KÄYTETTÄVYYS OHJELMISSA KÄYTTÖLIITTYMÄ TÄRKEÄÄ usein käyttäjän mielestä käyttöliittymä = sovellus kilpailuetu helppokäyttöinen käyttöliittymä -> nopea ja tuottava käyttäjä jos ensimmäinen kerta epäonnistuu,
Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen. Jouni Nevalainen
Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen Jouni Nevalainen Esityksen sisällysluettelo Työn tausta Ongelman asettelu Käsitteitä ja määritelmiä Käytetyt menetelmät Tulokset Johtopäätökset
Sisällys. I osa Sensorinen integraatio ja aivot
Aistimusten aallokossa Sisällys Alkusanat... 15 Esipuhe... 20 Suomalaisen asiantuntijan puheenvuoro... 22 I osa Sensorinen integraatio ja aivot Luku 1. Mitä on sensorinen integraatio? Johdanto aiheeseen..............................................
Aistit tuoteinnovaatioiden kehitystyössä Mari Sandell ja Mari Norrdal Funktionaalisten elintarvikkeiden kehittämiskeskus
Aistit tuoteinnovaatioiden kehitystyössä Mari Sandell ja Mari Norrdal Funktionaalisten elintarvikkeiden kehittämiskeskus 9.11.2017 MIKSI AISTINVARAISTA ARVIOINTIA Miksi aistinvaraista arviointia tarvitaan?
#saavuta2017 Puheenvuoroja, kognitiivinen saavutettavuus Torstai , klo
#saavuta2017 Puheenvuoroja, kognitiivinen saavutettavuus Torstai 16.11.2017, klo 11.00-12.00 Sami Älli Kehitysvammaliitto ry Saavutettavuus Hyvä saavutettavuus kertoo erilaisten ihmisten tarpeiden huomioimisesta.
Johdatus vuorovaikutteiseen teknologiaan 14.9.2011
Aiheina Ihminen teknologian käyttäjänä Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Ihmisen informaation prosessointi Muisti Aistijärjestelmät Toiminnan 7 vaihetta: Normanin vuorovaikutusmalli
Verkkopalvelun sisällöntuotanto
Verkkopalvelun sisällöntuotanto 8. luento 14.12.2005 erikoistutkija Kirsi Silius & tutkija Anne-Maritta Tervakari Hypermedialaboratorio Digitaalisen median instituutti Tampereen teknillinen yliopisto Teemat
Ihminen keinotodellisuudessa. Aiheena
Ihminen keinotodellisuudessa Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheena Keinotodellisuus ja sen eri asteita Ihmisen aistittavaksi eri aistien välityksellä Erilaisia teknologisia
Visuaalisen suunnittelun alkeita. Aiheina
Visuaalisen suunnittelun alkeita Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Aiheina Visuaalisen suunnittelun perusteita
CMS Made Simple Perusteet
CMS Made Simple Perusteet 1. Hallintaan kirjautuminen Kirjautumisruutuun pääset lisäämällä osakaskuntasi www-osoitteen perään liitteen /admin. Käyttäjätunnuksena toimii onkija ja salasanana postitse saamasi
Havaitseminen ja tuote. Käytettävyyden psykologia syksy 2004
Havaitseminen ja tuote Käytettävyyden psykologia syksy 2004 Käytettävyysongelma? biologinen olento psykologinen olento kulttuuriolento sosiaalinen olento yhteiskunnallinen olento Ihminen on... tiedonkäsittelijä
Esteettömiä näkökulmia saavutettavuuteen
Esteettömiä näkökulmia saavutettavuuteen Antti Raike Medialaboratorio, TaiK araike@uiah.fi http://www.uiah.fi/~araike/ http://elokuvantaju.uiah.fi/ 1/20 Esityksen rakenne Johdanto Esimerkkejä Huoneistokeskus
Johdatus vuorovaikutteiseen teknologiaan 23.-25.9.2013
Aiheina Ihminen teknologian käyttäjänä Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Ihmisen informaation prosessointi Tarkkaavaisuus Muisti Aistijärjestelmät Ihminen teknologian käyttäjänä
ETNIMU-projektin, aivoterveyttä edistävän kurssin 5.osa. Aistit.
ETNIMU-projektin, aivoterveyttä edistävän kurssin 5.osa Aistit. Aistien maailma Ympäristön havainnointi tapahtuu aistien välityksellä. Tarkkailemme aistien avulla jatkuvasti enemmän tai vähemmän tietoisesti
Monilla aloilla myös pukeutuminen ja käyttäytyminen ovat yrityksen visuaalisen linjan mukaista.
PROFILOINNIN TYÖKALUT Yrityksen kaikilla merkeillä täytyy olla yhtenäinen linja. Visuaalinen kokonaisuus: symbolit, merkit, tunnukset, tunnusvärit, typografia muodostavat yhden eheän erottuvan linjan,
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Excel-Esitystapa, Arvioija: Juha Kuula, Arviointipäivämäärä:
Arvioitava kohde: Excel-Esitystapa, Arvioija: Juha Kuula, Arviointipäivämäärä: 3.9 Informaation esitystapa p. Jäsennetty esitystapa 4.4 p. [1 Looginen järjestys 4.0 p. [1 Tiiviis muoto 4.8 p. [1 Sivuston
IHTE-2100 Käyttöliittymäsuunnittelun perusteet
IHTE-2100 Käyttöliittymäsuunnittelun perusteet Lukuvuosi 2007-2008 Luentomoniste v. 1.1 osa a / Melakoski-Vistbacka SISÄLLYSLUETTELO 1. ALUKSI...2 2. STANDARDIT KÄYTTÖLIITTYMÄSUUNNITTELUSSA...3 2.1 VISUAALINEN
KÄYTETTÄVYYSPÄIVÄ
KÄYTETTÄVYYSPÄIVÄ 29.3.2007 Anne Pirinen Meeri Mäntylä KÄYTETTÄVYYSPÄIVÄ Aikataulu 9.15-11.30, Ag C134.1 Luento-osuus 11.30-12.15 Lounastauko 12.15-14.00, projektitilat Ryhmätöiden teko 14.15-15.45, Ag
Ihminen teknologian käyttäjänä. Aiheina
Ihminen teknologian käyttäjänä Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto *) Osan luentokalvoista on laatinut Jenni Anttonen syksyllä 2009. Aiheina Ihmisen informaation prosessointi
HELIA 1 (17) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu 2.11.2000
HELIA 1 (17) Luento 6 Tyyliopas... 2 Käytön tuki... 2 Suunnittelun ja toteutuksen tuki... 3 Ohjeiden hierarkia... 4 Viralliset standardit... 4 Käytännön standardit... 4 Yrityskohtaiset standardit... 4
Saavutettavaa suunnittelua,
Saavutettavaa suunnittelua, Antti Raike CAS, Aalto-yliopisto http://people.aalto.fi/ esteetöntä viestintää September 29, 2015 September 29, 2015 2 September 29, 2015 3 ! http://youtu.be/zqeygyqon8g September
Tietosuoja-portaali. päivittäjän ohje
Tietosuoja-portaali päivittäjän ohje Maisa Kinnunen 2010 1 Sisältö PÄIVITTÄJÄN OHJE Kirjautuminen...3 Sivujen tekstin muokkaus...4 Tiedostojen lisääminen palvelimelle...9 Jos sinun pitää selvittää tiedoston/kuvan
Käyttöliittymien perusteet 5.12.2012
Tarjolla tänään Multimodaaliset käyttöliittymät Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto Multimodaaliset käyttöliittymät Tietokoneen ohjaamiseen on käytössä monta erilaista ohjaustapaa
Käyttöliittymien perusteet 5.12.2012. TAUCHI Tampere Unit for Computer-Human Interaction. TAUCHI Tampere Unit for Computer-Human Interaction
Multimodaaliset käyttöliittymät Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto Tarjolla tänään Multimodaaliset käyttöliittymät Tietokoneen ohjaamiseen on käytössä monta erilaista ohjaustapaa
Saavutettavuuswebinaari
Saavutettavuuswebinaari 8.11.2017 Mitä saavutettavuus käytännössä tarkoittaa? Virpi Jylhä, saavutettavuuden asiantuntija, Näkövammaisten liitto Sami Älli, saavutettavuusyksikön johtaja, Kehitysvammaliitto
2. Aloitus -välilehti, leikepöytä- ja fontti -ryhmät
2. Aloitus -välilehti, leikepöytä- ja fontti -ryhmät Aloitus -välilehdelle on sijoitettu eniten käytetyt muotoiluihin liittyvät komennot. Välilehti sisältää viisi eri ryhmää, johon komennot on sijoitettu
10. luento: Visuaalinen suunnittelu
10. luento: Visuaalinen suunnittelu Suurin osa verkkopalveluiden informaatiosta välitetään visuaalisessa muodossa. Tiedon asettelulla ja informaation selkeällä näkymisellä on suuri merkitys informaation
Käyttöliittymien perusteet
Tarjolla tänään Multimodaaliset käyttöliittymät Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto Multimodaaliset käyttöliittymät Tietokoneen ohjaamiseen on käytössä monta erilaista ohjaustapaa
Käyttöliittymien perusteet TAUCHI Tampere Unit for Computer-Human Interaction. TAUCHI Tampere Unit for Computer-Human Interaction
Multimodaaliset käyttöliittymät Saila Ovaska Informaatiotieteiden yksikkö Tampereen yliopisto Tarjolla tänään Multimodaaliset käyttöliittymät Tietokoneen ohjaamiseen on käytössä monta erilaista ohjaustapaa
Käyttöliittymäsuunnittelu Ohjeistot ja toteutus
Käyttöliittymäsuunnittelu Ohjeistot ja toteutus Marko Nieminen Keep it simple * * Slogans by Myers (1997) from http://www-2.cs.cmu.edu/~bam/uicourse/1997spring/lect03moreslogalsbig.html Marko Nieminen
Motorinen kehitys ja motoriset perustaidot
Motorinen kehitys ja motoriset perustaidot Motorinen kehitys = kehitysprosessi, joka johtaa tahdonalaisen liikkumisen oppimiseen ja vähitellen taitojen motoristen taitojen laadulliseen kehittymiseen Geeniperimä
Johdatus vuorovaikutteiseen teknologiaan 24.-26.9.2012
Näköaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Näköaisti Näköaistin toiminta ja näköhavainto Hahmolait (Gestalt law) Värit Näköaistiin liittyviä rajoitteita Värisokeus
Johdatus vuorovaikutteiseen teknologiaan 17.-19.9.2012
Aiheina Ihminen teknologian käyttäjänä Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Ihmisen informaation prosessointi Tarkkaavaisuus Muisti Aistijärjestelmät Ihminen teknologian käyttäjänä
Aikataulu KÄYTETTÄVYYSPÄIVÄ
KÄYTETTÄVYYSPÄIVÄ 23.10.2007 Meeri Mäntylä Anne Pirinen Aikataulu 9.15-10.00, Ag Delta 10.15-11.45, Ag Gamma Luento-osuus 11.45-12.30 Lounastauko 12.30-14.00, projektitilat Ryhmätöiden teko 14.15-15.45,
Graafiset ohjeet. Päivitetty 27.5.2013 I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1
Graafiset ohjeet Päivitetty 27.5.2013 I LVI-TU LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1 Sisältö Tunnus...3 Typografia...4 Värit...5 Käyntikortit ja sähköinen allekirjoitus...6 Lomakkeet
Transitioiden käytettävyys Case: Nokia
Transitioiden käytettävyys Case: Nokia Tero Heiskanen World Usability Day 2007 Jyväskylä - Varaslähtö Käytech-projektin päätösseminaari 23.10.-24.10.2007 Transitio toiminnallinen siirtymä Transitio/siirtymä
Miten suunnitella hyvä käyttöliittymä?
Miten suunnitella hyvä käyttöliittymä? 6.5.2010 Timo Jokela Timo Jokela FT (2001), dosentti (Oulun yliopisto 2009) historiaa 1990-luvun alussa VTT:llä käyttöliittymien mallinnusta 1995 Nokia Mobile Phones,
KÄYTETTÄVYYSPÄIVÄ Meeri Mäntylä (sis. osia Anne Pirisen esityksestä)
KÄYTETTÄVYYSPÄIVÄ 30.3.2012 Meeri Mäntylä (sis. osia Anne Pirisen esityksestä) Aikataulu 10:15-12:00 Luento-osuus 12:00-12:30 Lounas 12:30-14:00, projektitilat Käytettävyysanalyysien teko 14:00-16:00 Analyysien
Tuotantolinjan suunnittelu
Tuotantolinjan suunnittelu Työpisteiden sijainti ja tarpeet Huoltopisteiden ja alueiden sijainti, rajaaminen ja merkitseminen Ohjauspisteiden sijainti ja tarpeet Toimivat liikkumistasot linjojen viereen
Digi buustaa kehittymisen Mitä uutta digitalisaatio voi tuoda henkilöstön osaamisen kehittämiselle
Digi buustaa kehittymisen Mitä uutta digitalisaatio voi tuoda henkilöstön osaamisen kehittämiselle 10.5.2017 ValtioExpo Marjaana Laine, Valtiovarainministeriö Tuulia Himanen, Tilastokeskus Petteri Kallio,
vero.fi: Hankinnasta ylläpitoon Miten varmistaa saavutettavuus?
vero.fi: Hankinnasta ylläpitoon Miten varmistaa saavutettavuus? käytettävyys käyttökokemus ihmiskeskeiset suunnittelumenetelmät asiakasymmärrys ymmärrettävyys helppous nopeus yksinkertaisuus selkeys saavutettavuus
9. Muunneltavuuden hallinta
9. Muunneltavuuden hallinta Muunneltavuuden hallinta (Variability management): Tekniikat ja työtavat, jotka auttavat kuvaamaan, toteuttamaan ja hyödyntämään tuoterungon mahdollistamaa ohjelmistotuotteiden
Johdatus vuorovaikutteiseen teknologiaan 30.9.-9.10.2013
Näköaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Näköaisti Näköaistin toiminta ja näköhavainto Hahmolait (Gestalt law) Värit Näköaistiin liittyviä rajoitteita Värisokeus
T Johdatus käyttäjäkeskeiseen tuotekehitykseen 2 op. Marko Nieminen
T-121.2100 Johdatus käyttäjäkeskeiseen tuotekehitykseen 2 op T-121.2100/3110: Henkilökunta Vastuuopettaja Assistentti.2100 Johanna Viitanen Assistentti.3110 Elina Melkko Kurssin sähköpostiosoite t1212100@soberit.hut.fi
Sen jälkeen Microsoft Office ja sen alta löytyy ohjelmat. Ensin käynnistä-valikosta kaikki ohjelmat
Microsoft Office 2010 löytyy tietokoneen käynnistävalikosta aivan kuin kaikki muutkin tietokoneelle asennetut ohjelmat. Microsoft kansion sisältä löytyy toimisto-ohjelmistopakettiin kuuluvat eri ohjelmat,
@amkivi pointtiperille.com Facebookissa: Tiedon visualisointi. Lisää visuaalisuutta. viestijän työkalupakkiin
@amkivi pointtiperille.com Facebookissa: Tiedon visualisointi Lisää visuaalisuutta viestijän työkalupakkiin Miksi kertoa visuaalisesti? Lisää ymmärrystä Auttaa muistamaan On helpompi jakaa oma idea muille
Käytettävyystyön laatu: tarjotaanko oikeita palveluja, tuotetaanko oikeita tuloksia?
Käytettävyystyön laatu: tarjotaanko oikeita palveluja, tuotetaanko oikeita tuloksia? Timo Jokela, FT Timo Jokela, FT historiaa 1990-luvun alussa VTT:llä käyttöliittymien mallinnusta 1995 Nokia Mobile Phones,
HELIA 1 (1) Outi Virkki Käyttöliittymät ja ohjelmiston suunnittelu 02.11.00 16:08
HELIA 1 (1) Luento 9 Käytettävyyden arviointi... 2 Yleistä... 2 Menetelmiä... 3 Etuja... 3 Ongelmia... 3 Palautteet... 4 Käyttäjäkyselyt ja haastattelut... 5 Ryhmäläpikäynti... 7 Käyttäjien havainnointi...
Sivuston tiedotgoogle.com
Sivuston tiedotgoogle.com Luotu Tammikuu 14 2019 10:26 AM Pisteet37/100 SEO Sisältö Otsikko Google Pituus : 6 Ihannetapauksessa, sinun otsikkosi pitäisi sisältää väliltä 10 ja 70 kirjainta (välilyönnit
MAKUKOULU. Tunti 2. Elintarvikkeiden ominaisuudet aistien puntarissa 1 / 21
MAKUKOULU Tunti 2. Elintarvikkeiden ominaisuudet aistien puntarissa 1 / 21 Tunnilla käsitellään tuotteiden miellyttävyyttä ja aistittavaa laatua elintarvikkeiden ainesosien käyttötarkoituksia ja niiden
Visuaalinen käyttöliittymäanalyysi
Visuaalinen käyttöliittymäanalyysi Johdanto Tehtävänä on analysoida Saariston ekologia-kurssilla käytettävän tietokoneohjelman käyttöliittymän visuaalisia ominaisuuksia. Vastaa ensiksi VisaWi -lomakkeeseen
MAKUKOULU. Tunti 1. Johdatus aisteihin 1 / 20
MAKUKOULU Tunti 1. Johdatus aisteihin 1 / 20 Tunnilla käsitellään ihmisen aisteja ja niiden käyttöä elintarvikkeiden arvioinnissa. Harjoitustehtävien avulla havainnollistetaan eri aistien toimintaa. 2
Kaupunki kaikille aisteille
Kaupunki kaikille aisteille Moniaistisuus ja saavutettavuus rakennetussa ympäristössä Teknillinen korkeakoulu Arkkitehtiosasto Kaupunkisuunnittelu Espoo, 16.11.2007 DI Jukka Jokiniemi Havaitseminen, moniaistisuus
Apua, saavutettavuusdirektiivi tulee!
27.4.2018 Apua, saavutettavuusdirektiivi tulee! Mitä se tarkoittaa valtionhallinnon viestijöille? Johanna Koskela Viestintä- ja saavutettavuusasiantuntija Celia Twitter:, Avoimen hallinnon verkostotapaaminen
4.2.2003 Raino Vastamäki 1
4.2.2003 Raino Vastamäki 1 Ihminen käyttäjänä 4.2.2003 Raino Vastamäki 2 Esimerkki 1. 4.2.2003 Raino Vastamäki 3 Ihminen on... biologinen olento psykologinen olento kulttuuriolento sosiaalinen olento yhteiskunnallinen
Terveellisen ympäristön suunnittelu
Terveellisen ympäristön suunnittelu Marjut Nousiainen Sisustusarkkitehti ja Kalustemuotoilija Design Studio Marjut Nousiainen Meritullinkatu 7, 00170 Helsinki www.marjutnousiainen.com Restoratiivinen ympäristö
Havaintomotoriikan harjoittelu koripalloa hyödyntäen
Havaintomotoriikan harjoittelu koripalloa hyödyntäen Tavoitteet Tutustua havaintomotorisen harjoittelun perusteisiin Esitellä havaintomotorista harjoittelua käytännössä erilaisten harjoitteiden, leikkien
Ohjeita LINDOn ja LINGOn käyttöön
Ohjeita LINDOn ja LINGOn käyttöön LINDOn tärkeimmät komennot ovat com (command), joka tuloaa käytettävissä olevat komennot ruudulle, ja help, jonka avulla saa tietoa eri komennoia. Vaaukset kursiivilla
10. Visuaalinen suunnittelu
10. Visuaalinen suunnittelu Suurin osa verkkopalveluiden informaatiosta välitetään visuaalisessa muodossa. Tiedon asettelulla ja informaation selkeällä näkymisellä on suuri merkitys informaation vastaanoton
Board Game Lab. 9 Pelitestaamisen perusteet. Materiaalit CC-BY 4.0 Mikko Lampi
Board Game Lab 9 Pelitestaamisen perusteet Materiaalit CC-BY 4.0 Mikko Lampi Sisältö Alustus 1. Pelitestaamisen perusteet 2. Testaamisen menetelmiä Työskentelyä Testaussuunnitelma omalle (PoC) pelille
Service Fusion -konsepti
Service Fusion -konsepti Chiru-projekti 3D User experience for Mobile Network Virtual Environments Seamus Hickey Minna Pakanen Leena Arhippainen firstname.lastname@cie.fi Teemaseminaari: Tulevaisuuden
Pirjo Poutala, kouluttajakoordinaattori Osaava ohjaus -projekti. 21.9.Hämeenlinna/Poutala
Pirjo Poutala, kouluttajakoordinaattori Osaava ohjaus -projekti Jos toimit opettajana tai ohjaajana tai jollain tavalla edistät oppimista, muista aina, että oma ajattelutyylisi todennäköisesti hallitsee
INTERNETSELAIMEN ASETUKSET. Kuinka saan parhaan irti selaimesta
INTERNETSELAIMEN ASETUKSET Kuinka saan parhaan irti selaimesta ASETUKSET YLEISESTI Asetuksilla taataan, että Selaimen ulkoasu on toivotunlainen Kirjaimen ja kuvien koko Pop-up -ikkunoiden käsittely Joissakin
18 Komponentit, ulkoasu ja visuaalisuus. Materiaalit CC-BY 4.0 Mikko Lampi
18 Komponentit, ulkoasu ja visuaalisuus Materiaalit CC-BY 4.0 Mikko Lampi Sisältö Alustus 1. Pelikomponentit 2. Ulkoasu ja visuaalisuus 3. Esimerkkejä Työskentelyä Pelikomponenttien suunnittelu Visuaalisuuden
Johdatus vuorovaikutteiseen teknologiaan TAUCHI Tampere Unit for Computer-Human Interaction
Kuuloaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Ihmisen kuuloaisti Äänet vs. melu Erot näköaistin avulla havaitsemiseen Erityisryhmien apuvälineitä Tietokoneen kuuloaisti
Graafisen käyttöliittymän ohjelmointi Syksy 2013
TIE-11300 Tietotekniikan vaihtuva-alainen kurssi Graafisen käyttöliittymän ohjelmointi Syksy 2013 Luento 1 Johdanto ja Qt työkalujen esittely Juha-Matti Vanhatupa Kurssin tavoitteet Kuvailla käyttöliittymäohjelmoinnin
Johdatus vuorovaikutteiseen teknologiaan
Aiheina Kuuloaisti Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Ihmisen kuuloaisti Äänet vs. melu Erot näköaistin avulla havaitsemiseen Erityisryhmien apuvälineitä Tietokoneen kuuloaisti
Varoitukset ja Riskiviestintä
Varoitukset ja Riskiviestintä jalehtin@cc.hut.fi Kirja - Warnings and Risk Communication Useita kirjoittajia Toimittanut Michael S. Wogalter David M. DeJoy Kenneth R. Laughery Julkaisija: CRC Press (Syyskuu
Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % 80 60 % 60 50 %
Sisältö: Johdatus keinotodellisuuteen
T-110.110 Johdatus tietoliikenteeseen ja multimediatekniikkaan Keinotodellisuus Sisältö: Johdatus keinotodellisuuteen Käsitteitä Teknisiä laitteita Sovellusesimerkkejä Lyhyt katsaus historiaan Tutkimusta
Ihminen teknologian käyttäjänä. Aiheina
Ihminen teknologian käyttäjänä Saila Ovaska Informaatiotieteiden yksikkö, Tampereen yliopisto Aiheina Ihmisen informaation prosessointi Tarkkaavaisuus Muisti Aistijärjestelmät Ihminen teknologian käyttäjänä
Sisältö. ayy.fi Ohjeita Yhdistystoimijoille. 1. Yleistä...2. 2. Yhdistysprofiilin luominen...4. 3. Tapahtumien luominen...5. 4. Kommentit...
ayy.fi Ohjeita Yhdistystoimijoille Tämä ohjeistus on lyhyt perehdytys ord Word Pressin käyttöön AYY:n alaisten yhdistysten toimijoiden näkökulmasta. Ohjeessa kerrotaan, ) kuinka yhdistysprofiili luodaan
Visuaalisuus verkkojulkaisuissa 11.12.2008. Tapio Kovero Graafinen suunnittelija
Visuaalisuus verkkojulkaisuissa 11.12.2008 Tapio Kovero Graafinen suunnittelija Taustatarinaa Koulutus Ylioppilas vm. -87 Jyväskylän yliopisto 1989-1996: Taidekasvatuksen laitos, graafisen suunnittelun
Digi arkeen -neuvottelukunnan kokous: saavutettavuusdirektiivi ja siihen liittyvä kansallinen lainsäädäntö Kommenttipuheenvuoro, Sami Älli
Digi arkeen -neuvottelukunnan kokous: saavutettavuusdirektiivi ja siihen liittyvä kansallinen lainsäädäntö Kommenttipuheenvuoro, Sami Älli Keskiviikko 7.2.2018 Sami Älli Kehitysvammaliitto ry Huolena palveluiden
Laitteiston käyttöönotto-opas
Pakkauksesta poistaminen Poista kaikki pakkausmateriaalit. Tämän oppaan kuvat ovat samantyyppisen mallin kuvia. Ne saattavat erota omasta mallistasi, mutta laitteiden käyttötavoissa ei ole eroa. Tuotteen
Kun suunnitelma on valmiina niin itse sivuston rakentaminen on jo helpompaa. (jatketaan tätä rakentelu vaiheessa.
WWW-sivun teko Niko Rautava 2006 http://koti.mbnet.fi/nrautava/ Kannattaa aloittaa www-sivun suunnittelu ihan paperille laittamalla siihen seuraavia tietoja: - sivujen määrä - alasivut (määrä, ulkonäkö)
ADHD-oireinen lapsi ja aistit. Katariina Berggren, toimintaterapeutti (SI), järjestösuunnittelija
ADHD-oireinen lapsi ja aistit Katariina Berggren, toimintaterapeutti (SI), järjestösuunnittelija Aistijärjestelmät Näköaisti Kuuloaisti Haju ja makuaistit Vestibulaarinen aistijärjestelmä (liike ja painovoima)