Antarmuka web terdiri dari elemen
grafis yang memungkinkan pengguna mengakses konten, menavigasi, dan
berinteraksi. Untuk membuat pengguna tetap tinggal dan kembali, desain
antarmuka itu penting.
Agar desain web menjadi efektif, ia
harus memastikan bahwa pengguna situs dapat dengan mudah mengakses konten,
berinteraksi secara efektif dengan semua komponen dan merasa nyaman setiap
saat, bahkan tanpa memikirkannya.
Elemen yang memungkinkan ini adalah
antarmuka, yang persiapan dan desainnya harus mendapat perhatian khusus.
Bagian penting dari keberhasilan atau
kegagalan situs sangat bergantung pada elemen dasar desain ini. Selain itu,
desain antarmuka harus berupaya membuat situs web dapat digunakan .
Apa
antarmuka situs web?
Konsep antarmuka sangat luas dan
mengacu pada sistem apa pun yang memungkinkan kontak dan fungsionalitas antara
dua sistem yang berbeda.
Misalnya, tombol dan layar ponsel
membentuk antarmuka, karena memungkinkan pengguna untuk menggunakan fungsi yang
ditawarkan perangkat ini.
Namun, dalam artikel ini kami akan
merujuk secara eksklusif ke antarmuka web , yang merupakan sistem grafik yang
memungkinkan pengguna untuk mengakses konten, melakukan tugas, memahami
fungsionalitas, dan menavigasi halaman situs yang berbeda.
Singkatnya, antarmuka web adalah
kumpulan grafik yang memungkinkan presentasi dan navigasi situs.
Ini dicapai dengan memasukkan elemen
umum ke seluruh web yang standar , memberi pengguna kendali penuh atas
fungsionalitas situs sejak mereka memasukinya tanpa harus memiliki pengetahuan
yang luas atau persiapan apa pun sebelumnya.
Halaman web dapat memiliki konten
terbaik dalam genre yang dikembangkannya, tetapi pasti akan gagal jika
antarmukanya tidak memungkinkan pengguna mengaksesnya dengan cepat dan mudah .
Sebaliknya, halaman web yang isinya
berkualitas rendah (tentu saja tanpa buruk) tetapi antarmukanya memungkinkan
penggunanya untuk menavigasi dengan mudah, memiliki akses langsung ke konten
yang mereka inginkan dan berinteraksi dengan lancar, akan lebih berhasil.
Desain
atau template khusus?
Saat ini, sebagian besar perancang web
menggunakan templat standar dari pengelola konten populer seperti Wordpress
atau Prestashop.
Menggunakan template desain web
menghemat banyak waktu bagi desainer meskipun tidak sekustom desain dari awal.
Anda akan menemukan banyak profesional
dan agensi desain web yang menggunakan template untuk menghemat waktu dan
sumber daya. Namun, ada juga perusahaan
desain web seperti Lobocom yang lebih
suka membuat desain web khusus dan
menghindari template untuk memberikan
sentuhan eksklusif pada karya mereka.
Desain yang dipersonalisasi membedakan
kami dari halaman web dengan desain template standar yang dikenal oleh
desainer, meskipun membutuhkan kerja ekstra.
Tujuan
saat mendesain antarmuka web
Tujuan dari desain antarmuka yang baik
adalah untuk menyediakan kerangka penggunaan yang memungkinkan tugas dilakukan
dengan cara terbaik. Oleh karena itu, tujuan dari seorang desainer antarmuka
harus dua: kesederhanaan dan konsistensi .
Kesederhanaan antarmuka ini
dikembangkan sangat penting untuk menentukan bahwa pengguna merasa puas dan
ingin kembali ke situs.
Fakta bahwa seseorang harus melakukan
navigasi ekstensif melalui situs untuk menemukan apa yang mereka cari di
dalamnya benar-benar kontraproduktif. Sebaliknya, jika seseorang yang
mengunjungi suatu situs memiliki beberapa alat yang memungkinkan mereka
mengakses dengan cepat apa yang menarik bagi mereka, mereka pasti akan kembali.
Kesederhanaan diberikan oleh beberapa
faktor untuk diperhitungkan. Konsep penting pertama adalah elemen grafis atau
tekstual yang membentuk antarmuka harus jelas dan mudah diidentifikasi.
Contoh: arus kendaraan melalui
jalan-jalan kota diatur oleh serangkaian elemen grafis sederhana (antarmuka)
yang memungkinkan transit teratur .
Apa yang akan terjadi jika elemen
grafik ini rumit untuk dipahami? Kekacauan akan mendominasi lalu lintas kota,
karena, sementara beberapa pengemudi tidak menghormati rambu-rambu itu, yang
lain akan berhenti untuk mencoba menebak apa arti masing-masing hieroglif itu .
Kembali ke antarmuka web, contoh
kesederhanaan dapat ditemukan di halaman utama mesin pencari Google .
Penting juga bahwa hubungan antara
berbagai elemen yang membentuk situs, seperti judul, subjudul, tautan, menu,
dll., konsisten .
Semua elemen yang memungkinkan
pengguna untuk berinteraksi dan bernavigasi harus koheren dengan tugas yang
mereka lakukan, sehingga pemahaman dan pencarian konten dapat diakses oleh
pengguna tanpa harus melakukan penalaran yang rumit.
Dalam contoh berikut, kami melihat
halaman yang navigasinya sangat sederhana dan dapat diidentifikasi, berkat menu
yang sederhana namun efektif, mesin pencari, dan tautan ke beberapa bagian
penting:
Kualitas
desain dan stabilitas fungsional
Jika kita memasuki toko fisik dan
menemukan bahwa lantainya kotor, sarang laba-laba menggantung dari
langit-langit dan karyawannya acak-acakan, kita pasti akan tinggal sebentar,
kita tidak akan membeli apapun dan kita tidak akan masuk lagi. Hal yang sama
berlaku untuk situs web.
Kesan pertama yang diterima pengguna
dari sebuah situs web sangatlah penting, jadi antarmuka grafis harus sangat
berhati-hati, sedemikian rupa sehingga kami dapat meyakinkannya bahwa itu
adalah situs yang rapi, hati-hati, dan profesional.
Hal yang sama terjadi dengan
pengoperasian situs . Tidak ada yang lebih tidak menyenangkan daripada
menemukan situs di mana banyak pesan kesalahan, tautan rusak, formulir tidak
berfungsi, dll.
Fungsionalitas situs harus selalu
tetap pada atau mendekati seratus persen. Pengguna harus jelas bahwa setiap
kali dia melakukan suatu tindakan, itu memiliki respons yang dia inginkan.
Prinsip
dasar desain antarmuka pengguna
Untuk dapat merancang antarmuka
pengguna, tidak perlu banyak, siapa pun yang memiliki akses ke komputer dengan
koneksi Internet dapat mencoba melakukannya, mereka mengikuti beberapa kursus
online dan dalam beberapa bulan kami yakin diri kami siap dan siap. untuk mulai
mendesain .
Tetapi poin kuncinya adalah mengetahui
bagaimana melakukannya dengan benar, karena meskipun banyak usaha untuk
melaksanakan proyek semacam ini, hanya sedikit yang menghormati prinsip-prinsip
dasar yang dituntut oleh hal ini.
Antarmuka
yang jelas dan tepat
Sebelum hal lain, pengguna harus
mengenali apa yang dia lihat, tahu untuk apa itu digunakan, dan memahami
bagaimana antarmuka akan membantunya berinteraksi dengan aplikasi.
Dengan merancang elemen secara jelas,
kami membangun kepercayaan pada pengguna, tetapi jika Anda memberi mereka
halaman yang berantakan dengan antarmuka yang tidak dikenal, pengguna mungkin
kesulitan menggunakan situs web Anda.
Ingat baik-baik bahwa antarmuka
dirancang untuk menyebabkan interaksi antara pengguna dan apa yang Anda
tawarkan , oleh karena itu antarmuka harus diuraikan sedemikian rupa sehingga
menerangi jalur yang harus diikuti pengguna.
Meskipun antarmuka dapat dimodifikasi
berdasarkan selera dan pola, Anda harus ingat bahwa mereka memiliki interaksi
sebagai fungsi utamanya, percuma memiliki antarmuka yang terlihat seperti
sebuah karya seni, jika tidak memenuhi tujuan minimumnya.
Berikan
kontrol kepada pengguna
Orang merasa jauh lebih aman ketika
mereka mengendalikan situasi, jika lingkungan situs Anda tidak aman bagi
pengguna, mereka akan memilih untuk meninggalkan tempat tersebut.
Kita harus menghindari memaksa orang
melakukan interaksi yang tidak terduga. Hindari elemen yang muncul di layar
tanpa peringatan, yang bergerak atau berbunyi tanpa opsi untuk dihapus oleh
pengguna.
Untuk menghindari situasi seperti ini,
kami harus menjamin bahwa pengguna merasa mengendalikan situasi, untuk ini kami
dapat menambahkan status dan langkah-langkah yang terlibat dalam proses yang
mereka lakukan di berbagai bagian antarmuka.
Sebagai pelengkap, coba buat antarmuka
untuk mencakup semua kasus penggunaan , jika pengguna telah mencapai titik di
mana Anda telah mendapatkan apa yang Anda butuhkan, jangan lupakan dia dan
berikan semacam pesan yang memberi tahu dia bahwa tujuannya di proses telah
tercapai.
Definisikan
dengan baik tindakan primer dan sekunder Anda
Kita harus mendefinisikan dengan baik
apa saja tindakan utama yang harus dilakukan pengguna di situs kita, sehingga
nantinya, berdasarkan itu, kita fokus pada desain antarmuka. Untuk mencapai
proses yang sukses, kita harus mencegah jenis tindakan ini terganggu oleh
gangguan.
Cobalah untuk menyimpan satu tindakan
utama per layar , jangan membingungkan pengguna dengan jalur yang berbeda dan
pertahankan proses yang berurutan.
Menggunakan satu tindakan utama per
halaman akan memungkinkan pengguna mempelajari prosesnya dengan lebih mudah,
selain membuatnya lebih mudah digunakan, menghindari kebingungan.
Jika Anda memerlukan beberapa tindakan
dalam layar yang sama, ini akan diklasifikasikan sebagai tindakan sekunder.
Tindakan sekunder akan selalu bergantung pada tindakan utama yang dipilih
sebelumnya, jadi desainnya tidak boleh lebih menonjol dari tindakan utama.
Berikan
pentingnya konsistensi
Melanjutkan dasar dari prinsip
sebelumnya, kita harus menetapkan bahwa desain elemen harus dilakukan secara
konsisten , selalu berusaha menggunakan desain generik dan dari sana menentukan
apa yang diperlukan untuk setiap bagian.
Kami harus menghindari mendesain
setiap halaman atau modul situs kami seolah-olah itu adalah sesuatu yang sama
sekali berbeda dari apa yang dikembangkan sebelumnya. Antarmuka yang tidak
memperhatikan hal ini akan terlihat tambalan dan penuh ketidakkonsistenan, yang
dapat sangat memengaruhi pengalaman pengguna.
Namun, ini tidak berarti bahwa kita
harus pergi ke ekstrem yang lain dan membawa praktik ini ke penyalahgunaan gaya
serupa untuk setiap kasus penggunaan.
Kita tidak boleh mencoba menghubungkan
atau mengaitkan elemen yang tidak memiliki perilaku koheren atau hubungan logis
dengan yang lain dari kelompok yang sudah mapan.
Artinya, jika kita mengelompokkan
sekumpulan elemen yang memberinya karakteristik desain tertentu, kita tidak
boleh menambahkan karakteristik yang sama ini ke elemen lain yang sama sekali
tidak memiliki hubungan dengan elemen sebelumnya.
Gunakan
hierarki visual
Saat pengguna melihat hal yang sama,
dalam urutan yang sama, dan tanpa referensi apa pun, minat mereka akan cepat
memudar. Untuk menghindarinya, kita harus membuat visualisasi yang jelas dari
elemen yang membentuk antarmuka kita, menetapkan tingkat kepentingan yang
membantu kita menentukan gaya yang akan diterapkan.
Dengan menetapkan hierarki yang benar
di antara elemen-elemen yang membentuk antarmuka Anda, Anda akan memberi
pengguna yang menelusuri situs Anda istirahat dan struktur Anda akan secara
otomatis tampak jauh lebih teratur.
Atur
barang-barang Anda dengan benar
Antarmuka yang tertata dengan baik
memungkinkan pengguna mempelajari lebih cepat dan lebih mudah apa yang ingin
Anda ilustrasikan.
Untuk membawa antarmuka kita ke
organisasi, kita harus belajar mengelompokkan elemen , menghubungkannya,
sehingga dengan cara ini kita dapat mengidentifikasi orientasi dan penempatan
yang tepat.
Dengan cara ini, pengguna tidak perlu
mencari tahu apa hubungan antara satu elemen dengan elemen lainnya, karena
antarmuka yang sama akan menyediakan informasi tersebut.
Selain itu, Anda harus mencoba
menampilkan hanya apa yang diperlukan di layar , jangan mencoba menampilkan
semuanya dalam beberapa piksel, pengguna akan berterima kasih.
Teknik
untuk meningkatkan desain antarmuka kami
Untuk mengarahkan desain situs secara
memadai, seseorang harus memilih teknik yang memungkinkan pengembangan
antarmuka yang indah dan fungsional.
Teknik ini tidak ditautkan ke topik
tertentu, ini hanyalah saran yang memungkinkan Anda meningkatkan pengalaman
yang dimiliki pengguna saat menjelajahi situs Anda.
Warna
menarik perhatian
Menggunakan warna sebagai alat untuk
menarik perhatian adalah salah satu teknik paling mendasar dalam desain
antarmuka.
Anda harus sangat berhati-hati dengan
warna yang Anda pilih untuk elemen halaman Anda, karena jika Anda tidak membuat
pilihan yang tepat, Anda dapat memberikan lebih banyak relevansi pada bagian
tertentu yang sebenarnya tidak pantas, dan meninggalkan bagian di latar
belakang di mana Anda menampilkan konten yang Anda anggap relevan bagi
pengguna.
Warna dengan nada hangat seperti
merah, kuning, dan oranye secara alami mencolok, sehingga cenderung lebih
menarik perhatian dan mata pengguna cenderung mencarinya. Selain itu, jika
dikontraskan dengan warna dingin seperti biru atau hijau, mereka cenderung
menciptakan ilusi memperbesar elemen warna hangat.
Kontras
untuk mengelola perhatian
Apa yang akan memungkinkan kita untuk
menciptakan kesan hierarki, adalah penggunaan warna dalam corak yang serupa,
memberikan warna pada skala yang lebih besar ke warna yang paling relevan, dan
secara bertahap mengurangi skala sesuai dengan pentingnya elemen tersebut.
Salah satu cara terbaik untuk menyorot
elemen adalah dengan menambahkan kontras dengan menggunakan warna gelap untuk
menyorot elemen penting, dan menggunakan warna yang lebih terang untuk elemen
yang masih relevan.
Jika, misalnya, kami memiliki blog
tempat kami menerbitkan artikel setiap hari, sampul kami akan terlihat penuh
dengan informasi jika kami tidak menerapkan kontras yang memadai.
Untuk melakukan ini, kita dapat
memilih untuk memberikan warna hitam pada judul, sedangkan tanggal publikasi,
jumlah komentar, nama penulis, atau data meta lainnya, dapat berwarna abu-abu;
ini akan menunjukkan bahwa judulnya jauh lebih relevan daripada informasi
lainnya.
Efek ini didapat karena warna gelap
menciptakan ilusi bahwa judul berada dalam fokus, sedangkan informasi lainnya
tampak memudar ke latar belakang. Jika, misalnya, kami ingin menambahkan lebih
banyak relevansi dengan nama penulis, kami dapat menggunakan warna abu-abu yang
lebih kuat, yang berada di antara warna judul dan data lainnya.
Tingkat kontras adalah alat yang
sangat ampuh, tetapi harus digunakan dengan hemat karena jika kita tergoda
untuk menggunakannya secara berlebihan, pada akhirnya tidak akan berpengaruh
dan hanya akan menghasilkan noise, menyebabkan efek yang berlawanan dengan yang
diinginkan.
Ruang
kosong untuk berhubungan
Salah satu elemen yang paling
berpengaruh terhadap tampilan sebuah interface adalah white space yang ada
diantara elemen halaman. Bagian yang kami tinggalkan gratis, dan yang bertugas
memisahkan elemen, sangat penting agar pengguna dapat memahami hubungan.
Dengan memanipulasi ruang putih, kita
dapat menunjukkan hubungan antara elemen atau kelompok elemen tertentu.
Misalnya, jika kami meletakkan judul
di atas paragraf, dan ini dipisahkan oleh spasi normal, kami memberikan
pemahaman kepada pengguna bahwa judul ini sesuai dengan teks yang mengikutinya
di bagian bawah.
Namun jika kami mengulangi proses ini
untuk bagian lain yang terdiri dari judul dan paragraf, akan membingungkan
pengguna jika kami tidak menambahkan spasi yang tepat.
Oleh karena itu, kami harus
menambahkan spasi yang dipertimbangkan di antara setiap bagian, agar konten
kami lebih mudah dibaca.
Dengan cara ini kami mendefinisikan
blok bagian hanya dengan memodifikasi detail kecil antarmuka, ini akan
memungkinkan hubungan antar elemen lebih mudah diidentifikasi oleh mata
pengguna.
Spasi antar huruf
Jika Anda pecinta tipografi, desain
web mungkin merupakan profesi yang cukup membuat frustrasi, karena secara
default hanya ada sedikit opsi yang tersedia untuk memilih font yang akan
digunakan untuk menampilkan konten situs kami.
Beberapa font web aman, karena akan
ada beberapa yang akan ditampilkan dengan baik pada beberapa mesin dan beberapa
tidak, tergantung pada berbagai faktor mulai dari browser hingga sistem
operasi.
Untuk ini, kami harus menambahkan
fakta bahwa tidak banyak varian untuk memodifikasi gayanya, tetapi meskipun
demikian kami memiliki keuntungan bahwa setiap huruf berada di bawah kendali
kami, jadi kami dapat menggunakan ruang sebagai sekutu untuk mencoba memberi
gaya yang lebih layak, dan akibatnya presentasi yang lebih baik.
Pelacakan adalah istilah yang
digunakan dalam bidang tipografi untuk menggambarkan penyesuaian ruang antara
huruf-huruf yang merupakan bagian dari kata, dan berkat properti
"jarak-huruf" CSS, kami memiliki kesempatan untuk melakukan teknik ini.
Jika kita menggunakannya dengan hemat,
properti ini bisa sangat efektif dalam meningkatkan tampilan judul dan judul
kita , tetapi jika kita menerapkannya pada badan paragraf atau blok teks yang
sangat panjang, ini dapat menyebabkan efek sebaliknya.
Jika digunakan dengan jenis yang
sangat kecil atau dalam teks yang dibaca terus menerus, ini dapat menyebabkan
teks tersebut kehilangan keterbacaan yang ditambahkan oleh jarak default.
Teknik ini berguna jika Anda ingin
membuat judul dengan estetika yang lebih menyenangkan atau orisinal. Jarak
beberapa piksel antar huruf membuat perbedaan besar pada gaya font, jadi Anda
harus berhati-hati agar tidak menggunakan jarak yang jauh.
h2 {
font-family: Abad Gotik;
ukuran font: 4em;
spasi huruf: -2px;
font-berat: normal;
}
Gaya
untuk elemen terfokus
Adalah umum bagi kami untuk menangani
beberapa jenis elemen di seluruh formulir, sehingga perhatian pengguna mudah
hilang jika kami tidak menyertakan alat bantu visual.
Kami dapat menambahkan gaya individual
untuk bidang tempat penunjuk saat ini ditempatkan, ini akan membantu pengguna
mengidentifikasi bagian selanjutnya dari proses, dan di mana memasukkan
informasi.
masukan: fokus {
border-color: #000;
warna latar belakang: #CCC;
}
Cara
membuat antarmuka pengguna lebih sederhana
Saat kami merencanakan sebuah situs,
pada prinsipnya, perancang selalu berupaya merancang antarmuka yang bersih ,
mudah digunakan, ramah, dan intuitif. Tapi ini hilang seiring perkembangan
situs dan kompleksitas meningkat.
Antarmuka yang kompleks dapat
menyebabkan disorientasi pengguna, menyebabkan kebingungan dan kurangnya
inisiatif untuk berinteraksi dengan situs, bahkan menyebabkan situs
ditinggalkan oleh pengunjung.
Untuk menghindari hal ini, kami harus
mengambil langkah-langkah yang diperlukan dan mengurangi kerumitan situs,
sedemikian rupa sehingga pengguna akan mendapatkan pengalaman yang bermanfaat
saat menjelajahi situs kami.
Penghapusan
elemen yang tidak perlu
Salah satu hal pertama yang harus
dilakukan saat mengevaluasi situs Anda adalah mencari utilitas dan aplikasi
yang tidak benar-benar digunakan orang.
Telah terbukti bahwa sebagian besar
pengguna yang memasuki situs hanya menggunakan apa yang disebut tulang
punggungnya, mengesampingkan fungsi kecil dan add-on yang dapat dibuat saat
dalam perjalanan untuk mencoba menyelesaikan lebih banyak masalah daripada yang
awalnya muncul. .
Situs web yang mencoba melakukan
semuanya di satu tempat sering kali tidak melakukan apa pun dengan benar. Agar
situs web berhasil, Anda harus mengisolasi satu masalah dan mencoba
menyelesaikannya dengan cara terbaik dan dengan kecerdikan terbesar yang dapat
diterapkan, membuat hidup lebih mudah bagi pengguna, bukan mempersulit.
Untuk mendapatkan situs dan aplikasi
yang efisien, seseorang harus menggunakan penghapusan properti dan fungsi yang
tidak perlu.
Jika ada sesuatu yang tidak membantu
sebagian besar pengguna melakukan tugas mereka di situs web, maka itu mungkin
harus ditinggalkan dari proyek.
Pada awalnya latihan ini mungkin sulit
bagi Anda, karena semuanya tampak perlu, tetapi ketika Anda mulai mengamati
cara mudah pengguna menelusuri situs web Anda, Anda akan menyadari bahwa itu
adil dan perlu untuk menghapus plugin ini.
Kurangi
kebisingan visual
Jumlah derau visual dalam antarmuka
berdampak besar pada kompleksitas yang dirasakan pengguna, menjaga derau visual
seminimal mungkin akan membuat antarmuka tampak lebih mudah dan sederhana untuk
digunakan.
Dua alat utama untuk mengurangi
kebisingan visual tersebut adalah ruang putih dan kontras.
Ruang putih adalah yang ada sebagai
pemisah antara elemen yang membentuk DOM situs kita. Ruang ini harus dianggap
sebagai alat desain utama kita, dan harus selalu digunakan di atas elemen
lainnya.
Antarmuka yang dibatasi dengan baik
dan dengan ruang yang diperlukan akan menghasilkan pemahaman yang mudah oleh
pengguna.
Sementara ruang putih harus digunakan
dalam jumlah banyak, kontras harus digunakan sesedikit mungkin, karena pada
prinsipnya desainer harus menggunakan variasi visual sesedikit mungkin untuk
mengkomunikasikan ide secara efektif.
Dalam praktiknya, ini berarti hanya
menekankan apa yang penting.
Menggunakan
kembali elemen
Saat proyek berlangsung, situs mulai
terbentuk dan masalah cenderung berulang, kami menemukan situasi yang dapat
diselesaikan dengan cara serupa dan penggunaan kembali elemen mulai menjadi
faktor penting.
Penggunaan kembali elemen untuk tujuan
yang berbeda memiliki dua keuntungan, yang pertama adalah membutuhkan lebih
sedikit waktu pengembangan dan yang kedua adalah tercapainya antarmuka pengguna
yang lebih konsisten, meningkatkan pengalaman orang yang akan menggunakan
situs.
Keberhasilan penggunaan kembali juga
didasarkan pada pembelajaran, jika pengguna belajar menjalankan fungsi di satu
bagian aplikasi, akan lebih mudah baginya untuk melakukannya di bagian lain
jika kita mempertahankan struktur standar dan penggunaan kembali.
Kesalahan
dalam desain antarmuka web
Desain antarmuka saat ini merupakan
pekerjaan kompleks yang membutuhkan studi, analisis, dan pengambilan keputusan
yang memadai.
Lewatlah sudah hari-hari ketika latar
belakang yang cantik dan beberapa efek cukup mengejutkan pengguna dan mendapatkan
persetujuan mereka, yang pada akhirnya menyebabkan peningkatan popularitas
situs.
Relevansi besar yang diambil oleh
penyelidikan seputar pengalaman pengguna dan kegunaan situs telah membuat
perancang mengambil jalan yang berbeda saat membuat keputusan yang relevan
dengan struktur dan perilaku laman.
Interaksi telah menjadi faktor utama
yang harus dipikirkan selama proses perencanaan sebuah situs web.
Pada awalnya hal ini mungkin terlihat
rumit, tetapi kenyataannya hal ini dapat sesederhana menghindari ekses dan
berpegang teguh pada hal-hal yang esensial.
Bagaimana mengetahui jika desain
antarmuka kita memiliki kesalahan? Di sini kami menyajikan 3 tanda jelas yang
akan memberi Anda jawabannya.
Contoh diambil dari Elegant Themes ,
Anda dapat mengunjungi situs web mereka untuk menikmati lebih banyak contoh.
Ini
adalah antarmuka norak

