SlideShare a Scribd company logo

Sketching & Prototyping

•
•
Marius Ursache
Marius Ursache

The role of sketching & prototyping tools in the UX/UI design process.

DesignTechnologyEntertainment & Humor
1 of 70
Download to read offline
Copyright © 2013 Grapefruit SRL. All Rights Reserved. & Prototyping
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Today GRAPEFRUIT | SKETCHING & PROTOTYPING2
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Foreplay GRAPEFRUIT | SKETCHING & PROTOTYPING3
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Marius GRAPEFRUIT | SKETCHING & PROTOTYPING4
Copyright © 2013 Grapefruit SRL. All Rights Reserved. CS GRAPEFRUIT | SKETCHING & PROTOTYPING5
Copyright © 2013 Grapefruit SRL. All Rights Reserved. You GRAPEFRUIT | SKETCHING & PROTOTYPING6
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Expectations GRAPEFRUIT | SKETCHING & PROTOTYPING7
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Zee Germans GRAPEFRUIT | SKETCHING & PROTOTYPING8
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING9
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Sketching GRAPEFRUIT | SKETCHING & PROTOTYPING12
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Why?
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Incredibly simple GRAPEFRUIT | SKETCHING & PROTOTYPING13
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Pen & paper GRAPEFRUIT | SKETCHING & PROTOTYPING14
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Toolkit GRAPEFRUIT | SKETCHING & PROTOTYPING16
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Lines GRAPEFRUIT | SKETCHING & PROTOTYPING17
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Warm up GRAPEFRUIT | SKETCHING & PROTOTYPING18
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Text GRAPEFRUIT | SKETCHING & PROTOTYPING19
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Weight GRAPEFRUIT | SKETCHING & PROTOTYPING20
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Depth GRAPEFRUIT | SKETCHING & PROTOTYPING22
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Look here!!! GRAPEFRUIT | SKETCHING & PROTOTYPING24
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Labelling GRAPEFRUIT | SKETCHING & PROTOTYPING26
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Templates GRAPEFRUIT | SKETCHING & PROTOTYPING27
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Focus GRAPEFRUIT | SKETCHING & PROTOTYPING28
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Show, don’t tell GRAPEFRUIT | SKETCHING & PROTOTYPING29
Copyright © 2013 Grapefruit SRL. All Rights Reserved. not perfect GRAPEFRUIT | SKETCHING & PROTOTYPING30
Copyright © 2013 Grapefruit SRL. All Rights Reserved. What, not how GRAPEFRUIT | SKETCHING & PROTOTYPING32
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Patterns GRAPEFRUIT | SKETCHING & PROTOTYPING35
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Sketch Discuss Iterate GRAPEFRUIT | SKETCHING & PROTOTYPING36
Copyright © 2013 Grapefruit SRL. All Rights Reserved. The board GRAPEFRUIT | SKETCHING & PROTOTYPING37
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Check the experts GRAPEFRUIT | SKETCHING & PROTOTYPING38
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Play GRAPEFRUIT | SKETCHING & PROTOTYPING39
Copyright © 2013 Grapefruit SRL. All Rights Reserved. CFR.ro GRAPEFRUIT | SKETCHING & PROTOTYPING40
Copyright © 2013 Grapefruit SRL. All Rights Reserved. The story GRAPEFRUIT | SKETCHING & PROTOTYPING41
Copyright © 2013 Grapefruit SRL. All Rights Reserved. The app GRAPEFRUIT | SKETCHING & PROTOTYPING42
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Testing GRAPEFRUIT | SKETCHING & PROTOTYPING43
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING46
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Play GRAPEFRUIT | SKETCHING & PROTOTYPING47
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Prototyping GRAPEFRUIT | SKETCHING & PROTOTYPING48
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING49
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING50
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING51
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING52
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING54
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING56
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING58
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING60
Copyright © 2013 Grapefruit SRL. All Rights Reserved.
Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING62
Copyright © 2013 Grapefruit SRL. All Rights Reserved. The 5 day sprint GRAPEFRUIT | SKETCHING & PROTOTYPING63
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Agile process GRAPEFRUIT | SKETCHING & PROTOTYPING64
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Present GRAPEFRUIT | SKETCHING & PROTOTYPING65
Copyright © 2013 Grapefruit SRL. All Rights Reserved. Thank you!

