Zoe Guiraudon gave an introductory presentation on user experience design, wireframing, and prototyping. She discussed what user experience is, why it's important, and how designers use techniques like wireframing and prototyping to design for the user experience. Zoe explained the process from sketching initial ideas on paper to creating higher fidelity digital prototypes. She emphasized testing prototypes with users to evaluate things like usability and the overall user experience. Zoe also shared some of the tools she uses for wireframing and prototyping like Sketch, Marvel, and InVision.
About Kazumi Terada
- Available for hire
- Born in Tokyo, Lived in Dallas, Lives in New York. US Citizen. Bilingual.
- Parsons School of Design, BFA in Architecture
- Work Experience: Panasonic, Shutterstock, Vibrant Media, Bertelsmann
- Building websites since the 90’s
- UX Design Immersive Certificate from General Assembly, May 2016
- Co-founder of a design firm and a non-profit
Here are the slides from the UX Portfolio Workshop I did at exploreUX on 4/22/14. The workshop was part presentation and part activities to get participants in the right mindset for creating their UX portfolios.
The slides go into the specifics on:
• What to put in your UX portfolio
• How to figure out what (of your stuff) to include
• How to add what you’re missing
• What tools and resources to use in building it
• What’s a good (and bad) portfolio
About Kazumi Terada
- Available for hire
- Born in Tokyo, Lived in Dallas, Lives in New York. US Citizen. Bilingual.
- Parsons School of Design, BFA in Architecture
- Work Experience: Panasonic, Shutterstock, Vibrant Media, Bertelsmann
- Building websites since the 90’s
- UX Design Immersive Certificate from General Assembly, May 2016
- Co-founder of a design firm and a non-profit
Here are the slides from the UX Portfolio Workshop I did at exploreUX on 4/22/14. The workshop was part presentation and part activities to get participants in the right mindset for creating their UX portfolios.
The slides go into the specifics on:
• What to put in your UX portfolio
• How to figure out what (of your stuff) to include
• How to add what you’re missing
• What tools and resources to use in building it
• What’s a good (and bad) portfolio
A talk we had at Texity systems.
Topics were
“ Are you really a User Experience Designer ?
The shift from product design to process design”
Contents
- what is user experience ? A bit of historical perspective
- Who coined the term and what did he mean ? ( Don Norman coined this term)
- how does IA, interaction design, usability, user research, relate to user experience ?
- what is product user experience ?
- how is different from user experience design of a service ?
- if this is User Experience, then what exactly is customer experience ?
- Should there be a designation called User Experience designer?
- The CEO, the engineer, the sales manager , product manager ….. are they UX designers or they aren’t ?
- Product design vs Process design
- The notion of a User , and who is the Customer ….. can user and customer be same ?
- A better term : DUX ( designing for user experience )
Sell yourselves better: What a UX employer looks forJason Mesut
A presentation I pulled together for General Assembly's UX Design Immersive course in London.
I pulled the presentation together in a morning from some old and emerging thinking. Hoping to progress soon, so any feedback greatly received.
An introduction to Lean UX, grounded in Lean Startup and Agile principles. A starting point for shifting today's organizations towards a safer sustainable approach to product design and development.
I gave this talk at UXCambridge and Mirror conference in Braga, Portugal in 2016. I believe that it's people's soft skills that really make the difference on projects. I had a think about some of the best people I've worked with over the years and identified the soft skills that they all had in common. This talk looks into each of these skills in turn and explains the difference between hard and soft skills.
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
A quick & dirty intro to UX strategy & design. Some context, some fundamentals, some current & emerging trends, and some useful resources for the absolute beginner.
First delivered @ the NDRC Launchpad startup accelerator in Dublin, Ireland, 16/10/2014. (www.ndrc.ie)
UX IS ABOUT SATISFACTION.
UX IS DESIGNING FOR USER TO COME BACK THE SITE.
UX FOCUSES ON THE STRUCTURE & LAYOUT OF CONTENT, NAVIGATION AND HOW USERS INTERACT WITH THEM.
This is the story of how we doubled the conversion rate on HubSpot.com, by leveraging a lean design process that's focused on rapid iteration and objectivity. Get an in-depth look at our distinctive UX process and how we've applied it at a public company with over 1,600 employees across 7 global offices. See exactly how it works and walk through every step of a real project, where we redesigned HubSpot.com in a period of less than 3 months. See the results, both quantitatively and qualitatively, and how we achieved them. Walk away with all of the information that you need to apply a similar process at your company. This isn’t another abstract process talk; it’s a hands-on session with actionable learnings and take-aways, backed up by data and a well-documented case study.
A 4 hour workshop as a follow up to the "What is UX?" presentation.
Group exercises designed to get people thinking about how UX skills are applied to their daily digital work.
Putting the theory of UX into practice with some simple core tasks.
Adapting Designers' tools, methodologies for the futureAriana Koblitz
A talk presented at Angela Yeh's Thrive By Design & Yeh IDeology 15 year Anniversary Design Summit.
The theme for the summit was Metamorphosis: Designing our new Ear.
This talk walks through the ways in which I as a designer commit to the future I want to build, recognize the tensions and challenges in achieving this outcome, and dig into three (of many) tools and how we can adapt them moving forward.
UX Workshop introducing what UX is and why it is important. The audience may or may not be familiar with UX so the presentation focuses more on principles than a step-by-step how-to.
User Experience Basics for Product ManagementRoger Hart
User Experience (UX) has matured as a discipline and radically changed how products are delivered. It touches workflows, usability, customer needs, and of course visual design and UI. Product managers can't ignore it, even if they want to... and if they want to, they're probably wrong. The tools of User Experience can help us get closer to our customers and differentiate our products.
The Soft Skills That Get You Paid | UX DesignLaith Wallace
The Soft Skills That Get You Paid is to help UX Designers develop life skills that will help them become more valuable to their team members and earn more money as they grow their career
Designing user experience (ux) for digital productsVijay Morampudi
User experience design isn’t just moving pixels; it’s much bigger than solely the user interface (UI). You should start considering the entire customer experience: the full life-cycle of your customer’s experience across every channel, digital and non-digital. Evaluate every touch point, and redesign each one as necessary to meet your customer’s needs. The theme of this talk is how to define User Experience (UX) for digital products
Key takeaways
• Applying Design Thinking to UX
• From touch points to end-to-end experiences
• User research and Analytics to identify Personas and pain points
• Journey mapping
• Wireframing from lo-fi to hi-fi
• Usability and A/B testing
The Lean Startup and Agile: Match made in HeavenStephen Forte
First came Lean, which influenced Agile. Agile then influenced the Lean Startup. Now the Lean Startup movement is influencing agile, we've come full circle.
A talk we had at Texity systems.
Topics were
“ Are you really a User Experience Designer ?
The shift from product design to process design”
Contents
- what is user experience ? A bit of historical perspective
- Who coined the term and what did he mean ? ( Don Norman coined this term)
- how does IA, interaction design, usability, user research, relate to user experience ?
- what is product user experience ?
- how is different from user experience design of a service ?
- if this is User Experience, then what exactly is customer experience ?
- Should there be a designation called User Experience designer?
- The CEO, the engineer, the sales manager , product manager ….. are they UX designers or they aren’t ?
- Product design vs Process design
- The notion of a User , and who is the Customer ….. can user and customer be same ?
- A better term : DUX ( designing for user experience )
Sell yourselves better: What a UX employer looks forJason Mesut
A presentation I pulled together for General Assembly's UX Design Immersive course in London.
I pulled the presentation together in a morning from some old and emerging thinking. Hoping to progress soon, so any feedback greatly received.
An introduction to Lean UX, grounded in Lean Startup and Agile principles. A starting point for shifting today's organizations towards a safer sustainable approach to product design and development.
I gave this talk at UXCambridge and Mirror conference in Braga, Portugal in 2016. I believe that it's people's soft skills that really make the difference on projects. I had a think about some of the best people I've worked with over the years and identified the soft skills that they all had in common. This talk looks into each of these skills in turn and explains the difference between hard and soft skills.
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
A quick & dirty intro to UX strategy & design. Some context, some fundamentals, some current & emerging trends, and some useful resources for the absolute beginner.
First delivered @ the NDRC Launchpad startup accelerator in Dublin, Ireland, 16/10/2014. (www.ndrc.ie)
UX IS ABOUT SATISFACTION.
UX IS DESIGNING FOR USER TO COME BACK THE SITE.
UX FOCUSES ON THE STRUCTURE & LAYOUT OF CONTENT, NAVIGATION AND HOW USERS INTERACT WITH THEM.
This is the story of how we doubled the conversion rate on HubSpot.com, by leveraging a lean design process that's focused on rapid iteration and objectivity. Get an in-depth look at our distinctive UX process and how we've applied it at a public company with over 1,600 employees across 7 global offices. See exactly how it works and walk through every step of a real project, where we redesigned HubSpot.com in a period of less than 3 months. See the results, both quantitatively and qualitatively, and how we achieved them. Walk away with all of the information that you need to apply a similar process at your company. This isn’t another abstract process talk; it’s a hands-on session with actionable learnings and take-aways, backed up by data and a well-documented case study.
A 4 hour workshop as a follow up to the "What is UX?" presentation.
Group exercises designed to get people thinking about how UX skills are applied to their daily digital work.
Putting the theory of UX into practice with some simple core tasks.
Adapting Designers' tools, methodologies for the futureAriana Koblitz
A talk presented at Angela Yeh's Thrive By Design & Yeh IDeology 15 year Anniversary Design Summit.
The theme for the summit was Metamorphosis: Designing our new Ear.
This talk walks through the ways in which I as a designer commit to the future I want to build, recognize the tensions and challenges in achieving this outcome, and dig into three (of many) tools and how we can adapt them moving forward.
UX Workshop introducing what UX is and why it is important. The audience may or may not be familiar with UX so the presentation focuses more on principles than a step-by-step how-to.
User Experience Basics for Product ManagementRoger Hart
User Experience (UX) has matured as a discipline and radically changed how products are delivered. It touches workflows, usability, customer needs, and of course visual design and UI. Product managers can't ignore it, even if they want to... and if they want to, they're probably wrong. The tools of User Experience can help us get closer to our customers and differentiate our products.
The Soft Skills That Get You Paid | UX DesignLaith Wallace
The Soft Skills That Get You Paid is to help UX Designers develop life skills that will help them become more valuable to their team members and earn more money as they grow their career
Designing user experience (ux) for digital productsVijay Morampudi
User experience design isn’t just moving pixels; it’s much bigger than solely the user interface (UI). You should start considering the entire customer experience: the full life-cycle of your customer’s experience across every channel, digital and non-digital. Evaluate every touch point, and redesign each one as necessary to meet your customer’s needs. The theme of this talk is how to define User Experience (UX) for digital products
Key takeaways
• Applying Design Thinking to UX
• From touch points to end-to-end experiences
• User research and Analytics to identify Personas and pain points
• Journey mapping
• Wireframing from lo-fi to hi-fi
• Usability and A/B testing
The Lean Startup and Agile: Match made in HeavenStephen Forte
First came Lean, which influenced Agile. Agile then influenced the Lean Startup. Now the Lean Startup movement is influencing agile, we've come full circle.
Slides for application prototyping workshop on web and mobile application design.
We discussed
- product and project requirements definition
- rationale for wireframes, mockups, prototypes
- functional prototypes vs production sw
- tools: Balsamiq, myBalsamiq, Webflow
- MVP (minimum viable product) implementation in Javascript, HTML/CSS on node.js
Краткий рабочий гайд команды Wonderfull / wonder-full.ru, который мы применяем при разработке новых продуктов и услуг. В составе: POV, CJ, модель рабочей команды, пример пользовательского сценария, критерии оценки прототипа и правильный ответ на вопрос, что же такое "инсайт".
This is a thought piece and call to action for product managers in the software industry. Leverages principles from Lean Startup, Agile, and other modern software methods.
Презентация "Базовой формулы дизайн-мышления" для тех, кто хочет стать партнером Lumiknows по продвижению дизайн-мышления в своей организации. Скачайте и покажите руководству. Мы подъедем, поделимся опытом и обсудим подробности.
Процесс дизайн-мышления по методике Стэнфордской школы d.schoolIrina Kuteneva
В данной брошюре описывается итерационный процесс создания новых продуктов\услуг\систем по методологии Стэнфордской школы d.school.
Адаптация и перевод принадлежат DTLab.
Дизайн-мышление. Гайд по процессу / Design Thinking Guide / RussianWonderfull
Русскоязычная версия гайда по дизайн-мышлению, разработанная командой лаборатории Wonderfull на основе стэнфордского издания "An introduction to Design Thinking PROCESS GUIDE" d. School.
Eric Ries' presentation on lean startups. From Steve Blank's Customer Development course at Berkeley. Learn more and hear the audio at http://bit.ly/3qsvJ.
Product Management by Numbers: Using Metrics To Optimize Your Product by Dan ...Dan Olsen
Best practices in using metrics to optimize your web product. I gave this webinar on Dec 17, 2008, as part of FeaturePlan's series "The Product Management View".
New version of my Lean Startup for Agile Producy Management talk - first delivered at ACE! Krakow 2015. Hand-drawn slides by yours trully :) - a video of this talk is available at https://vimeo.com/122542926
Video: https://www.youtube.com/watch?v=Lka7nsDsZk8
There’s real evidence that Agile software engineering projects work better than waterfall. In Silicon Valley, Agile is the de-facto standard for innovating new products. But an Agile project needs good product management and good UX design to succeed. Fitting UX in with product management and Agile can be uncomfortable for UX designers. Once you get it, though, you’ll never want to work any other way. We’ll look at:
- Why Agile works well for innovation and for software delivery
- What product management is and why your software product can’t succeed without it
- The different product phases: Discover, expand and exploit
- The role of UX in each phase
- Setting up hypotheses and metrics to keep Agile teams on track
Human Computer Interaction: Academia and Industrystudiotelon
In 2016 I gave a guest lecture to Information Technology students on the academia and industry differences of Human Computer Interaction. The HCI course covers many technology opportunities but there were limited industrial opportunities that year.
My keynote from the UX South Africa 2014 conference in Cape Town, South Africa
It's a look at the state of play including:
- It's still easy to find poor website UX in South Africa
- Informing digital strategy by making and launching things
- Problems that executives of traditionally non-digital companies face as software slowly eats the word - and some solutions: Proactive research, digital product management, agile...
- Some of the skills and talents that unicorn UX designers need to have
This deck covers:
What is user experience design?
How lean concepts changed our approach to UXD
How to begin a successful UX project
How to implement user research to get actionable insight
Creating User Experience for Applications involves multi various skill sets & is on vogue.
Know what UX is all about & Pixel Studios Design Process in this presentation.
User experience (UX) is the basis for all Web activity, and thus underpins everything we do in Web design and development. Successful projects bake UX in from the ground up, from discovery through planning, iteration, testing and deployment. No matter how beautiful our code may be, of what use is it if it’s irrelevant to our users?
Check out this presentation from EffectiveUI's Juan Sanchez on mobile UI design (presented on Monday, April 26, 2010, at the ATLAS Institute). Juan, part of the team behind EffectiveUI's Ideate iPad app, joined a slate of other mobile gurus for this Mobile Monday Colorado event.
A presentation from EffectiveUI's Juan Sanchez on mobile UI design (presented on April 26, 2010, at the ATLAS Institute). Juan, part of the team behind EffectiveUI's Ideate iPad app, joined a slate of other mobile gurus for this Mobile Monday Colorado event.
User Experience Design + Agile: The Good, The Bad, and the UglyJoshua Randall
There's a rumor going around that user experience design (UXD) and Agile don't play well together. In this talk, I'll explain that they do -- most of the time! Learn about the historical reasons for why these two disciplines sometimes butt heads, as well as the good/bad/ugly of various approaches to integrating design and development.
Nailing Distributed Development With Effective Collaboration - Matt RyallAtlassian
Distributed teams put additional strains on what is fundamentally a communication and collaboration challenge in building software. Matt Ryall, senior development manager for Confluence, shares his experience on how Atlassian and several of our clients are using collaboration tools like Confluence and HipChat to help overcome geographic boundaries, and ship great software on time.
What would happen if we would bring design, front end, back end etc. all together? How could we improve the user-flows by thinking of alternative, non-happy flows? What would happen to the performance and therefore the user-experience when back end is already involved before the finalised wireframes are handed over?!
That’s all nice and dandy. But we do need to deal with some concerns like:
– Knowledge gap: How can the different disciplines with their specialty understand each other and come to conclusions?
– Shared responsibilities: Where do start and where do they end?
– Efficiency: What would it do to the efficiency of the team when they get different tasks?
In this talk we’ll try to address and hopefully take away those concerns and focus on the benefits it will bring, working in a hybride team.
Similar to Wireframe and prototyping google Campus talk by Zoe Guiraudon (20)
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Unleash Your Inner Demon with the "Let's Summon Demons" T-Shirt. Calling all fans of dark humor and edgy fashion! The "Let's Summon Demons" t-shirt is a unique way to express yourself and turn heads.
https://dribbble.com/shots/24253051-Let-s-Summon-Demons-Shirt
4. @zoe_guiraudon
WHO THE HELL IS SHE?
Zoe Guiraudon
www.zoeguiraudon.com
UX Designer at 100 Shapes
TA at General Assembly
5. @zoe_guiraudon
MY UX JOURNEY
Finished Uni
Yay!
Continue
Working In
Social Media
Found out
about GA
Al lot of ups and downs
but it was all worth it!
My GA
Experience
I Need a career
change!!!
Teaching
at GA
100 Shapes
ITV
Project
7. WHAT IS USER EXPERIENCE?
WE INTERACT WITH PRODUCTS, BOTH DIGITAL AND
PHYSICAL.
WE TRY TO ACCOMPLISH GOALS WHEN USING THESE
PRODUCTS. THIS LEADS US TO HAVING A USER
EXPERIENCE.
8. WHAT IS USER EXPERIENCE?
JESSE JAMES GARRET
“Experience design is the design
of anything independent of
medium, or across media, with
human experience as an explicit
outcome and human
engagement as an explicit goal.”
9. WHAT IS USER EXPERIENCE?
DONALD NORMAN
“User experience
encompasses all aspects of
the end-user’s interaction
with the company, its
services, and its products.”
10. WHAT IS USER EXPERIENCE?
THERE ARE SOME PRODUCTS THAT WE USE DAILY THAT
ARE POORLY DESIGNED AND OFTEN PROVIDE POOR
EXPERIENCES.
12. WHAT IS USER EXPERIENCE?
HAVE A THINK - WHAT WAS THE EXPERIENCE LIKE
COMING TO THIS TALK?
• Transport
• Restaurants/coffee shops
• Architecture
• Sign posting
• Did you use any apps to guide you here?
13. WHAT IS USER EXPERIENCE?
CAN YOU THINK OF ANY
EXAMPLES OF GOOD OR
BAD EXPERIENCES?
16. INTRO TO USER EXPERIENCE DESIGN
HOW DO WE “DESIGN”
THE USER EXPERIENCE?
17. DESIGNING THE USER EXPERIENCE
WHAT MOST PEOPLE THINK UX IS
Field research
Face to face interviewing
Creation and administering of tests
Gathering, organising, and presenting statistics
Documentation of personas and findings
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information Architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copy writing
Presentation and speaking
Working tightly with programmers
Brainstorm coordination
Company culture evangelism
Communication to stakeholders
helloerik.com/ux-is-not-ui
18. DESIGNING THE USER EXPERIENCE
WHAT UX ACTUALLY IS
Field research
Face to face interviewing
Creation and administering of tests
Gathering, organising, and presenting statistics
Documentation of personas and findings
Product design
Feature writing
Requirement writing
Graphic arts
Interaction design
Information Architecture
Usability
Prototyping
Interface layout
Interface design
Visual design
Taxonomy creation
Terminology creation
Copy writing
Presentation and speaking
Working tightly with programmers
Brainstorm coordination
Company culture evangelism
Communication to stakeholders
helloerik.com/ux-is-not-ui
19. DESIGNING THE USER EXPERIENCE
THE FIELD OF USER EXPERIENCE IS CONCERNED WITH
IDENTIFYING A REAL-WORLD PROBLEM AND USING
DESIGN TO ATTEMPT TO SOLVE IT.
20. DESIGNING THE USER EXPERIENCE
USER EXPERIENCE IS SUBJECTIVE; WE DESIGN FOR THE
NEEDS OF SPECIFIC TYPES OF USER
21. DESIGNING THE USER EXPERIENCE
Jesse James Garrett, 2000
Strategy
Scope
Structure
Skeleton
Surface
22. INTRO TO USER EXPERIENCE DESIGN
WHY IS UX SO
IMPORTANT?
23. WHY IS UX SO IMPORTANT?
AVOID FEATURITIS
Kathy Sierra, Creating Passionate Users, 2006
Number of features
Userhappiness
“Nice, but I wish it did more…”
“So glad they added this!”
“Cool!”
“I rule!”
“Guess I’d better read the manual”
“Where the f*** did they put that?!”
“Now I can’t even do the ONE
SIMPLE THING I bought this for.”
“I suck at this.”
Happy user peak
RAWR!
25. USER EXPERIENCE HIERARCHY OF NEEDS
Aarron Walter, Designing for Emotion 2011
Easy to learn to
perform basic tasks
Basic features that
meet user needs
Service and
functional reliability
Fun, joy and delight
26. WHO PRACTICES UX DESIGN?
Squad
Product
owner
UX’er
Tester
Business
Analyst
Developers
Front-end
developer
CROSS-DISCIPLINE TEAMS
Squad
Product
owner
UX’er
Tester
Business
Analyst
Developers
Front-end
developer
Squad
Product
owner
UX’er
Tester
Business
Analyst
Developers
Front-end
developer
28. @zoe_guiraudon
Research Insights PrototypeIdeation
Discover
Business Analysis
Brand Analysis
Competitive Analysis
Technical Research
User Survey
User Interview
Usability Testing
Define
Affinity Map
User Flows
User Journeys
Personas
Feature Prioritisation
Design
Design Studio
Sketching
Paper Prototype
Usability Testing
Iterations
Wireframing
Test, iterate, Validate
Deliver
Digital Prototype
Usability Testing
Iterations
Wireframing
Test, Iterate, Validate
Functional Prototype
35. @zoe_guiraudon
PAPER SKETCHES
• Every idea needs user interface
translation
• Good to get the basic concept and
interaction down.
• Sketching always comes before
wireframing
• Sketching helps you brainstorm
ideas with clients
• Sketches can be basic and Still
communicate wonderfully
36. @zoe_guiraudon
PAPER SKETCHES
• Every idea needs user interface
translation
• Good to get the basic concept and
interaction down.
• Sketching always comes before
wireframing
• Sketching helps you brainstorm
ideas with clients
• Sketches can be basic and Still
communicate wonderfully
37. @zoe_guiraudon
PAPER SKETCHES
• Every idea needs user interface
translation
• Good to get the basic concept and
interaction down.
• Sketching always comes before
wireframing
• Sketching helps you brainstorm
ideas with clients
• Sketches can be basic and Still
communicate wonderfully
39. @zoe_guiraudon
WIREFRAMES
• Grayscale or monochrome
• Good to test interactions
• Good to test usability
• More tangible
• If well done it should make the
next step a “breeze”
40. @zoe_guiraudon
WIREFRAMES
• Grayscale or monochrome
• Good to test interactions
• Good to test usability
• More tangible
• If well done it should make the
next step a “breeze”
41. @zoe_guiraudon
WIREFRAMES
• Grayscale or monochrome
• Good to test interactions
• Good to test usability
• More tangible
• If well done it should make the
next step a “breeze”
43. @zoe_guiraudon
MOCKUPS
• This is where you get the visual
design and branding in
• Great to communicate with
stakeholders
• Good to get design feedback
• Additional piece of insight when
testing: Look & Feel
44. @zoe_guiraudon
MOCKUPS
• This is where you get the visual
design and branding in
• Great to communicate with
stakeholders
• Good to get design feedback
• Additional piece of insight when
testing: Look & Feel
45. @zoe_guiraudon
MOCKUPS
• This is where you get the visual
design and branding in
• Great to communicate with
stakeholders
• Good to get design feedback
• Additional piece of insight when
testing: Look & Feel
54. •To explore and refine
•To communicate and test
‣ Functionality
‣ Flow
‣ Interaction
‣ Animations
‣ Usability
WHY IS PROTOTYPING IMPORTANT?
55. PROTOTYPES ARE ALL ABOUT THE
USER.
WE TEST THE USABILITY OF OUR
DESIGNS.
56. • Learnability - How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency - Once users have learned the design, how quickly can they
perform tasks?
• Memorability - When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Error Management - How many errors do users make, how severe are
these errors, and how easily can they recover from the errors?
• Satisfaction - How pleasant is it to use the design?
PRINCIPLES OF USABILITY
57. • Learnability - How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency - Once users have learned the design, how quickly can they
perform tasks?
• Memorability - When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Error Management - How many errors do users make, how severe are
these errors, and how easily can they recover from the errors?
• Satisfaction - How pleasant is it to use the design?
PRINCIPLES OF USABILITY
58. • Learnability - How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency - Once users have learned the design, how quickly can they
perform tasks?
• Memorability - When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Error Management - How many errors do users make, how severe are
these errors, and how easily can they recover from the errors?
• Satisfaction - How pleasant is it to use the design?
PRINCIPLES OF USABILITY
59. • Learnability - How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency - Once users have learned the design, how quickly can they
perform tasks?
• Memorability - When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Error Management - How many errors do users make, how severe are
these errors, and how easily can they recover from the errors?
• Satisfaction - How pleasant is it to use the design?
PRINCIPLES OF USABILITY
60. • Learnability - How easy is it for users to accomplish basic tasks the
first time they encounter the design?
• Efficiency - Once users have learned the design, how quickly can they
perform tasks?
• Memorability - When users return to the design after a period of not
using it, how easily can they reestablish proficiency?
• Error Management - How many errors do users make, how severe are
these errors, and how easily can they recover from the errors?
• Satisfaction - How pleasant is it to use the design?
PRINCIPLES OF USABILITY
75. @zoe_guiraudon
GENERAL ASSEMBLY
IF YOU ARE INTERESTED IN STUDYING UX
UPCOMING COURSES:
Part Time - 10 weeks: July 26th - September 29th
Part Time - 1 week intensive: August 8th - August 13th
Full Time - UXDI: August 1st - October 7th