fbpx

Do’s and Don’t UI UX by Apple For 2021

Bentuk desain UI. Sisi khas desain UX-lah yang memberikan kesan mudah dan simpel seperti Apple yang menjadi contoh kali ini. Anda hanya perlu membuang beberapa bidang entri bersama dengan apa yang ingin Anda ketahui, dan menyerahkannya kepada pengguna – bukan? Sayangnya, itu sangat jauh dari kebenaran.

Kebetulan, desain UI bentuk memang memiliki sedikit teori dan pedoman praktis yang ingin Anda refleksikan dalam desain Anda. Secara logis, ada banyak informasi di luar sana tentang apa yang dapat Anda lakukan untuk membuat aplikasi yang benar-benar dapat di gunakan – tetapi bagaimana dengan hal umum? Di mana kesalahan kebanyakan desainer?

1. Berhati-hatilah dengan teori warna

Tahukah Anda bahwa warna-warna hangat bergerak maju di luar angkasa ? Itu benar! Panjang gelombang warna-warna hangat lebih panjang, sehingga saraf optik Anda memprosesnya sebelum panjang gelombang yang lebih pendek dari warna-warna dingin, menciptakan ilusi kedekatan spasial yang telah digunakan pelukis untuk menciptakan kedalaman dua dimensi sejak Renaisans.

Selain itu, warna membangkitkan respons emosional yang dapat digunakan untuk keuntungan desainer untuk menghasilkan perasaan dan respons yang diinginkan di antara audiens. Pemahaman tentang teori warna, suhu, dan psikologi akan membantu Anda mengubah wireframes menjadi ruang digital yang menarik dan efektif. Namun, persepsi kita tentang warna juga di bentuk seiring waktu oleh bagaimana warna biasanya di gunakan dalam budaya kita.

Misalnya, karena warna-warna hangat melompat ke depan pada layar dan halaman, mungkin secara teoritis terlihat masuk akal untuk membuat tombol di akhir ajakan bertindak menjadi merah, bukan? Tentu! Bergantung pada beberapa faktor kompleks, Anda mungkin mengamati kesuksesan besar dengan strategi itu. Namun, perhatikan bagaimana merah biasanya di gunakan dalam budaya kita, dan bagaimana hal itu dapat memengaruhi konotasi pengguna Anda.

Merah adalah warna utama kendaraan darurat seperti mobil pemadam kebakaran dan lampu ambulans yang berkedip. Rambu berhenti berwarna merah. Merah juga digunakan di seluruh web sebagai warna standar dalam pesan kesalahan serta tombol ‘tutup’ dan ‘batal’. Penggunaan warna merah di masyarakat dan teknologi telah menciptakan konotasi ketakutan, kewaspadaan, dan kehati-hatian yang mungkin memengaruhi pola perilaku pengguna Anda.

2. Manfaatkan animasi untuk mendukung interaksi dan memandu pengguna.

Desain cerdas membuat pengguna merasa pintar, dan gerakan adalah taktik tambahan yang kuat yang dapat membawa desain efektif ke level berikutnya. Elemen animasi apa pun akan menarik lebih banyak perhatian ke dirinya sendiri daripada bagian halaman lainnya, dan membuat halaman web atau aplikasi lebih dinamis – dan menyenangkan! Gunakan animasi sederhana untuk menarik perhatian ke area utama dan membuat interaksi lebih menyenangkan. Masukan visual seperti tayangan sentuh dan layar pemuatan memberi tahu pengguna bahwa aplikasi sedang memproses tindakan mereka dan mencegah perasaan tidak yakin bahwa mereka melakukan sesuatu yang “salah”. Animasi transisi seperti bilah navigasi yang meluncur keluar dari kanan setelah mengetuk tombol menu di sebelah kanan mendukung penempatan desain UI. Libatkan pengguna dengan hiasan yang menarik di area interaksi yang penting, dukung mereka untuk terlibat dengan area produk yang berorientasi pada tujuan,

3. Jaga agar tetap sederhana.

Occam’s Razor memberi tahu kita bahwa solusi paling sederhana seringkali merupakan solusi terbaik! Semakin banyak keputusan yang di sajikan oleh pengguna, semakin tinggi risiko mereka tidak membuat keputusan sama sekali. Menggembungkan aplikasi atau situs Anda dengan fitur yang hanya memiliki faktor “keren” dan tidak mengarahkan pengguna ke tujuan akhir organisasi Anda mengaburkan pesan Anda dan menghalangi kesuksesan. Menjaga kesederhanaan sama sekali tidak berarti menciptakan sesuatu yang membosankan! Baca lebih lanjut tentang cara membuat proyek sederhana bersinar di sini.

4. Jangan gunakan gaya yang konsisten.

