Apakah desain Anda mulai terlihat tua? Elemen antarmuka pengguna yang lama dan kedaluwarsa dapat membuat situs terasa jauh lebih kuno daripada yang sebenarnya.

Di sini, kita melihat delapan elemen UI yang harus Anda hilangkan dari rencana desain Anda. Tapi itu belum semuanya; masing-masing “jangan” hadir dengan saran untuk memodernisasi situs web Anda. Kami akan membuat desain itu terlihat terbaru dalam waktu singkat!

1. Tombol “Rata”

Salah satu masalah terbesar dengan desain flat pada umumnya adalah semuanya datar. Untuk beberapa pengguna ini membuat elemen sulit dibedakan dan membuat interaksi menjadi sulit. “Almost flat” dan “Flat 2.0” muncul sebagai solusi untuk masalah ini, membantu pengguna menemukan dan berinteraksi lebih baik dengan elemen UI.

Coba ini sebagai gantinya: Tambahkan sedikit animasi atau efek hover untuk memberikan tombol gaya datar sedikit lebih menekankan. Jika Anda menyukai tampilan datar, pertimbangkan alternatif yang hampir datar atau opsi tombol yang terlalu besar yang lebih mudah ditemukan dan berinteraksi dengan pengguna.

2. Teks Karosel

Karosel dan slider dapat dengan mudah menjadi bahan perdebatan besar di antara para desainer. Apakah mereka dapat digunakan dan berfungsi dengan baik sering sangat bergantung pada konten di dalamnya.

Karosel teks atau bilah geser yang menampilkan deretan panjang informasi tidak terlalu praktis. Slider yang sebenarnya tidak meluncur sendiri dan memerlukan klik tidak terlalu berguna. Dan tidak ada opsi ini yang mendorong pengguna untuk mengklik.

Coba ini sebagai gantinya: Jika Anda ingin menampilkan beberapa item, gunakan teknik ini sebagai tampilan untuk beberapa visual tetapi jangan sebagai ajakan untuk bertindak dan jangan menggunakannya untuk blok teks yang seharusnya dibaca pengguna secara berurutan . Tempatkan elemen tindakan di tempat lain di layar dengan tindakan langsung dan mudah dipahami.

3. Tautan untuk Event Kecil

Harus mengklik (atau mengetuk) di dalam situs web untuk melihat informasi tambahan adalah sesuatu dari masa lalu. Pengguna ingin dapat melihat informasi sekilas tanpa kehilangan lokasi browser awal mereka. (Ini berlaku untuk situs web dan aplikasi.)

Jika Anda dapat menampilkan informasi dengan cara yang tidak menyebabkan pengguna menavigasi jauh dari sumber asli untuk divots ini, Anda harus melakukannya dengan cara itu.

Coba ini sebagai gantinya: Sebuah popover adalah elemen UI kecil yang berhubungan dengan bit tertentu dari konten. Saat pengguna mengaktifkan aksi, elemen gaya yang hampir-notifikasi muncul (dan kemudian menghilang juga). Popovers adalah salah satu fungsi yang dipuji-puji di Apple OS X dan untuk alasan yang baik; menyediakan fungsi tanpa navigasi.

4. Berbasis Flash Apapun

Hanya ada satu hal untuk dikatakan tentang Flash: Jika Anda masih menggunakannya untuk apa pun di situs web Anda, silakan berhenti.

Coba ini sebagai gantinya: HTML5 sudah tidak baru lagi dan menyediakan semua fungsi yang Anda butuhkan untuk memutar audio, video, dan bit multimedia lainnya. (Plus itu berfungsi di semua perangkat.)

5. Ikon dengan Bayangan Panjang

Pencapaian tren desain datar ini berumur pendek. Meskipun Anda masih dapat menemukan beberapa ikon atau tombol bayangan panjang di luar sana, gaya tersebut sudah memiliki nuansa tanggal.

Coba ini sebagai gantinya: Coba buat tombol menggunakan gaya datar dengan sedikit bayangan atau tekstur. Efek halus ini membuatnya mudah untuk “melihat” daripada elemen yang dirancang untuk berinteraksi dengan, sambil tetap dengan estetika sederhana yang tidak mengurangi visual lainnya.

