SlideShare une entreprise Scribd logo
1  sur  7
Prototyping
What is?
 Prototyping is a process in which design teams ideate, experiment with, and bring concepts to life,
ranging from paper ideas to digital designs. At its core, a prototype is an early sample of a design
that allows users to visualize or interact with it before a final product is developed.
Key Characteristic
 A key characteristic of prototyping is that prototypes are created without a single line of code.
There are plenty of prototyping tools to help designers link together artboards, creating an
interactive, clickable experience without the need of a developer.
Reasons for prototyping
 With prototyping, designers can explore alternative design solutions with zero development effort.
They can also test their prototypes on real users to discover usability issues before releasing a final
product.
Some reasons to prototype include:
 Exploring new ideas. Prototypes allow designers
to experiment with various ideas and solutions.
They give the designer freedom to test multiple
potential scenarios, while adjusting along the
way to optimize the usability of the end product.
 Discovering problems. Prototypes are a great
way to further understand the problem the user
is facing. They empower designers to better
understand the product or system by literally
engaging with them and observing what works
and what doesn’t.
 Identifying usability issues. Creating prototypes
for users to interact with is a great way to
identify issues surrounding the usability of your
product. This will allow the designer to make
necessary changes prior to development.
 Engaging stakeholders and end users.
Prototypes allow designers to engage with
stakeholders and end users, which gives them
the chance to become involved in the process
and feel a sense of ownership. This will
potentially aid in their “buy-in” and help push
the concept forward faster.
Here are the steps of an effective website
prototyping process.
 Select features to test.
Select the key features you want to test on users. It is impossible to effectively test all features of your
product in one session. Therefore, pinpoint key features you wish to spotlight in this discovery session.
 Create your design prototype.
Create your website prototype to exemplify those key features and flows identified in the previous step.
 Test your solution.
Observe and record them interacting with your product, taking note of any usability issues in the current
design.
 Make updates to resign.
After your testing session, synthesize your feedback into key takeaways and update your designs accordingly.
 Repeat the process.
Finally, bring your updated website design back to users and repeat this process.
Thanks For your
attention

Contenu connexe

Similaire à Prototypin.pptx

1 rapid prototyping model
1 rapid prototyping model1 rapid prototyping model
1 rapid prototyping modeldelaco
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016Rob Hoyt
 
software Prototyping
software Prototypingsoftware Prototyping
software PrototypingYahia Haider
 
Software prototyping
Software prototyping  Software prototyping
Software prototyping Huda Seyam
 
Design Thinking : Prototyping & Testing
Design Thinking : Prototyping & TestingDesign Thinking : Prototyping & Testing
Design Thinking : Prototyping & TestingSankarshan D
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineeringAswathi Shankar
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience PosterJessica Fisher
 
Basics of-usability-testing
Basics of-usability-testingBasics of-usability-testing
Basics of-usability-testingWBC Software Lab
 
NUX October 6th 2014 - UX in a traditional enterprise
NUX October 6th 2014 - UX in a traditional enterpriseNUX October 6th 2014 - UX in a traditional enterprise
NUX October 6th 2014 - UX in a traditional enterprisepjhauser
 
Lean UX vs Design Thinking (lang: ENG)
Lean UX vs Design Thinking (lang: ENG)Lean UX vs Design Thinking (lang: ENG)
Lean UX vs Design Thinking (lang: ENG)Ideacto
 
Prototypemodel in SDLC ppt
Prototypemodel  in SDLC pptPrototypemodel  in SDLC ppt
Prototypemodel in SDLC pptsoni singh
 
Ucd Techniques - Shad MUN 2008
Ucd Techniques - Shad MUN 2008Ucd Techniques - Shad MUN 2008
Ucd Techniques - Shad MUN 2008Patañjali Chary
 
UCD Workshop - Shad MUN 2008
UCD Workshop - Shad MUN 2008UCD Workshop - Shad MUN 2008
UCD Workshop - Shad MUN 2008guest63c15b
 
week-11-PROTOTYPE.pptx
week-11-PROTOTYPE.pptxweek-11-PROTOTYPE.pptx
week-11-PROTOTYPE.pptxMaamLyca
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an OverviewJulie Grundy
 
BIH - Design process
BIH -  Design processBIH -  Design process
BIH - Design processAllison Tran
 
2107010-SE-Prototyping Model.pptx
2107010-SE-Prototyping Model.pptx2107010-SE-Prototyping Model.pptx
2107010-SE-Prototyping Model.pptxDevangGentyal
 

Similaire à Prototypin.pptx (20)

1 rapid prototyping model
1 rapid prototyping model1 rapid prototyping model
1 rapid prototyping model
 
