SlideShare una empresa de Scribd logo
1 de 13
Blame it on wireframes
Blame it on wireframes
Blame it on wireframes
Blame it on wireframes
We need a tool that...
We need a tool that...
We need a tool that...
We need a tool that...
Introducing sketchboards
Sketching
fundamentals
8:30 - 10:00
Ideation
               through
               sketching




Sketching
fundamentals
8:30 - 10:00
Ideation
               through
               sketching   Big picture
                           thinking
                           (structure)




Sketching
fundamentals
8:30 - 10:00
Ideation
               through
               sketching       Big picture
                               thinking
                               (structure)




                           Collaborative
Sketching                  critique
fundamentals               3:35 - 5:30
8:30 - 10:00

Más contenido relacionado

Más de UIEpreviews

Designing across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWDesigning across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWUIEpreviews
 
Recruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsRecruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsUIEpreviews
 
Design as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsDesign as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsUIEpreviews
 
Designing with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comDesigning with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comUIEpreviews
 
Hiring the best ux designers preview
Hiring the best ux designers previewHiring the best ux designers preview
Hiring the best ux designers previewUIEpreviews
 
Research and Design for the UX Team of One
Research and Design for the UX Team of OneResearch and Design for the UX Team of One
Research and Design for the UX Team of OneUIEpreviews
 
Controlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyControlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyUIEpreviews
 
Voice and tone preview
Voice and tone previewVoice and tone preview
Voice and tone previewUIEpreviews
 
Building Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyBuilding Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyUIEpreviews
 
Sketching preview
Sketching previewSketching preview
Sketching previewUIEpreviews
 
Organizing mobile web experiences - preview
Organizing mobile web experiences - previewOrganizing mobile web experiences - preview
Organizing mobile web experiences - previewUIEpreviews
 
Solutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesSolutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesUIEpreviews
 
Microcopy with Des Traynor
Microcopy with Des TraynorMicrocopy with Des Traynor
Microcopy with Des TraynorUIEpreviews
 
The Kano Model with Jared Spool
The Kano Model with Jared SpoolThe Kano Model with Jared Spool
The Kano Model with Jared SpoolUIEpreviews
 
The Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolThe Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolUIEpreviews
 
Mobile First Responsive Web Design
Mobile First Responsive Web DesignMobile First Responsive Web Design
Mobile First Responsive Web DesignUIEpreviews
 
Mapping the Experience
Mapping the ExperienceMapping the Experience
Mapping the ExperienceUIEpreviews
 
SharePoint and the User Experience
SharePoint and the User ExperienceSharePoint and the User Experience
SharePoint and the User ExperienceUIEpreviews
 
Ratings & Reviews, UIE Virtual Seminar with Erin Malone
Ratings & Reviews, UIE Virtual Seminar with Erin MaloneRatings & Reviews, UIE Virtual Seminar with Erin Malone
Ratings & Reviews, UIE Virtual Seminar with Erin MaloneUIEpreviews
 
7 things to do with a persona
7 things to do with a persona7 things to do with a persona
7 things to do with a personaUIEpreviews
 

Más de UIEpreviews (20)

Designing across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEWDesigning across devices with progressive enhancement - PREVIEW
Designing across devices with progressive enhancement - PREVIEW
 
Recruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real ResultsRecruiting the Right Users to Get Real Results
Recruiting the Right Users to Get Real Results
 
Design as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience RoadmapsDesign as a Business Tool: From Research to Experience Roadmaps
Design as a Business Tool: From Research to Experience Roadmaps
 
Designing with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.comDesigning with Remote Teams - www.uievs.com
Designing with Remote Teams - www.uievs.com
 
Hiring the best ux designers preview
Hiring the best ux designers previewHiring the best ux designers preview
Hiring the best ux designers preview
 
Research and Design for the UX Team of One
Research and Design for the UX Team of OneResearch and Design for the UX Team of One
Research and Design for the UX Team of One
 
Controlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content StrategyControlling the Pace of UX with Content Strategy
Controlling the Pace of UX with Content Strategy
 
Voice and tone preview
Voice and tone previewVoice and tone preview
Voice and tone preview
 
Building Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & CopyBuilding Trust with Your Users through Messaging & Copy
Building Trust with Your Users through Messaging & Copy
 
Sketching preview
Sketching previewSketching preview
Sketching preview
 
Organizing mobile web experiences - preview
Organizing mobile web experiences - previewOrganizing mobile web experiences - preview
Organizing mobile web experiences - preview
 
Solutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devicesSolutions for a_world _of_countless_devices
Solutions for a_world _of_countless_devices
 
Microcopy with Des Traynor
Microcopy with Des TraynorMicrocopy with Des Traynor
Microcopy with Des Traynor
 
The Kano Model with Jared Spool
The Kano Model with Jared SpoolThe Kano Model with Jared Spool
The Kano Model with Jared Spool
 
The Kano Model with Jared M. Spool
The Kano Model with Jared M. SpoolThe Kano Model with Jared M. Spool
The Kano Model with Jared M. Spool
 
