UX/UI Toolkit

This document provides an overview of important tools for UX/UI design including tools for responsive design (Axure RP, Adobe XD, Sketch), prototyping (InVision, UXPin, Proto.io), and user testing (Treejack, Preference Testing, Survey Monkey). It discusses the purpose and key features of each tool, emphasizing that Axure RP, InVision, and Sketch are top choices. The document encourages learning UX fundamentals through an online course to accelerate one's career.

Uploaded by

basil

Available Formats

Download as PDF, TXT or read online on Scribd

63% found this document useful (8 votes)

3K views

UX/UI Toolkit

Uploaded by

basil

Available Formats

Download as PDF, TXT or read online on Scribd

You are on page 1/ 22

THE ULTIMATE

UX/UI
TOOLKIT
antony-conboy.teachable.com
Where do you start?
THE MOST UX/UI Design is on fire right now:

IMPORTANT companies have never been more invested in making

sure their users have an amazing experience. Accordion

FACTOR
to Adobe "When asked what skills they look for in UX
designers, 42% of managers said ‘knowledge of UX tools’

WHEN
is the most important factor in hiring."

With so many options on the market where do you start?

HIRING... Don't worry you've come to the right place, I've put this
guide together to help you. Being in the industry for over
a decade Ive seen a lot of tools come and go but here is a
list of my favourites that I use day to day.
Hope you enjoy!
WHY DO
I CARE?
I understand the struggle.
My first job was at Wired Uk and I was given the exciting
title of digital magazine designer. The only problem was
no-one had ever designed a digital magazine before.

Working closely with Adobe we hacked together the

world's first monthly digital magazine in an Alpha
version of a tool called the Digital Publishing Suite.
Every interaction took hours to build and then when
tested through a tool with the ominous title
of The Bundler my whole system would crash!

Luckily times have changed and things that took hours

then now take seconds. I'm excited to show you the best
tools to save you time and create amazing designs.
MOBILE
55% of hiring managers are
FIRST
"A good example of the modern world
focused on mobile platforms.
is the Eurotunnel. And mobile phones
- I like them." Jools Holland
TOP 3 RESPONSIVE* DESIGN TOOLS

RP/XD/SKETCH
*Responsive Web Design makes your web page look good on all devices (desktops, tablets, and phones).
AXURE RP
87% of the Fortune 100 use Axure RP
to wireframe and prototype
Axure is the industry leading UX design tool
"Adaptive views" are great when designing for
multiple screen sizes
Really good for collaboration and feedback

Axure RP should be the first tool you learn when starting

out in UX. It's been around for the longest time and used in
most large companies. It's the go-to tool for creating
interactive wireframes and the adaptive views feature is
good for testing your design at multiple screen sizes.
ADOBE XD
A revolutionary tool for designers?
The first all-in-one cross-platform tool for designing
and prototyping websites and mobile Apps
Built from the ground up to address the complex needs
of today’s UX designers
Available on Mac and Windows

When talking about design tools it's impossible to leave

Adobe out of the conversation. They are
the major player in this space and XD is there latest
offering designed at both UX and UI designers. At the
time of writing XD is still in Beta so it's Free to
download and is available for both Mac and PC. XD is
simplicity at its finest and is amazingly fast. You can
reuse elements of your design quickly and easily thanks
to the symbols feature. With Adobe consistently
improving their software this could be a game changer.
SKETCH
A mobile first design soloution
Unbeatable value at only $99
Connect with your phone for live preview
Can be used by both UX and UI designers

The 3rd competitor in this race is Sketch. Over the last few
years Sketch seems to have eaten into the dominance of
Axure RP. What I like about Sketch is that it's just as easy to
make wireframes as it is to make UI designs. Each layout is
on a 'canvas' so creating designs for different screen sizes
is easy. Sketch comes with pre programmed sizes of all the
latest phones and tablets and is geared towards mobile
designs. Sketch is a great all rounder and for value-for-
money at $99 it cant be beat.
WHAT
DOES THIS
87% BUTTON
of managers said hiring more UX
designers is the top priority for
their organization according to a
DO?
recent study by Adobe.
"I love taking an idea... to a prototype
and then to a product that millions of
people use." Susan Wojcicki
TOP 3 PROTOTYPING TOOLS

