web-gelistirme-sc.com

Kullanıcı arayüzlerini tasarlamak için hangi sistematik yöntemler vardır?

Masters tezimi kullanıcı arayüzlerini ( GUIDe + GDD Sari Laakso'dan) tasarlamak için bir yöntem hakkında yazıyorum ve UI tasarımı/etkileşim tasarımı için başka hangi sistematik yöntemlerin olduğunu bilmek istiyorum, böylece Aralarında bazı karşılaştırmalar yapabilirim.

Soren Lauesen'den Sanal Pencereler ve Alan Cooper'dan Hedefe Yönelik Tasarım farkındayım. UI tasarımını büyütmek için iyi tanımlanmış bir süreci olan bu kadar çok metodolojinin olmadığı konusunda önyargım var, ancak daha fazla tasarım yönteminin farkında olmayı umuyorum.

Lütfen kullandığınız/bildiğiniz tasarım yöntemlerini (daha önce bahsettiğim yöntemler dahil) anlatın. Kullanıcıların hedeflerini ve ihtiyaçlarını girdi olarak alan ve daha sonra adım adım kullanıcı ihtiyaçlarını karşılamak için kullanıcı arabiriminin nasıl olması gerektiğini tanımlayan yöntemlerle ilgileniyorum - yani hangi veri ve özelliklerin gerekli olduğu ve bunların nasıl kullanıldığı. (Yani hayır görsel tasarım veya uygulama yönergeleri vb.)

13
Esko Luontola

Gerçekten iyi çalışan ilk araç basit kalem ve kağıt prototiplemesidir. Bir kullanıcı arayüzü çizin ve ardından farklı insanların önüne koyun ve gerçek arayüz olduğunu iddia edin. Bazılarının rehberlik olmadan ne ve nasıl olduğunu anlamaya çalışın ve diğerleri ile belirli görevleri tamamlamalarını isteyin. Onlara, belirli malların üzerlerine tıklamadan önce neler yapabileceğini düşündüklerini sorun ve etraflarına tıkladıklarında ne düşündüklerini konuşun. Düzeltmeleri hızlı bir şekilde yanıtlayabilir ve kolayca çizebilir ve onlara bir şeylerin iyileşip iyileşmediğini sorabilirsiniz. Bu, bulduğum çalışan bir kullanıcı arayüzünü almanın en ucuz ve en hızlı yoludur.

Bir arayüzün nasıl engelleneceğini hızlı bir şekilde anlamak için kullandığım ikinci araç büyük ölçüde kitaptan türetilmiştir Ekranın Her İki Tarafından Tasarım. Ortaklık ızgarasıyla bir frekans oluşturmak için bir e-tablo. Aşağıdaki sütunları içeren bir e-tablo oluşturun:

"Görev adı" "Ne sıklıkta" "Kaç kişi"

Kullanıcının uygulamayı kullanmak için gerçekleştirmesi gereken tüm görevleri tanımlayın ve ilk sütuna koyun, ardından kullanıcıların ne sıklıkta gerçekleştirdiğini (örneğin, "günlük", "bazen", "nadiren"), uygulamanızın ardından görevi kaç kişinin gerçekleştireceğini (ör. "herkes", "en", "az") doldurun. Ardından bir grafik için iki eksen oluşturun: frekans ve ortaklık ve sonuçları çizin. Sıklıkla ve herkes tarafından yapılan görevleri, uygulama içinde küresel olarak kolayca erişilmesi gereken öğeler olarak hızlı bir şekilde tanımlayacak ve "birkaç" ile "nadiren" yapılanlar birkaç tıklamayı gizleyecek. Ayrıca, bazı öğeleri "yığın" olarak bulacak ve görevlerin mantıksal olarak nasıl organize edilebileceğine dair bir fikir edineceksiniz.

Deneyimlerime göre, sıklık ve ortaklık analizi ile çelişen üçüncü bir boyut olan "İş önceliği" vardır, bu yüzden sık sık bu sütunu ekler ve bunu da dikkate alırım. İş önceliğinin bu diğer endişeleri nasıl ortadan kaldırabileceğinin bir örneği, göreceli olarak az sayıda kişi tarafından yalnızca bir kez yapılabilmesine rağmen, premium aboneliğe yükseltme görevini kullanıcı arayüzünde çok daha yüksek hale getirmektir. Bu analizi 3 boyutta düşünmenizi tavsiye ederim. Bir grafik tasarımcısına çok iyi karşılanmak ve tel kafeslemeye büyük bir girdi sağlamak için bu tür bir döküm sağladım.

Bundan sonra, ölç, ölç, ölç. Hedef izlemeyle analitik oluşturun ve temel metriklerinizi izleyin ve kullanılabilirlik testi yapmak ve özellikler eklendikçe (veya kaldırıldıkça) incelemek için müşterilerle oturmaları düzenli olarak planlayın.

7
weston

Vay canına, iyi soru Esko. Kendi başımıza atıfta bulunmak için gerçek sistematik yöntemler bulmanın uzun bir çekim olacağını söyleyebilirim. Ancak daha kesin referans bulabileceğiniz şey "en iyi uygulamalar" dır.

"Kullanıcı arayüzü" terimi, web tasarımından web uygulamalarına, mobil web'e, web ile ilgili olmayan tüm arayüzlere (işletim sistemi, etkileşimli satın alma noktası ekranları, TV'nizdeki arayüz) geniş bir ürün kategorisini kapsayabilir. ve hatta mikrodalga, araba veya çamaşır makinesi gibi temel mekanik cihazlardaki arayüzler). Web ve bilgisayarla ilgili arayüzlerin peşine düştüğünüzü varsayarsak, keşfedilecek birkaç yol var ...

