SlideShare uma empresa Scribd logo
1 de 30
Baixar para ler offline
Prototyping
Physical & Immersive Environments
for UX Designers
Tools for Making Lo-Fi Prototypes to Stimulate the Design Process
Seattle Prototyping for Designers Meetup | 10.19.2015 | Susan Oldham
1.	 	About me
2.	 	Why lo-fi for 3D?
3.	 	Physical & Immersive environments
a.	Descriptions
b.	Design challenges
4.	 Prototyping Tools
a.	Models
b.	Projections
c.	Sensors
d.	Tracking engagement
5.	 Virtual Worlds
a.	Second Life demo with Valerie Hill
6.	 Questions & contributions
agenda
about me
UX & Visual Designer
University of Washington
MS Human Centered Design & Engineering, 2015
Capstone : UX in Public Spaces
BS Informatics, Human Computer Interaction, 2012
Certificate of Virtual Worlds, 2009
University of Cincinnati
DAAP, Graphic/Industrial Design, 1980s
education
Apparel Designer
Sportswear : Heet, Unionbay Sportswear
Activewear : Jantzen, Burton Snowboard, NK Sport
Handknits : Vogue Knitting, Knitter’s, Creative KnitsG
Visual Designer
Retail & Merchandising : T-Mobile, Starbucks, Macys
Packaging : Starbucks, Costco, Econobox, Girvin
Architectural : J. Miller & Associates; KR Studios, T-Mobile
UX, Web & Information Design : Costco, Engine Interactive,
City of Redmond, WIN Home Inspection, UW. + others
experience
Prototype
A representation that
can be tested in some
way
proto- : combining form meaning “first,”
“foremost,” “earliest form of,” used in
the formation of compound words
(protomartyr; protoplasm).
mockup
A model for
presentation &
communication
mock : to mimic, imitate, or
counterfeit; an imitation; counterfeit;
fake; feigned; not real.
my definitions
“Prototype is an action—something we do in
order to solve a particular business, design,
or technical problem.”—Anthony Franco
mocktype?
Proto-up?
1.	 External memory reduces cognitive load [Simon & Newell, 1972]
2.	 Sketching/doodling aids concentration & recall [Andrade, 2009]
3.	 Sketching improves ability to restructure ideas [Verstijnen, 1998]
4.	 Serendipity and happy accidents [Fish & Stephen, 1990]
5.	 Sketching facilitates team collaboration [van der Lugt, 2004]
6.	 Better design outcomes [Yang, 2009]
7.	 Better communication with clients, stakeholders & users
[Buxton, 2007]
“Sketchesaresocialthings”—Bill Buxton
making, sketching & the design brain
From Smashing Magazine article by Laura Busche
SmartWheels
Communication Kit
SmartWheels Kit
installed on chair Includes Sensors,
Microcontroller and
Wi-Fi
SmartWheels
App
OpenStreet
Maps
Secure User
Database
Bluetooth
Headset
User
physical design patterns
Physical technology that users can interact with in an interior or
exterior physical space, either in an overt or ubiquitous manner
•	 Engagement is key to interaction in public or private spaces
•	 Climate & traffic patterns are factors in designing physical
interfaces
•	 How people move within
the space will inform design
solutions
•	 Conditions can vary inside
or outside: consider heat, cold,
wind, rain, light & sound
IoT patterns
The Internet of Things is a network of physical objects embedded
with electronics, software, sensors and network connectivity,
which enables these objects to collect and exchange data
•	 Look and feel is of utmost importance, product must fit into
environment and give pleasure to user because of the intimacy of
everyday devices
•	 Small size of components requires :
•	 Power efficiency
•	 Heat dispersal
•	 Elegant interface
immersive design patterns | AR, MR
Augmented reality is the overlay of
information onto a physical environment
Mixed reality allows generated
information to merge with physical
•	 Immersion is moderate, sense of the
physical must be strong
•	 Distraction is a concern :
•	 Minimal information for job at hand
•	 Effortless way to turn on/off
•	 Light source is critical
•	 Safety protocols
Carrier 12:34 AM 100%
Rate the entertainmentRate the entertainment
Make your Mark on
a Seattle Park
Put your name on the wall
Donate to a Busker or a Park
You’re in Westlake Park, Downtown Seattle
watching band Blue Trees Wailiers
on April 19, 2015
Give Voice to your idea
Carrier 12:34 AM 100%
Do you want to see
this band in the
park again?
You’re in Westlake Park, Downtown Seattle
watching band Blue Trees Wailiers
on April 19, 2015
Nope
not again
Yes,
loved it
SubmitRate!
Carrier 12:34 AM 100%
Sign your name and
hometown.
You’re in Westlake Park, Downtown Seattle
on April 19, 2015
Name
Place
Submit
Manuel
Salt Lake City
Carrier 12:34 AM 100%
How would you change
the world? Please
record your thoughts
for Seattle.
You’re in Westlake Park, Downtown Seattle
60 sec
SubmitListen
Carrier 12:34 AM 100%
Sunday,
Today Tomorrow all
Seattle Parks & Rec Calendar
Pac NW Skateboard Tournament
Setup Main Stage
Buskers Play Noon to 2pm
10
Noon
Pac NW Skateboard Tournament
Events begin
Sonic Kittens Concert
Pac NW Skateboard Tournament
1
5
Carrier 12:34 AM 100%
June 30th
Westlake Park
Augmented Event calendar
for Westlake Park with projected
info. Real-time data from Seattle
Park & Recreation online calendar.
Rate the Park
1. scale 1 question
2. Rate It
Sign the Park
1. TyPe/speak Name
2. Choose Place
Mark the Park
1. 	Choose A way to
impact the park
Learn the park Share your vision
1. speak
2. Share
immersive design patterns | VR
Virtual reality is a total immersion into another environment
•	 Freedom to break from physical norms, defy conventions
•	 Psychology of being immersed in unfamiliar situation :
•	 Physical cues to combat dizziness
•	 Empathy for user’s experience
3d models | Physical, IoT, AR, MR
•	 3d representations of products that can be tested
•	 Design exploration—test for shape, size, weight, viability, etc
•	 Team communication & collaboration
•	 Work with stakeholders to refine before time-consuming user tests
•	 User testing can be amazing with a well-executed 3D model
•	 Triangulation of methods = deeper understanding
Play-doh Illustrator Extrusion
Second Life
Paper
models
Sketching user ExperiencesQueensland University Library
International User Experience course, UW
projections | AR, MR, IoT
•	 Combine an old-fashioned transparency overhead projector with
a regular projector to emulate augmented & mixed reality apps
•	 Layer transparencies of sketches, diagrams, info overlays into room
•	 Add objects for shadows, outlines
•	 Team can make notes & sketch on projected prototypes
•	 Conduct usability testing, users can add sketches and comments
on transparencies
•	 Multiple projectors can emulate room immersion
•	 Standard projectors mounted on ceiling can be angled
down on surfaces
•	 Used overheads are inexpensive, $20-50 each on craigslist
projections
projections | Physical, AR, MR, IoT
•	 Wizard of Oz interactivity for users by projecting onto wall
•	 Similar to paper prototype, but projected on wall or screen while
researcher controls action from computer
•	 Project concept onto body for wearable and mobile concepts
•	 Projector can be angled toward body area
•	 Can be combined with light activated stickers or glow-in-dark paint
•	 Reverse images on smartphone to reflect on glass or clear plastic
simulate augmented reality information overlay
Sketching user Experiences
projections
tracking engagement | Physical, AR, MR, IoT
•	 Glow sticks and bracelets body for wearable and mobile concepts
•	 Track users more easily, differentiate between users on camera
•	 UV beads and UV flashlight are physical breadcrumbs
•	 Light, heat or touch sensitive paper that changes state, i.e. color
Findthesesciencetoolsandmoreatwww.teachersource.com.
Teachersource.com
sensors | AR, MR, IoT, Physical
•	 iBeacons
•	 Pros : Easy to install and use, about $100 for 3; waterproof
•	 Cons : Smartphones need to be bluetooth enabled to track
•	 Dash button
•	 Pros : Can track users button push with script; inexpensive, $5 each
•	 Cons : Users have to press button, can disrupt flow
•	 Script created by Edward Benson, medium.com/@edwardbenson
•	 TILE squares, or other trackers with mobile apps
Amazon Dash button Estimotes iBeacon Dev Kit TILE
microcontrollers | AR, MR, IoT, Physical
•	 Arduino
•	 Pros : customizable and scriptable
•	 Cons : learning curve; bulky appearance; one script
•	 Raspberry Pi
•	 Pros : High-level computing possible
•	 Cons : learning curve, bulky
•	 Sensors for prototyping physical spaces
•	 Proximity : track user patterns in local area
•	 Accelerometer or GPS : track broad user patterns
ev
aluate & ref
ine
learn&a
nalyze envisio
n&design
PER
SONAS SCENA
RIOSSKETC
H
ING
REQUIR
EM
ENTS
The roof that protects a home is
one of the most expensive house
systems. Customer avatars can
safely learn how the inspector looks
for potential issues.
The thorough home inspector is
aware that the crawl space under
the porch or house may have clues
to the home’s condition. Customers
can join him in this tight space.
It’s important that an inspector
not harm the seller’s home in any
way, so a careful inspector comes
prepared with coveralls and shoe
protection, and parks offsite.
The home inspector looks at the
entire site as a system. Water is the
biggest enemy to a home and a
good inspector starts by assessing
all possible exterior entry points.
Jenna & Josh | Avatars
•	First	time	homebuyers
•	Nurse	&	Marketing	Manager
•	Newlyweds,	no	children
•	Avid	gamers
Joanna | Avatar
•	Real	Estate	Agent,	5	yrs
•	Married	with	one	child
•	Creates	virtual	home	tours
•	Learning	Photoshop
Jim | Avatar
•	Moving	from	apt	to	condo
•	High	School	teacher
•	Divorced,	2	grown	sons
•	Enjoys	games,	motorcycles
Jason | Avatar
•	Real	Estate	Agent,	10	yrs
•	Single,	owns	condo
•	Looking	for	new	social	
marketing	techniques
A	WIN	Home	Inspection	inspector’s	
main	role	is	to	communicate	with	
homebuyers	about	their	new	home,	
and	how	its	systems	work.	Accurate	
information	is	an	important	factor	in	
the	success	of	the	inspection.
Client Problem
Prospective homebuyers are often confused
about the home inspection process, and problems
found in the home can seem overwhelming. The
client, WIN Home Inspection, wanted to educate
and reassure homebuyers about the process.
User Centered Design
•Conducted qualitative interviews with stakeholders
•Defined user personas to understand user needs
•Designed scenarios based on use case analysis
•Generated sketches & prototype
•Refined business & design requirements
Solution = Experience
Interactive	information	system	in	Second	Life®:	
Second Life® is an immersive virtual world that’s free
and accessible. WIN can effectively educate & talk to
homebuyers in a simulated environment. Customers
can learn about home systems and experience
inspections from the inspector’s point-of-view.
Feature goals
•Interactive views of home systems including roof,
crawlspace, plumbing, furnace, windows, etc.
•Educational displays and videos
•Metric-gathering scripts to learn about the virtual
home visitors and prospective customers
•Games and prizes to encourage repeat visits
Social networking goals
•3D Twitter feed to permit external communication
•Staging in-world events to engage visitors
•Real-time open house to network with agents
•Annual WIN Conference conducted virtually
Evaluation
•User testing and surveys
•Virtual world heuristic guidelines
•Analysis of data gathered on site with scripts
THE	SEE	MORE	VIRTUAL	HOUSE
Home	Inspection	as	Immersive	User	Experience
The	PersonasThe	Design	Process
Inspector	Identity
The	personas	exercise	was	particularly	
important	for	a	virtual	world	project	
where	trust	can	be	an	issue.	It’s	critical	
to	gain	the	trust	of	potential	users	via	
good	design,	and	to	help	the	client	
assess	how	Second	Life	users	translate	
to	real	customers.
Second Life demo
Second Life is a social virtual world, free to users
unless they want to purchase space for building
or services and goods.
Second Life | AR, MR, VR, IoT, Physical
Virtual world features of Second life
•	 Multi-modal : many ways to collaborate with others.
•	 Own it : keep what you create, sell or barter services.
•	 Free : unless users want to purchase space for building
or services and events.
•	 Unique : design and create elaborate worlds & individual identities.
•	 Linden currency : users can sell licenses to what they create.
•	 Changes in terms of service : has made selling in SL less attractive.
•	 Similar to World of Warcraft : but without the gaming aspect.
prototyping in SL | AR, MR, VR, IoT, Physicalprototyping in SL | AR, MR, VR, IoT, Physical
SL is a valuable rapid prototyping area for 3d tech.
•	 Upload images and textures to emulate your environment..
•	 You can buy assets very cheaply, no need to build everything.
•	 Test scenarios and use cases.
•	 Users & stakeholders are aware that it’s a rough prototype.
•	 Create scripts (similar to ActionScript) to :
•	 Run parts of simulation
•	 Greet your users
•	 Emulate interactions
•	 Easy to create different personas
Valerie Hill, MLS, PhD
Information Literacy Consultant & Machinimator
Valerie Hill is a professional librarian, adjunct instructor of library science,
and information literacy consultant. Dr. Hill received her MLS in Library and
Information Science from Texas Woman’s University in 2007 and a PhD in Library
and Information Science in 2012.
She is currently an information literacy consultant and machinimator with a
research focus on the intersection of information literacy and libraries with
virtual worlds and digital culture.
As president of Community Virtual Library, Val invites you to visit this virtual
space to learn more about how to get started in Second Life.
http://maps.secondlife.com/secondlife/Bradley%20University/57/114/27
	 @valibrarian blog: vhill.edublogs.org
