"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020

“Még mindig ne bántsd a belsőfület”
avagy AR VR MR UI UX IN 2020
Deme Tamás
Web: https://tomzorz.me
Twitter: @tomzorz_
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
Paul Milgram, 1994: Reality-Virtuality Continuum
“Mixed Reality”
Real
Environment
Virtual
Environment
Augmented
Reality
Augmented
Virtuality
“DIGITÁLIS SZEMVISELET”
AKKOR ÉS MOST
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
KAPCSOLAT A
VILÁG ÉS A FELHASZNÁLÓ
KÖZÖTT
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
KEZEKET FEL
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
FEL A FEJJEL
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
SZÓLALJ FEL
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
FEL LÉPÉS
A SZABÁLY MÉG MINDIG
“NE BÁNTSD A BELSŐFÜLET”
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
MRTK2 Placeholder
Half-Life: Alyx Placeholder
Boneworks Placeholder
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
VR 110° / 78°
AR 30°
VR 130° / 78° / 144Hz
AR 50°
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
FIGYELEMFELKELTÉS
SZÁMÍT A MÉRET
KÉNYELMI FAKTOR
FEKETE ÉS FEHÉR
AR 404
BLACK NOT FOUND
0.5M INTIM
1.2M SZEMÉLYES
3.0M SZOCIÁLIS
+ PUBLIKUS
ELEMEK HELYE
A TÉRBEN
ELEMEK HELYE
A TÉRBEN
ELEMEK HELYE
A TÉRBEN
"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020
FELEMELŐ
HANGZÁS
L R
7 ZÁRÓ GONDOLAT
BIZTONSÁG
MULTIPLAYER
I18N
ADATVÉDELEM
DIVERZITÁS
AKADÁLYMENTESÍTÉS
SZOKÁSOK
KÖSZÖNÖM
A FIGYELMET
1 of 51

Recommended

ChatGPT and the Future of Work - Clark Boyd by
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
26.2K views69 slides
Getting into the tech field. what next by
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
6.3K views22 slides
Google's Just Not That Into You: Understanding Core Updates & Search Intent by
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
6.7K views99 slides
How to have difficult conversations by
How to have difficult conversations How to have difficult conversations
How to have difficult conversations Rajiv Jayarajah, MAppComm, ACC
5.4K views19 slides
Introduction to Data Science by
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data ScienceChristy Abraham Joy
82.5K views51 slides
Time Management & Productivity - Best Practices by
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
169.8K views42 slides

More Related Content

Recently uploaded

JioEngage_Presentation.pptx by
JioEngage_Presentation.pptxJioEngage_Presentation.pptx
JioEngage_Presentation.pptxadmin125455
6 views4 slides
360 graden fabriek by
360 graden fabriek360 graden fabriek
360 graden fabriekinfo33492
143 views25 slides
Programming Field by
Programming FieldProgramming Field
Programming Fieldthehardtechnology
6 views9 slides
Introduction to Git Source Control by
Introduction to Git Source ControlIntroduction to Git Source Control
Introduction to Git Source ControlJohn Valentino
6 views18 slides
SAP FOR TYRE INDUSTRY.pdf by
SAP FOR TYRE INDUSTRY.pdfSAP FOR TYRE INDUSTRY.pdf
SAP FOR TYRE INDUSTRY.pdfVirendra Rai, PMP
28 views3 slides
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation by
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook AutomationDRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook AutomationHCLSoftware
6 views8 slides

Recently uploaded(20)

