tag:blogger.com,1999:blog-19405570040801035812024-03-05T11:41:21.234+03:00KULLANICI DOSTUKullanıcı Deneyimi (UX) Üzerine Biraz PaylaşımAnonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-1940557004080103581.post-18809742715634286372015-04-22T11:38:00.000+03:002015-04-22T11:38:27.235+03:00Uçaklar mı Daha Tehlikeli Yoksa Katırlar mı?<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal">
Uçaklar mı daha tehlikeli yoksa katırlar mı diye sorulsa ne yanıt verirdiniz?<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Bir belgesel kanalında denk geldiğim çarpıcı istatistik ilginç
bir veriyi ortaya koyuyordu. Uçak kazalarında ölen insanların sayısı, kırsal
alanda kullanılan eşek, katır vb. hayvanların sebep olduğu ölüm sayısından çok
daha azmış! Yani esas korkuyu uçağa binerken değil de köyde eşek gördüğümüzde
mi hissetmeliyiz acaba!?<o:p></o:p><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://static.boredpanda.com/blog/wp-content/org_uploads/2014/04/wake-turbulence-liftoff-composite-photo-mike-kelley-1__880.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://static.boredpanda.com/blog/wp-content/org_uploads/2014/04/wake-turbulence-liftoff-composite-photo-mike-kelley-1__880.jpg" height="225" width="400" /></a></div>
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Bu ilginç istatistik tartışıla dursun, biz bu yazımızda Türkiye’nin
büyük hava yolu şirketlerinden ikisinin uçuş sorgulama süreçlerinin karşılaştırmalı
incelemesini yapacağız. Bunu yaparken ki amacımız elbette bir firmanın
reklamını yapmak veya diğerini kötülemek değil; iyi örnekleri ve
kullanışsız noktaları masaya yatırmaktır.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoListParagraph" style="mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
</div>
<span style="text-indent: -18pt;"></span><br />
<ul style="text-align: left;"><span style="text-indent: -18pt;">
<li><span style="text-indent: -18pt;"> İlk gözümüze çarpan şey <b>kişi sayısı seçim</b>
farklılığı. Bilet alırken çoğunlukla 1 veya 2 kişilik alım yapılır. Her iki
örnek de 1 sayısını otomatik getiriyor. Fakat 2 kişi seçileceği zaman iki ara
yüz arasındaki fark kendini ortaya çıkarıyor. A örneğinde 2 kişi sayısına
sadece bir tıklama ile ulaşmak mümkün; rakam giriş alanının yanında bulunan +
işareti kolaylıkla algılanabilir durumda. Fakat B örneğinde yine 2 sayısına
ancak iki hamle ile ulaşılabiliyor. Üstelik bu iki hamle için fareyi farklı
noktalara da sürüklemek gerekli. Bu da kullanıcının yanlış yere tıklaması
riskini içeren dezavantajlı bir duruma sahip.</span></li>
</span></ul>
<blockquote class="tr_bq">
<span style="text-indent: -18pt;">Kişi sayısının arttığı durumlarda
ise yine ilk örnek algı açısından avantajını koruyor. Çünkü + işaretine yolcu
sayısı kere basmak zor değil. Daha basit ve kullanışlı.</span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="text-align: center;">A) </span><o:p style="text-align: center;"></o:p><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfF-ga3kvCVjDhklUVarbyYVjVNSxNh0iFpoBIf_ai0SbRZsIoqyjddWyvyBxY2iPnrCx5fPMVwDipuBOSXRMTzCwB4sgSfA0bNPcm8dxruRIBYC_3FwLo1t9SbCPR7DvU37WpkohQ3M/s1600/thy.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfF-ga3kvCVjDhklUVarbyYVjVNSxNh0iFpoBIf_ai0SbRZsIoqyjddWyvyBxY2iPnrCx5fPMVwDipuBOSXRMTzCwB4sgSfA0bNPcm8dxruRIBYC_3FwLo1t9SbCPR7DvU37WpkohQ3M/s1600/thy.png" height="311" width="400" /></a></blockquote>
<div class="MsoNormal" style="margin-left: 35.4pt;">
<span style="text-align: center;">B)</span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrkleDISNiBhPN-_YlI_zs8UWufR1mgFE5IQ1LlQcrveBuqkUhZf5ftWevui2LOSvNXZZSnPyzdF5xsTUFKqR-HZ-b5kDtTr32dKLxa2mxWrNO53MAbQ7He2OwkEH1UDb8YUvpO8KFp48/s1600/Pegasus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrkleDISNiBhPN-_YlI_zs8UWufR1mgFE5IQ1LlQcrveBuqkUhZf5ftWevui2LOSvNXZZSnPyzdF5xsTUFKqR-HZ-b5kDtTr32dKLxa2mxWrNO53MAbQ7He2OwkEH1UDb8YUvpO8KFp48/s1600/Pegasus.png" height="365" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<o:p></o:p><br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
</div>
<span style="text-indent: -18pt;"></span><br />
<ul style="text-align: left;"><span style="text-indent: -18pt;">
<li><span style="text-indent: -18pt;"> Diğer bir fark ise <b>takvim gösterimi</b> bölümünde
ortaya çıkıyor. A örneğinde iki aylık dilimler halinde kullanıcıya
sunulurken, B örneğinde durum tek ay ile sınırlandırılmış durumda. Burada A
örneğinin avantajı; kullanıcının tek bir hamlede istediği tarihi seçme
rahatlığıdır.</span></li>
</span></ul>
<span style="text-align: center; text-indent: -18pt;"></span><br />
<div style="text-align: center;">
<span style="text-align: center; text-indent: -18pt;"><span style="text-indent: -18pt;">A)</span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdS4wpA7T-XsOOqNVw7vKnLTFmdF5Jx6MnRnXC8lHcVMO2ffvnVxC8FT9s4q_Pv9Jub2VddjUSuvBqBB7hNsDc3T4i3qriWVsBkBMZRNC6xtpEpTTUvzgpHUwCnMds3xrQb4Mg2DHZc8/s1600/thy+tarih.png" imageanchor="1" style="font-size: 7pt; margin-left: 1em; margin-right: 1em; text-indent: -18pt;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmdS4wpA7T-XsOOqNVw7vKnLTFmdF5Jx6MnRnXC8lHcVMO2ffvnVxC8FT9s4q_Pv9Jub2VddjUSuvBqBB7hNsDc3T4i3qriWVsBkBMZRNC6xtpEpTTUvzgpHUwCnMds3xrQb4Mg2DHZc8/s1600/thy+tarih.png" height="188" width="400" /></a></span></div>
<span style="text-align: center; text-indent: -18pt;">
<div style="text-align: center;">
<span style="text-indent: -18pt;">B)</span><span style="font-size: 7pt; font-stretch: normal; text-indent: -18pt;"> </span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5o9Q4pmRa0EQJyG1Ha0E0_0bXSYa6lJlEOJznmgOrKBZmE6iUiZn6Ycp5d3GMfsobrAsrdL4ndkM8cle3PzhyPUVUvIOviJ2kotxaz2DSRoSfidixBcqIMDfXuGlZRoK5E9GcV3xk8P8/s1600/pegasus+tarih.png" imageanchor="1" style="font-size: 7pt; margin-left: 1em; margin-right: 1em; text-indent: -18pt;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5o9Q4pmRa0EQJyG1Ha0E0_0bXSYa6lJlEOJznmgOrKBZmE6iUiZn6Ycp5d3GMfsobrAsrdL4ndkM8cle3PzhyPUVUvIOviJ2kotxaz2DSRoSfidixBcqIMDfXuGlZRoK5E9GcV3xk8P8/s1600/pegasus+tarih.png" height="227" width="400" /></a></div>
</span><br />
<div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 90pt; text-align: center; text-indent: -18pt;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
</div>
<ul style="text-align: left;">
<li><span style="text-indent: -18pt;">Yine tarih alanında kendini gösteren bir diğer
fark ise <b>dönüş tarihi önerisi</b>dir. Yukarıdaki takvim örneklerinde görüleceği
gibi; A örneği, dönüş tarihini 1 hafta sonrası olarak otomatik önerirken (ki bu
mantıklı bir öneri), B örneği ise varsayılan olarak ilk seyahat tarihi ile aynı
günü öneriyor. Uçakla aynı gün içerisinde gidip dönen yolcu sayısının pek az
olacağı düşünülürse, B önerisi çok da kullanışlı gibi görünmüyor.</span></li>
</ul>
<!--[if !supportLists]--><o:p></o:p><br />
<div class="MsoListParagraphCxSpMiddle">
<blockquote class="tr_bq">
Tabi burada istatistiksel yöntemlere
başvurmak da oldukça faydalı olabilir. Yani havayolu firmasının geçmiş
kayıtlarından, X şehri ile Y şehri arasında seyahat etmek için gidiş dönüş
bilet alan yolcuların gidiş dönüş tarihleri arasındaki fark bilgisine
ulaşılarak en çok gerçekleştirilen kalma süresi verisi değerlendirilebilir. Bu
gibi daha bir çok veri değerlendirilerek kullanıcıya daha hızlı öneride bulunan
akıllı algoritmalar geliştirilebilir.</blockquote>
<o:p></o:p></div>
<div class="MsoListParagraphCxSpMiddle">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo1; text-indent: -18.0pt;">
</div>
<ul style="text-align: left;">
<li><span style="text-indent: -18pt;">Son olarak kullanıcıya, karar verirken esneklik
sağlayan çözümlerden birini inceleyelim; <b>hava alanı seçimi</b>.</span></li>
</ul>
<o:p></o:p><br />
<div class="MsoListParagraphCxSpMiddle">
<blockquote class="tr_bq">
Bir şehirde birden fazla hava alanı varsa tüm
bu olasılıkları <u>kapsayan </u>bir seçenek
de sunulmalı. Bu sayede yolcu bir hava alanı önemsiz tüm seyahat
alternatiflerini aynı sorgulama ile görebilir. Örneğin İstanbul için; “İstanbul
– Tümü” gibi bir seçenek olmadığı sürece iki hava alanı alternatifini de ayrı
ayrı sorgulamak gerekecektir. Üstelik bir de varılacak noktadaki havaalanı
sayısı da çok ise denenmesi gereken kombinasyon sayısı da o oranda artacaktır.
Bu da kullanıcı açısından tek bir seyahat için birden fazla sorgu ve kafa
karışıklığı demek oluyor. Bu yüzden İstanbul seçileceği zaman sadece aşağıdaki
seçimleri sunan bir yapının pek de kullanışlı olmadığını söyleyebiliriz.</blockquote>
<o:p></o:p></div>
<div>
<br /></div>
<div>
<blockquote class="tr_bq">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-a7l-vFY0qw0wG_W_JDegq5U9RiURLFF3Z9HCAFdGPf-9CCXdfx3HqDKs6XDaYJBL0s__tymUOZncdwqo3EntWym4dj2C3Xw_X3UxrWP4oTC4NCXY1aQZ8owY9eXROkGruuCLhtYlSu0/s1600/pegasus+nereden.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-a7l-vFY0qw0wG_W_JDegq5U9RiURLFF3Z9HCAFdGPf-9CCXdfx3HqDKs6XDaYJBL0s__tymUOZncdwqo3EntWym4dj2C3Xw_X3UxrWP4oTC4NCXY1aQZ8owY9eXROkGruuCLhtYlSu0/s1600/pegasus+nereden.png" height="108" width="400" /></a></blockquote>
</div>
<br />
<br />
<div class="MsoNormal">
Tabi tüm olumsuz kullanıcı deneyimlerine rağmen “<i>Para konuşur</i>” sözü de geçerliliğini
koruyan durumların başında geliyor. Yani kullanıcı, faydasına olacak bir
alternatif için tüm olumsuz deneyimlere karşı göğüs gerebilir. Fakat kullanıcı gözünden tasarlanmamış, özensiz bir tasarımı kullanırken söyleneceği ve zorlanacağı kesin. Neden bezdirmeden daha iyi bir kullanıcı
deneyimi sunmayalım ki?<o:p></o:p></div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-58162054105338790832015-03-22T01:06:00.001+02:002015-03-22T23:39:10.221+02:00Ürün Geliştirmenin Önündeki Engeller<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="blogaway-section">
<b>Ürün Geliştirmenin Önündeki Engeller</b><br />
<br />
<br />
Kullanışlılık kısmen göreceli bir kavram aslında. Neyi referans aldığımızla ilgili. Yani bir ara yüz, daha iyisi karşımıza çıkana değin bize çok kullanışlı gelebilir. Ancak daha iyisini görünce birden eskisinin pabucu dama atılıverir. Ne oldu önceki ‘mükemmel’ olan tasarıma? <br />
<br />
Tabi bu değişime adaptasyon herkes için böyle olmuyor. Yeni tasarım her ne kadar daha kullanışlı tasarlansa da kafalardaki duvarları yıkmak öyle kolay değil. Bunun genellikle iki temel sebebi oluyor.<br />
<br />
<i>Tasarımcının / Tasarım Ekibinin Kapalı Bakış Açısı</i><br />
<blockquote>
Bir aşçı yaptığı yemeğin; en güzeli, en lezzetli, en besleyici olduğunu düşündüğü sürece aynı yemeği yapmaya devam eder. Hiçbir gelişim ve ilerleme de sağlayamaz. Fakat müşteri <b>şikayet</b>lerine ve <b>talep</b>lerine kulak asmak, gelişim için bir maden bulmak kadar değerlidir. Diğer önemli nokta ise kendini müşterinin yerine koymak yani <b>pişirdiğini yemek</b>. </blockquote>
<div style="text-align: center;">
<img src="http://static.boredpanda.com/blog/wp-content/uploads/2014/12/bold-bakery-art-sarah-brockett-4.jpg" height="212" width="320" /></div>
<blockquote>
Ve üçüncüsü de hizmet verilen kişilerle sohbet etmek, anlamak, tanımak, empati yapmak. Bu adımlar türetilebilir elbet. Fakat tüm adımları özetleyen anahtar sözcük muhtemelen <b>empati</b> olacaktır.Bir tasarımcı yada tasarım ekibi de yaptığının en iyisi olduğu yanılgısıyla hareket ederek; şikayet, öneri ve dolayısıyla gelişimi reddederse başarısının uzun sürmeyeceği kesindir.<br />
<br /></blockquote>
<blockquote>
<u><i>Yaklaşım</i></u><i>:</i> “<i>Müşteri her zaman haklıdır</i>.” sözünün içini doldurarak, “<i>Gerçekten haklı olduğu noktalar olabilir</i>.” deyip dinlemek ve <u>gerçekten</u> anlamaya çalışmak olmalıdır.<br />
<br /></blockquote>
<i>Sadık Alışmış Kullanıcılar</i><br />
<blockquote>
Ürünün mevcut kullanımına <b>alışmış </b>kullanıcılardan gelen geri bildirimlerin doğruluğuna da kuşkulu yaklaşılmalıdır. Çünkü alışkanlıklarımız hayatımızı yönlendirirken bir yandan hayatımızı sınırlıyor aslında. Haliyle eski kullanıcılar, eski alışkanlıkların birer savunucusu olacaklardır. Fakat diğer yandan da ürünün açıklarını ve eksiklerini de en iyi gören kişiler yine eski kullanıcılar olacaktır. Bu yüzden onlardan gelecek yorum ve talepleri dinlerken temkinli olmakta fayda var.<br />
<br /></blockquote>
<blockquote>
Windows Office eski ara yüzünden yenisine geçtiğinde eski kullanıcıları tarafından çok tepki almıştı. Yeni ara yüz onlara çok karmaşık geliyordu. Neyi nerede bulacaklarını bilemez haldelerdi ve her fırsatta memnuniyetsizliklerini dile getiriyorlardı.<br />
<br /></blockquote>
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvu8tEw7Iif3fLAtcK7XqrtiOmfpODUEU8Ro6qb3saKU1h1V5Iqo_9gS4FOsB9JsGotvqQmS0lLTvcADdu_KTZZjc2f4_m5QeNm50zYzuHZaem4rlG6Bt_3XaM0ytXwtfSf0apwv57tsQ/s1600/windows+office.png" height="51" width="320" /></div>
<blockquote>
<br />
Fakat yeni tasarım zaman içinde kendini kabul ettirdi. Bunun sebebi ise yeni ara yüzün arkasındaki detaylı istatistiksel çalışmadır. Her bir alan tek tek yeni kullanıcılar ile test edilerek, en kullanışlı ve kolay tasarım hedeflenmeseydi bu tasarım asla kendini kabul ettiremeyecekti. Yani bu devrim niteliğindeki değişimin haklı ve sağlam gerekçeleri olduğunu söylemeliyiz. Bu yüzden köklü değişimlerde evdeki bulgurdan da olmamak için istatistiksel test süreçlerini çok daha fazla yapmalı.<br />
<br /></blockquote>
<blockquote>
<u><i>Yaklaşım:</i></u> Orta yolu bulabilen ve yumuşak geçiş sağlayan yöntemler geliştirilmeli, eski müşterileri de sevdirebilecek sempatik yollar bulunmalıdır.<br />
<br /></blockquote>
<br />
Her zaman daha iyisi olmuştur ve olacaktır da. Bunu; daha fazlasını isteyen şişman ve arsız çocukların doyumsuzluğu gibi veya rekabetin zorunlu kıldığı bir yol gibi görmemek gerek. Daha iyiye ve mükemmelliğe olan eğilim, yönelim ve insanın doğasında doğuştan var olan gelişim dürtüsünün bir neticesi olarak tanımlamalı. Ne güzel demiş Yunus Emre, ‘<b>Oldum demek, öldüm demektir.</b>’ diye.</div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0tag:blogger.com,1999:blog-1940557004080103581.post-61672780873573365862015-02-14T19:24:00.000+02:002015-02-14T19:24:01.353+02:00Garanti Bankası Veri Tabloları Kullanıcı Deneyimi ve Önemi<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
Şimdi de <a href="https://isube.garanti.com.tr/isube/login/login/passwordentrypersonal-tr" target="_blank">Garanti Bankası</a> internet bankacılığı bilgi tablolarına göz atacağız.<br />
<br /></div>
<div class="MsoNormal">
Normal bir insan beyni bilinç koyarak aynı anda ancak tek bir şeye odaklanabiliyor. Refleks söz konusu ise bilinç kullanılmıyor. Tüm kullanıcıların müthiş bir bilgisayar tecrübesi olmadığı için, kullanıcıların bilgisayar kullanım refleksinin temel düzeyde olduğu düşünerek tasarım yapmak yanlış olmayacaktır.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_zh26aTSQFjAIF0VgzLulj3LEvx3391ZfGb9BmXHIdXVXe5dDxYeicvmOd_YW17QUQylwRKeIkOtIzqB3kTY3pK_6oEEGPEPvIjdj9j1Y6u5nVP3E-cH-R_szVKxXuHgGQoSOSdCVozQ/s1600/scroll+%C3%A7al%C4%B1%C5%9Fm%C4%B1yor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_zh26aTSQFjAIF0VgzLulj3LEvx3391ZfGb9BmXHIdXVXe5dDxYeicvmOd_YW17QUQylwRKeIkOtIzqB3kTY3pK_6oEEGPEPvIjdj9j1Y6u5nVP3E-cH-R_szVKxXuHgGQoSOSdCVozQ/s1600/scroll+%C3%A7al%C4%B1%C5%9Fm%C4%B1yor.png" height="267" width="400" /></a></div>
<div class="MsoNormal">
<o:p> </o:p> </div>
<div class="MsoNormal">
<b>1- Tabloda
Aktifleşmeyen Mouse Scrollu<o:p></o:p></b></div>
<div class="MsoNormal">
Mouse scrollu sayfa için aktif iken tablo üzerine geldiğinde
tabloya etki etmiyor. Örneğin bu durum, vadeli hesap faiz oranları tablosunda
söz konusu.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Kullanıcı, tabloları görüntüledikten sonra içindeki verileri
okumaya ve yorumlamaya odaklanacaktır. Bu <b>odaklanmayı bölmemek</b> ve kullanıcıya
daha iyi bir deneyim sunmak için, mouse scrollu tablo üzerinde herhangi bir
yerde iken tabloya etki ettirilebilir. <o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Fakat şu an kullanıcı tablo içerisinde inceleme yapmak için
tablonun çubuğuna tıklayarak yukarı aşağı sürüklemek zorunda. Bu da
kullanıcının anlık olarak, odaklandığı yerden kopması, başka bir işlem yapması
ve ardından da yine eski odaklandığı şey için kendini hazırlaması anlamına
geliyor. Tüm bu süreçler belki bir veya birkaç saniye sürse de <b>konsantrasyonu
bozmamak</b>, kullanıcı deneyimi performansı açısından oldukça değerli.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>2- Bilgi Tabloları –
İşlem Ekranları Etkileşimi<o:p></o:p></b></div>
<div class="MsoNormal">
Bilgi tabloları genellikle, kullanıcının karşılaştırma
yapmak için incelediği tablolardır. Bu tablolara erişim ise ya veri girişi
yapılacağı zaman bilgi verme amaçlı konulan bir link (fon alım ekranında fon
türleri ve getiri oranları bilgi tablosuna yönlendirme) yada menüde farklı bir
bilgi verme alanından erişilebilir. Örneği somutlaştıracak olursak; vadeli
hesaba parasını yatırmak isteyen bir kullanıcı vadeli hesap ekranından giriş
yaptığında vadeli hesap faiz oranlarını gösteren linke tıklar ve detayları
görür. Ardından önceki ekrana geri dönerek bilgi tablosunda karar verdiği vade
türünü seçer. Yaptığı seçimin tam adını aklında tutması, diğer sayfaya
geçtiğinde doğru seçeneği bulması da gerekecektir. Ancak bu seçimler her zaman
örnekte görüldüğü gibi akılda tutulabilir olmayabilir. Mesela uzun, rakam ve
harflerden oluşabilen fon ve bono gibi birçok seçenek de olabilir. Bunların
akılda tutulması da haliyle zorlaşacaktır.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Bunu aşarak, kullanıcıya daha akıcı olan ve hafıza zorlayıcı
olmayan bir tecrübe sunmak mümkün. İlk çıkan veri tablosundaki satırların
başına seçim amaçlı butonlar konması faydalı olacaktır. Butona basıldıktan
sonra satın alma sayfasına geçiş yapılır ve otomatik olarak seçim bilgileri
forma aktarılır. Kullanıcı da sadece tutarı girerek işlemini gerçekleştir.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Bu butonlar aynı zamanda satış performansını da arttırabilir.
Çünkü bilgi tablosuna menünün farklı bir yerinden sadece bilgi almak amaçlı
erişen bir kullanıcıya da sunulacaktır. Kullanıcı dilerse o anda seçim butonuna
basarak fon alma sürecine yönlenmeye karar verir ve bir müşteri daha kazanılmış
olur.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="MsoNormal">
<b>Özetle</b>; bilgi
<u>tablolarının okunabilirliği</u> kullanışlılık açısından oldukça önemlidir. Çünkü bu
tablolar kullanıcının karar sürecini direkt etkileyen alanlardır. İkinci olarak
da bilgi tabloları ile işlem ekranları arasında sadece bir bağlantı köprüsü
oluşturmak yerine <u>seçim bilgilerini de transfer etmek</u>, kullanıcıya kolaylık sağlayacaktır.<o:p></o:p></div>
</div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-5167204243918375272015-02-14T01:01:00.001+02:002015-02-14T01:17:58.683+02:00Tasarımlarda 'Just In Time' Yaklaşımı!<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal">
Bu yazımızda Garanti Bankası internet bankacılığında bulunan işlem açıklaması ve kayıt alanından yola çıkarak 'Just In Time' yani 'Tam Zamanında' yaklaşımına değineceğiz.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.unitvlive.com/cms/images/justintime.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.unitvlive.com/cms/images/justintime.PNG" height="177" width="320" /></a></div>
<br /></div>
<div class="MsoNormal">
<b><br /></b></div>
<div class="MsoNormal">
<b>Açıklama Kayıt Alanı<o:p></o:p></b></div>
<div class="MsoNormal">
Yapılan işlemlere açıklama yazma gerekebiliyor. Ancak tekrar eden işlemlerde aynı açıklamanın tekrar tekrar girilmemesi için kaydetme özelliği iyi bir hizmet. Tabi bu açıklama bilgisinde olası bir değişikliğin de kaydedilmesi ihtiyaç olabilir. Sayfada buna da yer verilmiş.</div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCgMuTnj-TVwLONEMc1gEgrWtizQS0VFPJRIgYCR8-JODyL_7tAUa-nwgZLNFBygfUXGYAWbsYxSy9rB3zqoIGWAIh8sDk6MU53ZRjlkI_CqE6H9WD_740DmfXlrdn7zVyIXNFTmbXoA/s1600/transfer+a%C3%A7%C4%B1klamas%C4%B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCgMuTnj-TVwLONEMc1gEgrWtizQS0VFPJRIgYCR8-JODyL_7tAUa-nwgZLNFBygfUXGYAWbsYxSy9rB3zqoIGWAIh8sDk6MU53ZRjlkI_CqE6H9WD_740DmfXlrdn7zVyIXNFTmbXoA/s1600/transfer+a%C3%A7%C4%B1klamas%C4%B1.png" height="118" width="400" /></a></div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="MsoNormal">
Ancak bunu bir adım daha ileri götürmek de mümkün.<o:p></o:p></div>
<div class="MsoNormal">
Açıklamanın değiştirilerek kaydedilme durumunu ele alırsak;
bu ancak kullanıcının tekrarlı yaptığı işlerde artık bir değişiklik yapması gerektiği
durumda söz konusu olabilir. Bu da her işlemde söz konusu olmayan bir durum
olacaktır. Her seferinde kayıt değişikliği gerekliliği olsaydı kaydedilmenin
anlamı olmazdı zaten. Örneğin ‘Aidat’ yazılı bir açıklama her seferinde
değiştirilmez.<o:p></o:p></div>
<div class="MsoNormal">
Bu senaryodan hareketle, açıklama alanının altındaki
kaydetme yazısına ihtiyaç oldukça azalıyor. Üstelik kullanıcılar transfer
işlemlerinde hata yapmamak için her alanı dikkatlice incelemek durumunda
olacaklarından, bu kaydetme yazısını da her seferinde dikkatlice okumak zorunda
kalacaklarıdır.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Akıllı Kayıt:<o:p></o:p></b></div>
<div class="MsoNormal">
Bu yazının her seferinde çıkmasının gerekliliğini
tartışırken elbette kaydetme özelliğinin kaldırılması gerektiğini söylemiyoruz.
Burada yapılabilecek şey<b> ihtiyaç
duyulduğu anda</b> bu özelliğin görüntülenmesini sağlamak olabilir. Otomotiv
sektöründe sıklıkla kullanılan ‘<b>Just In
Time</b>’ yaklaşımı örnek alınabilir. Bu yaklaşım <a href="http://tr.wikipedia.org/wiki/Tam_Zaman%C4%B1nda" target="_blank">Vikipedi</a>'de şu şekilde tanımlanmıştır: "<u>ihtiyaç kadar</u> talebi, mükemmel <u>kalite</u> ile <u>artıksız</u> olarak bir an önce üretmek ve <u>istendiği zamanda</u> <u>doğru yere nakletmek</u>tir. Örneğin tedarikçiler ana üreticinin
üretim durumuna göre<b> tam zamanında</b>
yani <b>ihtiyaç duyduğu anda</b>
hizmetlerini sunarlar. </div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Bu yaklaşım örneğimize şu şekilde uyarlanabilir; web sayfası veya uygulama ekranı ana üretici olsun. Duruma göre aktifleşen kodlar ise tedarikçiler olarak düşünülebilir. Somutlaştırırsak; açıklama alanı altındaki onay kutusu ve açıklama yazısı
sayfada görüntülenmeyecek şekilde gizlenir. Açıklama hücresine de bir önceki
kayıtlı bilgi otomatik olarak getirilir (mevcut durumda olduğu gibi). Hücre
içeriği kontrolü yapılarak, açıklama yazısında herhangi bir değişiklik olması
durumunda gizlediğimiz onay kutusu görünür hale gelir. Bu çok da zor olmayan
bir kontrol alt yapısı ile mümkün aslında.</div>
<div class="MsoNormal">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Yazının Kısaltılması:<o:p></o:p></b></div>
<div class="MsoNormal">
Bir diğer iyileştirme ise açıklama yazısında olabilir.
Mevcut yazı fazlaca uzun gibi. Bu dört satırlık yazıyı ‘Sonraki işlemimde
hatırla.’ şeklinde düzenleyerek tek satıra düşürmek de mümkün.<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<b>Kazanımlar:</b></div>
<div class="MsoNormal">
</div>
<ul style="text-align: left;">
<li><span style="text-indent: -18pt;">Kullanıcı her seferinde ihtiyacı olmayan bir
alanı görmekten ve okumak zorunda kalmaktan kurtulur.</span></li>
<li><span style="text-indent: -18pt;">Sayfa sadeleşir ve pencerede daha fazla bilgi
görüntülenebilmesi sağlanır.</span></li>
<li><span style="text-indent: -18pt;">Sade görüntü kullanıcının zihninde de sadelik
yaratacağı için kullanıcıda olumlu hislerin gelişmesi sağlanır. Tersi düşünüldüğünde;
ne kadar çok bilgi ve karmaşıklık olursa o kadar çok kafa karışır, göz korkar,
soğuma hissi baş gösterir.</span></li>
<li><span style="text-indent: -18pt;">Kullanıcı açıklama alanına yazmaya başladığı
anda aktifleşen kaydetme altyapısı, kullanıcıya sayfanın aktif ve canlı olduğu
hissini verir. Kullanıcı aksiyonlarına göre şekillenen sayfalar kendini daha
sıcak hissedilen tasarımlardır. (Tabi anlaşılabilir olduğu sürece ve aşırıya
kaçmadıkça!)</span></li>
<li><span style="text-indent: -18pt;">Kısaltılan yazı kullanıcıyı daha az yorar ve
daha hızlı işlem yapmasını sağlar.</span></li>
</ul>
<br />
<div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo1; text-indent: -18.0pt;">
<o:p></o:p></div>
</div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-84644624574620358782015-02-12T20:28:00.000+02:002015-02-14T19:00:17.035+02:00Garanti Bankası İnternet Bankacılığı İşlem Dökümleri Kullanici Deneyimi (UX)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="blogaway-section">
<b>İşlem Dökümleri</b><br />
<b><br /></b>
Garanti Bankası internet bankacılığında işlem dökümü alanı bir tablo ile müşteriye sunulmakta. Az işlem planı olan müşteriler için bu tablo oldukça yeterli. Ancak çok sayıda ileri tarihli işlem yapmak isteyen bir kullanıcı için durum böyle değil.<br />
<br />
İşlem tutarına göre küçükten büyüğe sıralama, varsayılan olarak sunulmuş. Diğer sütunlara göre sıralama yapmak imkanı ise tanınmamış durumda.<br />
<br />
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEQV360yLcwRQCXCDV5ACj3V4YzRsXKDXvhQRO3NwiswZ4PXNu0WneJ49OCP3KhTCd2HdF264qads1xdwuk5ZBn7PFUsX9_I44NpV9Vr_edpI287BDs9mbBf7Z5SaCtN13eu9eV8SyWIA/s1600/tarih+s%C4%B1ralamas%C4%B1.png" height="247" width="400" /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEQV360yLcwRQCXCDV5ACj3V4YzRsXKDXvhQRO3NwiswZ4PXNu0WneJ49OCP3KhTCd2HdF264qads1xdwuk5ZBn7PFUsX9_I44NpV9Vr_edpI287BDs9mbBf7Z5SaCtN13eu9eV8SyWIA/s1600/tarih+s%C4%B1ralamas%C4%B1.png"></a></div>
<br />
<br />
İşlem dökümü listesinin sunulma amacına odaklanırsak; bir kullanıcı, işlemleri öncelikle gerçekleşecek tarihlerine göre incelemek isteyecektir. Çünkü ileri tarihli işlemlerinin hangisinin önce gerçekleşeceği bilgisi gerekecektir. Buna göre fon bozdurmak veya para transfer tarihini geciktirmek gibi önlemler planlayabilir.<br />
<br />
<b><b>1-</b></b><b> Tarihe Göre Sıralama</b><br />
Bu yüzden varsayılan olarak tutara göre değil de tarihe göre sıralanması daha doğru olacak ve kullanıcı da tabloyu daha doğru ve kolay yorumlayacaktır.<br />
<br />
<b><b>2-</b></b><b> İsteğe Göre Sıralama</b><br />
Ancak kullanıcı tutara göre veya diğer verilere göre sıralayarak da incelemek isteyebilir. Bu ihtiyaç olasılığına da yeterli esneklikte bir işlevsellik sunmakta fayda var. Bunun için ilgili tabloda sütun başlığına tıklandığında o sütunu küçükten büyüğe sıralayan, tekrar tıklandığında ters sıralayan bir yapı tasarlanabilir. Böylece kullanıcı tabloyu dilediği şekle rahatça sokarak incelemesini yapabilir.</div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-51142168741554786412015-02-11T21:27:00.000+02:002015-02-14T19:00:45.276+02:00Garanti Bankası İnternet Bankacılığı İşlem Tarihi Seçimi Kullanıcı Deneyimi (UX)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="blogaway-section">
Garanti Bankası internet bankacılığı yenilenmiş arayüzle müşterilerine hizmet vermekte. Biz de bir kaç işlem yaparken UX gözlüğümüzü taktık ve bazı noktada iyileştirme yapılabileceğini gözlemledik.<br />
<br />
<b>İleri Tarihli İşlem</b><br />
İleri tarihli bir işlem emri verirken <i>'İşlem Tarihi'</i> alanı tıklamaya engellenmiş durumda. Aktifleşebilmesi için sadece <i>'İşlem tarihini seçmek istiyorum.'</i> alanını işaretlemek gerekiyor. Yani tarihi değiştirmenin şarta bağlı dokunulmazlığı var.<br />
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyNwqZgEfXpYc4CR84RSGxbhPh6c-68SciB4uaxwyd8-T9_XL67KpHbOMU8c2SbNd2n9ySs8v9g3TXRtCR-Tt8Wd-kQCHcOLRixkdg-VKudMxj_yYD1OofEPBW_OVp64oU4pxQWyGCuww/s1600/i%C5%9Flem+tarihi+se%C3%A7imi.png" /></div>
<br />
<br />
Halbuki kullanıcı yapacağı işlemi öncesinden planladığı için aklında girmesini düşündüğü bir tarih vardır. Bu tarihi de uygun olan ilk yere girmek isteyecektir. Ancak gördüğü tarih alanına tıkladığında korumalı olduğu ve değiştirilemediğini fark edip kafası karışabilir. <br />
<br />
Oysa, tarih alanına tıklanınca; <i>'İşlem tarihini seçmek istiyorum.'</i> alanı otomatik olarak aktifleşebilirdi. Bu sayede kullanıcı görüntülenen alanlara bakarken kafasında belirlediği alanı rahatlıkla seçebilirdi ve gereksiz ekstra tıklamalara zorlanmazdı.<br />
<br />
Unutmamalı ki minimum hamlede maksimum sonuç sunmak ve kullanıcı önündeki mümkün olan tüm engelleri kaldırmak gerek.</div>
<br /></div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-30197927486070149912015-02-08T23:03:00.001+02:002015-02-14T18:59:38.954+02:00Gmail Telefon Numarası Doğrulaması Kullanıcı Deneyimi<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
Gmail bilindiği üzere kullanıcı deneyimi (UX) konusunda öncü olan yazılım firmalarından biri. Ürünlerinin kullanışlılık performansındaki başarısından dolayı çoğu ilgili tarafından (biz dahil) takip ediliyor olması haksız bir ün değil. Ancak her zaman daha iyisi olabileceği gözlüğü ile baktığımızda küçük bir önerimizin olabileceğini fark ettik.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bHNkheaaNz0tDXvGUDMWYr5gYPh02QXZjwfu7Ym4qiK3wCBD14z7fttZuw9wYGh8OfkMH_e5-z0_YTwu02x48wyRPaFEicDHm7WUcSihl8JNRXmW3v_g_GhlN7xjD9ouWd-JDxLa5Do/s1600/Gmail+numara+do%C4%9Frulama.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bHNkheaaNz0tDXvGUDMWYr5gYPh02QXZjwfu7Ym4qiK3wCBD14z7fttZuw9wYGh8OfkMH_e5-z0_YTwu02x48wyRPaFEicDHm7WUcSihl8JNRXmW3v_g_GhlN7xjD9ouWd-JDxLa5Do/s1600/Gmail+numara+do%C4%9Frulama.png" height="360" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="" style="clear: both; text-align: left;">
</div>
<ol style="text-align: left;">
<li>Yedek telefon numarası ekleme bölümünde telefon numarası girişi doğrulaması düzgün çalışsa da kullanıcının, ülke kodu girişi ihtimaline karşı aksiyon senaryosu geliştirilmemiş. Yani <b>+90</b> ile yapılan bir giriş için ülkenin Türkiye olduğu algılanabilir ve gerekli kontroller buna göre yapılabilir. Bu sayede uzun ülke bayrak listesi içerisinden kişinin ülkesini bulmaya çalışması zorlanmamış olur.</li>
<li>Diğer bir kullanışlılık arttırımı da, kişinin bağlantı yaptığı <b>Gmail hesabı kayıtlı ülke ve dil</b> bilgileri de kullanılarak girişi yapılacak telefonun muhtemel ülke kodu varsayılan olarak getirilebilir.</li>
<li>Kişinin Gmail'a kaydettiği ülke bilgilerinin doğru olmaması veya kayıttan farklı bir ülkenin telefonunu kullanıyor olması da ihtimal dahilinde olacaktır. Bu ihtimal için de, sayfaya bağlantı yapılan <b>cihazın bağlandığı yer</b> ve/veya <b>cihazın dili</b> algılanarak olası ülkelerin listede üst sıraya getirilmesi de mümkün kılınabilir. Bu sayede de ülke bayrak listesi içerisinden seçilmesi daha kolay olacaktır.</li>
</ol>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-71620199989396258672015-02-08T03:51:00.000+02:002015-02-14T02:08:53.556+02:00ZamanAsimi.org Sitesi Kullanıcı Deneyimi (UX)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
Türkiye Bankalar Birliği'nin hizmeti olan, bankalarda uzun süredir işlem görmemiş hesapların kontrol edilebildiği faydalı bir site. <a href="http://www.zamanasimi.org/tbb.xhtml" target="_blank">www.zamanasimi.org</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Bu site sayesinde uzun süredir hareket görmemiş hesapları sorgulayabiliyor ve unutmuş olduğunuz bir paranız var ise Tasarruf Mevduatı Sigorta Fonuna aktarılmadan tespit etme şansınız oluyor. Ancak tabi biz banka hesaplarına değil, sayfanın kullanışlılığına odaklandık. Çünkü bu sayfa özellikle yaşı orta ve orta üzeri olanları ilgilendiriyor. Haliyle bilgisayar kullanım yetkinliği en temel düzey olan kullanıcılar düşünülerek tasarım yapılmalı.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpJts7GpqNfk91KB7zFPvl2-Ju1bx2-xgvvxl3iBSckOuN2OzOMGu304mhYj3VJ6oZ-aFndp-myZoN07jjKEmt7MqFdocIvCNT9Ra42taoeFvUdBF2GXiHX4FsUR1-vWNXDC7S7Mg8k2s/s1600/www.zamanasimi.org.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpJts7GpqNfk91KB7zFPvl2-Ju1bx2-xgvvxl3iBSckOuN2OzOMGu304mhYj3VJ6oZ-aFndp-myZoN07jjKEmt7MqFdocIvCNT9Ra42taoeFvUdBF2GXiHX4FsUR1-vWNXDC7S7Mg8k2s/s1600/www.zamanasimi.org.png" height="295" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ol style="text-align: left;">
<li>Zaman aşımı hesap sorgulama alanı sayfanın en başında olması daha uygun olurdu. Çünkü kullanıcıların sayfayı asıl ziyaret amaçları bu sorgulamayı yapmak. Konu hakkındaki duyuru ve detaylar sayfa sonuna da konulabilir çünkü bu bilgilerin ihtiyaç önceliği daha düşük. Mevcut durumda kullanıcı sayfaya girdiğinde sorgu giriş alanının tamamını göremezken sayfa içerisinde arama yapmaya zorlanmış olunuyor.</li>
<li>Sayfanın mobil uyumluluk desteği olması iyi olurdu. Günümüzdeki tablet ve telefon ile girişlerin arttığı düşünülürse bu bir gereklilik de denebilir.</li>
<li>Ad - Soyad bölümüne sayı, nokta, tire vb. girişi koruması mevcut değil. Kullanıcı hatalı giriş riskini azaltmak için bu faydalı olurdu. Örneğin o ile 0 klavyede çok yakın tuşlar ve sık yapılan bir hatadır.</li>
<li>Hücreler arası tab ile geçiş sırasının kontrol edilmesinde fayda var. 'Ad - Soyad' hücresinden sonra 'Resimdeki kodu giriniz' hücresine geçiş yapılabilir. Şu an dördüncü hamlede ilgili hücreye geçilebiliyor. Bu özellik ile ileri düzey klavye kullanıcıları memnun edilebilirdi.</li>
<li>'Resimdeki kodu giriniz' hücresi ile kodun gösterildiği resim yan yana veya yakın şekilde konumlandırılabilirdi. Temel düzey bilgisayar kullanıcıların algılamaları açısından bu daha sağlıklı olurdu.</li>
<li>'Resimdeki kodu giriniz' hücresine giriş yapılması sonrası klavyeden 'Enter' tuşuna basılınca 'Ara' butonunu tetiklemesi de kullanışlılığı arttırabilirdi. Şu anki halinde kullanıcıyı mouse ile 'Ara' tuşuna basmak zorunda bırakıyor.</li>
<li>Sayfa sonundaki mavi çubuk gözden kaçabiliyor. Arama sonuç tablosu satır sayısına göre dinamik çalışan bir şablon tasarımı faydalı olurdu. Şu anki halinde sayfa sonuna kadar inilmemişse ve mavi çubuk görüntülenmiyorsa, çıkan sonuç bilgilerinin sağ tarafa doğru detaylarının görünebileceği gözden kaçabiliyor. Çünkü çubuk görüntülenmediğinde fark edilmiyor.</li>
<li>Sorgu sonucu çıkan liste tabloları genişliğe göre dinamik olabilirdi. Örnekte olduğu gibi Ad - Soyad alanına gereğinden fazla yer ayrılıyor. Halbuki isim boyutuna göre dinamik değişebilen bir alt yapıda olsaydı, aynı ekranda daha fazla bilgi görüntülenebilirdi. </li>
<li>Banka isimlerinde anlaşılabilir kısaltmalar yapılarak alan tasarrıfı sağlanabilirdi. Örneğin; 'Türkiye Cumhuriyeti Ziraat Bankası A.Ş.' yerine 'T.C. Ziraat Bankası A.Ş.' olması, hem ekranda alan tasarrufu sağlayacaktır hem de kullanıcının daha rahat okuyup hızlı algılamasını mümkün kılacaktır.</li>
</ol>
<br />
<br /></div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-72899500927659545022015-02-08T02:12:00.001+02:002015-02-15T01:24:51.659+02:00"Bunları insan yiyecek, insan!"<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
Teknolojinin ne kadar hızlı geliştiği su götürmez bir gerçek. Bunu sadece büyüklerimizin "bizim çocukluğumuzda ..." diye başlayan hikayelerden değil bizzat kendi yaşadığımız süreçlerden biliyoruz. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Tabi bu süreçleri yaşarken sıkıntılar da bir o kadar çok olabiliyor. Ürünler geliştikçe bu gelişime ve değişime ayak uydurmak da bir o kadar ihtiyaç haline geliyor. Ancak üreticilerin atlayabildiği bir şey var ki o da tasarıma kullanıcı gözünden değil, üreticinin kendi gözünden bakarak tasarım yapması. Fakat bilindiği üzere bir ürün ne kadar mükemmel olursa olsun <b>kullanılabilir değilse</b> al çöpe at!</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Cem Yılmaz bir reklam filminde konuyu ne güzel de özetliyor: </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://ytimg.googleusercontent.com/vi/kPBp5eFZ5t0/0.jpg" frameborder="0" height="266" src="http://www.youtube.com/embed/kPBp5eFZ5t0?feature=player_embedded" width="320"></iframe></div>
<br />
<br />
Fikir, bir tasarımın ilk adımıysa empati de ikinci adımı olsa gerek. Sonuçta '<b>bunları insan yiyecek insan!</b>". </div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034tag:blogger.com,1999:blog-1940557004080103581.post-66690916802057032392015-02-08T01:11:00.000+02:002015-02-14T19:08:20.083+02:00Sanat Kimin İçindir?<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">Sanat <b>sanat </b>için midir yoksa <b>halk </b>için mi? </span><br />
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;">Bu konunun tartışılmaya devam edeceği muhakkak. Çünkü sorunun tek bir doğru yanıtı yok. Ancak bir doğru var ki o da bakış açımızın ne olduğu, sorulara yanıt veriş şeklimizi belirliyor. Bakış açımızın şekli ve sınırları da, ne kadar <b>objektif </b>bakabildiğimiz ve ne kadar <b>empati </b>yapabildiğimizden geçiyor. Hal böyle olunca sanatın ne için olduğu sorusunun yanıtı, kendimizi nerede konumlandırıyorsak o yönde şekilleniyor. </span><br />
<span style="font-family: inherit;"><br /></span>
Sanat ve halk konularında onca üstat varken elbet bu tartışmaya girmek doğru olmaz. Çünkü bilgi olmadan fikir yürütmek kuru gürültüden öteye gitmez. Bu konularda da biliyorum demek de; yürek ister, ömür ister. O yüzden biz sadece yazılım alanında yapılanların nasıl daha çok halk için, yani <b>kullanıcı dostu</b> olabileceğini inceleyeceğiz, paylaşacağız. Bunu yaparken <b>UX</b> yani <b>kullanıcı deneyimi </b>açısından bakacağız ve çeşitli <b>test </b>yöntemlerini kullanacağız.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.visualphotos.com/photo/2x4382728/senior_woman_using_computer_MON142089.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.visualphotos.com/photo/2x4382728/senior_woman_using_computer_MON142089.jpg" height="223" width="320" /></a></div>
<br />
<br />
<b>Amacımız</b>ın bağcıyı dövmek değil <b>üzüm yemek ve yedirmek</b> olduğunun altını çizmeli. Bu yüzden paylaşımların hiç biri hiç bir <u>kişi yada kurumu kötülemek yada karalamak <b>değildir</b></u>. Aksine daha iyiye yönelmek için geri bildirim yapmaktır. Bunun yanı sıra yazılım tasarımı ile ilgilenenlerle tecrübe paylaşımında bulunmak, Türkiye'deki yazılım tasarımlarının kullanışlılık kalitesinin arttırılmasına bir nebze katkı sağlamak da arzumuzdur. Özlemimiz Türkiye'nin uluslar arası alanda yazılım kullanışlılığı kalite çıtasının yükselmesi, Türkiye'nin ihtiyaçlarını daha iyi karşılaması ve ihracatta koşmasıdır. Bu da ancak bu konudaki bilgi ve paylaşımın artması ile sağlanabilir düşüncesindeyiz.<br />
<br />
Bilginin de sevgi gibi paylaştıkça büyüdüğüne inanıyor, sizleri de yorumlarınız ve önerileriniz ile bu paylaşımı büyütmeye <a href="http://uxbursa.blogspot.com.tr/" target="_blank">davet ediyoruz</a>!</div>
</div>
Anonymoushttp://www.blogger.com/profile/16138451772263083883noreply@blogger.com0Türkiye38.963745 35.24332200000003526.356997500000002 14.589025000000035 51.5704925 55.897619000000034