6. Menu Mega

Sementara menu mega dapat membantu pengguna menavigasi situs web dengan banyak konten, mereka tidak praktis pada perangkat yang lebih kecil. Masalah dengan menu-menu besar ini adalah sering kali ada begitu banyak konten yang tidak diketahui pengguna selanjutnya, kewalahan dan meninggalkan situs.

Masalah lain dengan menu besar adalah bahwa banyak yang dirancang untuk terbuka di atas dan kemudian menutupi sebagian besar layar. Hal ini dapat menyebabkan kebingungan bagi pengguna dan lebih jauh mengalihkan perhatian pengguna tentang mengapa mereka datang ke situs Anda atau pindah ke menu sejak awal.

Coba ini sebagai gantinya: Gunakan tautan kuat di tempat untuk mengarahkan pengguna melalui bit konten terkait. Memudahkan pengguna untuk menemukan dan melihat pola dalam desain untuk berpindah dari satu elemen atau sedikit konten ke yang berikutnya.

Menggunakan analisis situs, Anda dapat menemukan aliran dan pola pengguna dari halaman ke halaman untuk membantu menciptakan hubungan halaman yang kuat. Jika Anda merasa perlu melakukan navigasi besar-besaran, pertimbangkan menu geser keluar layar penuh yang diklik dengan sengaja dan dapat disembunyikan dengan mudah.

7. Ikon Media Sosial Terlalu Banyak

Pada titik ini pengguna tahu cara berbagi konten di media sosial – bahkan jika tidak ada lusinan ikon yang kuat di seluruh halaman. Semua ikon itu mungkin mengalihkan perhatian dari konten Anda.

Lebih buruk lagi adalah kuatnya ikon media sosial dengan semua warna dan bentuk yang berbeda dari berbagai saluran. Ikon-ikon ini membunuh desain Anda. Ada opsi yang lebih baik.

Coba ini sebagai gantinya: Tambahkan tombol berbagi media sosial khusus ke header atau footer Anda dan jauhkan dari konten individual. Rancang mereka dengan halus sehingga mereka tidak mengalihkan pengguna dari desain dan alasan sebenarnya untuk mengunjungi situs web Anda.

Atau menjadi sedikit lebih berani dan pertimbangkan membuangnya sama sekali. Gali analitik Anda; berapa banyak orang yang benar-benar menggunakan tombol bagikan?

8. Animasi “Palsu”

Apakah tombol, elemen, dan ajakan bertindak lainnya berputar, melompat, atau mengubah warna untuk membuat pengguna melihatnya? Teknik-teknik itu akan memberi tanggal situs Anda secara instan.

Desain harus menarik pengguna; perhatian karena jumlah gerakan yang konyol, seharusnya tidak.

Coba ini sebagai gantinya: Desain elemen dengan maksud. Berikan pengguna tempat untuk fokus dalam desain. Setiap layar harus menyertakan tidak lebih dari satu item yang dapat ditindaklanjuti (selain dari opsi berbagi media sosial). Jadi jelaskan apa yang harus dilakukan pengguna dan desain elemen yang dapat membantu mereka mencapai tujuan itu.

Elemen gaya kartu adalah pilihan yang baik di sini. Karena wadah lebih besar dari tombol standar, wadah memberikan banyak ruang dan informasi yang dapat diklik. Ini dapat memudahkan pengguna untuk menemukan dan mengklik ke tindakan yang sesuai. (Dan kartu juga ramah responsif.)

Kesimpulan

Apakah Anda membuat kesalahan UI ini di situs web Anda? Perbaikan sederhana dapat membantu Anda menyegarkan dan memodernisasi desain sambil membuatnya lebih mudah digunakan.

Pastikan untuk melihat contoh-contoh (dan klik tautan untuk melihat bagaimana mereka bekerja dalam tindakan) untuk melihat cara Anda dapat menggunakan berbagai jenis elemen antarmuka pengguna dengan baik. Dan pastikan untuk membagikan sebagian karya Anda dengan kami di galeri Design Shack .

sumber: designshack.net