Setiap kali pengguna melakukan interaksi, mereka mempelajari sesuatu. Bahkan interaksi berbasis sentuhan standar seperti menggesek horizontal atau menekan dan menahan akan mengungkapkan sesuatu kepada pengguna dalam konteks spesifik situs web atau aplikasi Anda. Semakin jauh dalam usaha pengguna, mereka belajar bahwa ini melakukan itu , dan menerapkan pengetahuan itu ke layar yang baru di temukan di sepanjang jalan. Menerapkan interaksi yang sama sekali berbeda ke gaya tombol yang sebelumnya di gunakan untuk sesuatu yang lain mengharuskan pengguna untuk mempelajari dan mengingat informasi yang kontradiktif. Saat Anda mendesain, perkenalkan pengguna ke interaksi baru secara bertahap dengan menggunakan isyarat visual yang dibangun di atas satu sama lain!

5. Jangan berasumsi.

Ingat poin tentang teori warna dan tombol merah tadi? Jadi yang mana? Untuk menggunakan tombol merah atau tidak menggunakan tombol merah? Jawaban untuk teka-teki yang tidak berasumsi bahwa pengguna Anda akan, atau tidak akan, memiliki setiap konotasi tertentu. Solusi untuk setiap masalah terkait UX atau UI adalah dengan membuat hipotesis terdidik, dan menguji, menguji, menguji! Membuat asumsi dapat membawa kita terlalu jauh ke jalur yang salah, padahal Anda harus selalu mengikuti data.

6. Jangan mengabaikan kepraktisan.

Jadi Anda telah melalui gerakan – sketsa, wireframing, storyboard, grup fokus, revisi, lebih banyak wireframe – dan Anda memiliki mockup yang sudah selesai dan mengkilap yang siap untuk dikembangkan. Saya tahu – sepertinya sudah begitu banyak, dan saya tidak suka menambahkan lebih banyak lagi ke prosesnya, tetapi dalam desain sangat penting agar Anda benar-benar memusingkan detail-detail kecil. Antarmuka pengguna terbaik di dunia akan benar-benar terurai jika yang paling perlu, meskipun tidak semenarik, praktik terbaik tidak di ikuti! Aksesibilitas adalah kuncinya. Berhati-hatilah untuk menggunakan font aman web dengan ukuran yang terbaca, area tindakan, dan tombol yang cukup besar untuk ditekan dengan mudah (Apple merekomendasikan minimal 44px ), dan periksa kembali apakah situs web Anda memiliki kontras yang cukup agar tetap dapat digunakan oleh seseorang yang buta warna.

Untuk lebih memperjelas, yuk kita simak do and don’t yang di lakukan oleh raksasa teknologi dunia yaitu Apple di bawah ini ya Astronauts!

Formatting Content Apple

Buat tata letak yang sesuai dengan layar perangkat. Pengguna harus melihat konten utama tanpa memperbesar atau menggulir secara horizontal.

Untuk lebih memperjelas, yuk kita simak do and don’t yang di lakukan oleh raksasa teknologi dunia yaitu Apple dibawah ini ya Astronauts!


Touch Controls

Gunakan elemen UI yang terancang untuk gerakan sentuh agar interaksi dengan aplikasi Anda terasa mudah dan alami.

Text Size

Teks harus setidaknya 11 poin sehingga dapat dibaca pada jarak pandang biasa tanpa perlu di perbesar / di perkecil.

Untuk lebih memperjelas, yuk kita simak do and don’t yang di lakukan oleh raksasa teknologi dunia yaitu Apple dibawah ini ya Astronauts!

High Resolution

Menyediakan versi resolusi tinggi dari semua aset gambar. Gambar yang bukan @ 2x dan @ 3x akan tampak buram di layar Retina.

Untuk lebih memperjelas, yuk kita simak do and don’t yang di lakukan oleh raksasa teknologi dunia yaitu Apple dibawah ini ya Astronauts!

Organization Apple

Buat tata letak yang mudah di baca yang menempatkan kontrol dekat dengan konten yang mereka modifikasi.

Untuk lebih memperjelas, yuk kita simak do and don’t yang di lakukan oleh raksasa teknologi dunia yaitu Apple dibawah ini ya Astronauts!

Profesi sebagai UI dan UX designer pastinya saat ini sudah cukup terdengar familiar. Banyaknya lowongan yang tersedia di bidang UI dan UX design tentunya membuat banyak orang yang tertarik belajar bidang tersebut. Menariknya, pekerjaan ini sering kali tidak mengharuskan seseorang untuk mempelajari suatu jenis pendidikan tertentu.

Ilmu yang dibutuhkan untuk mempelajari UI dan UX design bisa dipelajari sendiri asalkan Anda ada niatan dan mau terus belajar. Nah buat nambah wawasan yuk liat penjelasan di atas tentang Do’s and Dont’s dalam dunia UI UX ala Apple

Jika ada masukan yuk jangan ragu untuk berkomentar ya astronauts!

Share

Share on facebook
Share on twitter
Share on linkedin
Share on email
Close Menu