İyi bir kullanıcı arayüzü için nereden ilham alabilirim? [kapalı]

Şu anda yükseltmekte olduğum bir masaüstü uygulaması için ana ekran arayüzünü tasarlayan bir zihin bloğum var. Bu programı ilk geliştirdiğimde ekran çözünürlüğü 640 X 480 idi. Bugün orada çok sayıda ekran çözünürlüğü var.

Bir masaüstü uygulaması için iyi bir ana ekran düzeni için fikirleri nerede bulabilirim?

Garip bir şekilde, masaüstü uygulaması GUI tasarımına odaklanmayan birkaç farklı kitaba göz atmanızı öneririm. Ne olursa olsun, bu metinler, kullanıcıların ihtiyaç duydukları bilgileri beyinlerinin kavrayacağı bir biçimde nasıl elde edecekleri konusunda düşünmeye başlamanıza yardımcı olacaktır. Her neyse, ilk kitap Robin Williams'ın Tasarımcı Olmayan Tasarım Kitabı . Bu kitap size kompozisyonu grafik-olmayan-tasarım odaklı terimlerle öğretecektir. Bu kitap, insan zihninin tasarım öğelerini nasıl algıladığını düşünmeye başlamanıza yardımcı olacaktır.

İkincisi, Steve Krug tarafından Beni Düşünme . Web sayfalarında gezinme ve veri gösterimi ile ilgilenir, ancak önerilerin çoğu (örn. Ekmek kırıntısı navigasyonu) masaüstü uygulamalarında web sayfalarında olduğu kadar mantıklıdır.

Başka bir afişin de belirttiği gibi, ortam başına izolasyonda iyi tasarım modelleri yoktur. Bazı şeyler analog ve dijital arasında çok iyi tercüme edilmez (yani gerçek bir gazetede birden çok sütun metni veya gazete için bir uygulama) çünkü belirli kısıtlamalar ortama bağlı olarak farklıdır, ancak iyi tasarımın birçok ilkesi ne olursa olsun doğru kalır hakkında konuştuğunuz ortam.

Sıklıkla duyduğum bir ipucu ilham için beğendiğiniz tasarımlara bakmak. Bu sadece masaüstü uygulamalarını söylemekle kalmaz, aynı zamanda sanat, mimari, web, fotoğrafçılık, ürünler vb.

Bu, iyi tasarımın ne olduğu hakkında bir fikir oluşturmanıza yardımcı olacak ve göze hoş gelen ve kullanıcı dostu olan uzun vadeli tasarım uygulamalarında size yardımcı olacaktır.

