Di mana saya dapat menemukan inspirasi untuk antarmuka pengguna yang baik? [Tutup]

Saya memiliki blok mental sejauh mendesain antarmuka layar utama untuk aplikasi desktop yang saat ini saya tingkatkan. Ketika saya pertama kali mengembangkan program ini, resolusi layar adalah 640 X 480. Hari ini ada beberapa resolusi layar di luar sana.

Di mana saya dapat menemukan ide untuk tata letak layar utama yang baik untuk aplikasi desktop?

Saya akan merekomendasikan Anda memeriksa beberapa buku yang berbeda, yang, anehnya, tidak fokus pada desain GUI aplikasi desktop. Terlepas dari itu, teks-teks ini akan membantu Anda mulai berpikir tentang cara mendapatkan informasi yang dibutuhkan pengguna Anda dalam bentuk yang akan dipahami oleh otak mereka. Bagaimanapun, buku pertama adalah Buku Desain Non-Desainer karya Robin Williams. Buku ini akan mengajarkan Anda tentang komposisi dalam istilah yang tidak terlalu berorientasi pada desain grafis. Buku ini akan membuat Anda mulai berpikir tentang bagaimana pikiran manusia memandang elemen desain.

Kedua, lihat Don't Make Me Think oleh Steve Krug. Ini berkaitan dengan navigasi dan representasi data pada halaman web, tetapi banyak dari rekomendasi (yaitu navigasi remah roti) sering masuk akal di aplikasi desktop seperti yang mereka lakukan di halaman web.

Seperti yang ditunjukkan poster lain, pola desain yang baik tidak ada dalam isolasi per-media. Beberapa hal tidak terjemahkan dengan baik antara analog dan digital (yaitu beberapa teks kolom dalam surat kabar aktual vs aplikasi untuk surat kabar) karena pembatasan tertentu berbeda tergantung pada medianya, tetapi banyak prinsip desain yang baik tetap berlaku tidak peduli apa pun sedang Anda bicarakan.

Salah satu tip yang sering saya dengar adalah melihat desain yang Anda sukai sebagai inspirasi. Ini tidak terisolasi hanya mengatakan aplikasi desktop, tetapi harus meluas ke seni, arsitektur, web, fotografi, produk, dll.

Ini akan membantu Anda membangun pengertian tentang apa desain yang baik dan akan membantu Anda dalam aplikasi desain jangka panjang yang menyenangkan bagi mata dan ramah pengguna.

Jika Anda membuat prototipe desain Anda, Anda bisa mendapatkan bantuan dari pengguna atau pengembang lain untuk mengambil putaran sambil mengumpulkan umpan balik. Bukan hanya apa yang dikatakan, tetapi apa yang mereka lakukan. (contoh: orang mengatakan mereka tidak suka pulau yang berantakan di Walmart, tetapi mereka benar-benar kehilangan lebih dari $ 1 miliar dalam penjualan ketika Anda menghilangkan kekacauan)

Saya selalu mengikuti aturan meminimalkan klik dan penekanan tombol. Saya tidak terlalu pandai membuat UI yang tampak seksi, dengan banyak warna dan tombol yang tampak montok, tetapi pengguna mengatakan bahwa UI saya mudah digunakan. Ini dia.

Salah satu hal yang saya temukan adalah bahwa pengguna menyukai respons instan . Ini seperti Hollywood. Orang suka piksel (sebaiknya piksel berwarna). Mereka benar-benar menyukai piksel yang bergerak .

Dalam upaya untuk membuat UI seperti itu, dan untuk menyederhanakan upaya pengkodean, beberapa tahun yang lalu saya datang dengan skema yang masih saya gunakan sampai hari ini - Eksekusi Diferensial . (Saya tidak bisa mengatakan saya punya banyak keberuntungan untuk mempublikasikannya, tapi itu dia. Sudah diterbitkan, FWIW.)

Jadi itu hanya dua sen saya.

