Arayüz ve Kullanılabilirlik | furkanacikgoz.net

Skype da Kullanılabilirlik Hatası Yapabilir

2011-12-01T22:44:00.001+02:00

Şirket de yazışmalar için genellikle skype kullanıyoruz. Bugün çağrı merkezine yeni bir bayan arkadaş katıldı ve ondan skype hesabı açmasını istedim. Şifre belirleme ekranına geldiğinde ise her iki alanada farklı bilgiler girmişti. Çünkü birinde parola diğerinde ise şifre yazıyordu. Kafasını karıştıran nokta bu olmuş.

Parola ve parolayı tekrarla. Aslında anlatılmak istenen bu kadar basit değil mi? Ama aynı şeyden birinde parola diğerinde şifre diye bahsedilince kullanıcı bu noktada takıldı kaldı!

Skype tabiki dünya çapında hizmet veren bir servis. Bu da zaten olsa olsa basit bir çeviri hatasıdır. Aynı zamanda da bir kullanılabilirlik hatası ( :

Kullanılabilirlik nedir?

2011-11-06T00:22:00.000+02:00

"Bir ürünün potansiyel kullanıcıları tarafından, belirli bir kullanım bağlamı içinde, amaçlanan kullanım hedeflerine ulaşmak için, ne derece etkin, verimli ve tatmin edici bir şekilde kullanılabilmesi."

Kullanılabilirliğin bu genel tanımı 1998' de yayınlanan iso 9241-11(pdf) belgesinde yer alıyor.

Evimizde kullanıdığımız buzdolabı da vakti zamanında bir kullanılabilirlik testine dahil olmuştur. Bir çok kavram gibi kullanılabilirlikte internete taşındı ve web siteleri, mobil uygulamalar kısacası kullanıcıların web ile etkileşime geçtiği her arayüz için kullanılabilirlik testleri yapılmaya başlandı.

Bende ağırlıklı olarak eksikliğini fark ettiğim kullanılabilirlik hakkında yazmaya çalışacağım.
Yabancı makaleler, infografikler, videolar, slaytlar ve benzeri içeriklerden edindiğim bilgileri blogda paylaşıyor olacağım.

Kaynak:
http://www.upassoc.org/usability_resources/about_usability/definitions_of_usability.html

CSS tips!

2011-10-02T13:49:00.000+03:00

Bu sabah bir tweet benim html&css yazarken sıkça karşılaştığım sorunlarda aydılanmama yardımcı oldu :) Mesela bir menü yapısını oluşturmak için li, span, div yada sadece a elementi bile yeterli olabilir. Ama en iyi nerede hangisi ?

WebDesignDev WebDesignDev ** Best Web Design Blog Posts of 2009: bit.ly/d3pCGm **

Bu ipuçlarından bazılarını bende aşağıda sıraladım;

CSS Tips

Daima tek satır yazın,

.someDiv { background: red; padding: 2em; border: 1px solid black; }

CSS framework kullanmaya başlayın,
Reset.css kullanın. Bunun için yui yada kendi reset.css inizi kullanabilirsiniz,
Yapıyı daima yukarıdan aşağı doğru oluşturun. #head, #menu, #content, #footer gibi
Multiple Class kullanabilirsiniz, <div class="box right"></div>
Shorthand kullanın. Yani ; margin-left: 5px; margin-top: 5px; margin-right: 7px; yerine margin:8px 7px 0 5px; kullanın,
Css içinie yorumlar yazın. İlk bakışta ne neredeydi bulmak için iyi bir yöntem.
Bunu bende nasıl yazarım diye düşünmüştüm ! : ) Özellikleri alfabetik sıralayın

#cotton-candy {
color: #fff;
float: left;
font-weight:
height: 200px;
margin: 0;
padding: 0;
width: 150px;
}

CSS sıkıştırıcıları kullanın; css compresser, css optimizer,
Genel classlar kullanın. Kimi zaman çok yardımı dokunur tabi abartmamak lazım. margin-top: 10 px i .mt-10 diye bir class a atamak çok mantıklı bir yöntem değildir : )

.left {float:left}
.right {float:righ}

Layout u ortalamak için "Margin: 0 Auto" kullanın, daha iyi bir yöntem bilen beri gelsin,
H1 etiketlerini gizlemek için negative margin kullanmayın. Şu videoyu izlemek gerek,
Tabiki positionların kullanımı,
Yazdığınız css ve html i validasyondan geçirin. Css validator, html validator ,
Hazırsanız object oriented css kullanın.

"OOCSS (object oriented css)" bu maddeyi başta görmüş olsaydım sadece bunun üzerine bir yazı yazmak isterdim . Yakın zamanda sadece oocss hakında biinlerce sayfalık bir web sitesi için nasıl ölçekli css yazarsınız ? Bunun üzerine kurulu diyebilirim oocss. Şu an için şu slaytı paylaşabilirim oocss hakkır yazmayı planlıyorum.

Javascript ve PHP için ipuçları;
http://net.tutsplus.com/tutorials/php/30-php-best-practices-for-beginners/
http://net.tutsplus.com/tutorials/javascript-ajax/24-javascript-best-practices-for-beginners/

Kaynaklar;
http://net.tutsplus.com/tutorials/html-css-techniques/20-html-forms-best-practices-for-beginners/
http://net.tutsplus.com/tutorials/html-css-techniques/30-css-best-practices-for-beginners/
http://coding.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/

Buluştrend izlenimlerim

2011-09-17T10:42:00.000+03:00

* http://whonear.me/ Adından da anlışılacağı gibi "yakınlarda kim var" .. Gizliliğin günden güne azaldığı bir dönemde who near da 4sq ve facebook places ve diğerleri gibi apaçık "ben buradayım" demenin bir yolu : ) . Onu ayıran en büyük özellikse siz "check-in" yapmadan 3g ve wi-fi kullanarak sizin yerinizi belli etmesi..
Co-Founder ve aynı zamanda Developer olan Gökhan Örün ilerleyen zamanlarda sistemi yakınlardaki fırsatlar ile güçlendirmeyi hedeflediklerini ve bu sayede bir gelir modeli oluşturmayı hedeflediklerini belirtiyor. Android uygulamalarını bende indirip kurdum. Buluştrend' de Gökhan' ı 1 metre yakınımda gösteriyordu, oldukça başarılı yani :)

*DüşünTaşın Derneği bu arkadaşları bende bir çok kişi gibi "Ali Sami Yen' de kitap okuma rekoru" adlı haber' den tanıyorum. Ülkemde 4 kişiye bir kitap bir başka deyişle bir vatandaşıma 63 sn. kitap okuma süresi düşüyor. Arkadaşların öncelikli amacı kitap okuma oranını yüzde 20 lere getirmek. Bu oranı yakalarsak sonrasının çok daha kolay ve hızlı geleceğini söylüyor umarım hep birlikte o günleri görürüz : )

-Metro yeraltından gidiyor yani karanlık, metrobüs ise yerüstünde görecek bakacak çok şey var ! O yüzden toplu taşımanın metro ile gerçekleştiği ülkelerde kitap okuma oranı yüksek (yada olması gerektiği gibi) misal Japonya !

Güne ait ufak bir anektod :)

Hello World

2011-09-16T01:04:00.000+03:00

furkanacikgoz.net bundan sonra yayın hayatına blogger.com üzerinden devam edecektir : ) Orda uzaktaki takipçilerime duyrulur : )