Checkboxes vs Radio Buttons ve Dropdown

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:

Ş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

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 »

Ülke Turizm Logoları

Turizmin günümüzde ne kadar büyük bir gelir kapısı olduğunu hepimiz biliyoruz artık. Televizyon reklamları, internet bannerları, billboardlar türlü çekicilikte ülke reklamlarını sergiliyor. Türkiye için çekilen reklamları izleyip de “Burası bizim ülke mi şimdi?”  diyen birilerini mutlaka duymuşsunuzdur. cidadedeslogos.com ülkerin tanıtımlarında kullandıları logoları derlemiş. Ben de burada paylaşmak istiyorum. Aralarında en çok İspanya ve Brezilya Logolarını beğendim… Read the rest of this entry »

Logo Tasarımında Negatif Alan

Logo tasarımında akıllıca kullanılmış bir negatif alan etkisinin gücü önüne geçmek gerçekten zordur. İşte akıllıca tasarlanmış birkaç güzel örnek. Sizin favoriniz hangisi?

Read the rest of this entry »

Muhtemelen Kullanmadığımız 9 adet CSS kolaylığı

1. FONT için kısayol

Font ile ilgli tanımlamaları yaparken muhtemelen kullanım şeklimiz:

font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

Oysa tüm bu satırları kısaca: Read the rest of this entry »

Wireframe örnekleri

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

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 »

Arayüz tasarımının programcı tarafından yapıldığını gösteren 7 işaret

Hergün kullanmak zorunda kaldığınız o şirket içi yazılımların berbat arayüzlerini bir programcının yapmış olmasından şüpelendiniz mi hiç? Bundan emin olmanın birkaç yolu var. Kullandığınız programlarda bu izleri görürseniz, yapan kişiye bu kitabı okumasını şiddetle tavsiye edin. Ve eğer gücünüz ve yetkiniz yetiyorsa kendini geliştirmesi için onu zorlayın yada en iyisi arayüz konusunda uzman biri ile anlaşıp tasarımı düzelttirin.

1. Diyalog pencerelerinde “ünlem” ile biten cümleler

Bakın, bu mesajı bugün 50.kez görüyorum. Yani programın “veritabanına bağlanamıyor ! ” olmasına şaşırmıyorum artık. Birçok profesyonel yazılım daha doğal ve yumuşak bir iletişim şekli kullanıyor. Onlardan birini deneyin siz de. ve Hatta: Read the rest of this entry »

WIREFRAME

Wireframe nedir?

Wireframe, bir web sayfasının içeriğinin ve fonksiyonlarının tanımlandığı eskizlerdir. Aynı zamanda bir masaüstü uygulaması, mobil uygulama, sunum tasarımlarında da kullanılmaktadır. Herhangi bir şekilde renk, font, grafik, fotoğraf, resim, illustrasyon gibi arayüz tasarımı ile ilgili bir öğe içermemektedirler.

Nasıl kullanılırlar?

Site haritaları (site maps) wireframe oluşturmak için son derece faydalıdır. Tasarım konusunun “Amaç dokümanı”  da işin tanımlanması ve sürecin tekrarlardan kurtulması açısından önemlidir ve zaman kazandıracaktır. Ayrıca, Bilgi Mimarisi (Information Architecture ) için önemlidirler.  Read the rest of this entry »

Ankara Tasarım Günleri – 4.ATG

Bu yıl 4.sü düzenlenecek olan Ankara Tasarım Günleri, 21-22-23 Mayıs 2010 tarihlerinde CERMODERN’de. Söyleşiler, sergiler, çalıştaylar ve gösterilerin planlandığı etkinliğin bu yıl ki üst başlığı “TASARIMDA INOVASYON”.

Ankara Tasarım Günleri’nin fikir babası,  organizasyonun proje yöneticisi ve ev sahibi olan Hakan Dağ, ATG’nin amaçlarını şu şekilde özetlemiş.

• Türkiye’nin tasarım alanında geldiği noktayı ulusal ve uluslar arası platformlara tanıtmak, tasarım yoluyla ile işbirlikleri kurmak, kurulan işbirliklerini geliştirmek.
• Tasarım alanında çalışmalar yapan gençlerin, öğrencilerin, akademisyenlerin, sektör çalışanlarının kendilerini ve işlerini tanıttıkları platform oluşturmak.
• Ankara’dan hareket ile Anadolu’nun değişik illerine ulaşmak ve burada çalışma yürüten tasarımcıları, gençleri, akademisyenleri, sektör çalışanlarını etkinliklere katılımlarını teşvik etmek ve yeni birliktelikler kurmak.
• Tüm katılımcıları, Ankara’nın tarihi, kültürel ve zengin sosyal yapısı ile ilişkilendirmek.
• Ülkemizin sahip olduğu zengin kültür mirasını paylaşmak.

Hedef Kitlesi: Tasarımcılar, sanatçılar, grafik tasarımcılar, akademisyenler, öğrenciler, sektör çalışanları, reklamcılar, bilişim çalışanları, yayıncılar, iletişimciler, girişimciler, firmalar.

Katılımcılar, paneller, söyleşiler ve sergiler hakkında detaylı bilgi için ATG Resmi Web sitesini ziyaret edebilirsiniz.