Userspots - Kullanılabilirlik testi ile kullanıcı dostu arayüzler yaratın... » Tasarım

Kullanıcı Odaklı Tasarım Posteri

Userspots — Thu, 03 Jun 2010 12:39:59 +0000

Pascal Raabe tarafından hazırlanan kullanıcı odaklı tasarım posteri kullanıcıyı buz dağının sadece üstünde kalan kısmı olarak belirleyip alt tarafta yapılabilecekleri oldukça güzel şekilde göstermekte.

Kullanıcı deneyiminin 5 aşaması olan strateji oluşturmak, ihtiyaç analizi, yapı, bilgi mimarisi ve görsel tasarım’ın yanında bu aşamalarda kullanabileceğimiz anket, kullanılabilirlik testi, hızlı prototipleme gibi teknikleri de posterde görebiliyoruz.

Posterin büyük hali (JPEG, PDF)

İlginizi Çekebilecek Diğer Yazılar

Bebek Yüzü Etkisi

Userspots — Wed, 28 Apr 2010 18:28:57 +0000

Bebek imgesi insanlarda saflık,yardıma muhtaçlık, dürüstlük ve masumiyet duyguları uyandırıyor. Tasarımda bebek suratı veya bebek suratının hatlarına benzer yuvarlak hatlar kullanmak tasarımın kullanıcılarda yukarıdaki duyguları uyandırmasına neden oluyor.

Jill Butler, Kritina Holden ve William Lidwell yazdıkları Universal Principles of Design kitabında bu etkinin bütün yaş gruplarında, kültürlerde hatta tüm memelilerde görüldüğünü belirtiyor.

Bebek suratının tasarımda kullanılmasının en güzel örneklerinden biri Volkswagen Beetle. Beetle tasarımında eski arabanın bebek suratına benzer şekilde yuvarlak hatlara sahip şekilde tasarlandığı belirtiliyor.

Yapılan göz izlem çalışmaları da kullanıcıların web sitelerinde bebek imgesine kayıtsız kalmadığını gösteriyor. Aşağıda kullanıcıların en fazla odaklandıkları yerin görseldeki bebeğin suratı olduğunu görebiliyoruz. Kullanıcıların tasarımdaki yüzlere odaklandığını Kullanıcılar Yüzlere Bakarlar yazısında bahsetmiştik. Tasarımda kullanılan yüz eğer bir bebeğe aitse odaklanmanın çok daha fazla olduğunu göz izleme çalışmaları sonucunda çıkartabiliyoruz.

Kullanıcıların beyin aktivitelerinin incelendiği bir çalışmada 95 katılımcıya farklı resimler gösterilerek dikkatimizi toplamaya yarayan orbitofrontal cortex bölümündeki aktivite ölçülüyor. Bütün resimlerde bu bölüm aktifken bebek resimlerinde ayrıca beynin duygularla ilgili bölümleri de oldukça aktif olmakta.

İngiltere’de yapılan son araştırmada ise bebek suratının etkisinin hayatımızı da etkileyebileceğini görebiliyoruz. Araştırmacıların deney amaçlı sokağa bıraktıkları yüzlerce cüzdandan geri dönen 240′ı üzerinden yapılan çalışmada içinde çocuk resmi olan cüzdanların %88′inin geri döndüğünü ortaya çıkıyor. Cüzdanı bulan kişilerde yukarıda bahsedilen duyguların uyandığını bu sonuçtan çıkarabiliyoruz. Bu oranı %53 ile içinde köpek resmi olan cüzdanlar izliyor.

İlginizi Çekebilecek Diğer Yazılar

Firefox Tasarım Süreci

Userspots — Wed, 17 Mar 2010 18:07:36 +0000

Firefox tasarımcısı Alex Faaborg, ZURBsoapbox etkinliğinde Firefox tasarım sürecini anlatmış.

Faaborg’un yaptığı sunuma göre Firefox’ta birbirinden ayrı iki tasarım yaklaşımı bulunuyor. Bu yaklaşımların ilki Microsoft’unkine benzer şekilde kullanıcı araştırmalarına odaklanıp kullanıcıların ne istediklerini ve neye ihtiyaçlarının olduklarını araştırmak. Bu araştırma yönteminin dezavantajı kullanıcıların size yanlış bilgi verebilme olasılıkları.

Diğer yaklaşım ise Apple’ınkine benzer şekilde kullanıcıların neye ihtiyaçları olduğunu kestirmeye çalışmak için biz vizyon geliştirmek. Bu yöntem çok başarılı şekilde sonuçlanabileceği gibi büyük başarısızlıklara da yol açabiliyor. Bu yaklaşımda tasarımcılara büyük iş düşüyor.