Recommended

Designing and prototyping
Designing and prototypingDesigning and prototyping
Designing and prototypingAndres Baravalle
 
10 user centered design
10 user centered design10 user centered design
10 user centered designLilia Sfaxi
 
Mind reading computer ppt
Mind reading computer pptMind reading computer ppt
Mind reading computer pptTarun tyagi
 
Design thinking - Empathy
Design thinking - EmpathyDesign thinking - Empathy
Design thinking - EmpathyTimothy Evans
 
Prototypes and Print Production
Prototypes and Print ProductionPrototypes and Print Production
Prototypes and Print ProductionVirtu Institute
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design OverviewAaron Hursman
 
User interface and user experience ui ux design basics
User interface and user experience ui ux design basicsUser interface and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 
Design of everyday things fundamental principles of interaction
Design of everyday things fundamental principles of interactionDesign of everyday things fundamental principles of interaction
Design of everyday things fundamental principles of interactionIsaac Liao
 

Recommended

Designing and prototyping
Designing and prototypingDesigning and prototyping
Designing and prototypingAndres Baravalle
 
10 user centered design
10 user centered design10 user centered design
10 user centered designLilia Sfaxi
 
Mind reading computer ppt
Mind reading computer pptMind reading computer ppt
Mind reading computer pptTarun tyagi
 
Design thinking - Empathy
Design thinking - EmpathyDesign thinking - Empathy
Design thinking - EmpathyTimothy Evans
 
Prototypes and Print Production
Prototypes and Print ProductionPrototypes and Print Production
Prototypes and Print ProductionVirtu Institute
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design OverviewAaron Hursman
 
User interface and user experience ui ux design basics
User interface and user experience ui ux design basicsUser interface and user experience ui ux design basics
User interface and user experience ui ux design basicsRavi Bhadauria
 
Design of everyday things fundamental principles of interaction
Design of everyday things fundamental principles of interactionDesign of everyday things fundamental principles of interaction
Design of everyday things fundamental principles of interactionIsaac Liao
 
Design thinking notes
Design thinking notesDesign thinking notes
Design thinking notesRobinsonPremanand
 
What Is Design
What Is DesignWhat Is Design
What Is DesignShimon Shmueli
 
Design Thinking : Empathising
Design Thinking : Empathising Design Thinking : Empathising
Design Thinking : Empathising Sankarshan D
 
The Mobile Ecosystem
The Mobile EcosystemThe Mobile Ecosystem
The Mobile EcosystemIvano Malavolta
 
Design Thinking for Educators: Brainstorming Engagement
Design Thinking for Educators: Brainstorming EngagementDesign Thinking for Educators: Brainstorming Engagement
Design Thinking for Educators: Brainstorming EngagementKim Ducharme
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design GDGKuwaitGoogleDevel
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
Visual Design Fundamentals
Visual Design Fundamentals Visual Design Fundamentals
Visual Design Fundamentals Oen Michael Hammonds
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 
How to achieve the ux goals
How to achieve the ux goalsHow to achieve the ux goals
How to achieve the ux goalsUTC Fire & Security
 
Gestalt Principles of Design
Gestalt Principles of DesignGestalt Principles of Design
Gestalt Principles of DesignGayle Christopher
 
Usable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersUsable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersMaor Shabbat
 
User Centered Design: Interviews & Surveys.
User Centered Design: Interviews & Surveys. User Centered Design: Interviews & Surveys.
User Centered Design: Interviews & Surveys. DCU_MPIUA
 
Multitouch Interaction
Multitouch InteractionMultitouch Interaction
Multitouch InteractionSaurabh Singh Chauhan
 
Interaction Design
Interaction DesignInteraction Design
Interaction DesignKajsa Gren
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
How colors affect communication
How colors affect communicationHow colors affect communication
How colors affect communicationSwati Singhal
 
Communication design
Communication designCommunication design
Communication designSchommerMedia
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinkingZaana Jaclyn
 
Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)pubsmith
 
Sketching User Experience
Sketching User ExperienceSketching User Experience
Sketching User ExperienceRémi Barraquand
 

More Related Content

What's hot

Design Thinking : Empathising
Design Thinking : Empathising Design Thinking : Empathising
Design Thinking : Empathising Sankarshan D
 