Prototype Model
Prototype ModelPrototype Model
Prototype Model
 
HoytUX Design Process 2016
HoytUX Design Process 2016HoytUX Design Process 2016
HoytUX Design Process 2016
 
software Prototyping
software Prototypingsoftware Prototyping
software Prototyping
 
Software prototyping
Software prototyping  Software prototyping
Software prototyping
 
Design Thinking : Prototyping & Testing
Design Thinking : Prototyping & TestingDesign Thinking : Prototyping & Testing
Design Thinking : Prototyping & Testing
 
Universal usability engineering
Universal usability engineeringUniversal usability engineering
Universal usability engineering
 
DT UNIT 3..pptx
DT UNIT 3..pptxDT UNIT 3..pptx
DT UNIT 3..pptx
 
User Experience Poster
User Experience PosterUser Experience Poster
User Experience Poster
 
Basics of-usability-testing
Basics of-usability-testingBasics of-usability-testing
Basics of-usability-testing
 
NUX October 6th 2014 - UX in a traditional enterprise
NUX October 6th 2014 - UX in a traditional enterpriseNUX October 6th 2014 - UX in a traditional enterprise
NUX October 6th 2014 - UX in a traditional enterprise
 
Lean UX vs Design Thinking (lang: ENG)
Lean UX vs Design Thinking (lang: ENG)Lean UX vs Design Thinking (lang: ENG)
Lean UX vs Design Thinking (lang: ENG)
 
Lavanya Raja Presentation
Lavanya Raja PresentationLavanya Raja Presentation
Lavanya Raja Presentation
 
Prototypemodel in SDLC ppt
Prototypemodel  in SDLC pptPrototypemodel  in SDLC ppt
Prototypemodel in SDLC ppt
 
Ucd Techniques - Shad MUN 2008
Ucd Techniques - Shad MUN 2008Ucd Techniques - Shad MUN 2008
Ucd Techniques - Shad MUN 2008
 
UCD Workshop - Shad MUN 2008
UCD Workshop - Shad MUN 2008UCD Workshop - Shad MUN 2008
UCD Workshop - Shad MUN 2008
 
week-11-PROTOTYPE.pptx
week-11-PROTOTYPE.pptxweek-11-PROTOTYPE.pptx
week-11-PROTOTYPE.pptx
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
BIH - Design process
BIH -  Design processBIH -  Design process
BIH - Design process
 
2107010-SE-Prototyping Model.pptx
2107010-SE-Prototyping Model.pptx2107010-SE-Prototyping Model.pptx
2107010-SE-Prototyping Model.pptx
 

Dernier

Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...Pooja Nehwal
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxShobhayan Kirtania
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 

Dernier (20)

Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 

Prototypin.pptx

  • 2. What is?  Prototyping is a process in which design teams ideate, experiment with, and bring concepts to life, ranging from paper ideas to digital designs. At its core, a prototype is an early sample of a design that allows users to visualize or interact with it before a final product is developed.
  • 3. Key Characteristic  A key characteristic of prototyping is that prototypes are created without a single line of code. There are plenty of prototyping tools to help designers link together artboards, creating an interactive, clickable experience without the need of a developer.
  • 4. Reasons for prototyping  With prototyping, designers can explore alternative design solutions with zero development effort. They can also test their prototypes on real users to discover usability issues before releasing a final product.
  • 5. Some reasons to prototype include:  Exploring new ideas. Prototypes allow designers to experiment with various ideas and solutions. They give the designer freedom to test multiple potential scenarios, while adjusting along the way to optimize the usability of the end product.  Discovering problems. Prototypes are a great way to further understand the problem the user is facing. They empower designers to better understand the product or system by literally engaging with them and observing what works and what doesn’t.  Identifying usability issues. Creating prototypes for users to interact with is a great way to identify issues surrounding the usability of your product. This will allow the designer to make necessary changes prior to development.  Engaging stakeholders and end users. Prototypes allow designers to engage with stakeholders and end users, which gives them the chance to become involved in the process and feel a sense of ownership. This will potentially aid in their “buy-in” and help push the concept forward faster.
  • 6. Here are the steps of an effective website prototyping process.  Select features to test. Select the key features you want to test on users. It is impossible to effectively test all features of your product in one session. Therefore, pinpoint key features you wish to spotlight in this discovery session.  Create your design prototype. Create your website prototype to exemplify those key features and flows identified in the previous step.  Test your solution. Observe and record them interacting with your product, taking note of any usability issues in the current design.  Make updates to resign. After your testing session, synthesize your feedback into key takeaways and update your designs accordingly.  Repeat the process. Finally, bring your updated website design back to users and repeat this process.