<?xml version="1.0" encoding="utf-8"?><!-- generator="b2evolution/3.3.3" -->
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>RDG Network Blogs</title>
		<link>http://blog.rdgnetwork.org/index.php</link>
		<atom:link rel="self" type="application/rss+xml" href="http://blog.rdgnetwork.org/index.php?tempskin=_rss2" />
		<description>All Blogs</description>
		<language>utf-8</language>
		<docs>http://blogs.law.harvard.edu/tech/rss</docs>
		<admin:generatorAgent rdf:resource="http://b2evolution.net/?v=3.3.3"/>
		<ttl>60</ttl>
				<item>
			<title>Programlama tarihindeki önemli isimler</title>
			<link>http://ertan.rdgnetwork.org/2010/09/05/programlama-tarihindeki-onemli-isimler</link>
			<pubDate>Sun, 05 Sep 2010 18:50:26 +0000</pubDate>			<dc:creator>ertan</dc:creator>
			<category domain="main">Yazılım</category>			<guid isPermaLink="false">319@http://blog.rdgnetwork.org/</guid>
						<description>&lt;p&gt;Henüz çok kısa olan 167 yıllık programlama tarihinin en önemli olay ve kişilerinin &lt;a href=&quot;http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/aboutprogramming04.jpg&quot;&gt;posteri&lt;/a&gt; ilginizi çekebilir.&lt;/p&gt;

&lt;p&gt;alttaki reklamlar bölümün hiç olmamış ama neyse artık.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://ertan.rdgnetwork.org/2010/09/05/programlama-tarihindeki-onemli-isimler&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Henüz çok kısa olan 167 yıllık programlama tarihinin en önemli olay ve kişilerinin <a href="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/aboutprogramming04.jpg">posteri</a> ilginizi çekebilir.</p>

<p>alttaki reklamlar bölümün hiç olmamış ama neyse artık.</p><div class="item_footer"><p><small><a href="http://ertan.rdgnetwork.org/2010/09/05/programlama-tarihindeki-onemli-isimler">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://ertan.rdgnetwork.org/2010/09/05/programlama-tarihindeki-onemli-isimler#comments</comments>
			<wfw:commentRss>http://ertan.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=319</wfw:commentRss>
		</item>
				<item>
			<title>Web Dövmeleri</title>
			<link>http://purple.rdgnetwork.org/2010/09/04/web-dovme-tattoo</link>
			<pubDate>Sat, 04 Sep 2010 18:42:18 +0000</pubDate>			<dc:creator>burku</dc:creator>
			<category domain="main">Yaşam &amp; Gezi</category>			<guid isPermaLink="false">318@http://blog.rdgnetwork.org/</guid>
						<description>&lt;h3&gt;body - bu çok popüler &lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/icon_smile.gif&quot; alt=&quot;&amp;#58;&amp;#41;&quot; class=&quot;middle&quot; /&gt;&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_body.jpg&quot; alt=&quot;www_tattoo_body&quot; title=&quot;www_tattoo_body&quot; width=&quot;400&quot; height=&quot;482&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;br&lt;/h3&gt;

&lt;p&gt;
Bunu yaptırabileceği çok geyik bir yer var aslında &lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/graylaugh.gif&quot; alt=&quot;&amp;#58;&amp;#41;&amp;#41;&quot; class=&quot;middle&quot; /&gt;
&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_br.jpg&quot; alt=&quot;www_tattoo_br&quot; title=&quot;www_tattoo_br&quot; width=&quot;400&quot; height=&quot;300&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;comment&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_comment.jpg&quot; alt=&quot;www_tattoo_comment&quot; title=&quot;www_tattoo_comment&quot; width=&quot;278&quot; height=&quot;320&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;Explorer yiyen Firefox&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_firefox.jpg&quot; alt=&quot;www_tattoo_firefox&quot; title=&quot;www_tattoo_firefox&quot; width=&quot;400&quot; height=&quot;301&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;Google&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_google.jpg&quot; alt=&quot;www_tattoo_google&quot; title=&quot;www_tattoo_google&quot; width=&quot;300&quot; height=&quot;299&quot; /&gt;&lt;/p&gt;


&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;bir sayfa &lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/icon_smile.gif&quot; alt=&quot;&amp;#58;&amp;#41;&quot; class=&quot;middle&quot; /&gt;&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_html.jpg&quot; alt=&quot;www_tattoo_html&quot; title=&quot;www_tattoo_html&quot; width=&quot;329&quot; height=&quot;360&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;img&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_img.jpg&quot; alt=&quot;www_tattoo_img&quot; title=&quot;www_tattoo_img&quot; width=&quot;400&quot; height=&quot;299&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;Safari&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_safari.jpg&quot; alt=&quot;www_tattoo_safari&quot; title=&quot;www_tattoo_safari&quot; width=&quot;400&quot; height=&quot;299&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;


&lt;h3&gt;Wordpress&lt;/h3&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple//webtattoo_wordpress.jpg&quot; alt=&quot;www_tattoo_wordpress&quot; title=&quot;www_tattoo_wordpress&quot; width=&quot;400&quot; height=&quot;197&quot; /&gt;&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://purple.rdgnetwork.org/2010/09/04/web-dovme-tattoo&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<h3>body - bu çok popüler <img src="http://blog.rdgnetwork.org/rsc/smilies/icon_smile.gif" alt="&#58;&#41;" class="middle" /></h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_body.jpg" alt="www_tattoo_body" title="www_tattoo_body" width="400" height="482" /></p>

<p><br /></p>

<h3>br</h3>

<p>
Bunu yaptırabileceği çok geyik bir yer var aslında <img src="http://blog.rdgnetwork.org/rsc/smilies/graylaugh.gif" alt="&#58;&#41;&#41;" class="middle" />
</p>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_br.jpg" alt="www_tattoo_br" title="www_tattoo_br" width="400" height="300" /></p>

<p><br /></p>

<h3>comment</h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_comment.jpg" alt="www_tattoo_comment" title="www_tattoo_comment" width="278" height="320" /></p>

<p><br /></p>

<h3>Explorer yiyen Firefox</h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_firefox.jpg" alt="www_tattoo_firefox" title="www_tattoo_firefox" width="400" height="301" /></p>

<p><br /></p>

<h3>Google</h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_google.jpg" alt="www_tattoo_google" title="www_tattoo_google" width="300" height="299" /></p>


<p><br /></p>

<h3>bir sayfa <img src="http://blog.rdgnetwork.org/rsc/smilies/icon_smile.gif" alt="&#58;&#41;" class="middle" /></h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_html.jpg" alt="www_tattoo_html" title="www_tattoo_html" width="329" height="360" /></p>

<p><br /></p>

<h3>img</h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_img.jpg" alt="www_tattoo_img" title="www_tattoo_img" width="400" height="299" /></p>

<p><br /></p>

<h3>Safari</h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/webtattoo_safari.jpg" alt="www_tattoo_safari" title="www_tattoo_safari" width="400" height="299" /></p>

<p><br /></p>


