SlideShare a Scribd company logo
1 of 44
Download to read offline
Bordet
fanger
Kjartan Michalsen // fluxLoop.com // twitter.com/liksom
Naturlige grensesnitt
Historie og definisjoner // Erfaringer anno 2012 //
Fremtiden 2013+
CLI
Kommandolinjegrensesnitt
Strengt
Kodespråk
GUI
Musbasert
Metaforer
Forklarende
Direkte
NUI
Naturlige brukergrensesnitt
Direkte
Intuitive” ”
Naturlige brukergrensesnitt og opplevelser
Organiske brukergrensesnitt
Input og output i samme objekt // Form er lik funksjon.
Formen forsterker og forklarer funksjon //Flyt følger
form.
Håndgripelige brukergrensesnitt
Fysisk representasjon er koblet til underliggende
informasjon // Fysiske objekter har mekanismer for
interaktiv kontroll // Fysiske objekter har, kan få, eller
være fysisk representasjon av en digital tilstand
Nye Media
Unik tilpasset informasjon kan samtidig leveres til
uendelig mange mennesker // Alle involvert i
kommunikasjonen har lik kontroll over innholdet // Ikke
fiksert, kan eksistere i uendelige variasjoner
Konflikten
Tradisjonell billedlig illusjonisme siden renessansen
– skjermen (bildet, maleriet) er et vindu til et virtuelt
rom // Noe å se inn i, men ikke interagere med.
Konflikten
Ny konvensjon fra 1981 – grafiske grensesnitt på
dataskjerm // Skjermen har et klart definert sett med
kontroller, og blir derfor et virtuelt instrumentpanel.
Skjermen blir en slagmark for flere inkompatible
definisjoner – Dybde / overflate, transparens /
gjennomsiktighet og bilde som romlig illusjon /
instrumentpanel for handling
Erfaringer anno 2012
Multi-Touch // Pixelsense // Gester // Kinect
Gester og Kinect
Enkle tydelige gester // Visuell tilbakemelding // Direkte
utførelse // Ikke glem fysikken // Navigering kun i
linjære eller to nivå menyer
Multitouch og Pixelsense
Touchflater > 10” gir drag (and drop) stor friksjon //
Samle og gruppere navigasjon // 2 hånd og flerfinger
gester kan gi mer naturlig opplevelse
Bordet fanger
Bordet fenger
Multi-touch = mine & dine // Alle er piloter // Design
grensesnitt som gir mening fra alle sider // inviter til
flerbruk // dypdykk og enkelt tilbake til start // begrens
antall lag og rydd i objekter
Fremtiden 2013+
Sensorer
Fitbit.comNike fuelband
Lokasjon Smarthet
Google Now
Touchflater
nye steder
Moneual.com
Inn på barnerommet
Belkin.com
Inn på barnerommet
Inn i brillene
Vuzix Smart
Glasses
Foran alle skjermer
Leap motion
Ps. Demo her i salen til slutt
Lar døve se lyd
Smart Care System
Takk for meg / kjartan@fluxloop.com / twitter.com/liksom
Demo av Leap motion. Ca 3-5 Min

More Related Content

Viewers also liked

Teamwork2..K
Teamwork2..KTeamwork2..K
Teamwork2..Kkarenly
 
Narrative Writing
Narrative WritingNarrative Writing
Narrative WritingKay Masters
 
Narrative Writing 2
Narrative Writing 2Narrative Writing 2
Narrative Writing 2Kay Masters
 
Speak up for Hispanic Heritage
Speak up for Hispanic HeritageSpeak up for Hispanic Heritage
Speak up for Hispanic HeritageKay Masters
 
Imobilis - Sistema para Administração de Locação
Imobilis - Sistema para Administração de LocaçãoImobilis - Sistema para Administração de Locação
Imobilis - Sistema para Administração de LocaçãoAlexandre Fabro
 
Hd forum 12 points essentiels 4 k uhd - mesclado fa fev14-2
Hd forum   12 points essentiels 4 k uhd - mesclado fa fev14-2Hd forum   12 points essentiels 4 k uhd - mesclado fa fev14-2
Hd forum 12 points essentiels 4 k uhd - mesclado fa fev14-2Mesclado
 
carlosperezsantaniello's diary
carlosperezsantaniello's diarycarlosperezsantaniello's diary
carlosperezsantaniello's diarycmps98
 
Mecanicismo y vitalismo_cancer
Mecanicismo y vitalismo_cancerMecanicismo y vitalismo_cancer
Mecanicismo y vitalismo_cancerSergio Solis
 
educacio per a la seguretat ciutadana
educacio per a la seguretat ciutadanaeducacio per a la seguretat ciutadana
educacio per a la seguretat ciutadanarpujol1
 

Viewers also liked (18)

Maxwell’S Bio
Maxwell’S BioMaxwell’S Bio
Maxwell’S Bio
 
Friendly Letter
Friendly LetterFriendly Letter
Friendly Letter
 