JioEngage_Presentation.pptx by admin125455
JioEngage_Presentation.pptxJioEngage_Presentation.pptx
JioEngage_Presentation.pptx
admin1254556 views
360 graden fabriek by info33492
360 graden fabriek360 graden fabriek
360 graden fabriek
info33492143 views
Introduction to Git Source Control by John Valentino
Introduction to Git Source ControlIntroduction to Git Source Control
Introduction to Git Source Control
John Valentino6 views
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation by HCLSoftware
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook AutomationDRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation
DRYiCE™ iAutomate: AI-enhanced Intelligent Runbook Automation
HCLSoftware6 views
predicting-m3-devopsconMunich-2023-v2.pptx by Tier1 app
predicting-m3-devopsconMunich-2023-v2.pptxpredicting-m3-devopsconMunich-2023-v2.pptx
predicting-m3-devopsconMunich-2023-v2.pptx
Tier1 app9 views
Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated... by TomHalpin9
Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated...Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated...
Dev-HRE-Ops - Addressing the _Last Mile DevOps Challenge_ in Highly Regulated...
TomHalpin96 views
FIMA 2023 Neo4j & FS - Entity Resolution.pptx by Neo4j
FIMA 2023 Neo4j & FS - Entity Resolution.pptxFIMA 2023 Neo4j & FS - Entity Resolution.pptx
FIMA 2023 Neo4j & FS - Entity Resolution.pptx
Neo4j17 views
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P... by NimaTorabi2
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
NimaTorabi215 views
20231129 - Platform @ localhost 2023 - Application-driven infrastructure with... by sparkfabrik
20231129 - Platform @ localhost 2023 - Application-driven infrastructure with...20231129 - Platform @ localhost 2023 - Application-driven infrastructure with...
20231129 - Platform @ localhost 2023 - Application-driven infrastructure with...
sparkfabrik8 views
Airline Booking Software by SharmiMehta
Airline Booking SoftwareAirline Booking Software
Airline Booking Software
SharmiMehta7 views
Ports-and-Adapters Architecture for Embedded HMI by Burkhard Stubert
Ports-and-Adapters Architecture for Embedded HMIPorts-and-Adapters Architecture for Embedded HMI
Ports-and-Adapters Architecture for Embedded HMI
Burkhard Stubert26 views
BushraDBR: An Automatic Approach to Retrieving Duplicate Bug Reports by Ra'Fat Al-Msie'deen
BushraDBR: An Automatic Approach to Retrieving Duplicate Bug ReportsBushraDBR: An Automatic Approach to Retrieving Duplicate Bug Reports
BushraDBR: An Automatic Approach to Retrieving Duplicate Bug Reports
Fleet Management Software in India by Fleetable
Fleet Management Software in India Fleet Management Software in India
Fleet Management Software in India
Fleetable12 views
Gen Apps on Google Cloud PaLM2 and Codey APIs in Action by Márton Kodok
Gen Apps on Google Cloud PaLM2 and Codey APIs in ActionGen Apps on Google Cloud PaLM2 and Codey APIs in Action
Gen Apps on Google Cloud PaLM2 and Codey APIs in Action
Márton Kodok15 views

Featured

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present... by
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
55.5K views138 slides
12 Ways to Increase Your Influence at Work by
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
401.7K views64 slides
ChatGPT webinar slides by
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slidesAlireza Esmikhani
30.4K views36 slides
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G... by
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
3.6K views12 slides
Barbie - Brand Strategy Presentation by
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
25.1K views46 slides

Featured(20)

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present... by Applitools
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools55.5K views
12 Ways to Increase Your Influence at Work by GetSmarter
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter401.7K views
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G... by DevGAMM Conference
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
DevGAMM Conference3.6K views
Barbie - Brand Strategy Presentation by Erica Santiago
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
Erica Santiago25.1K views
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well by Saba Software
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software25.3K views
Introduction to C Programming Language by Simplilearn
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
Simplilearn8.4K views
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr... by Palo Alto Software
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
Palo Alto Software88.4K views
9 Tips for a Work-free Vacation by Weekdone.com
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
Weekdone.com7.2K views
How to Map Your Future by SlideShop.com
How to Map Your FutureHow to Map Your Future
How to Map Your Future
SlideShop.com275.1K views
Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -... by AccuraCast
Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -...Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -...
Beyond Pride: Making Digital Marketing & SEO Authentically LGBTQ+ Inclusive -...
AccuraCast3.4K views
Exploring ChatGPT for Effective Teaching and Learning.pptx by Stan Skrabut, Ed.D.
Exploring ChatGPT for Effective Teaching and Learning.pptxExploring ChatGPT for Effective Teaching and Learning.pptx
Exploring ChatGPT for Effective Teaching and Learning.pptx
Stan Skrabut, Ed.D.57.7K views
How to train your robot (with Deep Reinforcement Learning) by Lucas García, PhD
How to train your robot (with Deep Reinforcement Learning)How to train your robot (with Deep Reinforcement Learning)
How to train your robot (with Deep Reinforcement Learning)
Lucas García, PhD42.5K views
4 Strategies to Renew Your Career Passion by Daniel Goleman
4 Strategies to Renew Your Career Passion4 Strategies to Renew Your Career Passion
4 Strategies to Renew Your Career Passion
Daniel Goleman122K views
The Student's Guide to LinkedIn by LinkedIn
The Student's Guide to LinkedInThe Student's Guide to LinkedIn
The Student's Guide to LinkedIn
LinkedIn88.1K views
Different Roles in Machine Learning Career by Intellipaat
Different Roles in Machine Learning CareerDifferent Roles in Machine Learning Career
Different Roles in Machine Learning Career
Intellipaat12.4K views
Defining a Tech Project Vision in Eight Quick Steps pdf by TechSoup
Defining a Tech Project Vision in Eight Quick Steps pdfDefining a Tech Project Vision in Eight Quick Steps pdf
Defining a Tech Project Vision in Eight Quick Steps pdf
TechSoup 9.7K views

"Még mindig ne bántsd a belsőfület" - AR VR MR UI UX 2020

