2019-06-01 net

(Brent) #1

UX


interactive). They are often used to help map out
the shell of the interface, its screens and basic
information architecture. There are many design
tools we can use to create these wireframes, such
as Figma, Sketch and even Photoshop, just to name
a few. Whatever tool you use, your low-fidelity
wireframes usually serve as a checkpoint for the
beginning of the design process for stakeholders
and product teams and you should be able to present
clear solutions to them.

LOW-FIDELITY PROTOTYPE
At this point you have all these nice wireframes
designed with your favourite design tool, so now
what? Well if you’re using a tool such as Figma,
Sketch or InVision Studio, then it’ll be nice and easy
to create a low-fidelity prototype. The prototype
is a simple and easy translation of the product and
design concepts. It’s used to turn the design ideas
into testable and tangible artefacts, collecting and
analysing the user demands at this early stage,
refining your product as you go.

4 9,68$/Ơ8,ơ'(6,*1
FIGMA OR SKETCH
We are now the proud owners of a working prototype
and all stakeholders and the product team is happy.

It is usually the case that this is the stage where you
would hand your prototype over to a UI designer. But
because we’re flying solo, it’s also our job to create
the final visual elements.
Even though there are loads of design tools
available, only a couple are considered ‘industry
standard’ for UI design and that’s Sketch and Figma.
Both tools are very similar, so whichever one you
pick you’ll be able to switch easily at a later date if
you change your mind.

DESIGN SYSTEMS
Design systems are a great way of utilising a
collection of repeatable components and a set of
standards that outlines the use of those components.
Many companies have been able to change the pace
of creation and innovation within their teams due to
design systems. As a solo designer, managing your
company’s (or even your own) design system won’t
be easy but is definitely well worth doing in the long
run. You can use design tools such as Figma and
Sketch to create reusable UI components within a
pattern library or you could work with the front-end
dev team and build them out using code. This
collection of reusable components can then be
assembled together quickly in order to build any
number of applications.

Above Pen and paper are
all you need to get all your
ideas recorded, ready to be
honed to the final product

©
G


et
ty
Im


ag


es

Free download pdf