Checkboxes vs Radio Buttons ve Dropdown

Posted: June 22nd, 2010 | Author: B | Filed under: GUI-Arayüz, Makale | Tags: , , , | No Comments »

Checkboxlar ve Radio Butonlar ekran üzerinde çalışan uygulamar için vazgeçilmez kontrollerin başında gelir. Aklınıza gelebilecek her tür formda bu iki kontrolü mutlaka kullanıyoruz. Peki doğru kullanıyor muyuz?

Bu 3 kontrolün nerede nasıl kullanılması gerektiğini yaşadığım örneklerle vermek istiyorum. Bu şekilde doğru kullanım alanlarını netleştirmeye çalışacağım.

Bir siteye kayıt esnasında mail adresime site ile ilgili haberlerin gönderilmesi için onay isteyen bir formda:

Site ile ilgili güncel bilgileri, duyuru ve haberlerin mail adresime gönderilmesini istiyorum.

Site ile ilgili güncel bilgileri, duyuru ve haberlerin mail adresime gönderilmesini istemiyorum.

Şeklinde bir bölümle karşılaştım. Burada yapılan kontrol kullanımı  ve kullanılabilirlik hataları: Read the rest of this entry »


Yaşlı kullanıcılar için ekran tasarlamak

Posted: June 21st, 2010 | Author: B | Filed under: GUI-Arayüz | Tags: , , , | 2 Comments »

Yaşlı kullanıcılar için yapılan arayüz tasarımlarında, kullanıcıların neleri yapabildiklerinden çok neleri yapamadıkları üzerine fikirler geliştirilmektedir. Oysa bu herzaman için geçerli olmayabilir. 65 yaş üzerindeki her kullanıcının görme problemi olduğu varsayılıp fontları büyütmek, fon ile yazı karakteri kontrastını artırmak problemin çözümü için yeterli olmayabilir. Yaşlı kişilerin kullanmaya alışmış oldukları arayüzlerin de gerçekten uygun arayüzler olduklarını varsayamayız. Zira uzun süredir kullandıkları bu ekranlar, kullanıcı dostu olmalarından dolayı değil, bu kişilerin bu ekranları bir şekilde kullanmayı öğrendikleri için bu davranışları sergiledikleri de ihtimaller arasındadır.

Hem kullanılabilirlik, hem de kullanıcı profilini göz önünde bulundurarak yaşlı kullanıcılar için arayüz tasarımında dikkat etmemiz gerekenleri başlıklar halinde vermeye çalışacağım.

Read the rest of this entry »


Wireframe örnekleri

Posted: May 28th, 2010 | Author: B | Filed under: GUI-Arayüz, Makale, Web | No Comments »

Yeni bir web veya uygulama arayüzü tasarımı yaparken işe wireframe ile başlamak iyi bir fikirdir. Size proje ölçeğinde zaman kazandırırken, fikir ve analiz aşamasında öngöremediğiniz sorunların çözümünde yardımcı olurlar. Ayrıca uygulama için yeni fonksiyonlar ve yeni fikirler üretmenizi de sağlarlar.

Wireframe aşamasında bir çok yazılımdan destek alabilirsiniz. Ama benim tavsiyem ilk işe kağıt ve kalem ile başlamanız olacaktır. Bu size hem esneklik hem hız hem de haz verecektir. Bir kaç tane kağıt-kalem çalışılmış wireframe görüntüsünü paylaşmak istiyorum, umarım bir sonraki işinize bu şekilde başlar ve deneyimlerinizi paylaşırsınız. Read the rest of this entry »


Kullanışlı arayüz tasarımında dikkat edilmesi gereken 10 konu

Posted: May 18th, 2010 | Author: B | Filed under: GUI-Arayüz, Makale, Web | 1 Comment »

1. Geç Kayıt (Lazy Registration): Kullanıcının sitenin sağladığı hizmetleri kayıt olmadan kullanmasına olanak verin. Kayıt kısmını olabildiğince geciktirin. Kullanıcının verdiğiniz hizmeti gerçekten kullanmaya karar verdiğinde kayıt yaptırmasını sağlayın. Bu;

- Hizmeti kullanmayacak kişinin bilgilerini gereksiz yere kayıt altına almamanızı sağlayacaktır.
- Hizmetinizi gerçekten faydalı bulup kullanmak isteyen kimsenin, hemen karşısına kayıt formu çıkartıp onu kaybetmenizi engelleyecektir.

Kullanıcı vermiş olduğunuz hizmeti kullanıp, yapmış olduğu çalışmayı kaydetmek istediği zaman onu siteye kayıt edebilirsiniz. Ya da, alışveriş sepetine ürünleri istediği gibi ekleyip çıkarmasına izin verin. Ödeme aşamasına geldiği zaman kayıt formuna yönlendirebilirsiniz. Böylelikle, kaydını tuttuğunuz kişiler hedef kitleniz içindeki gerçek müşterileriniz olacaktır. Aynı zamanda kararsız kalmış kişilere verdiğiniz bu serbestlik, onları kazanmanıza sebep olabilir. Read the rest of this entry »