pros & cons
CONS
1.	 Cartoony appearance
2.	 Learning curve for new users who
need time to learn how to navigate
and communicate
3.	 Substantial cost for personal space
4.	 Public access allows “griefers” to
harass users
5.	 Lag time for many users with slower
computers or connections
6.	 Limited exchange of prims and
property
7.	 Users can no longer make a lot of
money in SL, so many vendors and
users have moved on
PROS
1.	 Free entry, can invite friends
2.	 Collaboration among remote
team members is easy because of
multiple modes of communication
3.	 Excellent for large group events
like graduations & conferences
4.	 Users can emulate many different
real world and virtual reality
scenarios
5.	 Users can sell and share what they
create
6.	 Practice for Project Sansar, the new
VR platform from Linden Labs
7.	 Linden Labs is a reputable company
alternative worlds
OpenSim
•	 Open source and compatible with Second Life,
can exchange some items among worlds
•	 Users have more control
•	 Users have to create more infrastructure
http://opensimulator.org
InWorldz
http://inworldz.com
Kitely
•	 Built in OpenSim
http://www.kitely.com
free spaces to build in SL
Edtech Island Sandbox & Campus
http://maps.secondlife.com/secondlife/EdTech/148/88/24
TechLab Oldest and Largest Sandbox
http://maps.secondlife.com/secondlife/TechInvestLab/125/193/26
College of North West London Sandbox
http://maps.secondlife.com/secondlife/CNWL/48/175/26
Check out new sandbox locations at
http://secondlife.com/destinations/howto/sandbox
books
Creating Your World: The Official Guide to Advanced Content Creation for
Second Life byAimeeWeber,KimberlyRufer-Bach&RichardPlatel
Prototyping and Modelmaking for Product Design byBjarkiHallgrimsson
Scripting Your World: The Official Guide to Second Life Scripting Paperback
byDanaMoore,MichaelThome&Dr.KarenHaigh
Sketching for User Experiences byBillBuxton
Sketching for User Experiences Workbook bySaulGreenberg&BillBuxton
links
Science project supplies: www.teachersource.com
Dash button sniffer hack: https://medium.com/@edwardbenson/how-i-hacked-
amazon-s-5-wifi-button-to-track-baby-data-794214b0bdd8
Dash button: www.amazon.com/dash
TILE finder: www.thetileapp.com
references & links
Please share your own
tips for prototyping
emerging technologies.
Thanks!
question & contribution time

