Nis 05   Anlaşılabileni Tasarlamak

Tags Kategori? Tasarım

Designing the ObviousBirkaç gün önce tanıştığım ve günümü bitirmeden tamamlamak için uyumaktan vazgeçtiğim bir kitaptan bahsetmek istiyorum. Kitabın adı “Designing the Obvious (amazon)”. Yazarın temel amacı ise herhangi bir son kullanıcının bir uygulamayla ilk tanışmasında, ona yıllardır bu uygulamayı kullanıyormuş olduğu hissi uyandıracak kadar kolay ve anlaşılır bir arayüz sağlamak konusunda okurlarına yardım etmek. (Bu karmaşık cümleyle pek başarılı bir iş çıkarabildiğim söylenemez)

Aslında bu konuda yazmak istemiyordum ama dmry’de Mynet’in ana sayfasının değiştiğini okuduktan sonra çıkan sonuç üzerinde uzunca düşündükten sonra HMI ile ilgilenenlere yönelik bir yazı yazmaya karar vermiş oldum. Aslında Eric Burke’in karikatürü bu konuda örnek gösterilebilecek en güzel malzemelerden biri:

Sadelik

Çizimdeki ilk ürün tipik bir Apple, ikincisi bir Google ürünü ve üçüncüsü de sizin şirketinizin ürettiği uygulama olarak lanse ediliyor. Elbette hepimiz basit bir arayüz sunmak istiyoruz ama eğer uygulamamız Garanti‘nin online bankacılık uygulaması gibi detaylı bir şeyse bunu başarmak bir noktadan sonra imkansız bir hale geliyor. Pek bu durumda ne yapılabilinir?

Hepimiz biliriz ki bir resim galerisinde küçük resimlerin üzerine tıklandığında genelde büyükleri açılır. Veya arama motorlarında sonuçlar sayfasında bir sonraki sayfaya geçmek için sayfanın altında bir navigasyon bulunur. Arama yaparken arayacağımız kelimeleri yazdıktan sonra aramayı başlatmak için bir düğme ararız hepimiz. İşte bunlar kullanıcı alışkanlıklarıdır, zamanla bilinçaltına yerleşen bu alışkanlıkarı kullanarak son kullanıcıların fazla düşünmeden işlerini halledebilmelerini sağlamak mümkündür.

ypatternlib.gifPeki, kullanıcıların alışkanlıkları nelerdir?

Herkesin aynı soruyu sorması üzerine Yahoo! Developers Network bu konuda bir kütüphane oluşturmaya karar vermiş ve herkesin gönlüne taht kuran web uygulamalarında sıkça kullanılan ve kabul görmüş tasarım alışkanlıklarını bir araya getirmeye çalışmış. Yahoo Design Pattern Library adı verilen bu kütüphanedeki örüntüleri kullanarak siz de düşündürmeden işleyen uygulama arayüzleri tasarlayabilirsiniz.

Yorum Ekleyin ↓

Required Adınız (gerekli)
Required Email (görüntülenmeyecek - gerekli)
Blog / Website? (varsa)

KISA BİR NOT: Lütfen yorumlarıza özen gösterin, tartışma yaratmak için provake edilmiş yorumları silmekten büyük bir zevk aldığımızı unutmayın. Fikrinizi bağırın ama onun arkasında durabilcek gerekçeleriniz olsun. - Bir dost...

12 Yorum ↓

Farklı bakış açılarının var olduğu bir dünyayı destekleyen bir blog olarak bize fikir hocalığı yapmaktan kaçınmamanızı ve yazmaya değer bulduklarınızın altına birşeyler eklemeyi unutmamanızı yürekten diliyoruz.
  •  Add karma Subtract karma -4
    1. Tutan @ [5/04/2008]

    Evet bu blog üzerinde herşey çok anlaşılır mesela. Süprizlik bir yanı yok, herşey ortada.
    Not: Yazılar biraz daha büyük olsa daha da kolay okunabilir bir yapısı olacak.

  •  Add karma Subtract karma +7
    2. Burcu @ [5/04/2008]

    @ Tutan, teşekkürler.
    Yazıları büyütmek uzun zamandır aklımda olan bir şeydi. Bugün akşam optimum bir büyüklük bulmak için uğraşayım en iyisi :D

  •  Add karma Subtract karma +0
    3. dxing @ [5/04/2008]

    Yahoo bu kütüphanede sadece kendinden mi örnekler veriyor?

  •  Add karma Subtract karma +4
    4. Murat @ [5/04/2008]

    Hayır yahoo design pattern lib, tamamen alışılagelmiş web uygulaması arayüzlerinden örnekler veriyor. Bu nedenle örneklerin sadece Yahoo içinden olduğunu söylemek yanlış olur.

  •  Add karma Subtract karma +0
    5. Hakan @ [6/04/2008]

    Okuduğun kitaptan edindiğin bilgilerle bu konu kapsamında ileride de birkaç görüş aktarırsan, sanırım ben de dahil birçok kişi çok sevinecektir ;)

    Ayrıca Yahoo! Developer Network kesinlikle uğrak bir yer olmalı. PHP üzerine de çok güzel uygulamalar anlatılıyor. Örneğin tarayıcı üzerinden kullanıcı oturumu kontrolü gibi :)

  •  Add karma Subtract karma +9
    6. eburhan @ [6/04/2008]

    Böyle bir yazıya UI Patterns yakışır doğrusu (:

  •  Add karma Subtract karma +1
    7. Burcu @ [6/04/2008]

    ui-patterns.com da aklımdaydı erhan ama 2-3 gündür cevap vermediğinden linklere eklemedim. Google da en son 1 nisanda cache'ine atmış :(

    @Hakan, bu konuda küçük bir ebook hazırlamayı düşünüyorum herhangi bir boş vaktimde. İçerikle ilgili küçük bir taslağım hazır ama örnekler ve yazı için oldukça vakit harcamam gerekecek :D

    Düzeltme: UI Pattern 2-3 günün ardından geri dönmüş :)

  •  Add karma Subtract karma +0
    8. İlhan @ [8/04/2008]

    Burcu e-mail'ime cevap verirmisin.

    Burcu'dan edit: Cevap gönderildi :D

  •  Add karma Subtract karma +0
    9. Muhammed @ [9/04/2008]

    Güzel makale olmuş teşekkürler..

  •  Add karma Subtract karma +0
    10. Onur ALMIŞLAR @ [9/04/2008]

    Ben blogunuza yeni yeni gelmeye başladım.Açıkcası bir önyargı ile (erkek ön yargısıda olabilir) bir bayanın web,tasarım ve internet ile ilgili böyle kaliteli yazılar yazabileceği hiç aklıma gelmemişti.Utandım kendimden.

    Tasarım ile ilgili oldukça faydalanacağım yerlerden biri olucak blogunuz.İyi çalışmalar

  •  Add karma Subtract karma +0
    11. alico @ [10/04/2008]

    @Tutan

    yok son kullanıcıları her zaman blog yapısını bilen bu işin içindeki kullanıcılar olarak bakmassak o kadar anlaşılır değil.

    bölümlerin birbirleri ile karışmış bir yerleşimi var bundan ötürü sidevar ve content dahil olmak üzere odaklanma sorunu var.

  •  Add karma Subtract karma +2
    12. Selin @ [10/04/2008]

    Bu blogun oldukça sade olduğunu söyleyebilirim ama bölümler arasındaki boşluklar biraz daha arttılabilinir. aliconun bahsettiği karmaşaya boşlukların az oluşu neden olabiliyor olabilir.