<h3>Wordpress</h3>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple//webtattoo_wordpress.jpg" alt="www_tattoo_wordpress" title="www_tattoo_wordpress" width="400" height="197" /></p><div class="item_footer"><p><small><a href="http://purple.rdgnetwork.org/2010/09/04/web-dovme-tattoo">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://purple.rdgnetwork.org/2010/09/04/web-dovme-tattoo#comments</comments>
			<wfw:commentRss>http://purple.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=318</wfw:commentRss>
		</item>
				<item>
			<title>Menü maddeleri ve kategoriler, navigasyonu nasıl etkiler :)</title>
			<link>http://purple.rdgnetwork.org/2010/08/31/menu-kategoriler-navigasyon</link>
			<pubDate>Tue, 31 Aug 2010 13:44:10 +0000</pubDate>			<dc:creator>burku</dc:creator>
			<category domain="main">UX ( Kulanıcı Deneyimi )</category>			<guid isPermaLink="false">317@http://blog.rdgnetwork.org/</guid>
						<description>&lt;h3&gt;Meşhur Rakam 7...&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/2iurgc7.jpg&quot; alt=&quot;Seventh Son&quot; title=&quot;Seventh Son&quot; width=&quot;250&quot; height=&quot;250&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Görünen o ki &lt;a href=&quot;http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two&quot; target=&quot;_blank&quot;&gt;George Miller'ın sihirli 7 rakamı&lt;/a&gt; bir web sayfasındaki menüler söz konusu olduğunda pek o kadar da sihirli değilmiş. &lt;/p&gt;

&lt;p&gt;Menüde en fazla 7 madde kullanma kuralının nedeni, psikolojide kabul edilmiş, insanların &lt;strong&gt;kısa süreli hafızalarında&lt;/strong&gt; sadece 7 ( + veya - 2 ) madde tutabildikleri gerçeğidir. Bunu webe uygulamak, şimdiye kadar sanılanın aksine mantıklı değil. &lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Neden?&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;Bir web sayfasında zaten insanların akıllarında herhangi bir şey tutması gerekmiyor. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;İnsanların bir web sayfasında sadece seçim yapmaları gerekiyor. &lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Hafıza neye yarar?&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;br /&gt;
Evet sık sık girdiğimiz web sayfalarında öğrendiğimiz, otomatik olarak ilerlediğimiz yollar olabiliyor.&lt;/p&gt;

&lt;p&gt;Bu yolların çoğunlukla bir amaç doğrultusunda bir eylem gerçekleştireceğimiz zaman ilerlediğimiz yollar olduğunu unutmamak gerekli. &lt;/p&gt;

&lt;p&gt;Örneğin bir e-ticaret sitesine girdiğimizde satmak, almak veya sadece bakmak için gireriz. Satmak, almak veya bakmak sıkça  yaptığımız bir işse, öğrendiğimiz yollardan gideriz, evet, ama bunun menülerdeki &lt;strong&gt;link sayılarıyla ( çok abartılı olmadığı sürece ) ilgisi yoktur&lt;/strong&gt;,bunun &lt;strong&gt;linklerin yerleriyle&lt;/strong&gt; ilgisi vardır.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Amaçlar&lt;/strong&gt; ve &lt;strong&gt;seçimler&lt;/strong&gt; birbirinden farklı konular. &lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;h3&gt;&lt;strong&gt;Seçimler ve Diğerleri ( The Others )&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;br /&gt;
&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/the_others.jpg&quot; alt=&quot;&quot; title=&quot;&quot; width=&quot;250&quot; height=&quot;361&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Bu güne kadar menüleri kısaltalım diye kendimizi sıkıp durduk. Bu yüzden saçma sapan kategoriler bile türetiyoruz. &lt;/p&gt;

&lt;p&gt;&quot;hmm hem kalemi hem de kedi mamasını kapsayan kategori ne olmalı, en iyisi adını şurdan burdan koyalım..&quot; gibi saçma hareketler olmuştur mutlaka. &lt;/p&gt;

&lt;p&gt;Türkiye'nin en büyük e-ticaret sitelerinin birinde halen &lt;strong&gt;&quot;Diğer&quot;&lt;/strong&gt; adında bir alt kategorisi de bulunan &lt;strong&gt;&quot;Diğer Herşey&quot; adında bir kategori&lt;/strong&gt; bulunmaktadır&lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/icon_smile.gif&quot; alt=&quot;&amp;#58;&amp;#41;&quot; class=&quot;middle&quot; /&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Alışveriş &gt;&gt; Diğer Herşey &gt;&gt; Diğer &lt;br /&gt;
Bu kategorinin neleri kapsadığına dair bir fikriniz var mı?&lt;/strong&gt; &lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/grayno.gif&quot; alt=&quot;&amp;#58;&amp;#110;&amp;#111;&amp;#58;&quot; class=&quot;middle&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Genellikle tüm sitelerimizde biraz daha mantıklı (diğer dizüstü bilgisayarlar..gibi) diğer / other adında kategoriler çokça var.. &lt;strong&gt;Fakat &lt;a href=&quot;http://www.amazon.com&quot; target=&quot;_blank&quot;&gt;amazon.com&lt;/a&gt;'da herhangi belirsiz bir kategori ismine rastlamadım.&lt;/strong&gt; Bilen varsa lütfen haber versin düzelteyim. &lt;/p&gt;

&lt;p&gt;Kendi adıma söyleyeyim: &lt;/p&gt;

&lt;h3&gt;Adı diğer olan bir kategoriye asla tıklamam.&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;br /&gt;
&lt;strong&gt;Bir web sitesinde yapılmaması gereken şeylerden biri :&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong style=&quot;color:maroon&quot;&gt;ifade icadıdır.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;br /&gt; Yeniden keşfetmek tamamen gereksiz ve zararlıdır. &lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/grayyes.gif&quot; alt=&quot;&amp;#58;&amp;#121;&amp;#101;&amp;#115;&amp;#58;&quot; class=&quot;middle&quot; /&gt; Özetle : Olduğu gibi kabul et ve göster. &lt;/p&gt;


&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Araştırmalar :&lt;/strong&gt;&lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;br /&gt;
Parkinson &amp;amp; Sission (1983) :&lt;br /&gt;
Performans ve seçimlerin düşüşüne ek olarak dolaşımdaki &lt;strong&gt;hata oranı menüler kısaldıkça artmıştır.&lt;/strong&gt; &lt;/p&gt;

&lt;p&gt;Katılımcıların, &lt;strong&gt;fonksiyonel olarak organize edilmiş&lt;/strong&gt; 64 maddeyi bulmaları rastgele sıralanmış maddeleri bulmalarından daha kolay olmuştur.&lt;/p&gt;

&lt;p&gt;Daha sonraki Kiger (1984), Jacko ve Slavendy (1996), Zaphiris ve Mtei (1997) araştırması, kullanıcıların &lt;strong&gt;kapsamlı ve basit&lt;/strong&gt; sitelerdeki kaynakları daha hızlı bulduklarını ortaya çıkarmıştır..&lt;/p&gt;

&lt;div style=&quot;background:white&quot;&gt;Son zamanlarda yapılan araştırmalarda sorulması gereken sorunun &lt;strong&gt;menü yapısının nasıl olacağı&lt;/strong&gt;ndan ziyade insanların menüye bakarak sitedeki &lt;strong&gt;hiyerarşi konseptini anla&lt;/strong&gt;yıp anlayamadıkları olması gerektiği ortaya çıkmıştır. &lt;/div&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;Site organizasyonu ve yapısı hakkında &lt;strong&gt;kesin - açık - net bir sunum ortaya çıkarmak&lt;/strong&gt;, daha başarılı ve etkili bir dolaşıma neden olmaktadır.&lt;/p&gt;