Mais conteúdo relacionado

Mais procurados

Evolution of www ppt
Evolution of www pptEvolution of www ppt
Evolution of www pptsequels
 
Online Book Portal
Online Book PortalOnline Book Portal
Online Book Portallavish19
 
HARD DISK PARTITIONING,FORMATING
HARD DISK PARTITIONING,FORMATINGHARD DISK PARTITIONING,FORMATING
HARD DISK PARTITIONING,FORMATINGchiju chinnu
 
Book store php ppt
Book store php  pptBook store php  ppt
Book store php pptPriya Chavan
 
Software requirements specification
Software  requirements specificationSoftware  requirements specification
Software requirements specificationKrishnasai Gudavalli
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & WebpageZeeshan Alam
 
History of the internet
History of the internetHistory of the internet
History of the internetpptsaresilly
 
Domain name system presentation
Domain name system presentationDomain name system presentation
Domain name system presentationAnchit Dhingra
 
Introduction to Web Hosting.
Introduction to Web Hosting.Introduction to Web Hosting.
Introduction to Web Hosting.Cloudbells.com
 
2.2.1.1 the evolution of internet
2.2.1.1 the evolution of internet2.2.1.1 the evolution of internet
2.2.1.1 the evolution of internethazirma
 
Operating Systems: History of Windows
Operating Systems: History of WindowsOperating Systems: History of Windows
Operating Systems: History of WindowsDamian T. Gordon
 
