Dan, di situs web kami, kami memiliki artikel tentang 10 kesalahan web teratas dari tahun-tahun sebelumnya. Dan saya sarankan Anda pergi dan membaca artikel-artikel itu. Untungnya, banyak kesalahan, khususnya di tahun-tahun sebelumnya, tidak lagi terlalu buruk. Maksud saya, teknologi sudah maju, pengguna menjadi lebih maju. Namun demikian, banyak kesalahan dari daftar lama ini, sebenarnya masih merupakan kesalahan dan masih dilakukan oleh banyak situs web. Dan Anda akan menyadari saat saya membaca daftar hari ini bahwa beberapa kesalahan lama ini sebenarnya masih ada dalam daftar 10 teratas, bahkan sampai sekarang, yang sungguh memalukan. Apa yang saya maksud ketika saya berbicara tentang, Anda tahu, "sebuah kesalahan"? Sebenarnya, menurut saya ada tiga alasan mengapa situs web buruk. Itu desain yang jahat, bodoh, dan malas. Jadi yang saya maksud dengan desain jahat adalah situs tersebut sengaja melakukan sesuatu yang buruk bagi penggunanya. Dan itu karena disengaja, itu bukan kesalahan. Jadi, hal-hal tersebut tidak ada dalam daftar ini, meskipun hal tersebut bisa sangat tidak menyenangkan dan buruk bagi kegunaannya. Contoh yang bagus dari hal ini sebenarnya ada di amazon.com di mana sangat sulit untuk berhenti berlangganan, Anda tahu, menjadi anggota tahunan Amazon. Dan itu bukan karena Amazon tidak tahu bagaimana merancang alur kerja yang lancar karena sangat mudah untuk masuk, hanya saja sulit untuk keluar karena mereka ingin Anda tetap membayar uang setiap tahun. Jadi mereka menyulitkan untuk keluar. Itulah yang saya sebut rancangan jahat. Itu memang sengaja buruk dan itu bukan sebuah kesalahan. Maka desain bodohnya adalah mereka tidak tahu apa-apa. Mereka berpikir bahwa mereka memiliki situs web yang bagus, namun mereka melakukan sesuatu yang berdampak buruk bagi pengguna, namun mereka tidak mengetahuinya. Dan salah satu alasan masuknya daftar 10 teratas ini sebenarnya adalah untuk meningkatkan kesadaran akan kesalahan desain ini. Oleh karena itu, mudah-mudahan alasan, "Saya tidak tahu", tidak terlalu berlaku karena semakin menonjolnya. Dan alasan terakhir untuk desain yang buruk adalah desain yang malas. Jadi mereka sebenarnya tahu bahwa hal itu buruk, mereka hanya tidak bisa bersatu dan benar-benar memperbaikinya. Dan tentu saja kita semua tahu bahwa semua proyek memiliki sumber daya yang terbatas. Anda tidak dapat membuat semuanya sempurna, tapi setidaknya salah satu manfaat memiliki daftar kesalahan desain teratas mungkin adalah menempatkan kesalahan tersebut sedikit lebih tinggi pada daftar prioritas dan mungkin membuatnya lebih mungkin untuk diperbaiki. Lebih jauh lagi, apa yang saya maksud dengan menjadikan sesuatu sebagai kesalahan "tertinggi", dan bukan kesalahan apa pun? Salah satu hal adalah, hal itu harus benar -benar mengganggu atau menyakitkan bagi pengguna. Namun hal kedua adalah hal itu juga harus lazim. Kesalahan harus dilakukan oleh banyak situs web. Jika itu adalah kesalahan yang hanya dilakukan oleh beberapa situs, meskipun itu benar-benar buruk, itu bukan kesalahan besar, jika sebagian besar waktu saat Anda membuka web, Anda tidak menemui masalah itu. Jadi itulah yang saya maksud dengan 10 kesalahan teratas. Jadi sekarang mari kita lihat daftar itu dan saya akan mulai dari bawah dengan kesalahan #10 dan kemudian #9, dan kita akan melanjutkan ke atas dan mengakhiri dengan kesalahan terburuk dalam desain web saat ini.
10. Desain ponsel di layar besar.
Dan ini sebenarnya adalah contoh spesifik dari kesalahan desain yang lebih umum, yaitu tidak mendesain untuk medianya, tetapi mendesain untuk media yang berbeda dari yang dimiliki pengguna. Dan mungkin 10 tahun yang lalu, kesalahan sebaliknya justru sangat umum terjadi, yaitu desain desktop di perangkat seluler. Jadi Anda mengambil situs web yang baik-baik saja jika Anda menggunakan browser pada monitor besar di komputer desktop, lalu Anda menekannya. Dan tentu saja, tak seorang pun boleh menyentuh apa pun dan itu mengerikan. Dan itu buruk 10 tahun lalu. Sekarang ini bukan lagi kesalahan utama karena tidak lagi sering dilakukan. Namun kesalahan sebaliknya ini kini menjadi kesalahan utama, yaitu Anda membuat desain yang sebenarnya mungkin berfungsi cukup baik di perangkat seluler, namun kemudian tidak berfungsi di layar lebar, bukan? Atau berfungsi buruk di layar besar, karena Anda hanya mengambil sesuatu dan memperbesarnya, itu tidak membuatnya bagus. Contohnya adalah menu hamburger. Jadi jika Anda mengambil menu hamburger di perangkat seluler ini, itu masuk akal karena Anda memiliki layar kecil, Anda tidak dapat menampilkan seluruh menu. Lalu apa yang akan kamu lakukan? Anda akan membuat sedikit representasi menu, dan kemudian Anda memiliki langkah ekstra karena harus mengaktifkannya untuk melihat menu. Sekarang, jika Anda memiliki layar besar, mengapa harus melakukan langkah ekstra? Pertama-tama, itu hanya menjengkelkan, tapi yang lebih penting sebenarnya, itu tidak terlihat di luar pikiran. Dan ikon kecil di layar kecil memiliki keunggulan yang relatif tinggi. Ikon kecil di layar lebar yang terletak di sudut terpencil, tidak terlalu menonjol. Dan kami sebenarnya telah melakukan penelitian yang menunjukkan bahwa orang-orang lebih jarang menggunakan menu di perangkat desktop jika menu tersebut disembunyikan di bawah ikon hamburger ini. Jadi, desain media adalah pedoman umum. Dan kesalahan desain yang lebih spesifik saat ini adalah memiliki desain seluler yang berfungsi dengan baik di ponsel dan menjadikannya besar.
9. Splash Screen
Dan tahukah Anda, di masa lalu kita harus melakukan kesalahan desain lain yang serupa, yaitu splash screen. Anda tahu, seperti, "Selamat datang di situs saya", ada beberapa orang yang terkejut atau semacamnya, dan itu sangat buruk. Mereka benar-benar menghalangi kegunaannya, dan untungnya, kami mematikannya di akhir gelembung .com, saya yakin. Ide desain itu pasti seperti zombie. Ini seperti Orang Mati Berjalan. Anda tahu, itu muncul kembali dengan cara yang sedikit berbeda dengan memiliki satu gambaran besar dan itu satu-satunya hal yang Anda lihat ketika Anda membuka situs web. Lalu mungkin Anda bisa menggulir, tapi bagaimana Anda tahu bahwa Anda bisa menggulir? Maksud saya, karena ada ilusi kelengkapan, yaitu Anda melihat seluruh layar terisi dan Anda tidak menyadari bahwa Anda dapat menggulirnya. Mungkin ada satu tombol yang bertuliskan mulai di sini atau semacamnya, tapi sejujurnya, itu bukan komunikasi yang baik. Anda ingin menyampaikan kepada pengguna apa yang dapat dilakukan situs, menunjukkan kepada mereka banyak pilihan, banyak pilihan untuk meningkatkan kegunaan dan juga meningkatkan komunikasi. Jadi anggapan ini hanyalah sebuah gambaran besar, ini hanya splash screen modern dan harus dihindari.
8. Pergeseran tata letak dan pemuatan halaman.
Ini lebih dari, menurut saya kesalahan teknis karena halaman demi halaman saat ini sering kali berisi banyak komponen yang diunduh dari layanan cloud yang berbeda, bukan? Jadi, setiap kali satu hal baru diunduh, hal itu akan muncul di tempatnya dan hal-hal yang ada di layar akan berpindah ke atas pada halaman, berpindah-pindah untuk memberikan ruang bagi hal baru ini. Dan ini terjadi berkali-kali ketika banyak hal muncul dan setelah diunduh. Pertama-tama, ini adalah masalah estetika karena halaman terus melompat dan bergerak dan itu benar-benar menjengkelkan, tapi ini juga merupakan masalah kegunaan yang parah dalam beberapa kasus karena orang-orang, pengguna tidak sabar. Ini adalah sesuatu yang telah kita semua ketahui, Anda tahu, studi kegunaan web sejak saya mulai melakukannya pada tahun 1994. Jadi, setiap penelitian menunjukkan hal yang sama. Orang-orang ingin bergerak, menyelesaikan pekerjaan, menyelesaikan sesuatu di web. Mereka tidak ingin duduk di sana dan menunggu halaman ini dirender sepenuhnya. Jadi, jika pengguna melihat item di halaman yang mereka inginkan, "Inilah yang saya inginkan". Oke, itu ada di sana. Apa yang akan mereka lakukan? Mereka tidak akan menunggu lebih lama lagi. Mereka akan mengekliknya, dan saat mereka mengeklik, atau seperti yang Anda katakan, saat mereka mengeklik, bukan? Saat mereka mengeklik, hal baru diunduh, laman berpindah dan tempat yang mereka klik dulunya berisi apa yang mereka inginkan, namun sekarang ada sesuatu yang lain yang pindah ke tempat itu. Jadi klik, sejauh menyangkut komputer, ingatlah bahwa komputer berpikiran literal. Jadi komputer mengira mereka sedang mengklik hal baru yang ada di tempat itu. dan pengguna mengira mereka mengeklik sesuatu yang ada di tempatnya ketika mereka mulai mengeklik, sehingga mereka sampai ke bagian yang salah, membuka situs yang salah, bagian situs yang salah, memulai tindakan yang salah, atau apa pun . Jadi kegunaannya sangat, sangat buruk karena ini.
7. Ikon tanpa label
Gambarnya bagus, kata-katanya bagus, tapi keduanya sangat bagus. Ikon tanpa label menyebabkan banyak masalah kegunaan. Dan ada dua alasan utama untuk itu. Salah satunya adalah penggunaan kembali ikon yang sama atau serupa untuk mengartikan hal yang berbeda di situs yang berbeda. Artinya jika Anda hanya melihat ikon kecil itu, katakanlah hati, Anda tidak tahu apa fungsinya. Kedua, ikon yang tidak jelas. Dan sering kali Anda memiliki perintah atau fitur yang belum tentu mudah digambarkan dalam gambar ikon kecil. Lalu kamu menggambar sesuatu yang- "ehh, apa ini sebenarnya?" Dan tanpa label, akan sulit untuk memahaminya. Dan pengguna menjadi sangat khawatir dengan apa yang terjadi jika mereka tidak memahami atau mengetahui apa yang akan terjadi ketika mereka mengklik sesuatu, lho. Orang-orang bosan mengklik sesuatu dan mereka tidak tahu apa yang akan terjadi. Apakah ini berarti saya akan mengirim pesan ke 10.000 orang atau saya akan membeli barang mahal yang akan muncul besok, atau apa pun. Jadi, Anda ingin menyukainya, santai saja, dan Anda tidak mengklik hal-hal yang Anda tidak mengerti apa yang mereka lakukan. Dan satu kata kecil sering kali dapat membuat perbedaan besar dalam kegunaan ikon-ikon ini.
6. Tidak bisa pilih dan copy-paste
Ini juga lebih mirip kesalahan pengkodean, sering kali disebabkan oleh cara JavaScript digunakan. Jadi, Anda tidak bisa begitu saja mengarahkan kursor ke beberapa teks atau gambar dan memilihnya lalu menyalinnya, lalu membawanya keluar situs dan meletakkannya di tempat lain. Jadi, Anda menghancurkan- ini adalah pengkodean yang buruk, menurut saya- Anda menghancurkan mekanisme integrasi utama yang dimiliki orang untuk mengambil informasi di seluruh aplikasi, yaitu dengan memotong, menyalin, dan menempel, yang harus kita ketahui selamanya dan pernah. Ini adalah salah satu perintah umum utama, namun dilanggar atau dinonaktifkan di banyak situs web. Dan orang-orang menggunakan salin-tempel ini karena berbagai alasan. Bisa saja dengan mengirimkan beberapa informasi kepada teman, kolega, bisa juga dengan membuat daftar singkat hal-hal yang perlu dipertimbangkan untuk dibeli, mungkin untuk dikirimkan ke atasan Anda. Saya merekomendasikan agar kita membelanjakan $100.000, Anda tahu, untuk B2B, untuk salah satu dari tiga hal ini. Namun jika orang tidak dapat menyalin dari situs Anda, kecil kemungkinannya untuk masuk dalam daftar tersebut. Jadi sebenarnya bisa jadi kerugian besar. Banyak alasan lain mengapa orang ingin menyalin dan menempel, dan jika Anda tidak mengizinkannya, jika Anda tidak membuatnya mungkin dan mudah dilakukan, maka Anda telah melanggar cara mengintegrasikan yang berpusat pada pengguna atau didorong oleh pengguna dan memungkinkan aplikasi yang berbeda untuk bekerja sama.
5. Input yang tidak fleksibel
dan ini sering menjadi masalah untuk berbagai jenis kode. Bisa berupa nomor kartu kredit , jaminan sosial, nomor identifikasi pribadi , kode pos, nomor telepon, jenis informasi yang diinginkan situs dengan satu cara tertentu, cukup sering, tanpa spasi, yang sebenarnya melanggar salah satu psikologis utama prinsip chunking, yaitu jika Anda memiliki rangkaian informasi yang panjang, seperti huruf atau angka. Kartu kredit adalah contoh klasik. Nomor kartu kredit biasanya terdiri dari 16 digit, dan sangat rawan kesalahan jika hanya memasukkan 16 digit, namun jika Anda membaginya menjadi empat digit, akan lebih mudah untuk melihat apakah Anda melakukannya dengan benar atau salah. Tentu saja, Anda juga menghalangi proses salin-tempel, seperti yang baru saja saya bicarakan. Misalnya, Anda mungkin menuliskan nomor telepon atau nomor kartu kredit Anda atau sesuatu di suatu tempat. Anda cukup menyukai, menyalinnya, menempelkannya ke situs web, tetapi tidak, situs tersebut tidak akan mengizinkan pemformatan yang Anda miliki. Nah, pengguna harus bertanggung jawab atas hal-hal ini. Komputer dapat dengan mudah menyisipkan atau menghapus spasi dan tanda kurung serta tanda hubung dan apa pun yang tidak disukainya. Itu dapat memberikannya kembali kepada pengguna dalam format pilihan dan seterusnya dan seterusnya. Namun masukan yang tidak fleksibel adalah gangguan yang nyata, sangat besar, pertama, sangat besar, masalah kegunaan untuk salin-tempel dan sangat meningkatkan jumlah kesalahan dan data buruk, yang di bagian backend, sisi pemenuhan, dan hal-hal seperti itu dapat menyebabkan biaya yang besar.
4. Teks dengan kontras rendah atau kecil
Anda tahu, kami sangat menginginkan teks yang besar, Anda tahu. Dan ini khususnya merupakan masalah bagi pengguna yang lebih tua. Maksud saya, kalau saya bilang lebih tua, yang saya maksud adalah usia 40 atau lebih, bukan? Jadi walaupun usianya belum terlalu tua, namun penglihatan orang mulai berkembang cukup cepat. Tetapi bahkan untuk pengguna muda sekarang. Kami telah melakukan penelitian dengan remaja dan mereka mengatakan hal yang sama. Saya tidak ingin harus menyipitkan mata dan mencondongkan tubuh ke depan hanya untuk membaca teks. Beri saya teks besar yang mudah dibaca. Saya pikir ini adalah masalah kegunaan terbesar di web saat ini dalam hal aksesibilitas. Dan ini juga merupakan masalah yang sebenarnya sudah sering muncul dalam daftar ini sebelumnya. Sayangnya, hal ini cukup meluas.
3. Tautan dan ekspektasi yang menyesatkan
Anda tahu, tautan adalah sebuah janji. Sebuah tautan bertuliskan, "jika Anda mengeklik di sini, Anda akan mendapatkan ini." Lalu Anda harus memberi orang-orang apa yang Anda janjikan kepada mereka, dan hal ini sering kali salah, dalam banyak hal bisa jadi salah. Maksud saya, ekspektasinya bisa salah, karena Anda tidak benar-benar mendeskripsikannya, jadi seperti yang saya katakan, itu menyesatkan. Terkadang juga, orang berpikir mereka akan mendapatkan artikel, tapi mereka mendapatkan video atau mereka berpikir mereka akan mendapatkan video, tapi mereka mendapatkan tayangan slide atau mereka berpikir mereka akan mendapatkan tayangan slide, tapi mereka mendapatkan artikel atau mereka mendapatkan layar pendaftaran alih-alih kertas putih. Maksud saya, ada banyak sekali contoh tentang hal ini, tentang tautan yang tidak memberikan apa yang mereka katakan. Dan itu adalah sesuatu yang benar-benar harus kita perbaiki karena itu adalah hal mendasar- Anda tahu, hypertext adalah fitur dasar yang membuat sebuah web, sebuah web, Anda tahu, membuat segalanya terhubung. Jadi kita harus benar-benar memiliki hubungan yang baik dan memberikan apa yang kita janjikan kepada orang-orang.
2. Waktu respons yang lambat
Sayangnya satu hal lagi yang telah ada dalam daftar berkali-kali sebelumnya. Pada masa-masa awal, waktu respons yang lambat merupakan masalah karena Anda tahu, gambar besar membutuhkan waktu lama untuk diunduh melalui koneksi dial-up seperti yang dimiliki orang-orang pada masa awal web. Ini tidak lagi menjadi masalah, bukan? Karena kebanyakan orang sekarang memiliki broadband. Saya ingin mengingatkan Anda bahwa tidak semua orang memiliki broadband. Ada orang-orang yang tinggal jauh di dalam negeri, pengguna di pedesaan. Ada orang yang menggunakan perangkat seluler dengan konektivitas satu bar dan sebagainya. Jadi, tidak selalu orang mempunyai koneksi yang cepat, tetapi biasanya memang demikian. Sebaliknya, halaman diunduh dengan lambat karena fenomena adanya komponen dari layanan cloud berbeda yang terkadang mengunduh dengan lambat. Terkadang Anda harus menunggu hingga halaman terakhir diunduh sebelum halaman tersebut benar-benar dapat digunakan. Artinya keseluruhan halaman membutuhkan waktu lama untuk diunduh. Dan pedoman kegunaannya tetap sama sejak dimulainya web, karena apa penyebabnya, Anda tahu, waktu respons yang baik. Ini adalah sub-detik, satu detik atau kurang. Begitulah seharusnya kecepatan halaman tersebut. Waktu antara saya mengklik dan mendapatkan hasilnya adalah satu detik. Jika lebih lambat dari satu detik, orang merasa mereka diperlambat oleh komputer dan mereka duduk menunggu komputer dan itu tidak menyenangkan dan mengganggu kebebasan navigasi mereka. Dan itu berarti mereka akan lebih sedikit melakukan navigasi. Dan itu berarti kegunaan yang lebih rendah, penggunaan situs Anda yang lebih sedikit, dan banyak lagi masalah seperti ini.
1. Popup dan Overlay
Satu lagi yang sudah beberapa kali masuk daftar. Pada awalnya, ini sebenarnya semacam popup seperti jendela tambahan yang akan muncul. Saat ini, penerapannya lebih sering terlihat seperti sesuatu - hamparan, namun berpengaruh - sekali lagi, yang kita bicarakan di sini adalah pengalaman pengguna, bukan penerapan. Jadi pengalaman penggunanya sama, yaitu mereka mengaburkan hal yang saya inginkan kan. Menghalangi, menghalangi jalanku. Dan seperti yang saya jelaskan, Anda dapat melihat betapa buruknya hal ini menghalangi pengguna dan mengaburkan apa yang mereka inginkan. Tapi satu pop-up itu buruk, tapi banyak pop-up, wah, itu buruk. Sejujurnya, itulah yang Anda dapatkan hari ini. Anda mendapatkan- POOM-POOM-POOM-POOM-POOM- begitu banyak hal saat Anda membuka situs web, Anda mungkin mendapatkan, oke, "ini spesial kami saat ini", tetapi Anda juga mendapatkan, "berlangganan ke buletin kami sehingga Anda bisa mendapatkan lebih banyak penawaran spesial". Anda juga mendapatkan, "ini seperti, persetujuan cookie DDPR", Anda tahu, mungkin diperlukan, tetapi masih sangat mengganggu. Dan sejujurnya, menurut saya sama sekali tidak ada gunanya dan tidak membantu privasi sama sekali untuk memilikinya, tapi- dan kemudian ada seperti, "ini seperti fitur obrolan kami karena Anda tahu, kami memiliki orang-orang yang siap membantu Anda dan bersikap baik" . Ya, bagus, kamu tahu. "Dan karena kami sangat peduli dengan pengalaman pengguna, berikut survei ini juga". Dan Anda cukup menambahkan semua pop-up ini dan semua orang akan menutup, menutup, menutup, menutup, menutup, sebelum saya dapat melakukan apa pun atau sebelum saya dapat melihat apa yang saya inginkan. Dan efek kumulatifnya sangat besar! Ini seperti aku sedang diburu- POOM-POOM-POOM-POOM. Dan itu sangat buruk bagi pengguna, bukan? Jadi, mari kita hidup damai dan tenang di web, jangan terlalu banyak pop-up.
Jadi itulah daftar 10 teratas saya tahun ini. Dan seperti yang Anda lihat, beberapa di antaranya merupakan pengulangan dari satu dekade lalu atau lebih. Dan saya sangat berharap saya tidak perlu memberikan ceramah lagi dalam 10 tahun dari sekarang dan memasukkan banyak hal seperti ini ke dalam daftar lagi. Jadi menurut saya, mari kita singkirkan hal-hal ini. Itu adalah kesalahan desain. Mereka merugikan pengguna.
