sosyal topluluklar / içerik & tasarım v1.0

33 %
67 %
Information about sosyal topluluklar / içerik & tasarım v1.0

Published on February 6, 2008

Author: isbn9760806

Source: slideshare.net

sosyal topluluklar içerik & deneyim tasarımı v 1.0

tasarım & içerik Kullanıcıyla doğru iletişim için;

tasarım & içerik Kullanıcıya ; hatalarını, ayarlarını, tercihlerini geri alma olanağı verilmeliyiz. Kullanıcı, her kademede “undo” yapabileceğini bilmeli, sisteme güven duymalı. Kullanıcı için çok önemli fonksiyon: “undo”

tasarım & içerik Sistem içindeki kullanıcıyı devamlı izlemeliyiz. Kullanıcının yorumlarına göre değil, davranışlarına göre sistem içinde revizyonlar yapmalıyız. Her türlü detay bizi ilgilendirmeli. Tasarımı tasarım yapan şey detaylardır. Kullanıcının ne yaptığına dikkat etmeliyiz, ne dediğine değil.

tasarım & içerik “ Konuşma dili” demek dili bozarak konuşmak anlamına gelmiyor. Sosyal “network”ün amacı kullanıcıları birbirleriyle buluşturacak zemini yaratmak. Bırakalım onlar kendi aralarında istedikleri dili kullansınlar. Biz doğru Türkçe’yi kullanmak zorundayız. Metinleri konuşma diliyle hazırlamalıyız. Kullanıcıyla samimi, yalın ve sıfır hatalı bir Türkçe ’yle konuşmalıyız. yalın & samimi içerik + basit navigasyon + anlaşılır arayüz = yüksek ticari değer

tasarım & içerik İlk jenerasyon sosyal “network”ler: “ Ben sana, sana ve bir de sana bağlandım.” İkinci jenerasyon sosyal “netwok”ler: “ Ben şu senle, senle ve de senle paylaşıyorum.” Anahtar kelime: “paylaşım” resmi videoyu düşünceyi

tasarım & içerik Yeni nesil sosyal “network”: Bireysel olarak bana bir yarar sağlar.

tasarım & içerik Yeni nesil sosyal “network”: Bana kendimi ifade edebileceğim “bite” boyutunda alanlar yaratır; duygusal durum alanları yaratıcı ifade alanları eğlence alanları

Bana kendimi ifade edebileceğim “bite” boyutunda alanlar yaratır;

duygusal durum alanları

yaratıcı ifade alanları

eğlence alanları

tasarım & içerik Yeni nesil sosyal “network”: Kişisel & kamusal arasında bana kendi sınırlarımı belirleme özgürlüğü verir.

tasarım & içerik Yeni nesil sosyal “network”: Diğer kullanıcıların içeriklerine değer katabileceğim, içeriği paylaşabileceğim fırsatlar sunar.

tasarım & içerik Yeni nesil sosyal “network”: Aktif katılım sağlamam için beni cesaretlendirir; Niş lokal gruplar, organizasyon haberleri, bilgileri vb.

tasarım & içerik Yeni nesil sosyal “network”: Diğer kullanıcıların “şu andaki” durumlarını bana bildirir. Kim online? Kim profilini yeniledi? Kim hangi şarkıyı dinledi, hangi gruba katıldı, kim kime ne mesaj yazdı vb.

Sosyal Network “karşılama ekranı” Tek cümlede; mümkün olan en az kelimeyle burada “ne yapılır?” ı tanımlamalıyız.

Sosyal Network “karşılama ekranı” Tek cümlede; mümkün olan en az kelimeyle burada “ne yapılır?” ı tanımlamalıyız.

Sosyal Network “karşılama ekranı” Tek cümlede; mümkün olan en az kelimeyle burada “ne yapılır?” ı tanımlamalıyız.

Sosyal Network “karşılama ekranı” Tek cümlede; mümkün olan en az kelimeyle burada “ne yapılır?” ı tanımlamalıyız.

Yeni gelenlere “hoşgeldin mesajı” vermeliyiz. Sosyal Network “karşılama ekranı”

Sosyal Network “karşılama ekranı” Yeni gelenlere “hoşgeldin mesajı” vermeliyiz.