&lt;p&gt;Kullanıcıların öğrenme ve bilgi hiyerarşileri arasındaki bağları kurma konusundaki başarılarını etkileyen bazı faktörler olduğu düşünülüyor.  &lt;/p&gt;

&lt;p&gt;Hiyerarşi genişliği veya derinliği bunlardan ikisi, bunlara eklenebilecek diğer kritik faktörler : &lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
kategori ve alt kategori isimlendirmelerinde anlaşılabilirlik,&lt;/li&gt;

&lt;li&gt;bilgi özelliklerinin anlaşılması,&lt;/li&gt;

&lt;li&gt;kategori içerik boyutlarının birbirine yakın olması,&lt;/li&gt;

&lt;li&gt; hiyerarşinin yapısı.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Kullanıcılar geniş kategori gruplarını, &lt;strong style=&quot;color:maroon&quot;&gt;elemanların isimleri birbirinden farklı ve kıyaslanabilir olduğu sürece&lt;/strong&gt; kafalarında daha rahat yönetebilmektedir.&lt;/p&gt;

&lt;p&gt;Eleman içeriğindeki genişlik ölçülü bir genişlik olmalıdır.&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;br /&gt;
&lt;strong&gt;Gruplandırma yapılmayan kategorilendirmeye kabus gibi bir örnek:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://www.gui-bloopers.com/graphics/Forrester_LongUnorderedMenu.gif&quot; border=&quot;0&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;&lt;/p&gt;



&lt;p&gt;Ölçülü olmadığı, uç derecede derin veya geniş olduğu durumlarda kullanıcıların öğrenmesini ve kullanma becerilerini kötü yönde etkilemektedir. &lt;/p&gt;

&lt;p&gt;Bunun belirli olarak hızla büyüyen bir internet kullanıcı grubu olan &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;yaşlı kişiler&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;için de özellikle geçerli olduğu fikri desteklenmektedir.&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;h3&gt;&lt;strong&gt;Nasıl olacak?&lt;/strong&gt; &lt;/h3&gt;
&lt;p&gt;&lt;br /&gt;&lt;br /&gt;
Site iç sayfalarda &lt;strong&gt;ilerledikçe daralan&lt;/strong&gt; içbükey yapıda olmalı.&lt;/p&gt;

&lt;p&gt;Başlangıç olarak bir geniş seçim ekranı, onu takip eden daha küçük küçük kategori seçenek grupları, onu da takip eden son bir geniş seçim grubu. &lt;/p&gt;

&lt;p&gt;bu özelliği amazon.com'da görmekteyiz. &lt;/p&gt;

&lt;p&gt;
&lt;strong&gt;Anasayfadaki Elektronik &gt;&gt; TV &amp;amp; Video kategori linkinden ilerlersek&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.amazon.com&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple/amazon.jpg&quot; alt=&quot;&quot; title=&quot;&quot; width=&quot;400&quot; height=&quot;300&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;
&lt;p&gt;
&lt;br /&gt;
&lt;strong&gt;Alt kategori seçeneklerine bölünmüş TV &amp;amp; Video kategorisi sayfasına geliyoruz.&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple//amazonelectro.jpg&quot; alt=&quot;&quot; title=&quot;&quot; width=&quot;400&quot; height=&quot;235&quot; border=&quot;0&quot; /&gt;
&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;
&lt;strong&gt;LCD Televizyon linkinden ilerlersek farklı LCD TV seçeneklerini gösteren bir sayfaya geliyoruz. &lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple//amazonlcd.jpg&quot; alt=&quot;&quot; title=&quot;&quot; width=&quot;400&quot; height=&quot;257&quot; /&gt;&lt;br /&gt;

&lt;/p&gt;

&lt;p&gt;&lt;br /&gt;&lt;/p&gt;

&lt;p&gt;
&lt;br /&gt;
&lt;strong&gt;Ürün detayı sayfasına buradan gidebiliyoruz.&lt;/strong&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/purple//amazonitem.jpg&quot; alt=&quot;&quot; title=&quot;&quot; width=&quot;400&quot; height=&quot;230&quot; /&gt;
&lt;/p&gt;

&lt;p&gt;Faydalanılan bazı kaynaklar:&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://uxmyths.com/post/931925744/myth-23-choices-should-always-be-limited-to-seven&quot;&gt;http://uxmyths.com/post/931925744/myth-23-choices-should-always-be-limited-to-seven&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.humanfactors.com/downloads/apr032.htm&quot;&gt;http://www.humanfactors.com/downloads/apr032.htm&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two&quot;&gt;http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two&lt;/a&gt;&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://purple.rdgnetwork.org/2010/08/31/menu-kategoriler-navigasyon&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<h3>Meşhur Rakam 7...</h3>
<p><br /></p>

<p><img src="http://blog.rdgnetwork.org/media/blogs/purple/2iurgc7.jpg" alt="Seventh Son" title="Seventh Son" width="250" height="250" /></p>

<p>Görünen o ki <a href="http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two" target="_blank">George Miller'ın sihirli 7 rakamı</a> bir web sayfasındaki menüler söz konusu olduğunda pek o kadar da sihirli değilmiş. </p>

<p>Menüde en fazla 7 madde kullanma kuralının nedeni, psikolojide kabul edilmiş, insanların <strong>kısa süreli hafızalarında</strong> sadece 7 ( + veya - 2 ) madde tutabildikleri gerçeğidir. Bunu webe uygulamak, şimdiye kadar sanılanın aksine mantıklı değil. </p>

<p><br /></p>
<h3><strong>Neden?</strong></h3>
<p><br /></p>

<p>Bir web sayfasında zaten insanların akıllarında herhangi bir şey tutması gerekmiyor. </p>

<p><strong>İnsanların bir web sayfasında sadece seçim yapmaları gerekiyor. </strong><br />
<br /></p>
<h3><strong>Hafıza neye yarar?</strong></h3>
<p><br /><br />
Evet sık sık girdiğimiz web sayfalarında öğrendiğimiz, otomatik olarak ilerlediğimiz yollar olabiliyor.</p>

<p>Bu yolların çoğunlukla bir amaç doğrultusunda bir eylem gerçekleştireceğimiz zaman ilerlediğimiz yollar olduğunu unutmamak gerekli. </p>

<p>Örneğin bir e-ticaret sitesine girdiğimizde satmak, almak veya sadece bakmak için gireriz. Satmak, almak veya bakmak sıkça  yaptığımız bir işse, öğrendiğimiz yollardan gideriz, evet, ama bunun menülerdeki <strong>link sayılarıyla ( çok abartılı olmadığı sürece ) ilgisi yoktur</strong>,bunun <strong>linklerin yerleriyle</strong> ilgisi vardır.</p>

<p><strong>Amaçlar</strong> ve <strong>seçimler</strong> birbirinden farklı konular. </p>

<p><br /></p>

<h3><strong>Seçimler ve Diğerleri ( The Others )</strong></h3>
<p><br /><br />
<img src="http://blog.rdgnetwork.org/media/blogs/purple/the_others.jpg" alt="" title="" width="250" height="361" /></p>

<p>Bu güne kadar menüleri kısaltalım diye kendimizi sıkıp durduk. Bu yüzden saçma sapan kategoriler bile türetiyoruz. </p>

<p>"hmm hem kalemi hem de kedi mamasını kapsayan kategori ne olmalı, en iyisi adını şurdan burdan koyalım.." gibi saçma hareketler olmuştur mutlaka. </p>

