30 Contoh Hebat Desain Aplikasi Seluler

Diterbitkan: 2015-01-28

Desain aplikasi seluler tidak seperti desain web.

Tentu ada teori warna, jenis pengaturan, dan pemeliharaan kisi, tetapi ada banyak hal yang perlu dipertimbangkan saat perangkat berubah.

Untuk menjelaskan beberapa hal yang boleh dan tidak boleh dilakukan dalam desain aplikasi seluler, Tomas Laurinavicius memaparkan praktik terbaiknya saat mendesain untuk perangkat seluler.

Tomas Laurinavicius adalah desainer lepas dan penulis pendamping Buku Desain Seluler.

Cara Mendesain Aplikasi

(dengan Contoh Desain yang Baik)

Masukkan Tomas:

Pada artikel ini, saya ingin membagikan beberapa contoh desain aplikasi seluler yang hebat. Secara khusus, elemen-elemen yang bersatu untuk membuat aplikasi yang hebat.

Contoh Aplikasi – Layar Peluncuran

Layar peluncuran akan terlihat oleh setiap pengguna aplikasi dan akan berlangsung selama beberapa detik, namun sangat penting untuk membuat kesan pertama yang baik dan menetapkan beberapa harapan.

Gunakan gambar latar belakang yang menceritakan sesuatu tentang aplikasi, buat itu bersih dan bermerek bagus. Pertahankan ukuran layar peluncuran Anda seminimal mungkin untuk mengurangi waktu buka.

Luncurkan Layar

Hyperlapse dari Instagram & Yummly

Keadaan Kosong

Saat pengguna pertama kali mengunduh aplikasi Anda, mereka tidak akan memiliki data untuk dilihat. Ini disebut layar kosong.

Pada titik ini Anda perlu menjelaskan tujuan aplikasi Anda dan membimbing mereka untuk menggunakan aplikasi Anda untuk pertama kalinya. Jika tidak, mereka akan pergi dengan bingung dan mungkin tidak akan pernah kembali.

Keadaan Kosong

Airbnb & Flipboard

Contoh Aplikasi – Layar masuk

Lupakan nama pengguna. Gunakan alamat email sebagai gantinya.

Permudah proses login dengan memberi mereka opsi untuk login dengan platform yang ada. Bergantung pada audiens Anda, itu mungkin Google, Facebook, atau bahkan LinkedIn.

Layar Masuk

SoundCloud & Foursquare

Contoh Aplikasi – Umpan Aktivitas

Saat merancang umpan aktivitas yang menarik dan imersif, pertimbangkan konteks dan gunakan prinsip gamifikasi.

Berikan data penting seperti tanggal, waktu, dan lokasi jika perlu. Untuk membuatnya lebih seperti permainan, gunakan angka, tombol ajakan bertindak, dan ikon kecil untuk membuat antarmuka lebih menarik.

Umpan Aktivitas

Swarm oleh Foursquare & Behance

Contoh Aplikasi – Layar Pendaftaran

Jika proses pendaftaran Anda rumit, pengguna akan pergi.

Sederhanakan sebanyak mungkin. Sertakan hanya informasi yang diperlukan dan bahkan sarankan menggunakan jaringan lain yang menyimpan informasi pengguna seperti Facebook atau Twitter.

Layar Pendaftaran

Spotify & Lingkaran

Periksa

Checkout adalah fitur rumit untuk dirancang di aplikasi seluler.

Itu harus menyajikan banyak informasi secara sekilas dan memungkinkan beberapa panduan menuju langkah berikutnya. Prioritaskan data dan pisahkan menjadi beberapa bagian yang dapat disajikan dalam kelompok.

Misalnya alamat pengiriman dan informasi pembayaran dapat membuat dua kelompok, harga dan diskon kelompok lain dan seterusnya. Atur proses Anda sehingga Anda tidak membanjiri pelanggan Anda.

Periksa

Targetkan & Pertahankan Belanja

Komentar

Komentar bagus untuk membangun komunitas atau sekadar menunjukkan kepada pengguna lain bahwa aplikasi Anda layak untuk bergabung.

Saat mendesain komentar, keterbacaan dan konteks (yaitu gambar profil, nama, dan tanggal) adalah faktor terpenting untuk menyediakan ekosistem komunitas aplikasi yang tampak “hidup”.

Komentar

Jalur & Perjalanan

Mencari