Design Thinking for Educators: Brainstorming Engagement
Design Thinking for Educators: Brainstorming EngagementDesign Thinking for Educators: Brainstorming Engagement
Design Thinking for Educators: Brainstorming EngagementKim Ducharme
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design GDGKuwaitGoogleDevel
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"MITAcademy1
 
Gestalt Principles of Design
Gestalt Principles of DesignGestalt Principles of Design
Gestalt Principles of DesignGayle Christopher
 
Usable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersUsable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersMaor Shabbat
 
User Centered Design: Interviews & Surveys.
User Centered Design: Interviews & Surveys. User Centered Design: Interviews & Surveys.
User Centered Design: Interviews & Surveys. DCU_MPIUA
 
Interaction Design
Interaction DesignInteraction Design
Interaction DesignKajsa Gren
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
How colors affect communication
How colors affect communicationHow colors affect communication
How colors affect communicationSwati Singhal
 
Communication design
Communication designCommunication design
Communication designSchommerMedia
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinkingZaana Jaclyn
 

What's hot (20)

Design thinking notes
Design thinking notesDesign thinking notes
Design thinking notes
 
What Is Design
What Is DesignWhat Is Design
What Is Design
 
Design Thinking : Empathising
Design Thinking : Empathising Design Thinking : Empathising
Design Thinking : Empathising
 
The Mobile Ecosystem
The Mobile EcosystemThe Mobile Ecosystem
The Mobile Ecosystem
 
Design Thinking for Educators: Brainstorming Engagement
Design Thinking for Educators: Brainstorming EngagementDesign Thinking for Educators: Brainstorming Engagement
Design Thinking for Educators: Brainstorming Engagement
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
Visual Design Fundamentals
Visual Design Fundamentals Visual Design Fundamentals
Visual Design Fundamentals
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
 
How to achieve the ux goals
How to achieve the ux goalsHow to achieve the ux goals
How to achieve the ux goals
 
Gestalt Principles of Design
Gestalt Principles of DesignGestalt Principles of Design
Gestalt Principles of Design
 
Usable psychology for UX/UI Designers
Usable psychology for UX/UI DesignersUsable psychology for UX/UI Designers
Usable psychology for UX/UI Designers
 
User Centered Design: Interviews & Surveys.
User Centered Design: Interviews & Surveys. User Centered Design: Interviews & Surveys.
User Centered Design: Interviews & Surveys.
 
Multitouch Interaction
Multitouch InteractionMultitouch Interaction
Multitouch Interaction
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
How colors affect communication
How colors affect communicationHow colors affect communication
How colors affect communication
 
Communication design
Communication designCommunication design
Communication design
 
Introducing design thinking
Introducing design thinkingIntroducing design thinking
Introducing design thinking
 

Viewers also liked

Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)pubsmith
 
Users' Story: UX Storyboarding
Users' Story: UX StoryboardingUsers' Story: UX Storyboarding
Users' Story: UX StoryboardingFrank Garofalo
 
Operation management project-based learning
Operation management project-based learning Operation management project-based learning
Operation management project-based learning dsjaque
 
Operation Management chapter 1
Operation Management chapter 1Operation Management chapter 1
Operation Management chapter 1kamelliachaichi
 
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignIntroduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignDeb Aoki
 

Viewers also liked (6)

Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)Sketching Interfaces Workshop - Interactions12 (Dublin)
Sketching Interfaces Workshop - Interactions12 (Dublin)
 
Sketching User Experience
Sketching User ExperienceSketching User Experience
Sketching User Experience
 
Users' Story: UX Storyboarding
Users' Story: UX StoryboardingUsers' Story: UX Storyboarding
Users' Story: UX Storyboarding
 
Operation management project-based learning
Operation management project-based learning Operation management project-based learning
Operation management project-based learning
 
Operation Management chapter 1
Operation Management chapter 1Operation Management chapter 1
Operation Management chapter 1
 
Introduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience DesignIntroduction to Storyboarding for User Experience Design
Introduction to Storyboarding for User Experience Design
 

Similar to Sketching & Prototyping

Iasi code camp 12 october 2013 marius ursache - sketching & prototyping
Iasi code camp 12 october 2013 marius ursache - sketching & prototypingIasi code camp 12 october 2013 marius ursache - sketching & prototyping
Iasi code camp 12 october 2013 marius ursache - sketching & prototypingCodecamp Romania
 