<p>Türkiye'nin en büyük e-ticaret sitelerinin birinde halen <strong>"Diğer"</strong> adında bir alt kategorisi de bulunan <strong>"Diğer Herşey" adında bir kategori</strong> bulunmaktadır<img src="http://blog.rdgnetwork.org/rsc/smilies/icon_smile.gif" alt="&#58;&#41;" class="middle" /></p>

<p><strong>Alışveriş >> Diğer Herşey >> Diğer <br />
Bu kategorinin neleri kapsadığına dair bir fikriniz var mı?</strong> <img src="http://blog.rdgnetwork.org/rsc/smilies/grayno.gif" alt="&#58;&#110;&#111;&#58;" class="middle" /></p>

<p>Genellikle tüm sitelerimizde biraz daha mantıklı (diğer dizüstü bilgisayarlar..gibi) diğer / other adında kategoriler çokça var.. <strong>Fakat <a href="http://www.amazon.com" target="_blank">amazon.com</a>'da herhangi belirsiz bir kategori ismine rastlamadım.</strong> Bilen varsa lütfen haber versin düzelteyim. </p>

<p>Kendi adıma söyleyeyim: </p>

<h3>Adı diğer olan bir kategoriye asla tıklamam.</h3>
<p><br /><br />
<strong>Bir web sitesinde yapılmaması gereken şeylerden biri :</strong></p>

<p><strong style="color:maroon">ifade icadıdır.</strong></p>

<p><br /> Yeniden keşfetmek tamamen gereksiz ve zararlıdır. </p>

<p><img src="http://blog.rdgnetwork.org/rsc/smilies/grayyes.gif" alt="&#58;&#121;&#101;&#115;&#58;" class="middle" /> Özetle : Olduğu gibi kabul et ve göster. </p>


<p><br /></p>
<h3><strong>Araştırmalar :</strong></h3>
<p><br /><br />
Parkinson &amp; Sission (1983) :<br />
Performans ve seçimlerin düşüşüne ek olarak dolaşımdaki <strong>hata oranı menüler kısaldıkça artmıştır.</strong> </p>

<p>Katılımcıların, <strong>fonksiyonel olarak organize edilmiş</strong> 64 maddeyi bulmaları rastgele sıralanmış maddeleri bulmalarından daha kolay olmuştur.</p>

<p>Daha sonraki Kiger (1984), Jacko ve Slavendy (1996), Zaphiris ve Mtei (1997) araştırması, kullanıcıların <strong>kapsamlı ve basit</strong> sitelerdeki kaynakları daha hızlı bulduklarını ortaya çıkarmıştır..</p>

<div style="background:white">Son zamanlarda yapılan araştırmalarda sorulması gereken sorunun <strong>menü yapısının nasıl olacağı</strong>ndan ziyade insanların menüye bakarak sitedeki <strong>hiyerarşi konseptini anla</strong>yıp anlayamadıkları olması gerektiği ortaya çıkmıştır. </div>

<p><br /></p>

<p>Site organizasyonu ve yapısı hakkında <strong>kesin - açık - net bir sunum ortaya çıkarmak</strong>, daha başarılı ve etkili bir dolaşıma neden olmaktadır.</p>

<p>Kullanıcıların öğrenme ve bilgi hiyerarşileri arasındaki bağları kurma konusundaki başarılarını etkileyen bazı faktörler olduğu düşünülüyor.  </p>

<p>Hiyerarşi genişliği veya derinliği bunlardan ikisi, bunlara eklenebilecek diğer kritik faktörler : </p>
<ul>
<li>
kategori ve alt kategori isimlendirmelerinde anlaşılabilirlik,</li>

<li>bilgi özelliklerinin anlaşılması,</li>

<li>kategori içerik boyutlarının birbirine yakın olması,</li>

<li> hiyerarşinin yapısı.</li>
</ul>

<p>Kullanıcılar geniş kategori gruplarını, <strong style="color:maroon">elemanların isimleri birbirinden farklı ve kıyaslanabilir olduğu sürece</strong> kafalarında daha rahat yönetebilmektedir.</p>

<p>Eleman içeriğindeki genişlik ölçülü bir genişlik olmalıdır.</p>

<p><br /><br />
<strong>Gruplandırma yapılmayan kategorilendirmeye kabus gibi bir örnek:</strong></p>

<p><img src="http://www.gui-bloopers.com/graphics/Forrester_LongUnorderedMenu.gif" border="0" /><br />
<br /></p>



<p>Ölçülü olmadığı, uç derecede derin veya geniş olduğu durumlarda kullanıcıların öğrenmesini ve kullanma becerilerini kötü yönde etkilemektedir. </p>

<p>Bunun belirli olarak hızla büyüyen bir internet kullanıcı grubu olan </p>

<p><strong>yaşlı kişiler</strong></p>

<p>için de özellikle geçerli olduğu fikri desteklenmektedir.</p>

<p><br /></p>
<h3><strong>Nasıl olacak?</strong> </h3>
<p><br /><br />
Site iç sayfalarda <strong>ilerledikçe daralan</strong> içbükey yapıda olmalı.</p>

<p>Başlangıç olarak bir geniş seçim ekranı, onu takip eden daha küçük küçük kategori seçenek grupları, onu da takip eden son bir geniş seçim grubu. </p>

<p>bu özelliği amazon.com'da görmekteyiz. </p>

<p>
<strong>Anasayfadaki Elektronik >> TV &amp; Video kategori linkinden ilerlersek</strong><br />
<br />
<a href="http://www.amazon.com" target="_blank"><img src="http://blog.rdgnetwork.org/media/blogs/purple/amazon.jpg" alt="" title="" width="400" height="300" border="0" /></a>
</p>

<p><br /></p>
<p>
<br />
<strong>Alt kategori seçeneklerine bölünmüş TV &amp; Video kategorisi sayfasına geliyoruz.</strong><br />
<br />
<img src="http://blog.rdgnetwork.org/media/blogs/purple//amazonelectro.jpg" alt="" title="" width="400" height="235" border="0" />
</p>

<p><br /></p>

<p>
<strong>LCD Televizyon linkinden ilerlersek farklı LCD TV seçeneklerini gösteren bir sayfaya geliyoruz. </strong><br />
<br />
<img src="http://blog.rdgnetwork.org/media/blogs/purple//amazonlcd.jpg" alt="" title="" width="400" height="257" /><br />

</p>

<p><br /></p>

<p>
<br />
<strong>Ürün detayı sayfasına buradan gidebiliyoruz.</strong><br />
<br />
<img src="http://blog.rdgnetwork.org/media/blogs/purple//amazonitem.jpg" alt="" title="" width="400" height="230" />
</p>

<p>Faydalanılan bazı kaynaklar:</p>

<p><a href="http://uxmyths.com/post/931925744/myth-23-choices-should-always-be-limited-to-seven">http://uxmyths.com/post/931925744/myth-23-choices-should-always-be-limited-to-seven</a></p>

<p><a href="http://www.humanfactors.com/downloads/apr032.htm">http://www.humanfactors.com/downloads/apr032.htm</a></p>

