Scribd
Upload
6 views11 pages

CEDP

The document discusses the importance of wireframing and prototyping in user-centered design for websites and apps, highlighting their roles in establishing structure and interactivity. It outlines the types of wireframes, the prototyping process, and the differences between the two methods. The conclusion emphasizes their significance in product development for visualizing ideas and enhancing user experience.

Uploaded by

raajsonu222
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
6 views11 pages

CEDP

The document discusses the importance of wireframing and prototyping in user-centered design for websites and apps, highlighting their roles in establishing structure and interactivity. It outlines the types of wireframes, the prototyping process, and the differences between the two methods. The conclusion emphasizes their significance in product development for visualizing ideas and enhancing user experience.

Uploaded by

raajsonu222
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 11

Customer Experience Design And

programming

Wireframing And
Topic Name :-
Prototyping

PRESENTED BY :-
Kamendra Kumar :-
230101120302
Sandhir kumar :-
230101120278
GUIDED BY :-Satyanarayan
Kundan kumar : -
sahu
230101120281
Harsh raj :-230101120288
CONTENTS :

1. Why wireframing and prototyping


2. Wireframing
3. Types
4. Prototyping
5. Process
6. Difference between wireframing and
prototyping
7. Advantage and disadvantage
8. conclusion
Why wireframing and
prototyping

Wireframing and prototyping are essential steps


in the user-centered design process for creating
websites and apps.
Wireframes establish the structure and
functionality, while prototypes add detail and
interactivity.
Wireframes provide a blueprint to conceptualize
the product's structure and layout, while
prototypes simulate interactions, offering a
glimpse of how the product will feel in real use.
WIREFRAMING
Purpose: Focuses on the structure and content
of a page
When to use: Early in the design phase
How to create: Can be hand-drawn or created
using software like Visio
What to include: Placeholder content, like
"lorem ipsum", to avoid getting bogged down in
details
Types of wireframing

there are three types of wireframing

● Low-fidelity

● High-fidelity

● interactive wireframes
vv
PROTOTYPING

Purpose: Adds detail and interactivity to the


design
When to use: Based on the wireframe, to test
interactions and user experience
How to create: Can be clickable wireframes or
high-fidelity prototypes
What to include: Placeholder content, color
schemes, and basic interactions
PROCESS
 Understand the user and project
goals
 Create wireframes
 Develop a prototype
 Test and iterate based on user
feedback
DIFFERENCE BETWEEN WIREFRAMING AND PROTOTYPING IN
UX DESIGN
ADVANTAGES AND DISADVANTAGES OF PROTOTYPING MODEL
conclusion

wireframing and prototyping


are crucial for successful
product development, serving
as essential tools for visualizing
ideas, testing user interactions,
and ensuring alignment among
stakeholders, ultimately leading
to better user
THANK YOU

You might also like