Mobile First Responsive Web Design
Mobile First Responsive Web DesignMobile First Responsive Web Design
Mobile First Responsive Web Design
 
Mapping the Experience
Mapping the ExperienceMapping the Experience
Mapping the Experience
 
SharePoint and the User Experience
SharePoint and the User ExperienceSharePoint and the User Experience
SharePoint and the User Experience
 
Ratings & Reviews, UIE Virtual Seminar with Erin Malone
Ratings & Reviews, UIE Virtual Seminar with Erin MaloneRatings & Reviews, UIE Virtual Seminar with Erin Malone
Ratings & Reviews, UIE Virtual Seminar with Erin Malone
 
7 things to do with a persona
7 things to do with a persona7 things to do with a persona
7 things to do with a persona
 

Último

Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...pradhanghanshyam7136
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxcallscotland1987
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsKarakKing
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.MaryamAhmad92
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxDr. Sarita Anand
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxJisc
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptxMaritesTamaniVerdade
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...Poonam Aher Patil
 

Último (20)

Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 

UI15 - Leah Buley Good Design Faster

Notas del editor

  1. I blame it on wireframes. Wireframes are probably the most widely recognized and used design deliverable in user interface work, but they have some serious shortcomings. They’re detailed, and they take time to produce, which means they’re good for documenting, but not exploring.
  2. I blame it on wireframes. Wireframes are probably the most widely recognized and used design deliverable in user interface work, but they have some serious shortcomings. They’re detailed, and they take time to produce, which means they’re good for documenting, but not exploring.
  3. They’re great for detailing one screen at one moment in time. They don’t illuminate many possible directions, or help you weight the benefits among multiple options.
  4. And they’re the wrong scope. Good user experiences flow seamlessly, and require the designer to think about how one interesting moment turns into another. Wireframes just show you a page at a time, putting all the burden on your imagination to envision how the overall experience will flow together.
  5. If wireframes make it hard to do good design faster, what’s the solution? We need a tool that: Avoids unnecessary detail (so you don’t waste time documenting what you haven’t yet decided on) Reveals the best of multiple solutions (so you can be sure that you’re moving forward with the right design, not just the first design that comes to mind) Gets everyone’s input and buy-in (so the design can move forward with many supporters)
  6. If wireframes make it hard to do good design faster, what’s the solution? We need a tool that: Avoids unnecessary detail (so you don’t waste time documenting what you haven’t yet decided on) Reveals the best of multiple solutions (so you can be sure that you’re moving forward with the right design, not just the first design that comes to mind) Gets everyone’s input and buy-in (so the design can move forward with many supporters)
  7. If wireframes make it hard to do good design faster, what’s the solution? We need a tool that: Avoids unnecessary detail (so you don’t waste time documenting what you haven’t yet decided on) Reveals the best of multiple solutions (so you can be sure that you’re moving forward with the right design, not just the first design that comes to mind) Gets everyone’s input and buy-in (so the design can move forward with many supporters)
  8. If wireframes make it hard to do good design faster, what’s the solution? We need a tool that: Avoids unnecessary detail (so you don’t waste time documenting what you haven’t yet decided on) Reveals the best of multiple solutions (so you can be sure that you’re moving forward with the right design, not just the first design that comes to mind) Gets everyone’s input and buy-in (so the design can move forward with many supporters)
  9. The tool we’re going to be learning about today does all those things. It’s a lightweight, intuitive process that we call “sketchboards.” Sketchboards use analog tools like kraft paper, markers, and sticky notes to help designers do good design faster—and to allow the entire product team to be a part of the design process.
  10. Here’s how we’ll be spending our time today: 8:30 - 10:00Sketching fundamentals (e.g., getting comfy with pen and paper) 10:20-12:15 Ideation through sketching (e.g., coming up with lots of ideas) 1:45-3:15 Big picture thinking (e.g., how to structure sketchboards) 3:35-5:30 Collaborative critique (e.g., how to get the group to say the hard stuff)
  11. Here’s how we’ll be spending our time today: 8:30 - 10:00Sketching fundamentals (e.g., getting comfy with pen and paper) 10:20-12:15 Ideation through sketching (e.g., coming up with lots of ideas) 1:45-3:15 Big picture thinking (e.g., how to structure sketchboards) 3:35-5:30 Collaborative critique (e.g., how to get the group to say the hard stuff)
  12. Here’s how we’ll be spending our time today: 8:30 - 10:00Sketching fundamentals (e.g., getting comfy with pen and paper) 10:20-12:15 Ideation through sketching (e.g., coming up with lots of ideas) 1:45-3:15 Big picture thinking (e.g., how to structure sketchboards) 3:35-5:30 Collaborative critique (e.g., how to get the group to say the hard stuff)
  13. Here’s how we’ll be spending our time today: 8:30 - 10:00Sketching fundamentals (e.g., getting comfy with pen and paper) 10:20-12:15 Ideation through sketching (e.g., coming up with lots of ideas) 1:45-3:15 Big picture thinking (e.g., how to structure sketchboards) 3:35-5:30 Collaborative critique (e.g., how to get the group to say the hard stuff)