Sosyal Network Tasarlarken ( GUI #1 )

- GUI, Web2.0, XHTML - CSS

- Bu Yazıyı Paylaşın

- AÄŸustos 23rd, 2007

- Sinan Ata
ArkadaÅŸlar geçenlerde mesleki yazıları arttıracağım demiÅŸtim. GUI serisi isimli yeni bir yazı serisi planlıyorum 2 veya 3 seri olabilir. İlk serimiz, ÅŸu an okumakta olduÄŸunuz yazı bir sosyal network tasarlarken insanların dikkatini nasıl çekebiliriz, nasıl sisteme deÄŸil içeriÄŸe, içerik üretmeye yönlendiririz ile ilgili bazı detayları örnekleriyle vereceÄŸim. İlk yazının örnekleri ÇiçeÄŸi Burnunda sosyal projemiz Baaak’tan. Betasıyla ilgili çalışmalarımız sürüyor beta davetiyeleri çok yakında ortalıkta dolaÅŸmaya baÅŸlayacaktır.
1 - Cahil yerine koymayın.
Öncelikle kullanıcılarınızı cahil yerine koymayın. Sistemden yabancı, uzak kalmalarını sağlamayın. Dikkat ettiğim birkaç sistemde (biz bu işin en iyisiyiz siz anlamazsınız. demeyin. veya ima etmeyin.) Yani benim tabirimle, takım elbise giyip masanın diğer ucuna değil. Günlük kıyafetlerinizle yanına oturun.( Bu kısım yalnızca bir benzetmeydi mantığı anlamış olmalısınız
) Pownce projesinin about kısmı bu konuda çok hoşuma gitmişti konuya ilişkin.
Birinci madde özellikle ÅŸu mesele ile ilgili büyük önem arzediyor ki bir projeyi, sosyal network olsun, e-ticaret projesi olsun ayakta tutan fanatik kullanıcılarıdır. Bu kullanıcılar sisetemi bazı zamanlar yaratıcısından daha çok sahiplenirler. Sayıları çok fazla deÄŸildir ama “Sitenin Yerlisi” diye anılırlar. Gecenin 4ünde içerik girip gerçek hayattaki buluÅŸmaları organize edenlerdir. Bana kalırsa eÄŸer sosyal yanı olan bir siteniz varsa mutlaka ama mutlaka bu kısmı oluÅŸturmak için var gücünüzle çalışın. Çalışın dediÄŸim yalnızca samimi olun ve iÅŸinizi tutkuyla yapın. Ünlü olmak veya projenizi 1.7 Milyar dolara satmak için deÄŸil. Zaman zaman kullanıcılarınızı varsa ofisinizde yoksa farklı biryerlerde toplanarak dinleyin, ve sisteminizde takımınızı tanıtın.
2 - Yılların Tecrübesini Beklemeyin.
Belki birincisiyle biraz çeliÅŸkili gibi görünecek ama aslında deÄŸil. Kullanıcılarınızdan sizin tecrübenizi beklemeyin. Siz günde 12 saatinizi farklı projeleri gezerek deÄŸerlendirerek geçiriyor olabilirsiniz. Bilgisayar başına ilk oturan bir insan dahi sisteminizi kullanabilmelidir. “Kullanıcı Arayüz Tasarımı(GUI)” yaparken buna dikkat edin. Hatta basitliÄŸi bozmadan onu şüpheden kurtaracak birkaç incelik ekleyin, bazı ÅŸeyleri havada bırakıp “ne de olsa anlarlar” demeyin.

3 - Onlar için Bulmayı ve Eklemeyi Kolaylaştırın.
Sitenizin yerli kullanıcıları elbet neyi nerede, nasıl bulacaklarını biliyordur. Sisteme aÅŸinadır diyelim. Fakat sisteminizde çokda uzun bir süre kalmayacak, yalnızca birÅŸeylere bakıp çıkacak kullanıcıları da gözardı etmeyin. Onları kazanmaya oynayın. Bu yüzden arama fonksiyonlarınızı olabildiÄŸince hızlı ve detaylı geliÅŸtirin. Siteye ilk girildiÄŸinde göze batan açık bir yerde sunun. Belli mi olur belki de yeni bir “fanatik” kazanırsınız. Unutmayın hepimiz Google’a bir zamanlar “ilk defa” girmiÅŸtik. Fakat bir çoÄŸumuz ÅŸimdi Analytics kullanıyoruz. Bilmem Anlatabildimmi. Kullanıcılarınızı sisteme katkı yapmaya teÅŸvik edin. Ödüller, puan sistemleri, sayfa gösterimleri ve ranklar olabilir. Bunun cılkını çıkarmadan “Repleri Unutmayalım” a dönüştürmeden kullanabilirseniz baÅŸarı getirebilir.

4 - Kişiselliğe Önem Verin
Sisteminizde tutunabilmeleri için onlara şanslar tanıyın. Kendi yaptıkları birşeyde isimlerinin bulunmasını ve teşhir edebilmelerini sağlayın. Çok fazla değil yalnızca günlük hayattakinin birazının Sanal Aleme taşıyın. Egolarını sizin sisteminizde tatmin edebilsinler. Eğer edemezlerse emin olun farklı bir yere gideceklerdir.
5 - Opsiyonel Olun
Sisteminizde olabildiÄŸince çok opsiyon sunun. Bazı e-shoplarda gördüğüm “Bunu satın alanlar bunları da aldı” bölümleri hep hoÅŸuma gitmiÅŸtir. Veya yine bazı sosyal networklerdeki “Bunu tutanlar bunları da tuttu.” Yol gösterici, kullanıcı navigasyonunu daha akıcı hale getiren uygulamalardır bence hepsi. Bu konuyla alakalı TAG (Etiket) mantığı zekice olabilir. Kullanıcı tarafından yaratılan içeriÄŸe etiketler atamasını saÄŸlayın böylelikle kullanıcı beÄŸendiÄŸi bir öğeye veya kullanıcıya ait bir özelliÄŸi farklı bir yerde de bulabilsin.
6 - Emir Vermeyin.

Elbette kullanıcıyı arada bir uyarmak zorunda kalabilirsiniz. Örneğin yanlış bir sayfaya gittiğinde üyelere özel bir yere girmek istediğinde vsvsvs. Kullanıcınıza emir vermeyin, tavsiye edin. Ve yapmak zorunda bırakmayın. İsterse gözünün önünden kaybolsun hatta uyarılarınız.
GUI Serisi yazıları tamamen benim kişisel fikirlerim, düşüncelerim ve gözlemlerim doğrultusunda yazılmıştır. Tamamen tartışmaya açıktır.


26 Yorum
güzel makale sinan
şimdi birşeyler diyecektim ama demiyicem :):) anladın sen onu
Harika bir yazı dizisi olmuş. Senden her zaman beklentimiz bu Sinan. Yazılarının devamını bekliyorum.
Sinan çok yararlı bir yazı olmuş eline sağlık. Öğrenmemiz gereken çok şey var bu gün onu anladım
Teşekkür ettim arkadaşlar.
sinanım biÅŸeyler diyosa vardır bi bildigi…eyvallah…
Güzel yazı olmus abi eline sağlık.
Çok hoş bir makale olmuş.
Acaba grafikleri hangi siteden örneklemişsiniz öğrenebilir miyiz?
Tüm görüntüler, Baaak Projesinden. Yakında ilk betası çıkacak. Davet edeceğim, fikirlerinizi alacağım hepinizin
Güzel ve açıklayıcı bir makale teşekkürler Sinan.
Evet faydalı bir makale olmuÅŸ, bir çok yabancı blogda da türevleri var ama yine de milletimiz arkadaÅŸlık siteleri, chat odaları, tavla oyununda takıldığı sürece enfes GUI’leri kullanacak kiÅŸilerin hesabını yapıyoruz. İşte kimi tavla oynarken kimi de uygulamalar geliÅŸtirip ne kadar güzel ui yaparım diye uÄŸraşır.. Eline saÄŸlık Sinan bey
teÅŸekkürler. ilgiyle okudum. baaak ‘ ıda bekliyorum merakla. merakım tasarımına.
gerçekten güzel bir makale olmuş.. Bazı kararsız kaldığım noktalarda karar vermeme yardımcı oldu
Teşekkür ederim arkadaşlar eksik olmayın. Bu tür kaynakları geliştirmemiz lazım.
Cogu konuda haklisinda “kullanıcılarınızı cahil yerine koymayın” dedinde öyle yapdim, simdide kimse siteyi anlamiyor
İşte sinanata.com’da sıklıkla görmek istediÄŸim türden bir yazı.
Teşekkür ederim
Bu arada davetiyeyi bekliyoruz sabırsızlıkla
tebrikler gene guzel ve yararlı bir döküman kendini geliştirmek isteyenler için bire bir
bunlar kodlamadan daha önemli bunlar işin sırrı sırrı 
@musa dediğin doğru. Buna karşılık olarak yapmak gereken kullanıcının bilgisayarla alakalı olma seviyesine göre içeriği derlemek ve navigasyonu sağlamak olur. Eğer web-text tabanlı bir oyun kodlamışsan mutlaka bir FAQ veya tutorial sayfası koymalısın. Eğer bir forum kodlamışsan vbulletin i taklit etsen yeter
EÄŸer bir okul sitesi kodlamışsan en çok iÅŸe yarayacak ÅŸeyleri en çok görünen yere koymalısın, belli bir düzene dizmek bazen bulmalarını zorlaÅŸtırıyor. EÄŸer bir Developer Network yapacaksan (sf.net gibi) neyi nereye koyduÄŸun çok da mühim olmaz, mantıklı olsun, yerinde olsun yeter. EÄŸer ev hanımlarına yönelik bir blog yapıyorsan konu baÅŸlıklarını anasayfanda listeletmelisin. EÄŸer development blogu yapıyorsan tag bulutları, kategorilere önem vermelisin…
gerçekten güzel bir yazı olmuÅŸ ve eÄŸerki dediklerinizi siz kendi projenizde yaparsanız bir fanatik kazanırsınız….
çok teşekkür ederim arkadaşlar, @musa, alp açıklamış durumu. Ortasını tutturabilmek önemli sosyal network projelerinde. @eburhan, olacak inşallah bakalım bu seriyi 3 e kadar yazabilirim zaman buldukça elimde oldukça fazla materyal var. @önder, güzeel
elde var 1 demektir bu. görüntüler projeden.
[...] günlerde GUI tasarlamakla ilgili bazı yazılar yazacağımdan bahsetmiş ve ilk yazımı Sosyal Network Tasarlarken başlığıyla yazmıştım. Şimdi biraz daha farklı kullanımlara bakacağız. Örneğin para [...]
gördüğüm kadarıyla bayağı bir zaman olmuş proje açıklanalı ama ne zaman kullanabileceğiz, bitsin artık bu bekleyiş.
yoksa 27 aralıkta mı öğreneceğiz? yarışma bitince? neyse işlerinde kolaylıklar.
[...] girişimlerimizden bahsederim sık sık. Baaak, Kimyapacak, Yazamak. Tamamını arayüzleri ile birlikte [...]
Güzel Makale olmuş.
teşekkür ettim.
RSS Beslemesi (Yorumlar) · URI'nin geri izlemesini yap.
Bir yorum yazın!
Arama
Konular
Arkadaşlarım
Son Yazılarım
Son Yorumlar
Çok Tutulanlar
Sinan Ata kişisel web ve tecrübe paylaşım platformudur. Altyapı olarak Wordpress kullanmaktadır. Kaynak belirtilerek alıntı yapılabilir.