Istilah dalam bidang UI/UX — bagian 2

02 Desember 2017 | Dwinawan Hariwijaya via medium

---

Kali ini kita akan membahas tentang istilah istilah yang sering digunakan dalam proses pembuatan produk digital. Yuk langsung saja :) Elemen pada UI yang berfungsi untuk memulai ataupun melanjutkan sebuah flow, dan biasanya elemen ini berupa tombol. Berikut adalah contoh CTA Facebook Bukalapak Tapdaq Traveloka Tips Desain CTA: - Jangan terlalu kecil, - Warna Mencolok tapi jangan norak, - Usahakan CTA terlihat paling mencolok saat berada di antara elemen elemen lain. - Pertahankan konsistensi warna CTA, agar saat user berpindah pindah halaman, mereka mudah mengenali mana CTA nya. Aturan pembuatan sebuah desain. Bertujuan untuk mempercepat proses desain dan development. Dan juga menjaga semua tampilan maupun interaksi UI di sebuah produk (web/app) seragam walaupun dikerjakan oleh banyak orang. Contoh Aturan di Guideline: Tombol CTA harus berwarna hijau. Bayangkan kalau tidak ada aturan ini : Ada user mau beli baju di online shop. Dia ngeklik tombol CTA berwarna ungu untuk membeli baju lalu setelah tiba di halaman berikutnya user mencari cari tombol untuk melanjutkan, karena di halaman sebelumnya CTA nya berwarna ungu maka user berasumsi di halaman ini CTA nya juga berwarna ungu. Tapi karena halaman ini didesain oleh desainer yang berbeda, maka desainer tersebut menggunakan warna kuning untuk CTA. Hasilnya = User Bingung. Guideline sendiri biasanya terdiri dari: - Daftar komponen visual di sebuah UI - Penjelasan cara mendesain komponen tersebut - Penjelasan fungsi dari komponen tersebut - Penjelasan apa yang boleh dilakukan dan tidak boleh dilakukan terhadap komponen tersebut. Dan masih banyak lagi Google Material Guideline | https://material.io/guidelines/ MarvelApp Guideline | https://marvelapp.com/styleguide Daftar Style Guide : http://insight.design/forum/d/108-daftar-design-system-style-guide Coba buka pengaturan di handphone Anda. Banyak sekali kan menunya?. Tapi Anda bisa dengan mudah untuk menemukan menu yang Anda inginkan karena menu menu tersebut sudah dikelompokkan dengan baik. Salah satu cara untuk melakukan pengelompokkan menu dengan baik adalah dengan menggunakan Card Sorting. Cara melakukannya: Tulis semua halaman/menu yang ada. Satu sticky note untuk satu halaman/menu source: https://www.museumsandtheweb.com/mw2010/papers/masri/masri.html Setelah semua halaman/menu selesai dituliskan, minta 1 orang untuk mengelompokkan nya. Setelah selesai mengelompokkan , minta orang tersebut untuk memberi nama dari tiap tiap kelompok. Minimal minta 10 orang untuk melakukannya. Source: http://www.fostermilo.com/articles/card-sorting-with-creative-albuquerque Catat hasilnya atau Foto hasilnya Lakukan analisa tentang bagaimana pengelompokkan halaman yang paling efektif dan mudah ditemukan oleh user. Card Sorting sendiri ada versi terbuka dan tertutup. Versi terbuka adalah dengan memperbolehkan user untuk membuat kelompok dan memberi nama kelompok dari kumpulan halaman. Versi tertutup adalah ketika kita sudah menentukan kelompok kelompok…. IndonesiaIT 2017, [...], Artikel ini di ambil dari feed medium, untuk pengalaman baca yang lebih baik, silahkan kunjungi situ aslinya. IndonesiaIT - Software Developer Terbaik. Baca Selengkapnya.