INV/XD/PROTO
Transform your idea into an inspiring prototype and see it in action in no time.
INVISION
The world's leading prototyping tool
Create a prototype in under 5 minutes
Very easy to upload your own design files and add
animations, gestures, and transitions
Clients, team members, and stakeholders comment
directly on your designs

Let's start with my personal favourite prototyping tool

Invision. It's built for speed and uploading your own
design files couldn't be easier. Adding interactivity and
animation is all relatively simple and the transitions
look great. There are really good communication
features built into the software meaning you can give
and receive feedback directly in the prototype.
UXPIN
Collaborative design and prototyping
Cloud based with amazing collaboration features
Customize any element by styling with CSS code
Iterate from lo-fi to hi-fi without any other tool

UXPIN is a complete end-to-end design system built for

UX teams. The collaboration features and cloud based
software means that projects can move faster and be
better organised. The prototyping tools are first class
and the ability to share easily makes UXPIN a great tool
if you are part of a UX team. Being used at top
companies including PayPal and high end agencies such
as Sapient Nitro UXPIN is taking the industry by storm.
PROTO.IO
Prototypes that feel real

A great tool for hi fidelity prototypes

Brilliant motion and animations
Can capture data thats been input

Proto.io is a pretty amazing prototyping tool, if your

looking for something a bit more complex. It's being
used by a lot of the top companies for producing very
realistic looking prototypes. It's not top spot on my list
because it's got quite a steep learning curve compared to
other tools I have used. If you want to dig a little
deeper into complex interactions then check this out.
TEST, TEST
AND TEST
1 IN 3
people will abandon a purchase because
AGAIN
they can’t find the right information. "Within HTC, hundreds of ideas are
tested and discarded to find those
rare ideas that define the HTC user
experience." Cher Wang
TOP 3 USER TESTING TOOLS

TREE/PREF/MNKY
Usability testing is a way to see how easy to use something is by testing it with real users. Users are asked to
complete tasks, typically while they are being observed by a researcher, to see where they encounter
problems and experience confusion.
TREEJACK
Can your users find their way
through your forest of information?
Test your navigation structure
Users get asked questions and guess where content
should be in a tree structure
Detailed results help you see where you need to improve

Treejack is a tool for testing information architectures.

Participants’ are asked to find something in a clickable
tree structure. The test tells you if you have placed your
pages in the correct structure on your website. This is a
really important test because being able to find content
is the most important factor of success in any website.
PREFERENCE
TESTING
Which one do you prefer?
Ask users which design they prefer
Settle design debates fast by letting real users decide!
Preference tests are great for choosing between
variations of logos, color schemes, layouts, copy, icons
and interfaces.

Preference tests help you choose between design

variations by asking users which one they prefer. When
you have a layout, a logo or variation of any design
having a simple preference test ends the debate and lets
real users decide which one they prefer!
SURVEY
MONKEY
Surveys give you actionable insights
and fresh perspectives.

Over 99% of the Fortune 500 rely on SurveyMonkey for

their business decisions.
Keep track of industry and market trends
Get real time feedback

Survey Monkey is a tool that will save you time, money

and offer fresh perspectives on problems. What better
way to understand your users than ask them with a
survey. Find out answers to the questions that you need
answering. Survey Monkey has some great options and
can even find you participants and turn around a survey
in less than 24 hours!
88% OF ONLINE
CONSUMERS ARE
LESS LIKELY TO
RETURN TO A SITE
AFTER A BAD
EXPERIENCE
UNLOCK YOUR POTENTIAL WITH

UX/UI DESIGN
FUNDAMENTALS
CLICK HERE TO FIND OUT MORE
LEARN OUR PROVEN, STEP-BY-STEP SYSTEM TO
DESIGN WEBSITES AND APPS THAT YOUR USERS WILL
LOVE IN THE NEXT 6 WEEKS OR LESS

ACCELERATE YOUR CAREER BY LEARNING TOP

INDUSTRY SECRETS
LEARN HOW TO GUARANTEE YOUR PRODUCTS
SUCCESS BEFORE YOU LAUNCH!
YOU GET A UX/UI DESIGN FUNDAMENTALS
CERTIFICATE WHEN YOU COMPLETE THE COURSE