
Salah satu kesalahan UI yang dihasilkan oleh AI yang paling umum yang kami temui dalam tantangan Caffeine: layar pertama mencoba untuk melakukan semua hal.
Orang-orang akan melihat setelah mereka membuka aplikasi:
Dasbor
Analisis
Notifikasi
Umpan aktivitas
Pengaturan
… bahkan sebelum mereka memahami fungsi aplikasi tersebut.
Saran kami adalah: tunjukkan Caffeine untuk mengambil satu atau dua tindakan yang jelas terlebih dahulu.
Bayangkan halaman ini seperti ini:
Judul
Sebuah input/tindakan
Sebuah tombol utama
Segala sesuatu yang lain (fungsi, kepercayaan, dll.)
Mari kita lihat beberapa contoh.
1. Contoh antarmuka pengguna
Di satu sisi, mari kita lihat aplikasi “EstateFlow” yang dibuat oleh EdUniteDapps dan diterbitkan di pasar aplikasi Caffeine.
Kami hanya perlu 1 detik untuk memahami fungsi aplikasi ini, yang hanya memiliki satu tindakan utama dan jelas - mencari properti.

Sekarang mari kita lihat contoh dari ekstrem lain.
Untuk menghindari memprovokasi pengembang komunitas Caffeine, kami akan menggunakan beranda Ling's Cars, yang dengan bangga menyebut dirinya "situs sewa mobil teraneh di Inggris".

Ketika Anda masuk ke halaman, Anda akan segera melihat puluhan elemen berebut perhatian Anda: iklan spanduk, tombol, animasi, informasi penawaran, dan tautan navigasi.
Ini menarik, tetapi juga dengan jelas menunjukkan satu hal: ketika semua hal bersaing untuk perhatian, lebih sulit bagi pengguna untuk tahu dari mana memulai.
Dalam kebanyakan kasus, metode yang lebih sederhana yang digunakan dalam contoh pertama akan membuat aplikasi Anda lebih mudah dipahami.
2. Contoh petunjuk
Saat membangun aplikasi dengan Caffeine, informasi petunjuk di layar pertama sangat penting.
Misalkan kita akan membangun situs web untuk menjual sepeda bekas.
Opsi satu:
Desain beranda yang bersih dan modern untuk situs yang membantu orang membeli dan menjual sepeda bekas secara lokal.
Beranda harus fokus pada satu tujuan utama pengguna: membantu pengunjung menemukan sepeda terdekat dengan cepat.
Epos pahlawan:
Judul besar: "Temukan sepeda berikutnya di dekat Anda"
Bilah pencarian mencolok, di mana pengguna dapat memasukkan lokasi dan menyaring berdasarkan jenis sepeda dan harga.
Tombol ajakan bertindak utama: "Cari sepeda"
Navigasi - Usahakan untuk menyederhanakan navigasi, hanya mencakup:
Jelajahi sepeda
Jual sepeda
Prinsip kerja
Masuk
Opsi dua:
Desain beranda untuk platform perdagangan sepeda bekas, beranda harus menampilkan produk spesial, sepeda pilihan, sepeda populer, produk baru, dan rekomendasi sepeda dari sponsor, tambahkan bilah navigasi besar yang mencakup pembelian sepeda, penjualan sepeda, lelang, suku cadang sepeda, aksesori, sewa sepeda, asuransi sepeda, cicilan sepeda, layanan perbaikan, forum komunitas, blog, dan acara.
Tambahkan filter di sidebar yang dapat disaring berdasarkan merek, harga, ukuran rangka, diameter roda, warna, lokasi, kondisi kendaraan, dan rating penjual, tambahkan tombol dengan bentuk dan ukuran berbeda di atas layar untuk "Jual sepeda", "Jelajahi penawaran", "Mulai lelang", "Bandingkan sepeda", "Bergabung dengan komunitas", dan "Langganan buletin", tambahkan pop-up diskon, pendaftaran buletin, dan chatbot, tampilkan kartu produk, statistik, ulasan pengguna, dan gambar promosi di layar yang sama agar pengguna dapat segera mendapatkan pilihan dan informasi yang kaya.
Ini adalah aplikasi Anda, keputusan Anda.
Tetapi pola yang kami lihat berulang kali adalah: ketika layar pertama meminta pengguna untuk membuat lebih sedikit keputusan, mereka dapat lebih cepat memahami aplikasi - itulah sebabnya kami percaya bahwa petunjuk Anda harus terlihat lebih seperti "opsi satu".
Biasanya, titik masuk yang paling sederhana memberikan hasil terbaik:
Sebuah tujuan yang jelas
Sebuah tindakan utama
Sebuah tombol yang memungkinkan pengguna untuk melanjutkan
Setelah orang-orang memahami fitur aplikasi Anda, Anda dapat kapan saja meminta Caffeine untuk menambahkan lebih banyak fitur di bagian lain.

Konten IC yang Anda pedulikan
Kemajuan teknologi | Informasi proyek | Aktivitas global

Ikuti saluran IC Binance
Dapatkan informasi terbaru