Eliza Scarlett: Leamington widow and Jamaican slave owner
Eliza Scarlett: Leamington widow and Jamaican slave ownerEliza Scarlett: Leamington widow and Jamaican slave owner
Eliza Scarlett: Leamington widow and Jamaican slave ownerMark Ellis
 
Advance database systems (part 1)
Advance database systems (part 1)Advance database systems (part 1)
Advance database systems (part 1)Abdullah Khosa
 

Mais procurados (20)

Evolution of www ppt
Evolution of www pptEvolution of www ppt
Evolution of www ppt
 
Online Book Portal
Online Book PortalOnline Book Portal
Online Book Portal
 
Boot process
Boot processBoot process
Boot process
 
Ppt on ONLINE BOOK STORE
Ppt on ONLINE BOOK STOREPpt on ONLINE BOOK STORE
Ppt on ONLINE BOOK STORE
 
HARD DISK PARTITIONING,FORMATING
HARD DISK PARTITIONING,FORMATINGHARD DISK PARTITIONING,FORMATING
HARD DISK PARTITIONING,FORMATING
 
Book store php ppt
Book store php  pptBook store php  ppt
Book store php ppt
 
Software requirements specification
Software  requirements specificationSoftware  requirements specification
Software requirements specification
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
History of the internet
History of the internetHistory of the internet
History of the internet
 
Web browser
Web browserWeb browser
Web browser
 
9781111306366 ppt ch5
9781111306366 ppt ch59781111306366 ppt ch5
9781111306366 ppt ch5
 
Domain name system presentation
Domain name system presentationDomain name system presentation
Domain name system presentation
 
Introduction to Web Hosting.
Introduction to Web Hosting.Introduction to Web Hosting.
Introduction to Web Hosting.
 
Windows Server 2012
Windows Server 2012Windows Server 2012
Windows Server 2012
 
2.2.1.1 the evolution of internet
2.2.1.1 the evolution of internet2.2.1.1 the evolution of internet
2.2.1.1 the evolution of internet
 
Operating Systems: History of Windows
Operating Systems: History of WindowsOperating Systems: History of Windows
Operating Systems: History of Windows
 
DBMS an Example
DBMS an ExampleDBMS an Example
DBMS an Example
 
Eliza Scarlett: Leamington widow and Jamaican slave owner
Eliza Scarlett: Leamington widow and Jamaican slave ownerEliza Scarlett: Leamington widow and Jamaican slave owner
Eliza Scarlett: Leamington widow and Jamaican slave owner
 
Gateway Networking
Gateway NetworkingGateway Networking
Gateway Networking
 
Advance database systems (part 1)
Advance database systems (part 1)Advance database systems (part 1)
Advance database systems (part 1)
 

Destaque

LAFS Game Design 7 - Prototyping
LAFS Game Design 7 - PrototypingLAFS Game Design 7 - Prototyping
LAFS Game Design 7 - PrototypingDavid Mullich
 
Reinventing Learning Content for Next-Generation Learners
Reinventing Learning Content for Next-Generation LearnersReinventing Learning Content for Next-Generation Learners
Reinventing Learning Content for Next-Generation LearnersDavid Blake
 
Designing micro-learning for the workplace
Designing micro-learning for the workplaceDesigning micro-learning for the workplace
Designing micro-learning for the workplaceTang Buay Choo
 
Micro-Learning: Why Big isn’t Always Better
Micro-Learning: Why Big isn’t Always BetterMicro-Learning: Why Big isn’t Always Better
Micro-Learning: Why Big isn’t Always BetterNIIT (USA), Inc.
 
Microlearning: Break it Down, Mix it Up
Microlearning: Break it Down, Mix it UpMicrolearning: Break it Down, Mix it Up
Microlearning: Break it Down, Mix it UpAllenComm
 

Destaque (7)

LAFS Game Design 7 - Prototyping
LAFS Game Design 7 - PrototypingLAFS Game Design 7 - Prototyping
LAFS Game Design 7 - Prototyping
 
54443542 lal-kitab
54443542 lal-kitab54443542 lal-kitab
54443542 lal-kitab
 
Reinventing Learning Content for Next-Generation Learners
Reinventing Learning Content for Next-Generation LearnersReinventing Learning Content for Next-Generation Learners
Reinventing Learning Content for Next-Generation Learners
 
Designing micro-learning for the workplace
Designing micro-learning for the workplaceDesigning micro-learning for the workplace
Designing micro-learning for the workplace
 
Micro-Learning: Why Big isn’t Always Better
Micro-Learning: Why Big isn’t Always BetterMicro-Learning: Why Big isn’t Always Better
Micro-Learning: Why Big isn’t Always Better
 
Microlearning: Break it Down, Mix it Up
Microlearning: Break it Down, Mix it UpMicrolearning: Break it Down, Mix it Up
Microlearning: Break it Down, Mix it Up
 
Five elements
Five elementsFive elements
Five elements
 

Semelhante a Prototyping Physical & Immersive Environments for UX Designers

2016 AR Summer School - Lecture4
2016 AR Summer School - Lecture42016 AR Summer School - Lecture4
2016 AR Summer School - Lecture4Mark Billinghurst
 
Ux design 101 crb 2
Ux design 101 crb 2Ux design 101 crb 2
Ux design 101 crb 2oddrey246
 
Justin Segler Resume
Justin Segler ResumeJustin Segler Resume
Justin Segler ResumeJustin Segler
 