Bu iki tasarım yaklaşımının yanında Firefox açık kaynak kodlu bir program olduğu için kullanıcılardan ve yazılıma destek veren kişilerden gelen tasarım fikirlerinin çokluğu ve farklılıkları ön plana çıkıyor. Tasarım sürecine katılımın sürmesi sağlamak için neredeyse her fikir değerlendiriliyor.

Blogdan Rastgele Yazılar

İkna Edici Tasarım

Userspots — Mon, 08 Mar 2010 18:47:58 +0000

Dr. Susan Weinschenk, Neuro Web Design:What Makes Them Click adlı kitabında kullanıcıları ürününüzü almaya ikna etmek için onların sahip olduğu 3 beyine de hitap etmek gerektiğini anlatır. Önce beynin o 3 bölümünden bahsedelim:

Yeni beyin, bizi diğer hayvanlardan arayan farkındalığın yaşandığı yerdir. Bu bölüm mantıklı bir şekilde kararlar almamıza yardımcı olur,

Orta beyin duyguları kontrol eder,

Eski beyin hayatta kalmamızı sağlamak için etrafa sürekli şu üç soruyu sorar. 1. Yenir mi? 2. Tehlikeli mi? 3. Çiftleşebilir miyim?

Susan Weinschenk tasarımların yukarıda bahsedilen 3 bölüme de hitap etmesi gerekliğinden yola çıkarak şu tavsiyelerde bulunuyor:

1. Yeni beyne hitap edin, Kullanıcıların sizinle alışveriş yapmasının sebeplerini mantıksal bir şekilde açıklayın.

2. Orta beyne hitap edin, Duygusal bir ifade yaratmak için resimler ve cümleler kullanın.

3. Eski beyne hitap edin, Açlık ve korku gibi insanların en basit içgüdülerine hitap edin.

İlginizi Çekebilecek Diğer Yazılar

600 Pixel’in Altındaki Hayat – Above The Fold

Userspots — Sun, 28 Feb 2010 08:44:26 +0000

Sayfa açıldığında kullanıcıların ilk karşısına çıkan alan gazetecilerin kullandığı ‘Above The Fold’ deyimi ile ifade ediliyor. Sayfanın Kullanıcıya İlk Görünen Bölümü: Above The Fold yazısında bu konuda yapılan çalışmalardan bahsetmiştik.

Paddy Donnely bu terimi blogunda oldukça güzel bir şekilde ifade etmiş. Blogda buz dağının görünmeyen kısmı olarak nitelendirdiği bölümde kullanıcıların artık kaydırma çubuğunu kullanmayı öğrendiklerinden bahsediyor.

Daha önce bu konuda yazdığımız yazıda Cxpartners araştırmasına benzer şekilde Connely, içerik yoğunluğunun okunabilir şekilde sayfaya yayılmasının kullanıcıya kaydırma çubuğunu kullandırtıp kullanıcının aşağıya inmesini sağlayacağını söylüyor.

Above the Fold’la ilgili çalışmalar bize meşhur yumurta/tavuk hikayesini çağrıştırıyor. “Kullanıcılar aşağıya inmiyor düşüncesi ile neredeyse herşeyi yukarı koyuyoruz, herşeyi yukarı koyduğumuz için kullanıcılar aşağıya inmiyor.”

İlginizi Çekebilecek Diğer Yazılar

Başlarken vs. Bittiğinde

Userspots — Mon, 22 Feb 2010 19:04:39 +0000

IgnoretheCode blogunda,web siteler ve onlara eklenen özellikler konusundaki yazıda oldukça güzel iki resim bulunuyor.

Projeler başladığında kafamızda bu tarz bir iş ortaya çıkarmak varken;

Eklenen özelliklerle projemiz aşağıdaki hale geliyor:

Google mühendislerinin zamanlarının %70′ini hala arama özelliklerini geliştirmek için çalışması bize şunu gösterebilir: “Çoğu kullanıcının bizi/projemizi seçmesinin sebebi ana fonksiyonumuzu çok iyi yerine getiriyor olmamız. Bu yüzden ana fonksiyonumuza odaklanmalıyız.”

Bu noktada Twitter CEO’su Evan Williams’ın şu sözleri oldukça anlamlı:

Doğru bir özelliği 100 kere deneyip en iyi haline getirmek sitenize 100 özellik eklemekten daha iyidir.

