PRINSIP DESAIN & PERAN DI UX

[WEEK 10 – UI/UX]
Tifani Nabarian, S.Kom., M.T.I. | tifany.nabarian@dosen.nurulfikri.ac.id
1
REVIEW CHAPTER 9

 Prototyping
 Lo-Fi
 Hi-Fi

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 2

REVIEW CHAPTER 9 – HASIL EKSPLORASI MANDIRI MAHASISWA

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 3

 Chapter 10

Prinsip Desain

Role di Ranah UX

Size Guide

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 4

PRINSIP-PRINSIP DESAIN
1/ FROM 3 TOPICS

5
HIERARKI

Hierarchy is a visual design principle which designers use

to show the importance of each page/screen's contents by
manipulating these characteristics:
• Size – Users notice larger elements more easily.
• Color – Bright colors typically attract more attention
than muted ones

Source: https://www.interaction-design.org/

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 6

BALANCE - KESEIMBANGAN

Balance in design is the distribution of elements of the

design. Balance is a visual interpretation of gravity in the
design. Large, dense elements appear to be heavier while
smaller elements appear to be lighter.

Source: https://www.lifewire.com/

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 7

EMPHASIS - TEKANAN

Emphasis is a strategy that aims to draw the viewer's

attention to a specific design element. That could be to
an area of content, to an image, to a link, or to a button,
etc. We see emphasis used in most fields of design,
including architecture, landscape design, and fashion
design

Source: https://www.interaction-design.org/

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 8

KONTRAS

Contrast. As a principle of art, contrast refers to the

arrangement of opposite elements and effects. For
example, light and dark colors, smooth and rough
textures, large and small shapes. Contrast can be used to
create variety, visual interest, and drama in an artwork.

Source: https://artclasscurator.com/

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 9

REPETITION - PENGULANGAN

In graphic design, repetition is the act of repeating the

same or similar design elements and making them
come together as a cohesive whole. This repetition can
be done by repeating the same design elements in your
design, like colors, fonts, lines, shapes, sizes, and texture,
among others

Source: https://www.graphicszoo.com/

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 10

UNITY - KESATUAN
The idea behind the design component unity is to create
elements that support each other and all work together
toward a common goal. It’s about avoiding mixed messages.
Your design elements should look like they belong together
and not be arbitrarily placed on the page. There are two kinds
of unity we’re concerned with
• Visual unity – for example a group of elements all aligned to
a common axis
• Conceptual unity – for example an image of a diamond, a
mansion, and a pile of money might be unified around the
concept of wealth
https://www.invisionapp.com/defined/unity-principle-design

Source: https://vanseodesign.com/web-design/design-unity/

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 11

CONTOH PENERAPAN – DESIGN PRINCIPLE
Source: https://99designs.com/blog/tips/principles-of-design/

12
ROLE DI RANAH UX
2/ FROM 3 TOPICS

13
UX RESEARCHER
https://www.binaracademy.com/blog/perbedaan-ux-designer-ux-researcher-dan-ux-writer

Job Description:
 UX Researcher bertugas melakukan riset untuk mengetahui perilaku user ketika
ingin mengakses sebuah website dan juga aplikasi.
 Dari riset tersebut, nantinya akan dapat dianalisis produk seperti apa yang akan
diluncurkan berdasarkan kebutuhan dan keinginan dari sisi user.
Skill:
Mampu melakukan riset mendalam dan memahami user untuk mengetahui apa
kebutuhannya

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 14

UX DESIGNER
https://www.binaracademy.com/blog/perbedaan-ux-designer-ux-researcher-dan-ux-writer

Job Description:
 UX Designer bertugas mendesain interface pada website ataupun aplikasi.
 Desain yang dibuat meliputi tampilan secara keseluruhan, warna, dan juga tulisan.
Skill:
Mampu mendesain produk dari segi visual dan juga memahami peranan UX
Researcher dan UX Writer secara keseluruhan

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 15

UX WRITER
https://www.binaracademy.com/blog/perbedaan-ux-designer-ux-researcher-dan-ux-writer

Job Description
 Tugas seorang UX Writer adalah menulis tulisan terkait promosi ataupun navigasional yang
ada pada tampilan website dan juga aplikasi.
 Kegiatan seorang UX Writer disebut dengan UX Writing.
Skill:
Memiliki kemampuan menulis dan mengolah kata-kata secara ciamik agar dapat menarik
perhatian audiens

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 16

ILUSTRASI

UX Writer

UX
Researcher

UX Designer

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 17

SIZE GUIDE
3/ FROM 3 TOPICS

18
SIZE GUIDE

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 19

SIZE GUIDE

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 20

SIZE GUIDE

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 21

SIZE GUIDE

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 22

Silahkan eksplorasi bersama para
Asdos di sesi praktikum!

23
 Congrats..
We’ve finished Chapter 10!

SEKOLAH TINGGI TEKNOLOGI TERPADU NURUL FIKRI 24