#1NWebinar: Digital on the Runway
#1NWebinar: Digital on the Runway#1NWebinar: Digital on the Runway
#1NWebinar: Digital on the RunwayOne North
 
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesJoy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesBayCHI
 
COMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionCOMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionMark Billinghurst
 
Mobile AR lecture 9 - Mobile AR Interface Design
Mobile AR lecture 9 - Mobile AR Interface DesignMobile AR lecture 9 - Mobile AR Interface Design
Mobile AR lecture 9 - Mobile AR Interface DesignMark Billinghurst
 
MHIT 603: Introduction to Interaction Design
MHIT 603: Introduction to Interaction DesignMHIT 603: Introduction to Interaction Design
MHIT 603: Introduction to Interaction DesignMark Billinghurst
 
Designing for Future Devices
Designing for Future DevicesDesigning for Future Devices
Designing for Future DevicesNur Karadeniz
 
The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...
The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...
The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...The Internet of Things Methodology
 
Internet of Things - Benefits for the Ummah
Internet of Things - Benefits for the UmmahInternet of Things - Benefits for the Ummah
Internet of Things - Benefits for the UmmahDr. Mazlan Abbas
 
Designing for physical versus digital products
Designing for physical versus digital productsDesigning for physical versus digital products
Designing for physical versus digital productscxpartners
 
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...BayCHI
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Robert Stribley
 
Using Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesUsing Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesMark Billinghurst
 
ZenonFest19may2016.key
ZenonFest19may2016.keyZenonFest19may2016.key
ZenonFest19may2016.keyBrian Fisher
 
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...Garrett Teoh Hor Keong
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Michele Ide-Smith
 

Semelhante a Prototyping Physical & Immersive Environments for UX Designers (20)

2016 AR Summer School - Lecture4
2016 AR Summer School - Lecture42016 AR Summer School - Lecture4
2016 AR Summer School - Lecture4
 
Ux design 101 crb 2
Ux design 101 crb 2Ux design 101 crb 2
Ux design 101 crb 2
 
Justin Segler Resume
Justin Segler ResumeJustin Segler Resume
Justin Segler Resume
 
#1NWebinar: Digital on the Runway
#1NWebinar: Digital on the Runway#1NWebinar: Digital on the Runway
#1NWebinar: Digital on the Runway
 
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective LivesJoy Mountford at BayCHI: Visualizations of Our Collective Lives
Joy Mountford at BayCHI: Visualizations of Our Collective Lives
 
COMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionCOMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introduction
 
Mobile AR lecture 9 - Mobile AR Interface Design
Mobile AR lecture 9 - Mobile AR Interface DesignMobile AR lecture 9 - Mobile AR Interface Design
Mobile AR lecture 9 - Mobile AR Interface Design
 
CHI 2013 DARE Course
CHI 2013 DARE CourseCHI 2013 DARE Course
CHI 2013 DARE Course
 
MHIT 603: Introduction to Interaction Design
MHIT 603: Introduction to Interaction DesignMHIT 603: Introduction to Interaction Design
MHIT 603: Introduction to Interaction Design
 
Interaction design
Interaction designInteraction design
Interaction design
 
Designing for Future Devices
Designing for Future DevicesDesigning for Future Devices
Designing for Future Devices
 
The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...
The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...
The IoT Methodology & An Introduction to the Intel Galileo, Edison and SmartL...
 
Internet of Things - Benefits for the Ummah
Internet of Things - Benefits for the UmmahInternet of Things - Benefits for the Ummah
Internet of Things - Benefits for the Ummah
 
Designing for physical versus digital products
Designing for physical versus digital productsDesigning for physical versus digital products
Designing for physical versus digital products
 
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
 
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14Introduction to Information Architecture & Design - SVA Workshop 03/22/14
Introduction to Information Architecture & Design - SVA Workshop 03/22/14
 
Using Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR InterfacesUsing Interaction Design Methods for Creating AR and VR Interfaces
Using Interaction Design Methods for Creating AR and VR Interfaces
 
ZenonFest19may2016.key
ZenonFest19may2016.keyZenonFest19may2016.key
ZenonFest19may2016.key
 
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
Big Data World Singapore 2017 - Moving Towards Digitization & Artificial Inte...
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013
 

Mais de Susan Oldham

ThinkAR Augmented Reality Game Concept
ThinkAR Augmented Reality Game ConceptThinkAR Augmented Reality Game Concept
ThinkAR Augmented Reality Game ConceptSusan Oldham
 
Sustainable Dye Garden at Myrtle Edwards Park
Sustainable Dye Garden at Myrtle Edwards ParkSustainable Dye Garden at Myrtle Edwards Park
Sustainable Dye Garden at Myrtle Edwards ParkSusan Oldham
 
SEE MORE Virtual House
SEE MORE Virtual HouseSEE MORE Virtual House
SEE MORE Virtual HouseSusan Oldham
 
SmartShoe poster design
SmartShoe poster designSmartShoe poster design
SmartShoe poster designSusan Oldham
 
MyGym Project with mobile app demo
MyGym Project with mobile app demoMyGym Project with mobile app demo
MyGym Project with mobile app demoSusan Oldham
 
International UX - Multi-cultural Paris Adventure
International UX - Multi-cultural Paris AdventureInternational UX - Multi-cultural Paris Adventure
International UX - Multi-cultural Paris AdventureSusan Oldham
 
Analysis of The Pace of Life in 31 Countries Study
Analysis of The Pace of Life in 31 Countries StudyAnalysis of The Pace of Life in 31 Countries Study
Analysis of The Pace of Life in 31 Countries StudySusan Oldham
 
grownet : cultivating relationships through gardening
grownet : cultivating relationships through gardeninggrownet : cultivating relationships through gardening
grownet : cultivating relationships through gardeningSusan Oldham
 