Ketika suatu produk, layanan atau
dependen terlalu berisik, akhirnya cukup mengganggu.Misalnya, kami memberi Anda
contoh.
Tidak dapat dibenarkan bahwa sebuah
situs bersikeras pada sesuatu yang tidak menarik bagi pelanggan, namun untuk
beberapa alasan aneh beberapa orang mungkin berpikir bahwa ini normal di web
dan tidak ada salahnya melakukannya.
Ada banyak desainer yang beralasan
dengan cara ini, mereka mengembangkan aplikasinya dengan berpikir untuk
menunjukkan kepada klien betapa pentingnya halaman atau fungsi mereka bagi
mereka, padahal yang penting adalah apa yang dibutuhkan pengguna.
Mencoba
untuk membantu terlalu banyak

Sebanyak yang kita inginkan, tidak
mungkin menempatkan setiap bagian, halaman, atau aplikasi situs di satu tempat
tanpa mengakibatkan kekacauan visual.
Namun, banyak situs masih memilih
untuk menggunakan presentasi semacam ini dengan tujuan membantu klien menemukan
apa yang mereka cari dengan lebih mudah , tetapi mendapatkan hasil sebaliknya,
halaman abadi dan membuang-buang waktu bagi pengguna.
Banyak desainer mencoba untuk memenuhi
semua kebutuhan klien melalui jumlah tindakan yang paling sedikit, hal ini
menyebabkan apa yang penting terpotong dan tidak ada kebutuhan yang benar-benar
terpenuhi, menawarkan solusi parsial hanya akan menyebabkan frustrasi pengguna.
Penting untuk menghindari terus-menerus
memberikan saran, kecuali jika klien membutuhkannya, ini adalah prinsip dasar
layanan pelanggan.
Kita tidak boleh menyiksa pengguna
dengan informasi yang tidak mereka butuhkan pada saat itu , ketika diperlukan,
itu akan muncul dan dalam hal ini situs harus merespons dengan benar.
itu
terlalu berbeda

Tidak ada yang salah dengan mencoba
menjadi inovatif, namun perubahan yang berlebihan yang diterapkan pada cara
tradisional dalam melakukan sesuatu dapat menyebabkan beberapa kesulitan bagi
pengguna.
Ini adalah kasus umum dari situs yang
mengklaim sebagai reformis atau "chic", dengan tujuan membuat situs
tersebut menonjol, namun pada akhirnya membuat situs tersebut tidak dapat
digunakan karena tidak dipahami.
Desainer harus cukup rendah hati untuk
mematuhi standar UI dan prinsip UX, tidak pernah berhenti bereksperimen, tetapi
hanya menggunakan desain non-standar jika desain tersebut benar-benar
memberikan nilai yang signifikan.