Prototyping: what is it, why should you care, common mistakes, and how to choose the right tools.
Presented at IxDA Sydney Meetup: The Prototype Edition - 28 May 2015
Design Thinking : Prototyping & TestingSankarshan D
The design team will now produce a number of inexpensive, scaled down versions of the product or specific features found within the product, so they can investigate the problem solutions generated in the previous stage. Prototypes may be shared and tested within the team itself, in other departments, or on a small group of people outside the design team.
https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process
Do you ever wish there was a formula you could use to improve your audiovisual design for the people who use it? Well, there is!
In this talk I’ll introduce you to Human-centered Design, a framework for identifying and designing solutions for the people who use your products. You’ll learn how this approach can be leveraged to create solutions that resonate with your users, drive engagement and adoption, and ultimately deliver more meaningful experiences.
Human-centered Design is a design process that puts the user experience at the center of your design decisions. This framework includes tools to help you understand your users’ needs, generate ideas on how to solve them, test out prototypes of your solution with the people you’re designing for, and eventually get your innovative product out into the world.
Developed by students at Stanford University, the Design Thinking approach was created to establish a new way to grow innovative products, processes and services. The Design Thinking process consists of six iterative stages which enable participants to seek flexible solutions and innovations concerning the issue they treat.
One important aspect of Design Thinking is the creation and cultivation of ideas within a well-coordinated team. Thus, the team spirit is a decisive element during Design Thinking operations and encourages to produce the best possible results. In addition to the team side of Design Thinking, a flexible and productive environment is crucial to develop inventive ideas and products. The more workable an environment, is the easier it is for employees to visualize and transmit thoughts and new concepts.
From a recent talk to Texas McCombs MBAs about what product management is, what skills product managers need, and how to get a job in product management.
Design Thinking : Prototyping & TestingSankarshan D
The design team will now produce a number of inexpensive, scaled down versions of the product or specific features found within the product, so they can investigate the problem solutions generated in the previous stage. Prototypes may be shared and tested within the team itself, in other departments, or on a small group of people outside the design team.
https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process
Do you ever wish there was a formula you could use to improve your audiovisual design for the people who use it? Well, there is!
In this talk I’ll introduce you to Human-centered Design, a framework for identifying and designing solutions for the people who use your products. You’ll learn how this approach can be leveraged to create solutions that resonate with your users, drive engagement and adoption, and ultimately deliver more meaningful experiences.
Human-centered Design is a design process that puts the user experience at the center of your design decisions. This framework includes tools to help you understand your users’ needs, generate ideas on how to solve them, test out prototypes of your solution with the people you’re designing for, and eventually get your innovative product out into the world.
Developed by students at Stanford University, the Design Thinking approach was created to establish a new way to grow innovative products, processes and services. The Design Thinking process consists of six iterative stages which enable participants to seek flexible solutions and innovations concerning the issue they treat.
One important aspect of Design Thinking is the creation and cultivation of ideas within a well-coordinated team. Thus, the team spirit is a decisive element during Design Thinking operations and encourages to produce the best possible results. In addition to the team side of Design Thinking, a flexible and productive environment is crucial to develop inventive ideas and products. The more workable an environment, is the easier it is for employees to visualize and transmit thoughts and new concepts.
From a recent talk to Texas McCombs MBAs about what product management is, what skills product managers need, and how to get a job in product management.
Laura Mocanu of Elite Vision Coaching has an impressive background as a Marketing Professional in her native Romania. This combined with her own career change and a passion for continuing education sets the tone for her work. A business mentor for the Prince’s Trust and Well Being Officer for NIAMH, her own trajectory is an excellent model for what it takes a client to maximize their potential and illustrative of the "Design Thinking" she teaches.
An audio of this presentation can be found at: https://www.dropbox.com/s/v6x32tx449nofqi/14%20Laura%20Mocanu.mp3?dl=0
www.evisioncoaching.co.uk
@EVisionCoaching
A fast-forward tour about Design Thinking by webkeyz.
How design thinking differs from scientific thinking? Why to use it? When to use it? And how design thinking can impact your life?
Centre for Entrepreneurship (C4E) of the University of Cyprus and Berklee Institute for Creative Entrepreneurship (ICE) present the:
Why are some designs better than others, and what can you do about it? (The workshop)
If you've ever described a poster as heavy, a website as dense, an app as clumsy or an object as whimsical, you probably already know the answer. Recent psychology research is showing that experiential metaphors are key emotional drivers that impact our perception of the world. Applying these findings to design confirms what designers have learned throughout their careers—good design is subconscious first and rational second. Michael will share stories from this research and the IDEO portfolio then share tools to help you be more consciously subconscious.
A basic introduction to the principles of design thinking and how they can be used successfully in product design and development. This presentation was used for facilitating a workshop "Design Thinking for Product Design."
This presentation highlights a number of leading firms utilizing Design Thinking as a means for business development and innovation. For more information on guest lectures and workshops contact me through LinkedIn.
Introduction for Design thinking :
What is Design thinking?
Why to use Design thinking?
What is Design thinking mindset?
Balance for Analytical and Intuitive thinking.
Traditional thinking vs Design thinking.
Combination of Divergent and Convergent thinking.
“companies are accelerating efforts to change their cultures, foster innovation, and serve customers more effectively. Innovation, or "design thinking," is, we believe, something truly important and enduring”
These slides were prepared to introduce district leaders to the design thinking process. The design challenge we worked on during this day-long introduction was to redesign high school media centers. These slides were used to step participants through each phase of the design thinking process.
Design Thinking is a design methodology that provides a solution-based approach to solving problems. It’s extremely useful in tackling complex problems that are ill-defined or unknown, by understanding the human needs involved, by re-framing the problem in human-centric ways, by creating many ideas in brainstorming sessions, and by adopting a hands-on approach in prototyping and testing.
The Design Sprints are a 2-5 days process for answering critical business questions through design, prototyping, and testing ideas with customers.
In this keynote I present you the Google Venture Design Sprints Methodology.
How to implement research, ideation, prototyping, user testing in agile development process?
How to scale product design process?
What do product manager and product owner do?
A summary of the basic principles of design thinking, human centered innovation and its application to strategy. Created by Natalie Nixon of Figure 8 Thinking.
A talk from the Creator Track at AWE USA 2019 - the World's #1 XR Conference & Expo in Santa Clara, California May 29-31, 2019.
Google: Rapid Prototyping for AR
Austin McCasland | Google
Diane Wang | Google
With many unknowns and opportunities in AR, rapid prototyping has been critical to understand and define what makes immersive experiences valuable and usable. This talk will take a peek into how we approach rapidly designing and building prototypes for AR applications.
https://awexr.com
Laura Mocanu of Elite Vision Coaching has an impressive background as a Marketing Professional in her native Romania. This combined with her own career change and a passion for continuing education sets the tone for her work. A business mentor for the Prince’s Trust and Well Being Officer for NIAMH, her own trajectory is an excellent model for what it takes a client to maximize their potential and illustrative of the "Design Thinking" she teaches.
An audio of this presentation can be found at: https://www.dropbox.com/s/v6x32tx449nofqi/14%20Laura%20Mocanu.mp3?dl=0
www.evisioncoaching.co.uk
@EVisionCoaching
A fast-forward tour about Design Thinking by webkeyz.
How design thinking differs from scientific thinking? Why to use it? When to use it? And how design thinking can impact your life?
Centre for Entrepreneurship (C4E) of the University of Cyprus and Berklee Institute for Creative Entrepreneurship (ICE) present the:
Why are some designs better than others, and what can you do about it? (The workshop)
If you've ever described a poster as heavy, a website as dense, an app as clumsy or an object as whimsical, you probably already know the answer. Recent psychology research is showing that experiential metaphors are key emotional drivers that impact our perception of the world. Applying these findings to design confirms what designers have learned throughout their careers—good design is subconscious first and rational second. Michael will share stories from this research and the IDEO portfolio then share tools to help you be more consciously subconscious.
A basic introduction to the principles of design thinking and how they can be used successfully in product design and development. This presentation was used for facilitating a workshop "Design Thinking for Product Design."
This presentation highlights a number of leading firms utilizing Design Thinking as a means for business development and innovation. For more information on guest lectures and workshops contact me through LinkedIn.
Introduction for Design thinking :
What is Design thinking?
Why to use Design thinking?
What is Design thinking mindset?
Balance for Analytical and Intuitive thinking.
Traditional thinking vs Design thinking.
Combination of Divergent and Convergent thinking.
“companies are accelerating efforts to change their cultures, foster innovation, and serve customers more effectively. Innovation, or "design thinking," is, we believe, something truly important and enduring”
These slides were prepared to introduce district leaders to the design thinking process. The design challenge we worked on during this day-long introduction was to redesign high school media centers. These slides were used to step participants through each phase of the design thinking process.
Design Thinking is a design methodology that provides a solution-based approach to solving problems. It’s extremely useful in tackling complex problems that are ill-defined or unknown, by understanding the human needs involved, by re-framing the problem in human-centric ways, by creating many ideas in brainstorming sessions, and by adopting a hands-on approach in prototyping and testing.
The Design Sprints are a 2-5 days process for answering critical business questions through design, prototyping, and testing ideas with customers.
In this keynote I present you the Google Venture Design Sprints Methodology.
How to implement research, ideation, prototyping, user testing in agile development process?
How to scale product design process?
What do product manager and product owner do?
A summary of the basic principles of design thinking, human centered innovation and its application to strategy. Created by Natalie Nixon of Figure 8 Thinking.
A talk from the Creator Track at AWE USA 2019 - the World's #1 XR Conference & Expo in Santa Clara, California May 29-31, 2019.
Google: Rapid Prototyping for AR
Austin McCasland | Google
Diane Wang | Google
With many unknowns and opportunities in AR, rapid prototyping has been critical to understand and define what makes immersive experiences valuable and usable. This talk will take a peek into how we approach rapidly designing and building prototypes for AR applications.
https://awexr.com
User Centered Design: guarantee that your business process automation project...Bonitasoft
Wide user acceptance is one of the biggest challenges companies face when launching a new project, product, or service. Any of these can fail for a variety of reasons, but failure is often due to a disappointing user experience.
The process of User Centered Design actively takes into account the needs, expectations, and characteristics of end users at each stage of the development process, leading ultimately to better user satisfaction.
The tools and processes manager of a large French automotive group recently noted, "You have to be user-centric to successfully digitize your processes." End users can feel, “This was actually designed with me in mind - my wants and needs were actually considered before a tool was imposed on me to use.”
From layout to delivery of the first iteration and through continuous improvement, learn how to use the Bonita UI Designer as an iteration tool to guarantee an ideal match with the actual needs of end users.
video: https://youtu.be/vmZgeJ86738
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaAnton Chandra
This is a slide presentation on UXiD 2018 event
Title: UX Prototyping - How to make it and define the success metrics
by Anton Chandra and Bahni Mahariasha
Real World Lessons Using Lean UX (Workshop)Bill Scott
Half Day Workshop given 5/22/2013 at WebVisions Portland.
In this workshop Bill will explore the mindset of LeanUX and how it relates to bring products to life in the midst of big organizations that don't normally think "Lean". He will look at how teams can create a strong partnership between product, design & engineering in a way that tears down the walls and instead focuses on three key principles:
Shared understanding
Deep collaboration
Continuous customer feedback
The workshop will take a look at how Bill has been able to apply Lean UX at PayPal — a place that in recent years has been the total antithesis of the lean startup idea. With very specific examples, he will share lessons learned applying lean to the full product life cycle as well as how it relates to agile development.
Finally, the workshop looks at the technology stack. In the last few years there has been an explosion of open source technology stacks that can support rapidly creating products, launching them to scale and rapidly iterating on them when live. While startups embrace these stacks from the get-go, large organizations struggle with how to embrace this change. This workshop will also look at the shift that has happened, what is driving this change, and how organizations can embrace this stack and how to marry Lean Tech with Lean UX.
A short introduction into Lean Startup for the ETH Innovation and Entrepreneurship Lab (ieLab). We want to show the Startups of this incubuator how Lean Startup changes the way startups work. Instead of planning and implementing everything perfectly, Lean Startup uses small experiments and validated learnings after failures.
Over the last two years we have had several discussions with our clients about IoT and wearable projects, some more advanced than others. However, many of these projects never happen and there is a pattern emerging around why organisations are struggling to get these projects off the ground. In this talk I will share our experiences and the patterns we have seen, along with some key considerations for us on how to more effectively package these projects if we really want to do them.
What is service prototyping? How do you do it? When? An introduction to the topic with an overview on a practical case, presented during Rome's Service Design Jam 2017
Increasingly, companies succeed or fail not on superior technology but on superior user experience design. This talk looks at the ROI of UX design with three examples of startups that leveraged design to disrupt their fields and beat the competition.
Slides of the project definition workshop at disummit June 26, 2019 .
We're all caught in the AI hype - and I daily meet AI enthousiasts who focus heavily on technology, cool algorithms on a modern infrastructure. And business leaders who dream AI will solve our problems automagically. While dreaming and innovating is cool, modern and exciting, such focus typically increases business impact only marginally. The best way to increase impact, is having the project definition right. In this workshop, you'll walk away with a "Project definition checklist " - an exhausitive list of issues you want to understand before you start building your algorithms. Throughout the years this has proved to be a useful asset for junior data scientists, (aspiring) data science managers and (project) management.
Prototyping is not a new concept, but the role it plays in the design process has changed dramatically in the last few years. Proliferation of agile methods and the grassroots nature of design thinking have opened up new opportunities where research and design happen simultaneously. New tools for building digital prototypes have given design teams numerous options from very simple demos to complex proof of concepts.
The Devbridge Design team shares their experience and explore cases where prototyping has driven the design and research process. With varying levels of complexity and fidelity, each has had a different outcome.
IxDA October Event: Prototyping Approaches and OutcomesIxDA Chicago
Prototyping is not a new concept, but the role it plays in the design process has changed dramatically in the last few years. Proliferation of agile methods and the grassroots nature of design thinking have opened up new opportunities where research and design happen simultaneously. New tools for building digital prototypes have given design teams numerous options from very simple demos to complex proof of concepts.
Learn about the Devbridge Design team's experience as they explore cases where prototyping has driven the design and research process. With varying levels of complexity and fidelity, each has had a different outcome.
Rsqrd AI: Making Conversational AI Work for EverybodySanjana Chowdhury
In this talk, Rachael Tatman, Senior Developer Advocate at Rasa, talks about how to continuously bringing humans into the development process to improve conversational AI systems.
Presented on 09/29/2020
**These slides are from a talk given at Rsqrd AI. Learn more at rsqrdai.org**
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
2. Overview
● What is prototyping?
● Why should I care?
● Common mistakes
● Choosing the right tool
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 2
3. Prototyping
Prototype noun
a first or preliminary version of a device or
vehicle from which other forms are developed.
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 3
4. Prototyping
A prototype is not the final product,
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 4
5. Prototyping
A prototype is not the final product, it’s a
simulation of the final product.
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 5
6. Prototyping
A prototype is not the final product, it’s a
simulation of the final product.
(Or a part of the final product)
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 6
7. Why prototype?
● Prototyping is generative
● Prototypes show, not tell
● Prototyping encourages collaboration
● Prototyping creates a rapid feedback loop,
which ultimately reduces risk
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 7
8. Why prototype?
● Prototyping is generative
● Prototypes show, not tell
● Prototyping encourages collaboration
● Prototyping creates a rapid feedback loop,
which ultimately reduces risk
● Prototyping saves time, effort, and money
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 8
10. Sense
“To get to where we are today, we’ve
iterated literally hundreds of times. By being
able to 3D print and laser cut our way out of
almost anything, we’ve settled on a design
that’s beautiful, and also functions perfectly
with the sensors we have inside.”
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 10
12. Common mistakes
● Prototyping too little, or too much
● Prototyping the wrong thing
● Not setting expectations for what the
prototype will be
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 12
13. Common mistakes
● Determine what you need to learn
● Set appropriate expectations
● Determine the right level of fidelity
● Pick the right tool for the job
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 13
14. The right tool
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 14
15. The right tool
● Fidelity
● Familiarity / learning curve
● Time and effort
● Support for multiple devices
● Collaboration / feedback
● Integration with other tools
● Versioning
● Price
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 15
16. The right tool
● Fidelity
● Familiarity / learning curve
● Time and effort
● Support for multiple devices
● Collaboration / feedback
● Integration with other tools
● Versioning
● Price
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 16
17. Fidelity
● Visual fidelity
● Functional fidelity
● Content fidelity
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 17
19. Paper
Paper prototyping is a widely used method in
the user-centered design process, a process
that helps developers to create software that
meets the user's expectations and needs—in
this case, especially for designing and testing
user interfaces.
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 19
20.
21. Balsamiq
Balsamiq Mockups is a rapid wireframing tool
that helps you Work Faster & Smarter. It
reproduces the experience of sketching on a
whiteboard, but using a computer.
http://balsamiq.com/
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 21
22. Sketch
Easily create complex shapes with our state-of-
the-art vector boolean operations and take
advantage of our extensive layer styles.
Sketch’s fully vector-based workflow makes it
easy to create beautiful, high-quality artwork
from start to finish.
http://bohemiancoding.com/sketch/
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 22
23. InVision
The world's leading prototyping, collaboration &
workflow platform.
http://invisionapp.com/
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 23
24.
25.
26. Proto.io
Create fully-interactive high-fidelity prototypes
that look and work exactly like your app should.
No coding required.
http://proto.io
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 26
27. Atomic
The fastest way to design beautiful interactions.
http://atomic.io/
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 27
28. Pixate
Pixate is a next-generation mobile interaction
design service aimed at helping designers
create complex animations and interactions
without writing code.
http://www.pixate.com/
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 28
29. Framer.js / Framer Studio
Invent, design and experiment with interaction.
http://framerjs.com/
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 29
31. HTML/CSS
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 31
32. Summary
● Determine what you need to learn
● Set appropriate expectations
● Determine the right level of fidelity
● Pick the right tool for the job
Matt Hurley & Arlen McCarthy - IxDA Sydney Meetup: The Prototype Edition - May 2015 32
34. Resources
● Designing Sense
https://vimeo.com/106241277
● Prototyping: A Practitioner's Guide
http://www.amazon.com/Prototyping-Practitioners-Todd-
Zaki-Warfel/dp/1933820217
● Design Better And Faster With Rapid Prototyping
http://www.smashingmagazine.com/2010/06/16/design-
better-faster-with-rapid-prototyping/
● Top 10 Evaluation Criteria when Selecting a Prototyping
Tool
http://www.savahapp.com/blog/ten-evaluation-criteria-
on-selecting-a-prototyping-tool/
34
35. Resources
● Paper Prototyping: The Fast and Easy Way to Design
and Refine User Interfaces
http://www.amazon.com/Paper-Prototyping-Interfaces-
Interactive-Technologies/dp/1558608702
● Linking Mockups Together (Balsamiq)
http://support.balsamiq.com/customer/portal/articles/111
742
● Transitional Interfaces
https://medium.com/@pasql/transitional-interfaces-
926eb80d64e3
● Designing Twitter Video
http://paulstamatiou.com/twitter-video/
35
Editor's Notes
Simulation of “part” of the final product
Paper prototyping is a technique that allows you to create and test user interfaces quickly and cheaply.
What its good for -
testing an idea quickly and cheaply
Getting people on the same page
Extracting ideas from teams e.g. Des, SME’s etc
Simple flows
Somewhat disposable, you don't get too attached
What its good for -
Simple flows
Simple interactions
testing an idea quickly
Capturing feedback from teams and stakeholders
What its good for -
Low learning curve - compared to photoshop
Lo to Hi Fi
Exports code
Not actually a prototyping tool
What its good for -
using hotspots and slicing
Simple to complex flows
Simple interactions, transitions and gestures
Validating an idea quickly
Can make a prototype from any program e.g. paper to sketch and photoshop
Capturing feedback from teams and stakeholders
This is kinda how inVision feels.
This is how the next few tools look like. They are good for creating high fidelity prototypes with complex interactions and flows.
Creating hi fidelity interactive prototypes
Mobile only
They claim that “High fidelity is now light weight.”
Its really great for creating and refining a single interaction.
This is a really great case study on the process of prototyping twitter video using framer.js