Sosyal Network “karşılama ekranı” Yeni gelenlere “hoşgeldin mesajı” vermeliyiz.

Yeni gelenlere üye olmaya karar vermeden önce bir “ ön deneyim” yaşatmalıyız Sosyal Network “karşılama ekranı”

Yeni gelenlere üye olmaya karar vermeden önce bir “ ön deneyim” yaşatmalıyız Sosyal Network “karşılama ekranı”

Yeni gelenlere üye olmaya karar vermeden önce bir “ ön deneyim” yaşatmalıyız Sosyal Network “karşılama ekranı”

Yeni gelenlere üye olmaya karar vermeden önce bir “ ön deneyim” yaşatmalıyız Sosyal Network “karşılama ekranı”

Yeni gelenlere üye olmaya karar vermeden önce bir “ ön deneyim” yaşatmalıyız Sosyal Network “karşılama ekranı”

Tasarımda renk kodları nı tanımlamalıyız (en fazla 2-3 renk) Last.fm: Siyah, gri ve KIRMIZI Sosyal Network “karşılama ekranı”

Flick: Siyah, gri ve MAVİ & KIRMIZI Tasarımda renk kodları nı tanımlamalıyız (en fazla 2-3 renk) Sosyal Network “karşılama ekranı”

Vimeo: Siyah, gri ve MAVİ Tasarımda renk kodları nı tanımlamalıyız (en fazla 2-3 renk) Sosyal Network “karşılama ekranı”

Jaiku: Siyah, gri ve YEŞİL Sosyal Network “karşılama ekranı” Tasarımda renk kodları nı tanımlamalıyız (en fazla 2-3 renk)

Linkedin: Siyah, gri ve MAVİ Sosyal Network “karşılama ekranı” Tasarımda renk kodları nı tanımlamalıyız (en fazla 2-3 renk)

Kullanıcıyı bilgilendirmek için “Yardım” ve “Tur” ayrı ayrı yapılandırılmalı. Henüz üye olmayanlara Sosyal Network Turu ; “slide show” tarzıyla az cümle, net bilgi vererek hazırlanmalı. “Slide Show”un belli bölümlerine samimi bir dille hazırlanmış videolar entegre edilmeli. Üye olup sisteme girenlere yardım ; SSS olarak yalın ve kısa cümlelerle oluşturulmalı. Belli bölümlerine samimi bir dille hazırlanmış videolar entegre edilmeli. Sosyal Network “karşılama ekranı”

Kullanıcıyı bilgilendirmek için “Yardım” ve “Tur” ayrı ayrı yapılandırılmalı.

Henüz üye olmayanlara Sosyal Network Turu ; “slide show” tarzıyla az cümle, net bilgi vererek hazırlanmalı. “Slide Show”un belli bölümlerine samimi bir dille hazırlanmış videolar entegre edilmeli.

Üye olup sisteme girenlere yardım ; SSS olarak yalın ve kısa cümlelerle oluşturulmalı. Belli bölümlerine samimi bir dille hazırlanmış videolar entegre edilmeli.

Kullanıcıyı bilgilendirmek için “Tur” ve “Yardım” ayrı ayrı yapılandırılmalı. Sosyal Network “karşılama ekranı”

Kullanıcıyı bilgilendirmek için “Tur” ve “Yardım” ayrı ayrı yapılandırılmalı. Sosyal Network “karşılama ekranı”

Kullanıcıyı bilgilendirmek için “Tur” ve “Yardım” ayrı ayrı yapılandırılmalı. Sosyal Network “karşılama ekranı”

Kullanıcıyı bilgilendirmek için “Yardım” ve “Tur” ayrı ayrı yapılandırılmalı. Sosyal Network “karşılama ekranı”

“ Sosyal Network” genel İkon kullanımı sosyal “network”lerde tercih edilmiyor. Kullanıcıya yol göstermesi gereken ikonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı! Yalın ve doğru bir Türkçe’yle, net başlıklarla navigasyon menüsü oluşturulmalı. İmaj bankalarından görsel kullanılmamalı! Yapısı gereği sosyal “network”ler kullanıcıların kendi görselleri ile dolu. Ekstra görsel kullanılması karmaşaya neden olur. Hele ki imaj bankalarından alınan görseller ortamı yapaylaştırır, samimiyeti zedeler. Tasarımı yoğunlukla tipografiyle çözmek gerekiyor.