<p><a href="http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two">http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two</a></p><div class="item_footer"><p><small><a href="http://purple.rdgnetwork.org/2010/08/31/menu-kategoriler-navigasyon">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://purple.rdgnetwork.org/2010/08/31/menu-kategoriler-navigasyon#comments</comments>
			<wfw:commentRss>http://purple.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=317</wfw:commentRss>
		</item>
				<item>
			<title>Dövme Belgeseli</title>
			<link>http://purple.rdgnetwork.org/2010/08/25/doevme-belgeseli</link>
			<pubDate>Wed, 25 Aug 2010 22:12:50 +0000</pubDate>			<dc:creator>burku</dc:creator>
			<category domain="main">Yaşam &amp; Gezi</category>			<guid isPermaLink="false">316@http://blog.rdgnetwork.org/</guid>
						<description>&lt;p&gt;Türkiye'de dövme konusunu çok güzel irdeleyen bir belgesel var. &lt;/p&gt;

&lt;p&gt;Dövme sağlıklı mıdır, haram mıdır, kanser yapar mı, acıtır mı, hijyenik midir, sanat mıdır, yazı yazdırmalı mı, kapattırmak, sildirmek, toplumun bakış açısı nedir.. gibi soruların cevaplarını Türkiye'nin dövmecileri veriyor. &lt;/p&gt;

&lt;p&gt;İlk dövülmeden önce izlenmesinde fayda var..&lt;br /&gt;
 &lt;br /&gt;
&lt;a href=&quot;http://www.dovmebelgeseli.com&quot;&gt;http://www.dovmebelgeseli.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Ustalara saygılar..&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://purple.rdgnetwork.org/2010/08/25/doevme-belgeseli&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Türkiye'de dövme konusunu çok güzel irdeleyen bir belgesel var. </p>

<p>Dövme sağlıklı mıdır, haram mıdır, kanser yapar mı, acıtır mı, hijyenik midir, sanat mıdır, yazı yazdırmalı mı, kapattırmak, sildirmek, toplumun bakış açısı nedir.. gibi soruların cevaplarını Türkiye'nin dövmecileri veriyor. </p>

<p>İlk dövülmeden önce izlenmesinde fayda var..<br />
 <br />
<a href="http://www.dovmebelgeseli.com">http://www.dovmebelgeseli.com</a></p>

<p>Ustalara saygılar..</p><div class="item_footer"><p><small><a href="http://purple.rdgnetwork.org/2010/08/25/doevme-belgeseli">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://purple.rdgnetwork.org/2010/08/25/doevme-belgeseli#comments</comments>
			<wfw:commentRss>http://purple.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=316</wfw:commentRss>
		</item>
				<item>
			<title>Alice Cooper</title>
			<link>http://purple.rdgnetwork.org/2010/08/25/alice-cooper</link>
			<pubDate>Wed, 25 Aug 2010 15:02:04 +0000</pubDate>			<dc:creator>burku</dc:creator>
			<category domain="main">çizim</category>			<guid isPermaLink="false">315@http://blog.rdgnetwork.org/</guid>
						<description>&lt;p&gt;2008'de yaptığım bir Alice Cooper portresi. Photoshop + tablet.&lt;/p&gt;


&lt;div class=&quot;image_block&quot;&gt;&lt;a href=&quot;http://blog.rdgnetwork.org/media/blogs/burcukizak/alice.jpg&quot; title=&quot;Alice Cooper&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/media/blogs/burcukizak/alice.jpg&quot; alt=&quot;Alice Cooper&quot; title=&quot;Alice Cooper&quot; width=&quot;462&quot; height=&quot;581&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://purple.rdgnetwork.org/2010/08/25/alice-cooper&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>2008'de yaptığım bir Alice Cooper portresi. Photoshop + tablet.</p>


<div class="image_block"><a href="http://blog.rdgnetwork.org/media/blogs/burcukizak/alice.jpg" title="Alice Cooper" target="_blank"><img src="http://blog.rdgnetwork.org/media/blogs/burcukizak/alice.jpg" alt="Alice Cooper" title="Alice Cooper" width="462" height="581" /></a></div><div class="item_footer"><p><small><a href="http://purple.rdgnetwork.org/2010/08/25/alice-cooper">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://purple.rdgnetwork.org/2010/08/25/alice-cooper#comments</comments>
			<wfw:commentRss>http://purple.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=315</wfw:commentRss>
		</item>
				<item>
			<title>JSON Formatter</title>
			<link>http://ertan.rdgnetwork.org/2010/08/24/json-formatter</link>
			<pubDate>Tue, 24 Aug 2010 22:10:04 +0000</pubDate>			<dc:creator>ertan</dc:creator>
			<category domain="main">Yazılım</category>			<guid isPermaLink="false">314@http://blog.rdgnetwork.org/</guid>
						<description>&lt;p&gt;Bu aralar yoğun olarak JSON ile uğraştığım için online bir format aracı hazırladım. JSON string'lerini okunabilir hale getiren basit bir sayfa sadece, ilgili kişilerin işine yarayabilir sanırım. &lt;/p&gt;

&lt;p&gt;Ne gereği vardı ki ? diyenler olabilir; diğer format araçları genelde postback yaptığı için yavaş çalışıyordu bana daha hızlı, client'da işi halledecek bir şey gerekiyordu, bende oturup çalakalem hızlıca kendim hazırladım. &lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://jsonformatter.rdgnetwork.org/&quot;&gt;http://jsonformatter.rdgnetwork.org/&lt;/a&gt;&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://ertan.rdgnetwork.org/2010/08/24/json-formatter&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Bu aralar yoğun olarak JSON ile uğraştığım için online bir format aracı hazırladım. JSON string'lerini okunabilir hale getiren basit bir sayfa sadece, ilgili kişilerin işine yarayabilir sanırım. </p>

<p>Ne gereği vardı ki ? diyenler olabilir; diğer format araçları genelde postback yaptığı için yavaş çalışıyordu bana daha hızlı, client'da işi halledecek bir şey gerekiyordu, bende oturup çalakalem hızlıca kendim hazırladım. </p>

<p><a href="http://jsonformatter.rdgnetwork.org/">http://jsonformatter.rdgnetwork.org/</a></p><div class="item_footer"><p><small><a href="http://ertan.rdgnetwork.org/2010/08/24/json-formatter">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://ertan.rdgnetwork.org/2010/08/24/json-formatter#comments</comments>
			<wfw:commentRss>http://ertan.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=314</wfw:commentRss>
		</item>
				<item>
			<title>Background ( arka plan ), Text ( metin ), Kontrast, Okunabilirlik</title>
			<link>http://purple.rdgnetwork.org/2010/06/29/background-arka-plan-text-metin-kontrast-okunabilirlik</link>
			<pubDate>Tue, 29 Jun 2010 20:57:57 +0000</pubDate>			<dc:creator>burku</dc:creator>
			<category domain="main">UX ( Kulanıcı Deneyimi )</category>			<guid isPermaLink="false">313@http://blog.rdgnetwork.org/</guid>
						<description>&lt;p&gt;Çoğu basılı döküman açık renk zemin üzerine koyu renk yazılardan oluşmaktadır.&lt;/p&gt;
