Sebagai user biasa dari StackOverflow , aku terus-menerus dihantui oleh beberapa masalah desain kecil di situs web. Lihatlah screenshot di bawah ini (klik untuk memperbesar):
Aku punya masalah yang saya benar-benar bingung ketika mengunjungi situs web dengan banyak hal. Meskipun saya telah ke StackOverflow miliaran kali, aku masih mendapatkan terganggu oleh warna-warna yang digunakan di situs web. (Tentu saja hal-hal ini sangat subyektif). Saya download style sheet dan mengeditnya. Berikut adalah bagaimana situs terlihat sekarang (bagi saya):
Berikut adalah beberapa perubahan:
- Dihapus warna latar belakang statistik (jumlah tampilan, poin dll)
- Mengurangi ukuran font statistik sehingga membuat mereka kurang terlihat.
- Round terpojok beberapa tab, tag dll
- Dihapus poin ditampilkan di dekat nama pengguna. Ini sangat tidak berguna dan menghapus itu dibersihkan banyak kekacauan.
Aku sedang berpikir untuk membuat beberapa modifikasi lebih termasuk menumpuk sampai statistik satu di atas dan membuat tag untuk setiap pertanyaan lain kurang intrusif. Kita bisa menyingkirkan banyak statistik di halaman karena sebagian besar pengguna tidak sangat tertarik dalam detail-detail menit.
Anda dapat mendownload script Greasemonkey untuk tema ini di sini .
Ketika Anda mulai menerapkan tata letak situs web menggunakan CSS dan HTML DIVs, Anda pasti akan menemukan masalah sebagai berikut:
Bagaimana cara memaksa dua kolom untuk ketinggian yang sama?
Anda ingin mendapatkan sesuatu seperti ini:
Tapi apa pun yang Anda lakukan, Anda tidak dapat memperpanjang sidebar sampai footer. Anda mengakhiri dengan sesuatu seperti ini:
Banyak yang mengusulkan menggunakan beberapa teknik CSS sulit untuk berkeliling masalah, sementara dalam kenyataannya tidak ada teknik bekerja sempurna dalam semua kasus. Hal ini membosankan untuk membuat metode ini bekerja dalam banyak situasi.
Beberapa orang menyarankan teknik seperti ubin gambar latar belakang untuk memberikan kesan palsu kolom panjang. Teknik ini disebut kolom palsu . Hack ini hampir bekerja, tapi kau tahu - ini adalah hack kotor juga.
Orang-orang selalu menghina menggunakan solusi berbasis JavaScript untuk masalah ini. Aku tidak tahu kenapa, tapi biarkan aku mengatakan kebenaran - solusi berbasis JavaScript untuk masalah ini adalah tidak lebih buruk daripada solusi lain. Bahkan jika Anda menggunakan JavaScript, Anda dapat menyimpan beberapa jam frustrasi mencoba untuk mendapatkan sesuatu yang bekerja. Orang akan memperingatkan Anda terhadap hal ini dengan mengatakan "Apa yang akan terjadi jika pengguna mematikan JavaScript?". Percayalah, jika pengguna telah dimatikan JavaScript, sebagian besar web rusak pula baginya. sidebar Anda tidak penting baginya. Jangan berpura-pura seperti itu tidak.
Berikut adalah bagaimana Anda bisa mendapatkan sekitar masalah dengan menggunakan JQuery:
Meletakkan sesuatu seperti ini di event handler siap Anda:
$ (". Sidebar") (. Tinggi Math.max ($(". konten "). Tinggi (), $ (". Sidebar ") ()));. Tinggi
Itu saja Sekarang mulai menyelesaikan sesuatu bukan bermain-main dengan semua rincian kecil;. Dan berhenti berusaha untuk menggunakan CSS untuk untuk memecahkan setiap masalah gila.
Opera sekali lagi diatur untuk mengacaukan UI dalam versi yang akan datang 10 dari web browser.
Memang, bahwa iterasi baru Opera bloasts lebih cepat dan banyak fitur baru , tapi UI masih seperti kacau untuk melihat. Lihat sendiri:
Ini adalah tema default bernama Opera Standar. Tidak bisa lebih buruk.
Yang terakhir kali saya menulis tentang hal ini , antarmuka jauh lebih baik!
Ada lagi bertema bernama Windows asli yang dipaketkan dengan aplikasi tersebut. Meski tidak menawarkan UI merasa lebih pribumi untuk Opera, ia meninggalkan lebih banyak yang akan diinginkan juga:
Bagaimana pemain besar seperti Opera mengabaikan titik kegunaan dari produk-produknya? Apa yang membuat mereka berpikir bahwa mereka bisa main-main dengan UI di setiap versi baru? Aku tidak bisa undersand.
Sudah waktunya Opera mulai menganalisis hubungan antara user interface user friendly dan pangsa pasar. Opera sekarang menjadi jauh kelima behing IE, Firefox, Safari dan Chrome di pangsa pasar browser .
Setiap salah satu dari kami telah mengalami rasa pahit dari kotak pesan menatap kami di saat kami mencoba untuk menyelesaikan beberapa tugas dengan perangkat lunak kami. Pesan kotak digunakan untuk menyampaikan beberapa informasi, biasanya dianggap sebagai informasi penting, untuk pengguna dan memintanya untuk bertindak berdasarkan informasi tersebut. Sebagai contoh, lihat screenshot:
Apa kebutuhan seperti kotak dialog? Pengguna ingin menambahkan informasi ke registri. Itulah mengapa dia memulai proses, dan sekarang guncangan aplikasi pengguna dengan kotak pesan disertai dengan "ding" suara dan blok semua kegiatan lain sampai dia klik tombol OK.
Ada banyak versi ini iritasi UI:
(Update: Kesalahan saya. Memperoleh kotak pesan dari mengedit registri adalah pilihan yang salah.. Aku seharusnya mengambil screenshot dari aplikasi sederhana Banyak orang di reddit sudah bashing ide saya mengedit Registry. memang proses yang sangat penting dan mengingatkan pengguna diperlukan dalam aplikasi yang sangat kritis.)
Berikut adalah beberapa alasan mengapa aku benci kotak pesan:
Mereka membuat pengguna berpikir dan mengambil keputusan (pengguna benci ini).
Mereka memblokir semua kegiatan lain dalam aplikasi atau bahkan sistem operasi sampai tindakan diambil.
- Mereka disertai oleh suara aneh.
- Mereka mencuri fokus dari apa yang pengguna lakukan dan ini dapat mengakibatkan kehilangan data dalam beberapa situasi.
Jadi apa yang alternatif?
Pertama, Jangan membuat saya berpikir. Jangan bertanya. Hanya melakukan apa pun yang sesuai pada saat ini. Jangan tanya saya jika saya ingin menyimpan file atau tidak. Hanya menyimpan versi dalam folder draft saya. Lain kali saya membuka aplikasi, memungkinkan saya untuk menavigasi dan mengedit konsep saya.
Kedua, jangan membuang informasi yang tidak diinginkan pada saya dalam bentuk kotak pesan. Lihat bagaimana Gmail mengatakan "Pesan Anda telah dikirim":
Hal ini memberikan informasi tanpa mengganggu saya. Sangat bagus.
Wordpress hal ini juga.
Banyak aplikasi besar yang mengadopsi strategi ini.
Waktunya sudah matang bagi Anda untuk menyingkirkan kotak-kotak pesan jahat dalam aplikasi Anda.
Desain tombol yang memenuhi dua kondisi. Anda akan menjual kunci ini dengan perangkat lunak Anda. Pada uji perangkat lunak hanya untuk satu kondisi. Pengguna tetap akan reverse-engineer kode Anda dan menghasilkan kunci palsu untuk perangkat lunak Anda, tetapi tombol ini akan memuaskan hanya satu kondisi bahwa Anda diperiksa.
Dalam aplikasi tes web Anda untuk kondisi kedua juga. Dengan cara ini Anda dapat menemukan tombol tidak sah dan blok salinan ilegal dari perangkat lunak Anda dari auto-update. Anda juga dapat mencoba untuk menonaktifkan salinan tersebut.
Anda harus daftar hitam bahkan kunci asli yang sedang digunakan oleh banyak pengguna sekaligus (ini terjadi ketika saham seseorang / menerbitkan kuncinya).
Geser dan kunci tombol Caps lock tidak banyak digunakan oleh siapa pun lagi. (Saya tidak seharusnya menggunakan kata-kata ini, tampaknya ). Pokoknya apa yang saya berniat untuk memberitahu adalah bahwa mereka tidak digunakan oleh banyak orang secara teratur.
Setidaknya kita semua tahu apa tombol caps lock digunakan untuk. Bagaimana dengan tombol gulir kunci?
Kunci tombol gulir adalah sisa dari keyboard IBM PC yang asli. Dalam desain awal, gulir kunci dimaksudkan untuk mengubah perilaku tombol panah. Bila modus kunci gulir menyala, tombol panah akan gulir isi jendela teks daripada memindahkan kursor. Dalam penggunaan ini, kunci gulir merupakan tombol pengubah seperti Alt dan Shift (yang mengubah fungsi tombol lainnya) dan, lebih khusus, kunci Toggling penting seperti Num Lock atau Caps Lock, yang memiliki negara yang berlangsung setelah tombol dilepaskan . Hari ini, ini menggunakan kunci khusus gulir jarang. Hanya beberapa program yang modern masih menghormati perilaku ini, seperti Microsoft Excel (dalam perilaku anak panah - saat kunci gulir aktif, seleksi tidak bergerak), Lotus Notes dan Forte Agent. Dalam lingkungan GUI modern, bergulir biasanya dicapai dengan menggunakan sarana seperti scrollbars atau roda gulir. Oleh karena itu kunci gulir dapat dianggap sebagai fitur mati di hampir semua program modern dan sistem operasi, beberapa keyboard gulir kurangnya kunci sama sekali.
Berikut adalah hasil dari sebuah polling online :
Banyak orang yang tidak menggunakan kunci tombol gulir cara apapun. Mengapa tidak menyimpan beberapa real estat keyboard dengan menghapus kunci ini?
Meskipun beberapa orang dengan aplikasi spesifik menggunakan tombol caps lock, biasanya orang menggunakan tombol shift untuk sesekali kapitalisasi huruf. Banyak orang yang menekan untuk menghapus CAPS Lock Kunci dari keyboard. Bahkan ada grup google untuk ini.
Apa solusi optimal? Menurut pendapat saya, lepaskan tombol gulir kunci, dan memindahkan tombol caps lock di sana.
Baru-baru ini saya datang di sebuah aplikasi web yang baru saja dua halaman JSP.
Apa gunanya? Dibutuhkan nilai dari pengguna dan menampilkan poin yang didasarkan pada nilai.
Dan dapat Anda tebak jumlah back-end file yang digunakan untuk membantu proses ini?
Ada 23 paket, lebih dari 250 file java, 13 properti file dan banyak file XML, di samping kelas standar / tabung perpustakaan file yang digunakan dalam proyek tersebut. Percayalah, saya berbicara tentang aplikasi yang lengkap yang tidak mengharapkan peningkatan yang dramatis di masa depan.
Jangan katakan bahwa itu adalah semua tentang Framework. Itulah apa yang Anda sebut desain yang buruk. Terutama bila Anda dapat menulis aplikasi kelas dunia dalam 579 baris kode .
Gunakan MVC atau Struts atau Spring atau Ruby on Rails atau apapun yang Anda suka dalam aplikasi Anda. Sebelum yang mencoba menggunakan akal sehat sedikit.