Tasarımınızı prototiplendirirseniz, geri bildirim toplarken kullanıcılardan veya diğer geliştiricilerden bir spin almak için biraz yardım alabilirsiniz. Sadece ne dediğini değil, ne yaptığını (örnek: insanlar Walmart'ta dağınık adaları sevmediklerini söylüyorlar, ancak dağınıklığı çıkardıklarında kelimenin tam anlamıyla 1 milyar dolardan fazla kaybettiler)

Her zaman tıklamaları ve tuş vuruşlarını en aza indirme kuralına uyarım. Çok sayıda renk ve dolgun görünümlü düğmelerle seksi görünümlü bir kullanıcı arayüzü yapmak konusunda çok iyi değilim, ancak kullanıcılar bana kullanıcı arayüzlerimin kullanımı çok kolay. Işte bir tane.

Bulduğum şeylerden biri, kullanıcıların anında yanıtı sevmesidir . Hollywood gibi. İnsanlar pikselleri sever (tercihen renkli pikseller). Hareket eden pikselleri gerçekten seviyorlar .

Arayüzleri böyle yapmak ve kodlama çabasını basitleştirmek için, yıllar önce hala bugüne kadar kullandığım bir plan hazırladım - Diferansiyel Yürütme . (Bunu yayınlamak için çok şansım olduğunu söyleyemem, ama işte burada. Yayınlandı, FWIW.)

Yani bu sadece iki sentim.

Bence ilk adım bir stil / tema belirlemektir. Örneğin Windows 8 Metro ve NT stili.

Kaynaklar ve ilham için bazı öneriler (WPF / Web'den bahsediyorum, ancak elbette kullanmak zorunda değilsiniz):

C - Prototip oluşturmaya başlamak istiyorsanız, burada kontrol stilleri harika Web Kontrol Stilleri ve Kontrolleri

B - Bileşen Fabrikası, Windows formlarına iyi bir yüz germe sağlar - Hatta bir ücretsiz ürün sunarlar: Bileşen Fabrikası

C - 3. taraf GUI kontrol üreticilerinin iyi demoları var

D - Bu sitede "kitap" kelimesini aramaya çalışın: Kullanıcı Deneyimi - Çok sayıda gönderi alacaksınız.

E- Bu WPF uygulaması: WPF Sağlık Uygulaması

F - Bu WPF uygulaması: Billy Holis - WPF ve bitmiş versiyonu: WPF - StaffLynx

İsterseniz G - Metro tarzı araçlar var. Bunu kontrol et: Metro Stili

En önemlisi, bildiğiniz gibi, çabayı değerle dengelemek.

Düzenle

DevXpress Metro Stili destekleyen yeni bir sürüm yayınladı, sadece dalkavuk videoyu görülen DevXpress-2

Edward Tufte'nin Sayısal Bilginin Görsel Gösterimi kitabını yeterince tavsiye edemem . Gerçekten neyi ve neden sunduğunuzu düşünmenizi sağlar. Bütün kitapları iyi, ama kendimi buna en çok atıfta bulunarak buluyorum.

Bulduğum iyi bir "UI Tasarım Deseni" kitabı Arayüz Tasarımı . Düzeni tasarlama, gezinme, karmaşık bilgileri görüntüleme ve giriş formları tasarlama bölümlerine sahiptir. Sosyal arayüzlerin tasarımı hakkında benzer bir kitap var (yeterince uygun, Sosyal Arayüzler Tasarlamak deniyor ), ama okumadım, bu yüzden tavsiye edecek kadar bilmiyorum.

Zaten tavsiye edilen bazı iyi kitaplar var. UX Stack Exchange web sitesi, bu tür soruları ele almak için daha iyi donanımlıdır, ancak tamamen konu dışı değildir.

Her şeyden önce, mediaqueri.es özel sorunlarınız için mükemmel bir kaynaktır çünkü farklı ekran çözünürlüklerine ve kullanıcı aracılarına uyacak şekilde tasarlanmış web siteleri ve web uygulamaları galerisidir.

Ayrıca Smashing Magazine'e göz atın . UX / UI, HTML / CSS / Javascript, grafik tasarım ve web tasarımı ile ilgili yayınlarla birlikte ön uç geliştirme cenneti olan bir blog. Ayrıca, belirli web sitelerini ve pazarlama kampanyalarını inceleyen ve UI / UX kararlarıyla doğru (ve yanlış) yaptıklarını gören yayınları da vardır. Bu konularla ilgili günlük ipuçları için bu siteyi düzenli olarak kontrol edin.

O zaman biraz ilham aldığınızda, özellikle bu tür bir konu hakkında oynadığım bazı SO / SE sorularına bir göz atın. Bunlar sadece OP için değil, herkes için genel kaynaklardır:

• İyi UI Tasarımı neden bazı geliştiriciler için zor - geliştiricilerin de tasarımcı olmasının neden zor olduğunu anlamak için
• Kullanıcı arabirimi kitaplarını okumalıdır - kullanıcı arabirimleri tasarlama çalışması için kitaplarla ilgili öneriler
• Hangi UI / UX çizim yazılımı önerilir? - tel çerçeve
• Akışkan ve Duyarlı tasarım - birden fazla kullanıcı aracısı için geliştirecekseniz, bunu kontrol etmelisiniz
• Bir mesaj kutusunda Evet / Hayır veya Tamam / İptal kullanmalı mıyım - Harika yayın, tel çerçeve oluştururken faydalı