Saya pikir langkah pertama adalah menentukan gaya / tema. Misalnya Windows 8 Metro vs gaya NT.

Beberapa saran untuk sumber daya dan inspirasi (saya sebutkan WPF / Web tetapi Anda tidak harus menggunakannya tentu saja):

A - Jika Anda ingin memulai dengan membuat prototipe, gaya kontrol di sini adalah Gaya dan Kontrol Kontrol Web yang keren

B - Component Factory memang memberikan windows face lift yang baik - Mereka bahkan menawarkan satu produk gratis di: Component Factory

Pembuat kontrol GUI pihak ketiga memiliki demo yang terlihat bagus

D - Cobalah mencari kata "buku" di situs ini: Pengalaman Pengguna - Anda akan mendapatkan banyak posting.

E- Aplikasi WPF ini: Aplikasi Perawatan Kesehatan WPF

F - Aplikasi WPF ini: Billy Holis - WPF dan versi yang sudah jadi pada: WPF - StaffLynx

Alat gaya G-Metro ada di luar sana jika Anda suka. Periksa ini: Metro Style

Yang paling penting, karena Anda mungkin sudah tahu, seimbangkan upaya dengan nilai.

Edit

DevXpress telah merilis rilis baru yang mendukung Metro Style, baru saja melihat video toady DevXpress-2

Saya tidak bisa merekomendasikan buku Edward Tufte The Visual Display of Quantitative Information cukup tinggi. Benar-benar membuat Anda berpikir tentang apa yang Anda sajikan dan mengapa. Semua bukunya bagus, tapi aku paling sering merujuk ke buku ini.

Buku "UI Design Pattern" yang bagus yang saya temukan adalah Designing Interfaces . Ini memiliki bagian tentang merancang tata letak, navigasi, menampilkan informasi yang kompleks dan merancang formulir input. Ada buku serupa tentang merancang antarmuka sosial (disebut, cukup tepat, Merancang Antarmuka Sosial ), tapi saya belum membacanya sehingga saya tidak cukup tahu untuk merekomendasikannya.

Ada beberapa buku bagus yang sudah direkomendasikan. Situs web UX Stack Exchange lebih lengkap untuk menangani pertanyaan seperti ini, tetapi juga tidak sepenuhnya di luar topik.

Pertama dan terpenting, mediaqueri.es adalah sumber yang bagus untuk masalah spesifik Anda karena itu adalah galeri situs web dan aplikasi web yang dirancang secara responsif agar sesuai dengan resolusi layar dan agen pengguna yang berbeda.

Periksa juga di Smashing Magazine . Ini adalah blog yang merupakan surga pengembangan front-end, dengan posting tentang UX / UI, HTML / CSS / Javascript, desain grafis, dan desain web. Mereka juga memiliki posting yang mempelajari situs web tertentu dan kampanye pemasaran dan melihat apa yang mereka lakukan dengan benar (dan salah) dengan keputusan UI / UX mereka. Periksa situs ini secara teratur untuk kiat harian mengenai topik ini.

Kemudian ketika Anda mendapatkan beberapa inspirasi, lihatlah beberapa pertanyaan SO / SE yang telah saya bintangi secara khusus pada topik semacam ini. Ini hanya sumber daya umum untuk siapa saja dan bukan hanya OP:

• Mengapa Desain UI yang Baik sulit bagi beberapa pengembang - untuk memahami mengapa sulit bagi pengembang untuk juga menjadi desainer
• Harus Membaca buku UI - rekomendasi buku tentang buku untuk mempelajari merancang antarmuka pengguna
• Perangkat lunak sketsa UI / UX mana yang disarankan?- wireframing
• Desain Cairan vs. Responsif - jika Anda ingin mengembangkan beberapa agen pengguna, Anda harus memeriksanya
• Haruskah saya menggunakan Ya / Tidak atau Oke / Batalkan pada kotak pesan - Pos yang bagus, berguna saat penyadapan