Blogdan Rastgele Yazılar

Tasarımda Gerçekçilik

Userspots — Wed, 27 Jan 2010 19:19:39 +0000

Lukas Mathis, tasarımda gerçekçiliği irdelediği blog yazısında ikonların gerçeğe yakın olmasıyla kullanıcının algısı arasındaki ilişkiyi Kafa Karışıklığı – Bilgi Eğrisi yazısında paylaştığımız grafiğe benzer şu grafik ile anlatıyor.

Grafiğin y ekseni algı (cognition), x ekseni de detay (details) oranını belirtiyor. Grafikte kırmızı olan bölümler de kafa karışıklığını (confusion) gösteriyor.

Genellikle uygulamalarda anasayfa’ya dönmemizi sağlayan ev ikonunun aşağıdaki resimde 4 versiyonu bulunuyor. Soldaki iki ev oldukça detaylı iken genellikle daha az detaylı olmasına rağmen kullanıcıda anasayfa algısını yaratacak sağdaki ikonları kullanıyoruz.

Grafiğin diğer tarafını göstermek açısından da ikonlarda detaylar en az seviyeye inerken kullanıcıda algı benzer şekilde kaybolmakta.

Blogdan Rastgele Yazılar

Dieter Rams’dan İyi Tasarımın 10 Özelliği

Userspots — Thu, 14 Jan 2010 18:30:55 +0000

Özellikle Braun markası için bir çok ürün tasarlamış olan ünlü Alman tasarımcı Dieter Rams iyi tasarımın 10 özelliğini şöyle anlatmış:

İyi tasarım inovatiftir.
İyi tasarım ürünü kullanılabilir yapar.
İyi tasarım estetiktir.
İyi tasarım ürünü anlamamıza yardımcı olur.
İyi tasarım sadedir.
İyi tasarım dürüsttür.
İyi tasarım uzun süre yaşar.
İyi tasarım en küçük detayına kadar tutarlıdır.
İyi tasarım çevreye duyarlıdır.
İyi tasarım olabildiğince basit ve küçüktür.

Rams’ın tasarımlarından örnekler

1958- L2 Hoparlör

1972- MPZ 21 Meyve Sıkacağı

1961 – RT 20 Radyo

1987 - ET 66 hesap makinesi

1960 - 606 Evrensel Raf Sistemi

Fotoğraflar: http://www.vitsoe.com/en/gb/about/dieterrams/gooddesign

İlginizi Çekebilecek Diğer Yazılar

Uygulama Yönetimi İçin Yeni Çözümler

Userspots — Tue, 24 Nov 2009 12:30:05 +0000

İşletim sistemlerinde pencere seçme, taşıma , kapatma ve açma işlemleri oldukça önemli bir yere sahipler. Pencere ve uygulama yönetimi için son zamanlarda piyasaya sürülen işletim sistemlerinde bulunan yeni çözümler aşağıdaki videoda gösterilmiş. Videoda Apple’ın Snow Leopard, Google’ın Chrome OS, Microsoft’un Windows 7, ve İnsan Bilgisayar Etkileşimi’ne Farklı Bir Bakış yazısında paylaştığımız konsept işletim sistemi 10/GUI’nin uygulama yönetim sistemleri derlenmiş.

Blogdan Rastgele Yazılar

Userspots Sponsorluğunda Hata Sayfası Yarışması

Userspots — Fri, 13 Nov 2009 13:45:24 +0000

Detaylarını yakın zaman içinde paylaşacağımız Dünya Kullanılabilirlik Günü etkinliğinde Hasan Yalçın, Tasarımcı’nın El Çantası’nda web arayüz tasarımcıları ve yaratıcı grafikerlerin katılımıyla gerçekleşecek bir yarışma gerçekleştirileceğini açıkladı.

Userspots’un sponsorlarından biri olduğu yarışmada Türkiye’deki en yaratıcı 404 sayfası örneği aranmakta.

Jürinin belirleyeceği derecelendirme sonucunda birinci olan tasarımcı Adobe Türkiye’den 700 USD değerinde 1 adet Photoshop CS4 programı, ikinci olan tasarımcı Userspots’tan 1 adet 22″ monitör, üçüncü olan tasarımcı ise 1 yıllık PcNet aboneliği kazanacak. Mansiyon olarak ise bir tasarımcı Kullanılabilirlik kitabına sahip olacak.

Yarışma hakkınde detaylı bilgiyihttp://www.hasanyalcin.com/tasarimcilar-yarisiyor-2/ adresinden alabilirsiniz.