SLP Energy
SLP EnergySLP Energy
SLP Energy
 
Teamwork2..K
Teamwork2..KTeamwork2..K
Teamwork2..K
 
Narrative Writing
Narrative WritingNarrative Writing
Narrative Writing
 
Narrative Writing 2
Narrative Writing 2Narrative Writing 2
Narrative Writing 2
 
Speak up for Hispanic Heritage
Speak up for Hispanic HeritageSpeak up for Hispanic Heritage
Speak up for Hispanic Heritage
 
Tatiana vera espinosa
Tatiana vera espinosaTatiana vera espinosa
Tatiana vera espinosa
 
Imobilis - Sistema para Administração de Locação
Imobilis - Sistema para Administração de LocaçãoImobilis - Sistema para Administração de Locação
Imobilis - Sistema para Administração de Locação
 
Hd forum 12 points essentiels 4 k uhd - mesclado fa fev14-2
Hd forum   12 points essentiels 4 k uhd - mesclado fa fev14-2Hd forum   12 points essentiels 4 k uhd - mesclado fa fev14-2
Hd forum 12 points essentiels 4 k uhd - mesclado fa fev14-2
 
carlosperezsantaniello's diary
carlosperezsantaniello's diarycarlosperezsantaniello's diary
carlosperezsantaniello's diary
 
Curriculum sandro
Curriculum sandroCurriculum sandro
Curriculum sandro
 
Anexo 2 - Plano Diretor - parte 1
Anexo 2 - Plano Diretor - parte 1Anexo 2 - Plano Diretor - parte 1
Anexo 2 - Plano Diretor - parte 1
 
Esports
EsportsEsports
Esports
 
KPOP Y JPOP
KPOP Y JPOPKPOP Y JPOP
KPOP Y JPOP
 
Sangre
SangreSangre
Sangre
 
Mecanicismo y vitalismo_cancer
Mecanicismo y vitalismo_cancerMecanicismo y vitalismo_cancer
Mecanicismo y vitalismo_cancer
 
educacio per a la seguretat ciutadana
educacio per a la seguretat ciutadanaeducacio per a la seguretat ciutadana
educacio per a la seguretat ciutadana
 

More from Kjartan Michalsen

Khib interaksjonsdesign 6 html og css
Khib interaksjonsdesign 6  html og cssKhib interaksjonsdesign 6  html og css
Khib interaksjonsdesign 6 html og cssKjartan Michalsen
 
Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Kjartan Michalsen
 
Gjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBGjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBKjartan Michalsen
 
Nye medier - redaksjonell design
Nye medier - redaksjonell designNye medier - redaksjonell design
Nye medier - redaksjonell designKjartan Michalsen
 
Hold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektHold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektKjartan Michalsen
 
User centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptUser centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptKjartan Michalsen
 

More from Kjartan Michalsen (17)

Khib interaksjon-3
Khib interaksjon-3Khib interaksjon-3
Khib interaksjon-3
 
Khib interaksjon-1
Khib interaksjon-1Khib interaksjon-1
Khib interaksjon-1
 
Khib interaksjon-2
Khib interaksjon-2Khib interaksjon-2
Khib interaksjon-2
 
Introduksjon til phonegap
Introduksjon til phonegapIntroduksjon til phonegap
Introduksjon til phonegap
 
Khib interaksjonsdesign 6 html og css
Khib interaksjonsdesign 6  html og cssKhib interaksjonsdesign 6  html og css
Khib interaksjonsdesign 6 html og css
 
Khib interaksjonsdesign 5
Khib interaksjonsdesign 5Khib interaksjonsdesign 5
Khib interaksjonsdesign 5
 
Khib interaksjonsdesign 4
Khib interaksjonsdesign 4Khib interaksjonsdesign 4
Khib interaksjonsdesign 4
 
Khib interaksjonsdesign 3
Khib interaksjonsdesign 3Khib interaksjonsdesign 3
Khib interaksjonsdesign 3
 
Khib interaksjonsdesign 2
Khib interaksjonsdesign 2Khib interaksjonsdesign 2
Khib interaksjonsdesign 2
 
Khib interaksjonsdesign 1
Khib interaksjonsdesign 1Khib interaksjonsdesign 1
Khib interaksjonsdesign 1
 
Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1
 
Gjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBGjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIB
 
Nye medier - redaksjonell design
Nye medier - redaksjonell designNye medier - redaksjonell design
Nye medier - redaksjonell design
 
Hold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektHold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjekt
 
Valgkamp i gamle Oslo AP
Valgkamp i gamle Oslo APValgkamp i gamle Oslo AP
Valgkamp i gamle Oslo AP
 
User centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptUser centric eployee portal michalsen.ppt
User centric eployee portal michalsen.ppt
 
Hybrid-applikasjoner
Hybrid-applikasjonerHybrid-applikasjoner
Hybrid-applikasjoner
 

Bordet fanger software 2013 - kjartan michalsen