http://www.blueprintcss.org/ ve http://960.gs/ gibi CSS Izgara tabanlı çerçeveleri keşfedin.

http://www.joomla.org/ veya http://drupal.org/ içine yerleştirilmiş gibi CMS tabanlı arayüzleri keşfedin

Modern web tasarımının temel en iyi uygulamalarından bazılarını keşfedin ( Smashing dergisinden güzel makale )

Mobil arayüz tasarımı için mevcut trendlerin ve en iyi uygulamaların bazılarını ...
- Smashing Magazine
- Selma Zafar'ın Slayt Gösterisi
- W3C'den bazı yönergeler

İşte size yararlı bulabileceğiniz birçok UI ile ilgili iyi makale okuduğum başka bir harika site: http://www.uxbooth.com/

2
Joel Glovier

Bağlamsal Tasarım tam olarak bahsettiğiniz şey gibi geliyor.

1
kprevas

Yorumunuza/sorunuza yanıt olarak: kullanıcıların neye ihtiyacı olduğu ve bu ihtiyaçları karşılayacak bir çözümün nasıl tasarlanacağı. Bu, hedeflerine bağlı olarak her proje için özneldir. Ancak genel bir düzeyde,

kullanıcı ihtiyaçları - kullanıcıya geri gelmesini hemen sağlar, böylece geri gelmeye devam eder, ayrıca kullanıcıya ürününüzde hoş bir deneyim yaşatır.

yukarıdakileri göz önünde bulundurarak, çözüm, kullanıcının renk yardımı ile önceliklendirilmesine yol açacak renk/yazım hatası/sayfa yapısı/bilgi açısından gelişmeye başlar.

Yöntem - kullanıcı hedefini belirleyen ürün hedefini tanımlama - öğrenciler/gençler/yetişkinler/yaşlılar/maaşlı/işsiz olanlar yukarıda belirtilenler ürünün rengini ve dilini gösterir. etrafınızdaki aynı alandaki diğer oyuncuları tanımlamak ... vb.

Umarım bu yeni başlayanlar için size yardımcı olur ..

0
iAspire

İki köşe taşı "Daha Az Daha Çoktur" ve "Asla, Asla, Asla Kullanıcıyı Düşünme" dir.

Bu iki şeye ne kadar çok benzerseniz arayüzünüz o kadar başarılı olur.

0
MvcCmsJon