Pencarian adalah fitur penting untuk konten buatan pengguna dan aplikasi berat data lainnya.

Berikan konteks dan saran cerdas untuk meningkatkan pengalaman pengguna dan menyenangkan pengguna. Menambahkan opsi pemfilteran yang relevan dapat meningkatkan proses pencarian secara signifikan dan menghasilkan kebahagiaan pelanggan.

Mencari

Kotak masuk oleh Gmail & Lovely

Membagikan

Berbagi adalah fitur penting untuk aplikasi apa pun karena memungkinkan pengguna menyebarkan berita tentang produk Anda.

Permudah untuk membagikan aplikasi atau konten Anda darinya dengan menambahkan ikon berbagi yang jelas dan memungkinkan berbagi cepat di berbagai jaringan.

Membagikan

Musim Semi & Jukely

Keterbacaan

Keterbacaan rumit pada perangkat kecil. Sangat mudah untuk membuat tipe terlalu besar atau terlalu kecil.

Fokus pada kontras, ukuran tipe dan tinggi garis. Pastikan jenis Anda berukuran optimal dan mudah dibaca. Teks hitam dengan latar belakang putih bagus.

Keterbacaan

Keterbacaan & Feedly

Navigasi

Navigasi sangat penting untuk semua jenis aplikasi.

Buatlah mudah dan dimengerti untuk berbagai segmen audiens Anda. Gunakan salinan sederhana sehingga pengguna terbiasa dengan jargon navigasi dari aplikasi lain. Gunakan ikon dan ruang negatif untuk memberikan beberapa konteks untuk navigasi Anda dan hanya sertakan tautan yang diperlukan.

Navigasi

Facebook & LinkedIn Terhubung

Pengaturan

Layar pengaturan sering diabaikan karena tidak menarik, tetapi ini akan menjadi salah satu layar yang paling sering Anda gunakan.

Gunakan ikon, pisahkan grup pengaturan yang berbeda dengan pemisah atau ruang negatif, dan bantu pengguna menavigasi dengan cepat untuk memutuskan apa yang harus dilakukan selanjutnya. Juga, berikan opsi cepat dengan menggunakan tombol sakelar asli sehingga pengguna dapat menyimpan ketukan.

Pengaturan

Tanda Centang 2 & YPlan

Notifikasi

Notifikasi adalah alasan mengapa pengguna terus kembali ke aplikasi Anda.

Buat notifikasi ini jelas tetapi tidak terlalu mengganggu. Orang perlu tahu apa yang sedang terjadi tetapi tidak ingin kewalahan. Berikan indikator warna dan angka yang halus untuk menggambarkan hal-hal yang baru.

Notifikasi

Gogobot & Sorot

Pesan

Pesan atau fungsi obrolan juga merupakan fitur umum. Saat merancang sistem pesan, ini semua tentang komunikasi dan konteks.

Optimalkan ukuran jenis sehingga pengguna dapat membaca pesan lebih lama dan menyertakan tanggal, waktu pengeposan, lokasi, dan informasi lain yang relevan.

Pesan adalah semua tentang multimedia saat ini. Berikan pengguna opsi untuk berkomunikasi dengan menambahkan foto, video, suara, smiley, dan teks jadul.

Pesan

Facebook Messenger & Path Talk

Profil

Banyak aplikasi memungkinkan pengguna membuat akun dan menyimpan cerita atau aktivitas di sekitar profil itu.

Baik itu media sosial, belanja, atau aplikasi lain, sangat penting untuk membuat halaman profil jelas dan menarik bagi pengguna.

Tekankan foto profil pengguna dan nama mereka. Juga berikan informasi dan statistik yang relevan sehingga orang dapat melihat seberapa aktif atau terhormat pengguna tersebut.

Profil

Frontback & Quora

Kesimpulan

Seperti yang Anda lihat dari semua aplikasi yang saya daftarkan, ada banyak hal yang perlu dipertimbangkan dan dikuasai saat merancang aplikasi pemenang.

Meskipun siapa pun dapat mendesain aplikasi, penting untuk mempekerjakan seorang desainer yang memiliki pengalaman di bidangnya dan dapat menerapkan semua pengetahuan dan praktik terbaik.

Hal-hal kecil dapat membuat atau menghancurkan aplikasi Anda. Jangan mempertaruhkan waktu dan uang Anda dengan mempekerjakan seseorang yang tidak memahami seluk-beluk merancang aplikasi yang luar biasa.