Scribd
Upload
8 views20 pages

Pertemuan 4 - Design Tools

The document provides an overview of various UI/UX design tools, including design, management, prototype, handoff, usability testing, and research tools. Key tools mentioned include Sketch, Figma, Adobe XD for design; Miro, Notion, and Jira for management; and Maze and Hotjar for usability testing. The document emphasizes the importance of these tools in enhancing collaboration, project management, and user experience design.

Uploaded by

nandagita59
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
8 views20 pages

Pertemuan 4 - Design Tools

The document provides an overview of various UI/UX design tools, including design, management, prototype, handoff, usability testing, and research tools. Key tools mentioned include Sketch, Figma, Adobe XD for design; Miro, Notion, and Jira for management; and Maze and Hotjar for usability testing. The document emphasizes the importance of these tools in enhancing collaboration, project management, and user experience design.

Uploaded by

nandagita59
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
You are on page 1/ 20

UI/UX Design

Introduction to Design Tools:


Sketch, Figma, and Adobe XD
Mutia Fadhila Putri M.Kom
Slides based on Purwadhika Digital Technology School and Preece, J., Rogers, Y.,,
Sharp, H. (2015). Interaction Design: Beyond Human-Computer Interaction.
Hoboken, NJ: Wiley. ISBN: 978-1-119-02075-2
Management Tools
Management Tools

Miro
An online “whiteboard” platform that can
be used together (collaboratively), and
can make teamwork more effective, from
brainstorming with digital sticky notes to
making plans and Agile/Scrum work
patterns.
Management Tools
Notion
Applications that provide components
such as databases, kanban boards,
wikis, calendars and reminders. Users
can connect these components to
create their own systems, logging, data
management, project management
and individual team tasks, and more.
Management Tools

Jira
Used for planning, tracking every
work progress when releasing a
product. Create user stories, plan
sprints, and distribute tasks across
teams also improve team
performance based on visual
data.
Design Tools
Tools for Design &
Prototype

Sketch
Online planning tools, to create
user journey maps, user flows,
sitemaps, and personas that will
help you design an application
product effectively.
Tools for Design &
Prototype

Figma
Vector-based software
application that is used to create
graphics, wireframes, UI designs,
UI/UX prototypes, and can
collaborate in real time
Tools for Design &
Prototype

Adobe XD
Designing the user experience
and appearance of the web
app & mobile app, which is
vector- based.
Prototype & Handoff Tools
Prototype & Handoff Tools
Protopie
Used to turn your UI/UX design ideas into
interactive and dynamic prototypes. The
advantage of this prototype is in making
Interaction Design or Micro Interaction
Prototype & Handoff Tools

Marvel
A collaborative platform intended to create
wireframes, prototypes, user tests and handoff
work from UI Designers to the developer team.
Marvel is also integrated with design tools such as
Sketch, Figma and XD to make it easier for
designers to create prototypes from designs that
have been made and directly handover to
developers.
Prototype & Handoff Tools

Zeplin
a collaboration tool created to handoff
work from UI/UX Designers to frontend
developer teams.
Designers can convert their designs into
specs & guidelines for the User
Interface, and developers can easily retrieve
and access resource code from these specs
& guidelines and
sew them directly into the backend or API
they are working on.
Usability Testing Tools
Usability Testing Tools

Maze
A user testing platform by integrating
the prototype that you have created in
the design tool. You will also get
features that allow designers to gain
insight from real users
Usability Testing Tools

Hotjar
analytic application that analyzes the
usage of a website/app. Provide
feedback from users through features
such as heatmaps, recording sessions,
and surveys.
UX Research Tools
UX Research Tools

Google Form
Create a Questionnaire with
various methods such as multiple
choice, linear scale multiple choice
grid, and so on.
UX Research Tools

Typeform
Collect data through surveys and
questionnaires. Attractive
interaction, appearance, and user
friendly.
Terima Kasih

You might also like