Bortom skärmen II Haptik, ljud och projektstart
Innehåll Haptik Ljud Gruppindelning Projektstart
Typisk mobil användare! Svårt att se skärmen (rörelseoskärpa, sol ) Svårt att koncentrera sig 100% Bullrig miljö Skakig miljö Händerna upptagna med annat
Kontextkort http://haptimap.org/designtools/due.html
Känsel?
Viktigt och i framkant Syn och känsel Kombination och var för sig
Varför använda känsel-återkoppling? Tyst Diskret Ingen visuell uppmärksamhet behövs Intuitiv
Hur känner vi?
Känsel inte bara ett sinne NERVCELLER Tryckkänsliga Vibrationskänsliga Smärtkänsliga Temperaturkänsliga Kinestesiska / proprioceptiska
Olika receptorer i huden Receptor Stimulus Sensation Adaptation Merkel's disk Meissner's corpuscle Ruffini's corpuscle Pacinian corpuscle Steady indentation Low frequency vibration Rapid indentation Pressure Slow Gentle fluttering Rapid Stretch Slow Vibration Vibration Rapid Hair receptor Hair deflection Brushing Rapid or Slow
Noggrannhet i känsel Statisk 2-4 mm på läppar och fingertoppar 8-15 mm på insidan av händerna 30-40 mm på ryggen Dynamisk Känna skillnad på siden och satin Man rör fingrarna -> det blir en vibration som avkodas Känner skillnad ner på 10 nm (!)
Proprioception och kinestesi Proprioception = man vet var kroppen är Kinestesi = rörelse
Haptisk eller taktil? haptisk adj. [av gr. haptein, att känna] har att göra med känsel: innefattar i allmänhet både taktil känsel och proprioception samt kinestesi Taktil: har att göra med fingertoppskänsel / hudkänsel
Taktil feedback- stationär Piezo electrical crystals connected to a lever, which in turn raises the dot. There has to be a crystal for each dot of the display, i.e. eight per character.
Haptisk feedback - stationär
Gester (mer i senare föreläsning)
I forskningen Tactile array (jfr punktdisplay) Vibrotactile array Skin stretch
I forskningen Luft / ultraljud Vibration I hela mobilen I pennan som man pekar med
I forskningen Haptisk platta Rörliga delar av mobilen
Elektrostatisk stimulering https://www.youtube.com/watch?v=kx0tajxyuy4
Wearables
Kläder
Haptiska skor
Vad kan man göra med bara vibration? Variera Tid (av och på) I olika mönster
Nackdelar Låg bandbredd Störande Seriellt måste avkodas För intimt? Kan vara obehagligt Ghost vibrations
Ljud
Innehåll och mål Om ljudinteraktion Några tips Mål: att ni ska få verktyg att resonera om ljudinteraktion, samt få lite exempel
Vad är ljud? Ljud är kombinationen mellan vågrörelserna i mediet (luft) som utgör ljudtryckvågen och det som örat uppfattar.
Snäckan och basilarmembranet http://www.hearingaidscentral.com/howtheearw orks.asp
Loudness - frekvensberoende http://www.phys.unsw.edu.au/~jw/hearing.html
Ljudikoner (auditory icons) Ljud som ska föreställa någonting i appen Jfr traditionella visuella ikoner ( t ex papperskorgen i Windows) Om de väljs på rätt sätt kan de underlätta förståelsen
Lyssningstest 2 4 6 1 3 5
Exempel på ljudanvändning Informera om genomförda eller möjliga interaktioner Indikera pågående processer eller moder Hjälpa till vid navigation
Designrymd Funktioner: Vad ska ljudikonerna användas till i appen? Mappning: Hur ska de mappas till händelserna i appen? Vokabulär: Vilka ljud ska användas? Irritation: Hur använda ljud utan att irritera användarna?
Olika typer av ljudikoner Ikoniska eller direktmappande Metaforer Ljud-effekter
Direktmappande Ljud som tydligt är kopplade till hur fysiska föremål låter T ex ett hasande ljud när ett fönster flyttas på en skärm
Metaforiska Hur låter t ex en fil som kopieras? När det är svårt att hitta ett direktmappat ljud, men det finns något sätt att göra en ljudmetafor
Ljud-effekter Nydesignade ljud som inte går att jämföra med naturliga ljud
Listening test II A. Drawing application, D. Battery is running out paste (mobile phone) B. Drawing application, E. Drawing application, copy resize object F. Computer startup (Mac) C. Drawing program, erase C 2 A 4 D 6 E 1 F 3 B 5
Parametriska ljudikoner Ljudikoner som varierar någon dimension för att Ge en mer dynamisk upplevelse av ljudgränssnittet Gör det möjligt att förmedla små variationer, t ex starkare ljud för större objekt
Earcons Earcons inte föreställande, ofta musikaliska Svårare att lära sig Lättare att göra en enhetlig ljudbild Lättare att variera Möjliga att generera automatiskt Exempel
Sonifiering Att ljudsätta Data Gränssnitt Exempel En matematisk kurva kan modelleras för att kunna upplevas utan att se den Geigermätare
Driftsljud (också återkopplande!) Kan visa kvalitet Kan signalera när något är på Det händer något!
Signal-ljud Uppmärksamhet Hesa Fredrik
Signalljud Använd signalljud där det är nödvändigt Ljudet ska matcha funktionen med avseende på intensitet och frekvens Gradera olika ljudsignaler efter deras betydelse Bygg in en meningsfull ljudbild där detta passar sig Var uppmärksam på att signalen, oavsett vad den betyder, inte i sig själv ska vara så skrämmande att användaren blir handlingsförlamad
Återkopplingsljud
Talat ljud Inspelat tal Informationstätt Svårt att göra dynamiskt Syntetiserat tal
TTS Text-to-speech Två steg: 1. Konvertera text till fonem, identifiera delar av ord, meningar och fraser... 2. Syntetisera den konverterade texten Syntetiska eller samplade fonem Erik, Emma och Elin
Tänk på: Designa för bred användning Låt användarna välja ljudstyrkan (observera skillnaden på mediavolym och ringvolym) Välj ljud som passar bra för den miljö de är tänkta att användas i Perceptualisera viktig information i flera modaliteter (ljud, visuellt, taktilt)
Gör-det-själv Spela in själv. Använd: Ljudinspelare (t ex telefonen) Ljudredigeringsprogram (eg. Audacity) Fantasi (skapa egna ljud som liknar det man vill få fram men inte nödvändigtvis är en inspelning av ett naturligt ljud) FormatFactory (för att göra om från ett ljudformat till annat) Och/eller: Googla sound effects, eller sound FX www.freesound.org har ganska mycket
Audacity
Ljud på Android http://developer.android.com/guide/topics/media/mediapla yer.html