SlideShare a Scribd company logo
UX Toolkit:
Rapid Design and Prototyping




            Megan O’Rorke
               UX/Product
              @leggomymego

                               1
Understand the Problem
Quantitative
Qualitative




                             2
History of User Research


                  Long lead times
                    High cost
                     Opaque



                    Real time




                                    3
Low Fidelity


                 Rapid iteration
               Participatory design




                                      4
The Power of Paper




                     5
Prototypes




             interactions
               behaviors
              limitations




                            6
Digital Tools




                7
Open Platforms




    cross-device
   pair prototype
    high fidelity
                    8
Test with Customers




Partial functionality
Fake landing pages
  Workarounds

                                     9
Shared Understanding
   Actionable insights
        Empathy
   Context awareness
     Nimble team




                         10
Adaptability




               New features
               Murphy’s law




                              11
Findability




              12
voice
            cloud
            video
biosensors - body as medium
        3D printing
                              13
More
HTML/CSS: Anna Debenham http://www.netmagazine.com/tutorials/building-prototypes-html-and-css

Cross-device design: Future Friendly futurefriend.ly




                                                                                                14
Thank You
Continue the conversation:
     @leggomymego
 megororke@gmail.com




                                         15
Photo Credits


commons.wikimedia.org/wiki/File:Amelia_Earhart_-_GPN-2002-000211.jpg
flickr.com/photos/thespeedphreak/2900037739/
flickr.com/photos/arielwaldman/3270565396
northsocial.com/images/app-images/html-editor/apps-iframe-editor-top-image.jpg
flickr.com/photos/rampix/3258014594
chrome.blogspot.com/2013/02/the-chromebook-pixel-for-whats-next.html
flickr.com/photos/cubagallery/5893139857
flickr.com/photos/uon/2346414058
flickr.com/photos/21218849@N03/2879940363
flickr.com/photos/51282757@N05/5476194210
flickr.com/photos/15016964@N02/5695813527




                                                                                 16

More Related Content

Similar to Cascade UX Day SF 2013

The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototyping
Marcelo Graciolli
 
Blockchain Experience Design Meetup #1
Blockchain Experience Design Meetup #1Blockchain Experience Design Meetup #1
Blockchain Experience Design Meetup #1
Gendry Morales
 
Poster - Tweaking HCI methods for m-desing
Poster - Tweaking HCI methods for m-desingPoster - Tweaking HCI methods for m-desing
Poster - Tweaking HCI methods for m-desing
Office of Learning Technologies, Universitat Oberta de Catalunya
 
"We are doing it wrong."
"We are doing it wrong.""We are doing it wrong."
"We are doing it wrong."
weissgraeber
 
JavaOne 2016 "Java, Microservices, Cloud and Containers"
JavaOne 2016 "Java, Microservices, Cloud and Containers"JavaOne 2016 "Java, Microservices, Cloud and Containers"
JavaOne 2016 "Java, Microservices, Cloud and Containers"
Daniel Bryant
 
6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)
Brian Fling
 
TxJS 2011
TxJS 2011TxJS 2011
TxJS 2011
Brian LeRoux
 
Parents
ParentsParents
Towards Lensfield
Towards LensfieldTowards Lensfield
Towards Lensfield
Jim Downing
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015
Holger Bartel
 
Design Prototyping: Bringing Wireframes to Life
Design Prototyping: Bringing Wireframes to LifeDesign Prototyping: Bringing Wireframes to Life
Design Prototyping: Bringing Wireframes to Life
goodfriday
 
Expression Blend for Windows Phone
Expression Blend for Windows PhoneExpression Blend for Windows Phone
Expression Blend for Windows Phone
Shane Morris
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to Launch
David Brooks
 
Performance - a challenging craft
Performance  - a challenging craftPerformance  - a challenging craft
Performance - a challenging craft
Fabian Lange
 
NoSQL Databases
NoSQL DatabasesNoSQL Databases
NoSQL Databases
crisgomal8
 
Enterprise Testing in The Cloud
Enterprise Testing in The CloudEnterprise Testing in The Cloud
Enterprise Testing in The Cloud
Arun Pareek
 
Rettig onprototyping
Rettig onprototypingRettig onprototyping
Rettig onprototyping
Julio Pari
 
Sandeep-portfolio-2016
Sandeep-portfolio-2016Sandeep-portfolio-2016
Sandeep-portfolio-2016
Sandeep Zechariah George
 
MoneySafe-FinalReport
MoneySafe-FinalReportMoneySafe-FinalReport
MoneySafe-FinalReport
Shaun Michael Stone
 
Interoperability in forge - fossa2010
Interoperability in forge - fossa2010Interoperability in forge - fossa2010
Interoperability in forge - fossa2010
fOSSa - Free Open Source Software Academia Conference
 

Similar to Cascade UX Day SF 2013 (20)

The ultimate guide to prototyping
The ultimate guide to prototypingThe ultimate guide to prototyping
The ultimate guide to prototyping
 
Blockchain Experience Design Meetup #1
Blockchain Experience Design Meetup #1Blockchain Experience Design Meetup #1
Blockchain Experience Design Meetup #1
 
Poster - Tweaking HCI methods for m-desing
Poster - Tweaking HCI methods for m-desingPoster - Tweaking HCI methods for m-desing
Poster - Tweaking HCI methods for m-desing
 
"We are doing it wrong."
"We are doing it wrong.""We are doing it wrong."
"We are doing it wrong."
 
JavaOne 2016 "Java, Microservices, Cloud and Containers"
JavaOne 2016 "Java, Microservices, Cloud and Containers"JavaOne 2016 "Java, Microservices, Cloud and Containers"
JavaOne 2016 "Java, Microservices, Cloud and Containers"
 
6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)
 
TxJS 2011
TxJS 2011TxJS 2011
TxJS 2011
 
Parents
ParentsParents
Parents
 
Towards Lensfield
Towards LensfieldTowards Lensfield
Towards Lensfield
 
Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015Form Function Class 6, Manila, Philippines 14/11/2015
Form Function Class 6, Manila, Philippines 14/11/2015
 
Design Prototyping: Bringing Wireframes to Life
Design Prototyping: Bringing Wireframes to LifeDesign Prototyping: Bringing Wireframes to Life
Design Prototyping: Bringing Wireframes to Life
 
Expression Blend for Windows Phone
Expression Blend for Windows PhoneExpression Blend for Windows Phone
Expression Blend for Windows Phone
 
Your first web application. From Design to Launch
Your first web application. From Design to LaunchYour first web application. From Design to Launch
Your first web application. From Design to Launch
 
Performance - a challenging craft
Performance  - a challenging craftPerformance  - a challenging craft
Performance - a challenging craft
 
NoSQL Databases
NoSQL DatabasesNoSQL Databases
NoSQL Databases
 
Enterprise Testing in The Cloud
Enterprise Testing in The CloudEnterprise Testing in The Cloud
Enterprise Testing in The Cloud
 
Rettig onprototyping
Rettig onprototypingRettig onprototyping
Rettig onprototyping
 
Sandeep-portfolio-2016
Sandeep-portfolio-2016Sandeep-portfolio-2016
Sandeep-portfolio-2016
 
MoneySafe-FinalReport
MoneySafe-FinalReportMoneySafe-FinalReport
MoneySafe-FinalReport
 
Interoperability in forge - fossa2010
Interoperability in forge - fossa2010Interoperability in forge - fossa2010
Interoperability in forge - fossa2010
 

Cascade UX Day SF 2013