SmartWheels | Mapping for Accessibility
SmartWheels | Mapping for AccessibilitySmartWheels | Mapping for Accessibility
SmartWheels | Mapping for AccessibilitySusan Oldham
 
MOHAI Usability Study Presentation
MOHAI Usability Study PresentationMOHAI Usability Study Presentation
MOHAI Usability Study PresentationSusan Oldham
 
StyleSearch Shopping App | UX Design & Business Model
StyleSearch Shopping App | UX Design & Business ModelStyleSearch Shopping App | UX Design & Business Model
StyleSearch Shopping App | UX Design & Business ModelSusan Oldham
 

Mais de Susan Oldham (11)

ThinkAR Augmented Reality Game Concept
ThinkAR Augmented Reality Game ConceptThinkAR Augmented Reality Game Concept
ThinkAR Augmented Reality Game Concept
 
Sustainable Dye Garden at Myrtle Edwards Park
Sustainable Dye Garden at Myrtle Edwards ParkSustainable Dye Garden at Myrtle Edwards Park
Sustainable Dye Garden at Myrtle Edwards Park
 
SEE MORE Virtual House
SEE MORE Virtual HouseSEE MORE Virtual House
SEE MORE Virtual House
 
SmartShoe poster design
SmartShoe poster designSmartShoe poster design
SmartShoe poster design
 
MyGym Project with mobile app demo
MyGym Project with mobile app demoMyGym Project with mobile app demo
MyGym Project with mobile app demo
 
International UX - Multi-cultural Paris Adventure
International UX - Multi-cultural Paris AdventureInternational UX - Multi-cultural Paris Adventure
International UX - Multi-cultural Paris Adventure
 
Analysis of The Pace of Life in 31 Countries Study
Analysis of The Pace of Life in 31 Countries StudyAnalysis of The Pace of Life in 31 Countries Study
Analysis of The Pace of Life in 31 Countries Study
 
grownet : cultivating relationships through gardening
grownet : cultivating relationships through gardeninggrownet : cultivating relationships through gardening
grownet : cultivating relationships through gardening
 
SmartWheels | Mapping for Accessibility
SmartWheels | Mapping for AccessibilitySmartWheels | Mapping for Accessibility
SmartWheels | Mapping for Accessibility
 
MOHAI Usability Study Presentation
MOHAI Usability Study PresentationMOHAI Usability Study Presentation
MOHAI Usability Study Presentation
 
StyleSearch Shopping App | UX Design & Business Model
StyleSearch Shopping App | UX Design & Business ModelStyleSearch Shopping App | UX Design & Business Model
StyleSearch Shopping App | UX Design & Business Model
 

Último

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 

Último (19)

Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 