&lt;div style=&quot;color:maroon&quot;&gt;Metin ve arka plan kombinasyonunun en kolay okunma yolunun aralarındaki kontrastın artmasına paralel olarak arttığı yaygın olarak kabul edilmiş bir düşüncedir.&lt;/div&gt;
&lt;p&gt; &lt;/p&gt;
&lt;div class=&quot;image_block&quot;&gt;&lt;a href=&quot;/media/blogs/purple//comp2.jpg&quot;&gt;&lt;img src=&quot;/media/blogs/purple//comp2.jpg&quot; alt=&quot;&quot; width=&quot;400&quot; height=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt; &lt;/p&gt;
&lt;h2&gt;Scharff ve Hill&lt;/h2&gt;
&lt;p&gt;&lt;br /&gt; &lt;strong&gt;1996&lt;/strong&gt; &lt;br /&gt; 20 farklı arkaplan - text kombinasyonu deneyerek yaptıkları bir okunabilirlik araştırmasında kullanıcıların kolay okunabilirlik derecelendirmesi şöyle olmuştur:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;span style=&quot;color:black;background:white;padding:4px;font-size:14px&quot;&gt;beyaz üzerine siyah metin&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color:#4242fa;background:white;padding:4px;font-size:14px&quot;&gt;beyaz üzerine mavi metin&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;color:black;background:#fafafa;padding:4px;font-size:14px&quot;&gt;açık gri üzerine siyah metin&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;en az puan alan kombinasyon ise &lt;span style=&quot;color:#FF00FF;background:#4242fa;padding:4px;font-size:14px&quot;&gt;mavi üzerine fuşya text&lt;/span&gt; olmuş.   &lt;br /&gt; &lt;strong&gt;1997&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;background:white;color:black;padding:4px;font-size:14px&quot;&gt;beyaz üzerine siyah textin  kabul gördüğü genel kanının aksine&lt;/div&gt;
&lt;div style=&quot;background:#fafafa;color:black;padding:4px;font-size:14px&quot;&gt;siyah textin açık gri&lt;/div&gt;
&lt;div style=&quot;background:#cccccc;color:black;padding:4px;font-size:14px&quot;&gt;veya koyu gri üzerinde çok daha hızlı okunduğunu  keşfetmişler.&lt;/div&gt;
&lt;p&gt;&lt;br /&gt; &lt;strong&gt;1999&lt;/strong&gt;&lt;/p&gt;
&lt;div style=&quot;background:#fafa42;color:black;padding:4px;font-size:14px&quot;&gt;Hill&amp;amp; Scharff yüksek kontrastlı sarı&lt;/div&gt;
&lt;p&gt;&lt;br /&gt; veya&lt;/p&gt;
&lt;div style=&quot;background:#cccccc;color:black;padding:4px;font-size:14px&quot;&gt;düz gri&lt;/div&gt;
&lt;p&gt;üzerine siyah textin arama hızını arttıdığını,&lt;/p&gt;
&lt;div style=&quot;background:#4242fa;color:black;padding:4px;font-size:14px&quot;&gt;mavi zemin&lt;/div&gt;
&lt;p&gt;&lt;br /&gt; ve&lt;/p&gt;
&lt;div style=&quot;background:url('http://blog.rdgnetwork.org/media/blogs/purple//texture.jpg') repeat-x;padding:4px;color:black;padding:4px;font-size:14px&quot;&gt;sık dokulu ve alçak kontrastlı bir arka planın&lt;/div&gt;
&lt;p&gt;&lt;/p&gt;&lt;p&gt;arama hızını yavaşlattığını bulmuşlar.&lt;/p&gt;
&lt;div style=&quot;background:#cccccc;color:black;padding:4px;font-size:14px&quot;&gt;Ama en kolay okunabilirlik gri üzerine siyah metinde tespit edilmiş.&lt;/div&gt;
&lt;p&gt;&lt;br /&gt; &lt;img src=&quot;http://www.laurenscharff.com/research/textures.jpeg&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;br /&gt; Araştırmada kullanılan doku (texture)lar  &lt;/p&gt;
&lt;p&gt;
Deneklere seçilen backgroundlar üzerindeki 99-101 kelimelik metin blokları içine rasgele yerleştirilmiş üç kelimeyi bulmaları ve bulduklarında ekranın altında bulunan bu kelimelere ait şekilleri tıklamaları istenmiş. ( üçgen, kare, daire )  &lt;/p&gt;

&lt;p&gt;Metni görmeyle şekle tıklama arasındaki zaman ölçülmüş ve sonuçlara bu şekilde ulaşılmış.  &lt;/p&gt;

&lt;p&gt; Siyah text texturelı backgroundların üst kısımlarına yerleştirilmiş ve diğer değişkenler ( metin boyutu, marginler vs.. ) okunabilirliği maksimumda tutacak şekilde ayarlanmış. &lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://www.laurenscharff.com/research/oxforddata.gif&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;br /&gt; Araştırma sonuçları  &lt;br /&gt; O halde kazananı açıklıyorum : &lt;a href=&quot;http://www.eksisozluk.com/&quot; target=&quot;_blank&quot;&gt;ekşisözlük&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Ufak bir ayrıntı&lt;/h2&gt;
&lt;p&gt;Okunabilirlikte gözardı edilmemesi gereken bir faktör var. Bu faktör bende olmasaydı farketmem muhtemelen çok uzun zaman alacaktı.&lt;/p&gt;
&lt;h2 style=&quot;color:white;background:black&quot;&gt;Siyah arkaplan üzerine beyaz metin kullanılan sitelere giremiyorum.&lt;/h2&gt;
&lt;h2&gt;Neden&lt;/h2&gt;
&lt;p&gt;&lt;br /&gt; &lt;span style=&quot;color:maroon&quot;&gt;&lt;strong&gt;Astiğmat :&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;
toplumun yarısının muzdarip olduğu bir göz rahatsızlığı. Gözün ışığı odaklayamama durumu diyebiliriz. &lt;a href=&quot;http://en.wikipedia.org/wiki/Astigmatism&quot; target=&quot;_blank&quot;&gt;Astiğmatizm hakkında detaylı bilgi&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;
&lt;span style=&quot;color:maroon&quot;&gt;&lt;strong&gt;Somut sonuçlar :&lt;/strong&gt;&lt;/span&gt; &lt;/p&gt;
&lt;p&gt;( Gözlük kullanmazsam ) Baş ağrısı, filmlerin alt yazılarını okumada zorluklar, ışıklı tabelaları okumada zorluklar  vs..
&lt;/p&gt;


&lt;p&gt;&lt;strong&gt;Astiğmat kimlerde olur?&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;
Gözlük veya lens takanların %30-40 ında.  Tek başına olabileceği gibi miyop veya hipermetropla birlikte de olabilir.&lt;/p&gt;
&lt;div style=&quot;color:white;background:black;font-size:14px&quot;&gt;&lt;p&gt;Bu demektir ki minimumda gözlük veya lens takanların %30-40'ı siyah backgroundlu beyaz metinli bir siteye bakarken acı çekiyor..&lt;/p&gt;&lt;/div&gt;
&lt;p&gt;Yazılar birbirine giriyor. Hatta o karmaşa siteyi kapattıktan sonra bile devam ediyor. &lt;/p&gt;

