MAKING A GOOD UI/UX DESIGN

04 March 2020 / By metamorphosys

Making a good UI/UX design

In order to make a good site or application, both a good UI and UX design are needed. Even though they are different, they always work together. UI, which stands for User Intetrface is the layout of your website or application. Everything related to the visuals like screen layout, transitions/animations, any visual elements are considered as UI design. Meanwhile, UX which stands for User Experience gives the users a meaningful experience and great usability of the website or application itself. There are several important things to note before making a UI/UX design.

1. Know your users

Before you start every designing process, you need to know who are your target audience. It is also one of the most helpful ways to start designing, as you know who are you designing for and what they will like when they open a website or an application.

2. Good typography

Typography is one of the most important elements in designing a website or an application. People may spend some time looking through the website or application you made, so it’s important to not make them struggle while reading the contents or texts in your UI design. It is best to pick a font that looks elegant, consistent, and has a good readability.

You can also create hierarchy in your UI by ‘playing’ with the typography so that users can identify what they need to find easily. For instance, using a different font color or font weight for the elements that you need to emphasize, so that the users will immediately look at it first instead of the other elements there.

3. Simple and consistent

Simple and minimalist designs are easier to understand. Making layouts, forms, buttons, texts simple is a good way to make a simple UI design. Other than simple, it is best to make your design consistent so that the users can understand your design more easily and also give them smooth experience. You can start by making the elements in the UI, like it’s typography, visual, spacing, grid, size, alignments, and positions consistent.

4. Responsive design

Responsive design makes UI designs detect the users’ screen sizes and change the layout according to the size detected. It is important to make a responsive design as different people may use different types of devices to access your website or application. Some people may use their computers or phones. Without a responsive design, the UI made for computers may look messy or hard to read for the users accesing through their phones.

Now you can create your own UI/UX design after following these tips! But if you’re still confused in making one, do contact Metamorphosys! We can help you design your website and application.

Membuat Desain UI/UX Yang Baik

Untuk membuat sebuah website atau aplikasi yang baik, dibutuhkan desain UI dan UX yang baik. Walaupun keduanya berbeda, mereka selalu bekerja bersama. UI, yang merupakan singkatan dari User Interface adalah layout dari website atau aplikasi anda. Semua hal yang berkaitan dengan visual seperti layout layar, transisi/animasi, segala elemen desain disebut sebagai desain UI. Sedangkan, UX atau User Experience memberikan para pengguna pengalaman yang berarti  dan kegunaan baik dari website atau aplikasi itu sendiri. Berikut ada beberapa hal yang baiknya dicatat sebelum membuat sebuah desain UI/UX.

1. Kenali pengguna anda

Sebelum memulai segala proses desain, anda harus mengetahui target konsumen anda. Hal ini juga merupakan hal yang memudahkan proses mendesain, karena sudah mengetahui anda akan mendesain untuk siapa dan apa yang mereka sukai ketika membuka website atau aplikasi anda pada pertama kalinya.

2. Tipografi yang baik

Tipografi adalah salah satu elemen paling penting dalam mendesain sebuah website ataupun aplikasi. Para pengguna akan menghabiskan waktu mereka melihat-lihat website atau aplikasi anda, jadi sangat penting untuk membuat mereka tidak kesusahan dalam membaca konten ataupun text pada desain UI anda. Pilihan terbaik adalah untuk memilih font yang elegan, konsisten dan memiliki keterbacaan yang baik.

Anda juga bisa menciptakan hirarki pada UI anda dengan ‘memainkan’ tipografi sehingga para pengguna bisa membedakan mana yang harus mereka lihat dengan lebih mudah. Misalnya, menggunakan warna atau ketebalan berbeda pada elemen yang harus ditonjolkan, sehingga para pengguna akan langsung melihat ke elemen itu sebelum ke elemen lainnya.

3. Sederhana dan konsisten

Desain yang simple dan minimalis lebih mudah dipahami orang. Membuat layout, form, tombol, text yang sederhana adalah cara yang baik untuk membuat desain sederhana. Selain sederhana, ada baiknya juga membuat desain anda konsisten agar para pengguna lebih mudah memahami website atau aplikasi anda dan juga memberikan pengalaman yang lancar. Anda bisa memulai dengan membuat elemen-elemen dalam UI seperti tipografi, visual, jarak, grid, ukuran, penjajaran dan posisi  dengan konsisten.

4. Desain yang responsif

Desain responsif membuat UI bisa mendeteksi ukuran layar para pengguna dan merubah layout menyesuaikan ukuran yang dideteksi. Penting untuk membuat desain responsif karena orang-orang bisa menggunakan tipe alat yang berbeda untuk mengakses website atau aplikasi anda. Ada yang bisa menggunakan handphone ataupun komputer mereka. Tanpa desain yang responsif, UI yang dibuat sesuai ukuran komputer bisa terlihat berantakan dan sulit dibaca bagi para pengguna yang mengakses melalui handphone mereka.

Sekarang anda bisa membuat desain UI/UX anda sendiri setelah mengikuti tips ini! Tetapi jika anda kesulitan dalam membuatnya, jangan ragu untuk menghubungi Metamorphosys! Kami bisa membantu anda dalam mendesain website dan aplikasi anda.

Visit our website https://www.metamorphosys.co.id/ and also our instagram http://instagram.com/metamorphosysid/

Read another blogs

5 EFFECTIVE TYPOGRAPHIC TIPS

https://www.metamorphosys.co.id/social-media-week-2019-jakarta/

About The Author

metamorphosys

A fast growing Creative & Design Studio based in Gading Serpong, Tangerang