İkon kullanımı sosyal “network”lerde tercih edilmiyor. Kullanıcıya yol göstermesi gereken ikonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı!

Yalın ve doğru bir Türkçe’yle, net başlıklarla navigasyon menüsü oluşturulmalı.

İmaj bankalarından görsel kullanılmamalı! Yapısı gereği sosyal “network”ler kullanıcıların kendi görselleri ile dolu. Ekstra görsel kullanılması karmaşaya neden olur. Hele ki imaj bankalarından alınan görseller ortamı yapaylaştırır, samimiyeti zedeler.

Tasarımı yoğunlukla tipografiyle çözmek gerekiyor.

İkonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı! Menüde ikon yok! “ Sosyal Network” genel

Menüde ikon yok! İkonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı! “ Sosyal Network” genel

“ Search” ikonu dışında ikon yok! İkonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı! “ Sosyal Network” genel

Menüde ikon yok! İkonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı! “ Sosyal Network” genel

Menüde ikon yok! İkonlar, sosyal “network”lerde karmaşaya sebep oluyor. Kullanılmamalı! “ Sosyal Network” genel

Tasarımı yoğunlukla tipografiyle çözmek gerekiyor. Vimeo bunun için iyi bir örnek. Tipografiye, font çeşidine, font büyüklüğünün görsellerle ve/veya ekran boyutu arasındaki orana ve ikon kullanımındaki hassaslığa dikkat! “ Sosyal Network” genel

Tasarımı yoğunlukla tipografiyle çözmek gerekiyor. Vimeo bunun için iyi bir örnek. Tipografiye, font çeşidine, font büyüklüğünün görsellerle ve/veya ekran boyutu arasındaki orana ve ikon kullanımındaki hassaslığa dikkat! “ Sosyal Network” genel

Tasarımda hareketli “flash” animasyona HAYIR! Hareketli görseller kullanıcının kafasını karıştırmaktan başka bir işe yaramıyor. CSS menüler tasarımı yalınlaştırmada çok işe yarıyor. “ Sosyal Network” genel

Tasarımda hareketli “flash” animasyona HAYIR! CSS menüler tasarımı yalınlaştırmada çok işe yarıyor. “ Sosyal Network” genel

teşekkürler

Add a comment

Related presentations

Related pages

Sosyal Medyanın Globalleşmede ve ... - Web Tasarım

... Çok kısa ve basit açıklayacak olursak sosyal medya; haber, içerik ve ... ağlar, topluluklar, ... biri "Web Tasarım fiyatları ...
Read more

Sosyal Medya Uzmanlığı Sertifika Programı | kreatifdirektor

Tasarım. Web; Grafik; ilustrasyon; ... Sosyal Medya Topluluk & İçerik: Sosyal Medya 101; ... Sosyal Medya Siteleri, Online Topluluklar & Sanal Dünyalar;
Read more

Web Sitenizi Tanıtma Yolları ve Web Sitenizi Tanıtma ...

İçerik oluşturmak ve sitenizin tasarım ve kullanılabilirliğini geliştirmek için ... Topluluklar için ... Sosyal medyanın neden tek başına ...
Read more

Korkuteli Web Tasarım - facebook.com

Korkuteli Web Tasarım, Korkuteli. 648 likes · 1 talking about this. Business Services. Facebook logo. Email or Phone: Password: Forgot account?
Read more

Özel Tasarım Web Sitesi - asyawebtasarim.com

Kategori: Özel Tasarım Web Sitesi; Versiyon: V1.0; Açıklama: ... Sosyal Medya Sayfa İçerik Yönetimi; Kurumsal Kimlik Tasarım ...
Read more

Ramazan Güneş - Aradığınız O Kişi Benim

Üniversite yıllarında başlayan blog yazma tutkum beni sosyal medyaya yöneltti. İnternette içerik ... Topluluklar:Uluslararası Sosyal ... Tasarım ...
Read more

Sosyal Medya | LinkedIn

View 15549 Sosyal Medya posts, presentations, experts, and more. Get the professional knowledge you need on LinkedIn.
Read more