Prototyping Physical & Immersive Environments for UX Designers

  • 1. Prototyping Physical & Immersive Environments for UX Designers Tools for Making Lo-Fi Prototypes to Stimulate the Design Process Seattle Prototyping for Designers Meetup | 10.19.2015 | Susan Oldham
  • 2. 1. About me 2. Why lo-fi for 3D? 3. Physical & Immersive environments a. Descriptions b. Design challenges 4. Prototyping Tools a. Models b. Projections c. Sensors d. Tracking engagement 5. Virtual Worlds a. Second Life demo with Valerie Hill 6. Questions & contributions agenda
  • 3. about me UX & Visual Designer
  • 4. University of Washington MS Human Centered Design & Engineering, 2015 Capstone : UX in Public Spaces BS Informatics, Human Computer Interaction, 2012 Certificate of Virtual Worlds, 2009 University of Cincinnati DAAP, Graphic/Industrial Design, 1980s education
  • 5. Apparel Designer Sportswear : Heet, Unionbay Sportswear Activewear : Jantzen, Burton Snowboard, NK Sport Handknits : Vogue Knitting, Knitter’s, Creative KnitsG Visual Designer Retail & Merchandising : T-Mobile, Starbucks, Macys Packaging : Starbucks, Costco, Econobox, Girvin Architectural : J. Miller & Associates; KR Studios, T-Mobile UX, Web & Information Design : Costco, Engine Interactive, City of Redmond, WIN Home Inspection, UW. + others experience
  • 6. Prototype A representation that can be tested in some way proto- : combining form meaning “first,” “foremost,” “earliest form of,” used in the formation of compound words (protomartyr; protoplasm). mockup A model for presentation & communication mock : to mimic, imitate, or counterfeit; an imitation; counterfeit; fake; feigned; not real. my definitions “Prototype is an action—something we do in order to solve a particular business, design, or technical problem.”—Anthony Franco
  • 8. 1. External memory reduces cognitive load [Simon & Newell, 1972] 2. Sketching/doodling aids concentration & recall [Andrade, 2009] 3. Sketching improves ability to restructure ideas [Verstijnen, 1998] 4. Serendipity and happy accidents [Fish & Stephen, 1990] 5. Sketching facilitates team collaboration [van der Lugt, 2004] 6. Better design outcomes [Yang, 2009] 7. Better communication with clients, stakeholders & users [Buxton, 2007] “Sketchesaresocialthings”—Bill Buxton making, sketching & the design brain From Smashing Magazine article by Laura Busche
  • 9. SmartWheels Communication Kit SmartWheels Kit installed on chair Includes Sensors, Microcontroller and Wi-Fi SmartWheels App OpenStreet Maps Secure User Database Bluetooth Headset User physical design patterns Physical technology that users can interact with in an interior or exterior physical space, either in an overt or ubiquitous manner • Engagement is key to interaction in public or private spaces • Climate & traffic patterns are factors in designing physical interfaces • How people move within the space will inform design solutions • Conditions can vary inside or outside: consider heat, cold, wind, rain, light & sound
  • 10. IoT patterns The Internet of Things is a network of physical objects embedded with electronics, software, sensors and network connectivity, which enables these objects to collect and exchange data • Look and feel is of utmost importance, product must fit into environment and give pleasure to user because of the intimacy of everyday devices • Small size of components requires : • Power efficiency • Heat dispersal • Elegant interface
  • 11. immersive design patterns | AR, MR Augmented reality is the overlay of information onto a physical environment Mixed reality allows generated information to merge with physical • Immersion is moderate, sense of the physical must be strong • Distraction is a concern : • Minimal information for job at hand • Effortless way to turn on/off • Light source is critical • Safety protocols Carrier 12:34 AM 100% Rate the entertainmentRate the entertainment Make your Mark on a Seattle Park Put your name on the wall Donate to a Busker or a Park You’re in Westlake Park, Downtown Seattle watching band Blue Trees Wailiers on April 19, 2015 Give Voice to your idea Carrier 12:34 AM 100% Do you want to see this band in the park again? You’re in Westlake Park, Downtown Seattle watching band Blue Trees Wailiers on April 19, 2015 Nope not again Yes, loved it SubmitRate! Carrier 12:34 AM 100% Sign your name and hometown. You’re in Westlake Park, Downtown Seattle on April 19, 2015 Name Place Submit Manuel Salt Lake City Carrier 12:34 AM 100% How would you change the world? Please record your thoughts for Seattle. You’re in Westlake Park, Downtown Seattle 60 sec SubmitListen Carrier 12:34 AM 100% Sunday, Today Tomorrow all Seattle Parks & Rec Calendar Pac NW Skateboard Tournament Setup Main Stage Buskers Play Noon to 2pm 10 Noon Pac NW Skateboard Tournament Events begin Sonic Kittens Concert Pac NW Skateboard Tournament 1 5 Carrier 12:34 AM 100% June 30th Westlake Park Augmented Event calendar for Westlake Park with projected info. Real-time data from Seattle Park & Recreation online calendar. Rate the Park 1. scale 1 question 2. Rate It Sign the Park 1. TyPe/speak Name 2. Choose Place Mark the Park 1. Choose A way to impact the park Learn the park Share your vision 1. speak 2. Share
  • 12. immersive design patterns | VR Virtual reality is a total immersion into another environment • Freedom to break from physical norms, defy conventions • Psychology of being immersed in unfamiliar situation : • Physical cues to combat dizziness • Empathy for user’s experience
  • 13. 3d models | Physical, IoT, AR, MR • 3d representations of products that can be tested • Design exploration—test for shape, size, weight, viability, etc • Team communication & collaboration • Work with stakeholders to refine before time-consuming user tests • User testing can be amazing with a well-executed 3D model • Triangulation of methods = deeper understanding Play-doh Illustrator Extrusion Second Life Paper
  • 14. models Sketching user ExperiencesQueensland University Library International User Experience course, UW
  • 15. projections | AR, MR, IoT • Combine an old-fashioned transparency overhead projector with a regular projector to emulate augmented & mixed reality apps • Layer transparencies of sketches, diagrams, info overlays into room • Add objects for shadows, outlines • Team can make notes & sketch on projected prototypes • Conduct usability testing, users can add sketches and comments on transparencies • Multiple projectors can emulate room immersion • Standard projectors mounted on ceiling can be angled down on surfaces • Used overheads are inexpensive, $20-50 each on craigslist
  • 17. projections | Physical, AR, MR, IoT • Wizard of Oz interactivity for users by projecting onto wall • Similar to paper prototype, but projected on wall or screen while researcher controls action from computer • Project concept onto body for wearable and mobile concepts • Projector can be angled toward body area • Can be combined with light activated stickers or glow-in-dark paint • Reverse images on smartphone to reflect on glass or clear plastic simulate augmented reality information overlay Sketching user Experiences
  • 19. tracking engagement | Physical, AR, MR, IoT • Glow sticks and bracelets body for wearable and mobile concepts • Track users more easily, differentiate between users on camera • UV beads and UV flashlight are physical breadcrumbs • Light, heat or touch sensitive paper that changes state, i.e. color Findthesesciencetoolsandmoreatwww.teachersource.com. Teachersource.com
  • 20. sensors | AR, MR, IoT, Physical • iBeacons • Pros : Easy to install and use, about $100 for 3; waterproof • Cons : Smartphones need to be bluetooth enabled to track • Dash button • Pros : Can track users button push with script; inexpensive, $5 each • Cons : Users have to press button, can disrupt flow • Script created by Edward Benson, medium.com/@edwardbenson • TILE squares, or other trackers with mobile apps Amazon Dash button Estimotes iBeacon Dev Kit TILE
  • 21. microcontrollers | AR, MR, IoT, Physical • Arduino • Pros : customizable and scriptable • Cons : learning curve; bulky appearance; one script • Raspberry Pi • Pros : High-level computing possible • Cons : learning curve, bulky • Sensors for prototyping physical spaces • Proximity : track user patterns in local area • Accelerometer or GPS : track broad user patterns
  • 22. ev aluate & ref ine learn&a nalyze envisio n&design PER SONAS SCENA RIOSSKETC H ING REQUIR EM ENTS The roof that protects a home is one of the most expensive house systems. Customer avatars can safely learn how the inspector looks for potential issues. The thorough home inspector is aware that the crawl space under the porch or house may have clues to the home’s condition. Customers can join him in this tight space. It’s important that an inspector not harm the seller’s home in any way, so a careful inspector comes prepared with coveralls and shoe protection, and parks offsite. The home inspector looks at the entire site as a system. Water is the biggest enemy to a home and a good inspector starts by assessing all possible exterior entry points. Jenna & Josh | Avatars • First time homebuyers • Nurse & Marketing Manager • Newlyweds, no children • Avid gamers Joanna | Avatar • Real Estate Agent, 5 yrs • Married with one child • Creates virtual home tours • Learning Photoshop Jim | Avatar • Moving from apt to condo • High School teacher • Divorced, 2 grown sons • Enjoys games, motorcycles Jason | Avatar • Real Estate Agent, 10 yrs • Single, owns condo • Looking for new social marketing techniques A WIN Home Inspection inspector’s main role is to communicate with homebuyers about their new home, and how its systems work. Accurate information is an important factor in the success of the inspection. Client Problem Prospective homebuyers are often confused about the home inspection process, and problems found in the home can seem overwhelming. The client, WIN Home Inspection, wanted to educate and reassure homebuyers about the process. User Centered Design •Conducted qualitative interviews with stakeholders •Defined user personas to understand user needs •Designed scenarios based on use case analysis •Generated sketches & prototype •Refined business & design requirements Solution = Experience Interactive information system in Second Life®: Second Life® is an immersive virtual world that’s free and accessible. WIN can effectively educate & talk to homebuyers in a simulated environment. Customers can learn about home systems and experience inspections from the inspector’s point-of-view. Feature goals •Interactive views of home systems including roof, crawlspace, plumbing, furnace, windows, etc. •Educational displays and videos •Metric-gathering scripts to learn about the virtual home visitors and prospective customers •Games and prizes to encourage repeat visits Social networking goals •3D Twitter feed to permit external communication •Staging in-world events to engage visitors •Real-time open house to network with agents •Annual WIN Conference conducted virtually Evaluation •User testing and surveys •Virtual world heuristic guidelines •Analysis of data gathered on site with scripts THE SEE MORE VIRTUAL HOUSE Home Inspection as Immersive User Experience The PersonasThe Design Process Inspector Identity The personas exercise was particularly important for a virtual world project where trust can be an issue. It’s critical to gain the trust of potential users via good design, and to help the client assess how Second Life users translate to real customers. Second Life demo Second Life is a social virtual world, free to users unless they want to purchase space for building or services and goods.
  • 23. Second Life | AR, MR, VR, IoT, Physical Virtual world features of Second life • Multi-modal : many ways to collaborate with others. • Own it : keep what you create, sell or barter services. • Free : unless users want to purchase space for building or services and events. • Unique : design and create elaborate worlds & individual identities. • Linden currency : users can sell licenses to what they create. • Changes in terms of service : has made selling in SL less attractive. • Similar to World of Warcraft : but without the gaming aspect.
  • 24. prototyping in SL | AR, MR, VR, IoT, Physicalprototyping in SL | AR, MR, VR, IoT, Physical SL is a valuable rapid prototyping area for 3d tech. • Upload images and textures to emulate your environment.. • You can buy assets very cheaply, no need to build everything. • Test scenarios and use cases. • Users & stakeholders are aware that it’s a rough prototype. • Create scripts (similar to ActionScript) to : • Run parts of simulation • Greet your users • Emulate interactions • Easy to create different personas
  • 25. Valerie Hill, MLS, PhD Information Literacy Consultant & Machinimator Valerie Hill is a professional librarian, adjunct instructor of library science, and information literacy consultant. Dr. Hill received her MLS in Library and Information Science from Texas Woman’s University in 2007 and a PhD in Library and Information Science in 2012. She is currently an information literacy consultant and machinimator with a research focus on the intersection of information literacy and libraries with virtual worlds and digital culture. As president of Community Virtual Library, Val invites you to visit this virtual space to learn more about how to get started in Second Life. http://maps.secondlife.com/secondlife/Bradley%20University/57/114/27 @valibrarian blog: vhill.edublogs.org
  • 26. pros & cons CONS 1. Cartoony appearance 2. Learning curve for new users who need time to learn how to navigate and communicate 3. Substantial cost for personal space 4. Public access allows “griefers” to harass users 5. Lag time for many users with slower computers or connections 6. Limited exchange of prims and property 7. Users can no longer make a lot of money in SL, so many vendors and users have moved on PROS 1. Free entry, can invite friends 2. Collaboration among remote team members is easy because of multiple modes of communication 3. Excellent for large group events like graduations & conferences 4. Users can emulate many different real world and virtual reality scenarios 5. Users can sell and share what they create 6. Practice for Project Sansar, the new VR platform from Linden Labs 7. Linden Labs is a reputable company
  • 27. alternative worlds OpenSim • Open source and compatible with Second Life, can exchange some items among worlds • Users have more control • Users have to create more infrastructure http://opensimulator.org InWorldz http://inworldz.com Kitely • Built in OpenSim http://www.kitely.com
  • 28. free spaces to build in SL Edtech Island Sandbox & Campus http://maps.secondlife.com/secondlife/EdTech/148/88/24 TechLab Oldest and Largest Sandbox http://maps.secondlife.com/secondlife/TechInvestLab/125/193/26 College of North West London Sandbox http://maps.secondlife.com/secondlife/CNWL/48/175/26 Check out new sandbox locations at http://secondlife.com/destinations/howto/sandbox
  • 29. books Creating Your World: The Official Guide to Advanced Content Creation for Second Life byAimeeWeber,KimberlyRufer-Bach&RichardPlatel Prototyping and Modelmaking for Product Design byBjarkiHallgrimsson Scripting Your World: The Official Guide to Second Life Scripting Paperback byDanaMoore,MichaelThome&Dr.KarenHaigh Sketching for User Experiences byBillBuxton Sketching for User Experiences Workbook bySaulGreenberg&BillBuxton links Science project supplies: www.teachersource.com Dash button sniffer hack: https://medium.com/@edwardbenson/how-i-hacked- amazon-s-5-wifi-button-to-track-baby-data-794214b0bdd8 Dash button: www.amazon.com/dash TILE finder: www.thetileapp.com references & links
  • 30. Please share your own tips for prototyping emerging technologies. Thanks! question & contribution time