&lt;p&gt;Mesela &lt;a href=&quot;http://fizy.com&quot; target=&quot;_blank&quot;&gt;Fizy&lt;/a&gt;'de müzik dinleyemiyorum. Şarkı isimlerine bakamıyorum çünkü.&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://purple.rdgnetwork.org/2010/06/29/background-arka-plan-text-metin-kontrast-okunabilirlik&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p>Çoğu basılı döküman açık renk zemin üzerine koyu renk yazılardan oluşmaktadır.</p>
<div style="color:maroon">Metin ve arka plan kombinasyonunun en kolay okunma yolunun aralarındaki kontrastın artmasına paralel olarak arttığı yaygın olarak kabul edilmiş bir düşüncedir.</div>
<p> </p>
<div class="image_block"><a href="http://blog.rdgnetwork.org/media/blogs/purple//comp2.jpg"><img src="http://blog.rdgnetwork.org/media/blogs/purple//comp2.jpg" alt="" width="400" height="400" /></a></div>
<p> </p>
<h2>Scharff ve Hill</h2>
<p><br /> <strong>1996</strong> <br /> 20 farklı arkaplan - text kombinasyonu deneyerek yaptıkları bir okunabilirlik araştırmasında kullanıcıların kolay okunabilirlik derecelendirmesi şöyle olmuştur:</p>
<ol>
<li><span style="color:black;background:white;padding:4px;font-size:14px">beyaz üzerine siyah metin</span></li>
<li><span style="color:#4242fa;background:white;padding:4px;font-size:14px">beyaz üzerine mavi metin</span></li>
<li><span style="color:black;background:#fafafa;padding:4px;font-size:14px">açık gri üzerine siyah metin</span></li>
</ol>
<p>en az puan alan kombinasyon ise <span style="color:#FF00FF;background:#4242fa;padding:4px;font-size:14px">mavi üzerine fuşya text</span> olmuş.   <br /> <strong>1997</strong></p>
<div style="background:white;color:black;padding:4px;font-size:14px">beyaz üzerine siyah textin  kabul gördüğü genel kanının aksine</div>
<div style="background:#fafafa;color:black;padding:4px;font-size:14px">siyah textin açık gri</div>
<div style="background:#cccccc;color:black;padding:4px;font-size:14px">veya koyu gri üzerinde çok daha hızlı okunduğunu  keşfetmişler.</div>
<p><br /> <strong>1999</strong></p>
<div style="background:#fafa42;color:black;padding:4px;font-size:14px">Hill&amp; Scharff yüksek kontrastlı sarı</div>
<p><br /> veya</p>
<div style="background:#cccccc;color:black;padding:4px;font-size:14px">düz gri</div>
<p>üzerine siyah textin arama hızını arttıdığını,</p>
<div style="background:#4242fa;color:black;padding:4px;font-size:14px">mavi zemin</div>
<p><br /> ve</p>
<div style="background:url('http://blog.rdgnetwork.org/media/blogs/purple//texture.jpg') repeat-x;padding:4px;color:black;padding:4px;font-size:14px">sık dokulu ve alçak kontrastlı bir arka planın</div>
<p></p><p>arama hızını yavaşlattığını bulmuşlar.</p>
<div style="background:#cccccc;color:black;padding:4px;font-size:14px">Ama en kolay okunabilirlik gri üzerine siyah metinde tespit edilmiş.</div>
<p><br /> <img src="http://www.laurenscharff.com/research/textures.jpeg" border="0" alt="" /><br /> Araştırmada kullanılan doku (texture)lar  </p>
<p>
Deneklere seçilen backgroundlar üzerindeki 99-101 kelimelik metin blokları içine rasgele yerleştirilmiş üç kelimeyi bulmaları ve bulduklarında ekranın altında bulunan bu kelimelere ait şekilleri tıklamaları istenmiş. ( üçgen, kare, daire )  </p>

<p>Metni görmeyle şekle tıklama arasındaki zaman ölçülmüş ve sonuçlara bu şekilde ulaşılmış.  </p>

<p> Siyah text texturelı backgroundların üst kısımlarına yerleştirilmiş ve diğer değişkenler ( metin boyutu, marginler vs.. ) okunabilirliği maksimumda tutacak şekilde ayarlanmış. </p>

<p><img src="http://www.laurenscharff.com/research/oxforddata.gif" border="0" alt="" /><br /> Araştırma sonuçları  <br /> O halde kazananı açıklıyorum : <a href="http://www.eksisozluk.com/" target="_blank">ekşisözlük</a></p>
<h2>Ufak bir ayrıntı</h2>
<p>Okunabilirlikte gözardı edilmemesi gereken bir faktör var. Bu faktör bende olmasaydı farketmem muhtemelen çok uzun zaman alacaktı.</p>
<h2 style="color:white;background:black">Siyah arkaplan üzerine beyaz metin kullanılan sitelere giremiyorum.</h2>
<h2>Neden</h2>
<p><br /> <span style="color:maroon"><strong>Astiğmat :</strong></span></p>
<p>
toplumun yarısının muzdarip olduğu bir göz rahatsızlığı. Gözün ışığı odaklayamama durumu diyebiliriz. <a href="http://en.wikipedia.org/wiki/Astigmatism" target="_blank">Astiğmatizm hakkında detaylı bilgi</a></p>
<p>
<span style="color:maroon"><strong>Somut sonuçlar :</strong></span> </p>
<p>( Gözlük kullanmazsam ) Baş ağrısı, filmlerin alt yazılarını okumada zorluklar, ışıklı tabelaları okumada zorluklar  vs..
</p>


<p><strong>Astiğmat kimlerde olur?</strong></p>
<p>
Gözlük veya lens takanların %30-40 ında.  Tek başına olabileceği gibi miyop veya hipermetropla birlikte de olabilir.</p>
<div style="color:white;background:black;font-size:14px"><p>Bu demektir ki minimumda gözlük veya lens takanların %30-40'ı siyah backgroundlu beyaz metinli bir siteye bakarken acı çekiyor..</p></div>
<p>Yazılar birbirine giriyor. Hatta o karmaşa siteyi kapattıktan sonra bile devam ediyor. </p>

<p>Mesela <a href="http://fizy.com" target="_blank">Fizy</a>'de müzik dinleyemiyorum. Şarkı isimlerine bakamıyorum çünkü.</p><div class="item_footer"><p><small><a href="http://purple.rdgnetwork.org/2010/06/29/background-arka-plan-text-metin-kontrast-okunabilirlik">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://purple.rdgnetwork.org/2010/06/29/background-arka-plan-text-metin-kontrast-okunabilirlik#comments</comments>
			<wfw:commentRss>http://purple.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=313</wfw:commentRss>
		</item>
				<item>
			<title>Webde okumak veya okumamak</title>
			<link>http://purple.rdgnetwork.org/2010/05/26/webde-okumak-veya-okumamak</link>
			<pubDate>Wed, 26 May 2010 21:10:13 +0000</pubDate>			<dc:creator>burku</dc:creator>
			<category domain="main">UX ( Kulanıcı Deneyimi )</category>			<guid isPermaLink="false">312@http://blog.rdgnetwork.org/</guid>
						<description>&lt;p&gt;&lt;br /&gt;&lt;/p&gt;&lt;p style=&quot;font-size:16px&quot;&gt;&lt;strong&gt;F pattern ( F kalıbı ).&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Bu kadar basit. &lt;strong&gt;F&lt;/strong&gt;. Web sayfalarına tereddütsüz bu şekilde bakıyoruz. Hepimiz. Koskoca bir &lt;strong&gt;F&lt;/strong&gt; şeklinde. Web sayfalarını okumayız. Amacımız bir an önce aradığımız bulup başka diyarlara yelken açmak. &lt;/p&gt;


