Friday, August 19, 2022
spot_imgspot_imgspot_imgspot_img
HomeVisual DesignInspirasi Desain Tampilan Kartu Pada Aplikasi/Web

[UI/UX]Inspirasi Desain Tampilan Kartu Pada Aplikasi/Web

Image for post
Credits: Hanna Jung

Kartu adalah wadah kecil yang rapi untuk informasi. Mereka menjadi hampir opsi default ketika menyeimbangkan estetika yang jelas dengan kegunaan sederhana. Pertama kali diperkenalkan oleh layanan seperti Pinterest dan Facebook, hari ini pengaruh kartu menyebar ke berbagai industri.

Image for post

Pinterest memperkenalkan gagasan bahwa semua informasi yang paling relevan tentang satu topik dapat diatur dalam satu wadah

Diimplementasikan dengan benar, kartu dapat meningkatkan aspek UX suatu aplikasi. Dalam artikel ini, saya akan menggambarkan 5 teknik yang berguna untuk kartu dan memberikan beberapa contoh bermanfaat.

1. Ikuti Aturan “Satu Kartu, Satu Konsep”

Semua konten dalam kartu harus hanya berkaitan dengan satu ide. Kartu dapat berisi banyak elemen dalam suatu desain, tetapi masing-masing harus berfokus hanya pada sedikit informasi atau konten. Ini memberi pengguna kesempatan untuk memilih bagian dari konten Anda yang ingin mereka konsumsi atau bagikan.

Image for post

One block (or card) “contains” one chunk of user interaction

2. Jadikan Seluruh Kartu Dapat Diklik

Ikuti Hukum Fitts dan izinkan pengguna untuk mengklik / mengetuk bagian mana pun dari kartu, bukan hanya tautan teks atau gambar. Zona sentuh yang lebih besar secara substansial meningkatkan kegunaan pada perangkat layar sentuh dan perangkat berbasis mouse.

Kiat: Ada gunanya ketika kartu menggunakan sedikit bayangan untuk menunjukkan kedalaman, yang merupakan penanda visual dari daya klik.

Image for post
Desain kartu menggunakan sedikit bayangan sebagai penanda bahwa seluruh kartu dapat diklik. Kredit: nngroup
3. Buat Kartu Secara Visual Menyenangkan

Apa yang membuat kartu berfungsi adalah desain yang bagus dan kegunaan yang luar biasa. Dengan memberikan sedikit polesan estetika pada kartu, desain kartu Anda terasa akrab namun tetap kreatif.

Image for post
Penghargaan: Piper Lawson

Ketika sampai pada desain kartu yang sebenarnya, Anda harus fokus pada momen-momen berikut:

Gambar-gambar

Menggila pada gambar adalah kekuatan desain berbasis kartu. Studi mengkonfirmasi bahwa gambar meningkatkan desain. Dengan demikian, penekanan pada penggunaan gambar membuat desain berbasis kartu lebih menarik bagi pengguna.

RELATED ARTICLES

Most Popular

Recent Comments