Editor's Notes

  1. Lassan annyi ideje dolgozom 3D világokkal mint 2D-sekkel Microsoft MVP 5. alkalommal Atlantai székhelyű VIM AEC-nél dolgozom
  2. Ma meglepő módon a 3D-s világokról lesz szó, ami a reményeink szerint a jövő 
  3. Ígérem ez lesz a legunalmasabb slide  Egy skálán mozgunk: a valós valóság, és a virtuális valóság között
  4. Hardverek 3 éve
  5. Hardverek 3 éve
  6. Hardverek ma: oculus quest, valve index
  7. Hardverek ma: hololens 2, magic leap one
  8. 3 év alatt a kőbe vésett szabályoktól eljutottunk a fizikai alapokon szimulált világokig Fejtsük ezt ki részletesen, mit jelent az egyes területeken
  9. Beszéljünk a “bemeneti” elemekről
  10. elsődlegesen mintha valaminek a "nyelét" fognád, gombok... AR-ben pedig van kéz tracking, de csak 1 nagyon limitált gesztus: kattintás
  11. immerzívebb kontrollerek, ujjak követése, markolás, szorítás a kontrollerek mostmár a kezünket szimbolizálják, nem azt amit a kezünk fognak
  12. Eddig a fej szöge volt
  13. Az új képesség a tekintet követése, gondolatolvasás! Bónuszként tudjuk a felhasználó szeme alapján azonosítani a felhasználót: azonnal tudjuk kiről van szó ahogy felvette a szemüveget.
  14. Több és jobb mikrofon, emiatt jobb megértés és hang. Több megértett nyelv. Jobb természetes megértés… de ez egy másik terület eredménye már 
  15. Mi változott? Semmi. Nincs még általánosan elérhető, támogatott “helyben sétálás” eszköz. Nincs még tökéletes élmény hátizsák PC-k és egyéb fura megoldások nélkül.
  16. Akkor mi a megoldás? Teleportálás Segway Lófej a seprűnyélen
  17. Csalás: Mozgás skálázása Mozgás “irányának” megváltoztatása észrevétlenül: de ez is pl. kábelproblémákba ütközik
  18. Egy dolog ami változott: tűrőképesség Úgynevezett “VR LEGS” amibe bele lehet tanulni. A “vignette” effect vagy egy ideiglenes rácsháló segít., Testrészek: Páran már próbálkoznak vele, de szerintem inkább még mindig ne.
  19. Beszéljünk a “kimeneti” elemekről “hogyan, mit és hová rajzoljunk?”
  20. Először is a kepi kimenet
  21. 2017-es hardverek
  22. 2020-as hardverek
  23. Az élmény “folyamatossága” és “stabilitása” továbbra is elsődleges szempont
  24. Aztán a felületi elemek
  25. Figyelemfelkeltés: Használjuk az emberek természetes adottságait: mozgás felismerése, kiugró színek felismerése.
  26. Fizikailag szimulált gombok: mérettől függően máshogy nyúlunk hozzá természetes mozdulatok: üt, lapoz, húz, megfog/elenged, rámutat
  27. Ok, de ne mindig akarunk elmenni egy modellig… “közeli és távoli interakció” / near vs far interaction
  28. - óvakodjunk az egyszínű nagy felületektől - ne vakítsuk meg felhasználót - AR-ben nincs fekete!
  29. Elemek pozícionálása I. Közel vs távol / intim, személyes, szociális, publikus
  30. Fent: ami minket irányít Lent: amit mi irányítunk
  31. ne ragadjunk 2D-ben: ne legyen az alkalmazásunk lebegő panelek összessége de ne is erőltessük 3D-t ahol nem kell: pl. szöveg
  32. Aztán a hang
  33. örökre ismételhető állítás: a hang sokkal fontosabb mint gondoljuk Hangok: 3D szeparáció, figyelemfelkeltés, megerősítés + használjuk a kontrollerek adottságait: meglepően élethű feedbacket lehet adni
  34. ne lehessen a megosztott felületeken pl. jelszóbevitelt látni / leolvasni kézmozdulatokból
  35. NAGYON COOL, DE magánszféra, emberközelibb élmények
  36. elférjen a szöveg minden nyelven RTL nyelvek támogatása
  37. pl. feltérképezett lakás modelljének megosztása
  38. király, h saját kézf/arcelismerés modellt csinálsz: pl. tedd fel a kérdést, minden bőrszínnel működik?
  39. itt még nincs eszközkészlet szemfelnyitó anyag: design.microsoft.com/inclusive fóbiák: magasság, zárt terek, nyílt terek, nem várt hangok/képek
  40. Miért fordul ilyen elő? Mert már nincs eltérés a valós és a valósnak vélt világok között… megpróbálnak dolgokat letenni, rátámaszkodni vagy leülni virtuális dolgokra előbb utóbb a valós dolgokban nem fognak bízni - kézzel ellenőrzik, hogy ott van-e netán megszokják, hogy a dolgok nincsenek ott, és megpróbálják átdugni a fejüket a hűtőajtón... :)