&lt;p&gt;O kadar seçenek varken neden durup okuyalım? &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;TARA VE GEÇ DOSTUM!!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Göz takibi araştırmaları bunu gösteriyor. &lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;http://www.useit.com/alertbox/f_reading_pattern_eyetracking.jpg&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;
&lt;img src=&quot;http://www.useit.com/alertbox/f_reading_pattern_eyetracking.jpg&quot; width=&quot;400&quot; height=&quot;178&quot; border=&quot;0&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;En çok bakılan yerlerden en az bakılan yerlere renkler açılıyor.&lt;/p&gt;

&lt;p&gt;Birincisi hakkımızda sayfası. İkincisi bir ürün sayfası. Üçüncüsü bir arama motorunun listeleme sayfası. ( soldan sağa &lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/icon_twisted.gif&quot; alt=&quot;&amp;#58;&amp;#62;&quot; class=&quot;middle&quot; /&gt; )&lt;/p&gt;

&lt;p style=&quot;font-size:16px&quot;&gt;&lt;strong&gt;Araştırma Önemlidir!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;
Bilgi, iki yıl önce şanslı bir şekilde bir seminerine katılma fırsatı bulduğum &lt;a href=&quot;http://www.useit.com&quot; target=&quot;_blank&quot;&gt;&lt;strong&gt;Nielsen &amp;amp; Norman Group&lt;/strong&gt;'un sitesinden&lt;/a&gt; alınma. Seminerde ve daha sonra okuduğum, gözlemlediğim yerlerde önemli bir şey öğrendim : 
&lt;/p&gt;
&lt;div style=&quot;color:maroon&quot;&gt;&lt;strong&gt; Web sitelerindeki yazıları kimse okumuyor.&lt;/strong&gt;&lt;/div&gt;
&lt;p&gt;&quot;Şunu da yazalım, bunu da koyalım, şu iki cümleyi yazmamız çok önemli...&quot; gibi gereksiz streslere kapılmayın. Uzadıkça onlar için önemsizleşecektir.&lt;/p&gt;

&lt;p&gt;Üzücü ama kullanıcılar sizden farklı düşünüyor! &lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/icon_exclaim.gif&quot; alt=&quot;&amp;#58;&amp;#33;&amp;#58;&quot; class=&quot;middle&quot; /&gt; Uzun bir yazıda okunan kısımlar ilk iki paragraf olarak tanımlanıyor. Hatta ilk paragraf bile diyebiliriz.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;http://blog.rdgnetwork.org/rsc/smilies/icon_idea.gif&quot; alt=&quot;&amp;#58;&amp;#105;&amp;#100;&amp;#101;&amp;#97;&amp;#58;&quot; class=&quot;middle&quot; /&gt; İçeriğin solundan tararken kullanıcıların görebilecekleri &lt;strong&gt;başlık, alt başlıklar, liste maddeleri&lt;/strong&gt; koyarsanız güzel bir içeriğe ilk adımı atmış olursunuz. &lt;/p&gt;

&lt;p&gt;Uzun bir yazıyı okumak sizce de sıkıcı değil mi?&lt;/p&gt;

&lt;p&gt;Onun yerine hızlıca başlıklara hatta paragrafların ilk birkaç kelimesine bakıp neden bahsettiğini anlamak daha kolay değil mi?&lt;/p&gt;&lt;div class=&quot;item_footer&quot;&gt;&lt;p&gt;&lt;small&gt;&lt;a href=&quot;http://purple.rdgnetwork.org/2010/05/26/webde-okumak-veya-okumamak&quot;&gt;Original post&lt;/a&gt; blogged on &lt;a href=&quot;http://b2evolution.net/&quot;&gt;b2evolution&lt;/a&gt;.&lt;/small&gt;&lt;/p&gt;&lt;/div&gt;</description>
			<content:encoded><![CDATA[<p><br /></p><p style="font-size:16px"><strong>F pattern ( F kalıbı ).</strong></p>
<p>Bu kadar basit. <strong>F</strong>. Web sayfalarına tereddütsüz bu şekilde bakıyoruz. Hepimiz. Koskoca bir <strong>F</strong> şeklinde. Web sayfalarını okumayız. Amacımız bir an önce aradığımız bulup başka diyarlara yelken açmak. </p>


<p>O kadar seçenek varken neden durup okuyalım? </p>

<p><strong>TARA VE GEÇ DOSTUM!!</strong></p>

<p>Göz takibi araştırmaları bunu gösteriyor. </p>

<p><a href="http://www.useit.com/alertbox/f_reading_pattern_eyetracking.jpg" target="_blank"><br />
<img src="http://www.useit.com/alertbox/f_reading_pattern_eyetracking.jpg" width="400" height="178" border="0" alt="" /></a></p>

<p>En çok bakılan yerlerden en az bakılan yerlere renkler açılıyor.</p>

<p>Birincisi hakkımızda sayfası. İkincisi bir ürün sayfası. Üçüncüsü bir arama motorunun listeleme sayfası. ( soldan sağa <img src="http://blog.rdgnetwork.org/rsc/smilies/icon_twisted.gif" alt="&#58;&#62;" class="middle" /> )</p>

<p style="font-size:16px"><strong>Araştırma Önemlidir!</strong></p>

<p>
Bilgi, iki yıl önce şanslı bir şekilde bir seminerine katılma fırsatı bulduğum <a href="http://www.useit.com" target="_blank"><strong>Nielsen &amp; Norman Group</strong>'un sitesinden</a> alınma. Seminerde ve daha sonra okuduğum, gözlemlediğim yerlerde önemli bir şey öğrendim : 
</p>
<div style="color:maroon"><strong> Web sitelerindeki yazıları kimse okumuyor.</strong></div>
<p>"Şunu da yazalım, bunu da koyalım, şu iki cümleyi yazmamız çok önemli..." gibi gereksiz streslere kapılmayın. Uzadıkça onlar için önemsizleşecektir.</p>

<p>Üzücü ama kullanıcılar sizden farklı düşünüyor! </p>

<p><img src="http://blog.rdgnetwork.org/rsc/smilies/icon_exclaim.gif" alt="&#58;&#33;&#58;" class="middle" /> Uzun bir yazıda okunan kısımlar ilk iki paragraf olarak tanımlanıyor. Hatta ilk paragraf bile diyebiliriz.</p>

<p><img src="http://blog.rdgnetwork.org/rsc/smilies/icon_idea.gif" alt="&#58;&#105;&#100;&#101;&#97;&#58;" class="middle" /> İçeriğin solundan tararken kullanıcıların görebilecekleri <strong>başlık, alt başlıklar, liste maddeleri</strong> koyarsanız güzel bir içeriğe ilk adımı atmış olursunuz. </p>

<p>Uzun bir yazıyı okumak sizce de sıkıcı değil mi?</p>

<p>Onun yerine hızlıca başlıklara hatta paragrafların ilk birkaç kelimesine bakıp neden bahsettiğini anlamak daha kolay değil mi?</p><div class="item_footer"><p><small><a href="http://purple.rdgnetwork.org/2010/05/26/webde-okumak-veya-okumamak">Original post</a> blogged on <a href="http://b2evolution.net/">b2evolution</a>.</small></p></div>]]></content:encoded>
								<comments>http://purple.rdgnetwork.org/2010/05/26/webde-okumak-veya-okumamak#comments</comments>
			<wfw:commentRss>http://purple.rdgnetwork.org/?tempskin=_rss2&#38;disp=comments&#38;p=312</wfw:commentRss>
		</item>
			</channel>
</rss>