Biz Social Media Snow Camp 2018 - Flavian Cristea, Grapefruit
Biz Social Media Snow Camp 2018 - Flavian Cristea, GrapefruitBiz Social Media Snow Camp 2018 - Flavian Cristea, Grapefruit
Biz Social Media Snow Camp 2018 - Flavian Cristea, GrapefruitRevistaBiz
 
Hvad skal vi mødes om i 2012? Morgenbooster #6
Hvad skal vi mødes om i 2012? Morgenbooster #6Hvad skal vi mødes om i 2012? Morgenbooster #6
Hvad skal vi mødes om i 2012? Morgenbooster #61508 A/S
 
Mba9기 6일차 송동현2
Mba9기 6일차 송동현2Mba9기 6일차 송동현2
Mba9기 6일차 송동현2choi wi hwan
 
Company logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBACompany logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBABabasab Patil
 
Company logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBACompany logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBABabasab Patil
 
Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01
Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01
Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01kiwan naser
 
コペンハーゲン　サービスデザインツアー報告
コペンハーゲン　サービスデザインツアー報告コペンハーゲン　サービスデザインツアー報告
コペンハーゲン　サービスデザインツアー報告shinya ogata
 

Similar to Sketching & Prototyping (9)

Iasi code camp 12 october 2013 marius ursache - sketching & prototyping
Iasi code camp 12 october 2013 marius ursache - sketching & prototypingIasi code camp 12 october 2013 marius ursache - sketching & prototyping
Iasi code camp 12 october 2013 marius ursache - sketching & prototyping
 
Productivity porn
Productivity pornProductivity porn
Productivity porn
 
Biz Social Media Snow Camp 2018 - Flavian Cristea, Grapefruit
Biz Social Media Snow Camp 2018 - Flavian Cristea, GrapefruitBiz Social Media Snow Camp 2018 - Flavian Cristea, Grapefruit
Biz Social Media Snow Camp 2018 - Flavian Cristea, Grapefruit
 
Hvad skal vi mødes om i 2012? Morgenbooster #6
Hvad skal vi mødes om i 2012? Morgenbooster #6Hvad skal vi mødes om i 2012? Morgenbooster #6
Hvad skal vi mødes om i 2012? Morgenbooster #6
 
Mba9기 6일차 송동현2
Mba9기 6일차 송동현2Mba9기 6일차 송동현2
Mba9기 6일차 송동현2
 
Company logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBACompany logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 7 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
 
Company logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBACompany logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
Company logo part 10 by Babasab Patil BEC DOMS BEC BAGALKOT MBA
 
Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01
Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01
Swagsoft howmobileappsarcanhelpyourbusiness-131111122016-phpapp01
 
コペンハーゲン　サービスデザインツアー報告
コペンハーゲン　サービスデザインツアー報告コペンハーゲン　サービスデザインツアー報告
コペンハーゲン　サービスデザインツアー報告
 

Recently uploaded

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Websitemark11275
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...sriharipichandi
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...HyderabadDolls
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证wpkuukw
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789CristineGraceAcuyan
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Servicemeghakumariji156
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfOffice Furniture Plus - Irving
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...gajnagarg
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahimamgadibrahim92
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipNitya salvi
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...samsungultra782445
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...Amil baba
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideDesign Studio UI UX
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Nitya salvi
 
怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证
怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证
怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证eeanqy
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableNitya salvi
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxShoaibRajper1
 

Recently uploaded (20)

How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 
怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证
怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证
怎样办理伯明翰城市大学毕业证（BCU毕业证书）成绩单留信认证
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 

