Scribd
Upload
4 views1 page

Wireframing Basics for UX Design

A wireframe is a low-fidelity sketch of a digital interface that helps UX designers organize features and gather real-time feedback before finalizing designs. There are two types of wireframes: hand-drawn and digital, both serving to represent key elements simply and effectively. Wireframing aids in planning user engagement and can save time and money by aligning team members and stakeholders on the design before development begins.

Uploaded by

soxeylzvntctjpytus
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views1 page

Wireframing Basics for UX Design

A wireframe is a low-fidelity sketch of a digital interface that helps UX designers organize features and gather real-time feedback before finalizing designs. There are two types of wireframes: hand-drawn and digital, both serving to represent key elements simply and effectively. Wireframing aids in planning user engagement and can save time and money by aligning team members and stakeholders on the design before development begins.

Uploaded by

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

UX DESIGN FUNDAMENTALS

Introduction to wireframing

TRANSCRIPT

A wireframe is essentially a lo-fi sketch of a digital interface. This means it


details the key elements or skeleton of the design. The purpose of a
wireframe is to help the UX designer organise the features on the screen
before they get too involved with the details of the design. An added bonus of
wireframing is it enables UX designers to get feedback on their work in
real-time.

A wireframe can also be used to test with users to gather feedback before
making final design and UX decisions. UX designers will create wireframes for
each screen of the interface. This helps them plan exactly how to guide the
user to engage with tasks and key elements.

Traditionally, there are two types of wireframes, hand-drawn sketches and


digital wireframes. Sketched wireframes are usually hand-drawn with pen and
paper, and digital wireframes are created using a variety of different tools, like
Miro and InVision. Whether it's a sketched wireframe or a digital wireframe,
they're both made up of the same basic fundamental shapes to represent the
key elements that you would see on a screen. For example, a send key.

Initial wireframes are usually created in black and white because the most
important thing about wireframes is to keep it simple. At this stage, UX
designers need to make sure the design is solving the design challenge
before adding the details. Wireframing helps UX teams to quickly sketch out
and plan the information that needs to be on the screen. By adjusting the
basic fundamental properties of the core elements on the screen, they can
design the primary action as the most obvious for the user and use these
wireframes in user testing to gather feedback before product development.
Wireframes have the potential to save a company a great deal of time and
money by helping internal team members and stakeholders align by
understanding the final product design before product development starts.

1
FutureLearn

You might also like