Sketching & Prototyping

  • 1. Copyright © 2013 Grapefruit SRL. All Rights Reserved. & Prototyping
  • 2. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Today GRAPEFRUIT | SKETCHING & PROTOTYPING2
  • 3. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Foreplay GRAPEFRUIT | SKETCHING & PROTOTYPING3
  • 4. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Marius GRAPEFRUIT | SKETCHING & PROTOTYPING4
  • 5. Copyright © 2013 Grapefruit SRL. All Rights Reserved. CS GRAPEFRUIT | SKETCHING & PROTOTYPING5
  • 6. Copyright © 2013 Grapefruit SRL. All Rights Reserved. You GRAPEFRUIT | SKETCHING & PROTOTYPING6
  • 7. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Expectations GRAPEFRUIT | SKETCHING & PROTOTYPING7
  • 8. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Zee Germans GRAPEFRUIT | SKETCHING & PROTOTYPING8
  • 9. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING9
  • 10. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 11. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Sketching GRAPEFRUIT | SKETCHING & PROTOTYPING12
  • 12. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Why?
  • 13. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Incredibly simple GRAPEFRUIT | SKETCHING & PROTOTYPING13
  • 14. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Pen & paper GRAPEFRUIT | SKETCHING & PROTOTYPING14
  • 15. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 16. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Toolkit GRAPEFRUIT | SKETCHING & PROTOTYPING16
  • 17. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Lines GRAPEFRUIT | SKETCHING & PROTOTYPING17
  • 18. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Warm up GRAPEFRUIT | SKETCHING & PROTOTYPING18
  • 19. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Text GRAPEFRUIT | SKETCHING & PROTOTYPING19
  • 20. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Weight GRAPEFRUIT | SKETCHING & PROTOTYPING20
  • 21. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Depth GRAPEFRUIT | SKETCHING & PROTOTYPING22
  • 22. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Look here!!! GRAPEFRUIT | SKETCHING & PROTOTYPING24
  • 23. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Labelling GRAPEFRUIT | SKETCHING & PROTOTYPING26
  • 24. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Templates GRAPEFRUIT | SKETCHING & PROTOTYPING27
  • 25. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Focus GRAPEFRUIT | SKETCHING & PROTOTYPING28
  • 26. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Show, don’t tell GRAPEFRUIT | SKETCHING & PROTOTYPING29
  • 27. Copyright © 2013 Grapefruit SRL. All Rights Reserved. not perfect GRAPEFRUIT | SKETCHING & PROTOTYPING30
  • 28. Copyright © 2013 Grapefruit SRL. All Rights Reserved. What, not how GRAPEFRUIT | SKETCHING & PROTOTYPING32
  • 29. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 30. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 31. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Patterns GRAPEFRUIT | SKETCHING & PROTOTYPING35
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Sketch Discuss Iterate GRAPEFRUIT | SKETCHING & PROTOTYPING36
  • 40. Copyright © 2013 Grapefruit SRL. All Rights Reserved. The board GRAPEFRUIT | SKETCHING & PROTOTYPING37
  • 41. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 42. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Check the experts GRAPEFRUIT | SKETCHING & PROTOTYPING38
  • 43. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Play GRAPEFRUIT | SKETCHING & PROTOTYPING39
  • 44. Copyright © 2013 Grapefruit SRL. All Rights Reserved. CFR.ro GRAPEFRUIT | SKETCHING & PROTOTYPING40
  • 45. Copyright © 2013 Grapefruit SRL. All Rights Reserved. The story GRAPEFRUIT | SKETCHING & PROTOTYPING41
  • 46. Copyright © 2013 Grapefruit SRL. All Rights Reserved. The app GRAPEFRUIT | SKETCHING & PROTOTYPING42
  • 47. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Testing GRAPEFRUIT | SKETCHING & PROTOTYPING43
  • 48. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 49. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 50. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING46
  • 51. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Play GRAPEFRUIT | SKETCHING & PROTOTYPING47
  • 52. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Prototyping GRAPEFRUIT | SKETCHING & PROTOTYPING48
  • 53. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING49
  • 54. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING50
  • 55. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING51
  • 56. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING52
  • 57. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 58. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING54
  • 59. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 60. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING56
  • 61. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 62. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING58
  • 63. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 64. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING60
  • 65. Copyright © 2013 Grapefruit SRL. All Rights Reserved.
  • 66. Copyright © 2013 Grapefruit SRL. All Rights Reserved. GRAPEFRUIT | SKETCHING & PROTOTYPING62
  • 67. Copyright © 2013 Grapefruit SRL. All Rights Reserved. The 5 day sprint GRAPEFRUIT | SKETCHING & PROTOTYPING63
  • 68. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Agile process GRAPEFRUIT | SKETCHING & PROTOTYPING64
  • 69. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Present GRAPEFRUIT | SKETCHING & PROTOTYPING65
  • 70. Copyright © 2013 Grapefruit SRL. All Rights Reserved. Thank you!