x

sosyalmedya.co’nun Yeni Tasarımı Hakkında Birkaç Küçük Not

sosyalmedya.co’nun Yeni Tasarımı Hakkında Birkaç Küçük Not

Bugün, bu sabah sosyalmedya.co’ya girenler tasarımımızı yenilediğimizi fark etmişlerdir. Bu işe başlarken aklımızda daha canlı, daha kullanışlı ve daha okunabilir bir tasarım yapmak vardı. Umarız sizler de aynı sıfatları yakıştırabilirsiniz yeni tasarımımıza.

Öncelikle, CSS3 media query’leri kullandığımızı ve farklı ekran çözünürlüklerinde bile bozulmayan bir ekran yarattığımızı söylemeliyim. Yeni tasarımdaki tüm “bug”ların giderilebilmesi için 2 haftalık bir süre verdik kendimize, ancak şimdilik mobil cihazlarda bir sıkıntıya rastlamadık. Tabi ekran çözünürlüğü demişken, belki fark etmişsinizdir, 1024×768 çözünürlüğü bilgisayar bazında değil 10” tablet bazında destekleme kararı aldık. Yani 1024 px’den küçük genişliği olan ekranlarda iPad versiyonunu göreceksiniz sitemizin.

Spot haberleri 4’e yükselttik, bu önemli, çünkü o alandaki içeriklerin tıklandığını gördük. Okuyucularımız Spot haber seçimimize güveniyor, biz de orayı büyüttük.

Eski tasarımımızda sadece iki tane reklam alanı vardı ve o tasarım reklamları düşünerek yapılmadığı için de kötü görünüyordu ve kullanışsızlaşıyordu. Düzelttik. Reklam alanları ekledik ve bu alanları tasarımın içine gömdük. Bu sayede daha verimli kullandık alanı.

Ayrıca eskiden yazıların içinde yapılan paylaşımlarda, yazının üstündeki paylaş butonları daha fazla kullanılıyordu (heat map testleri yaptık), biz de yeni tasarımda çok daha anlaşılır ve düzenli bir paylaşma kutusu hazırladık. Göze batmıyor, sade ve kullanışlı.

Tabi Facebook yorumlarını da unutmamalı. Artık sosyalmedya.co’daki yazılara yorum yapabilmeniz için illa ki bizim sistemimizi kullanmanız gerekmiyor, Facebook yorumları sistemini de kullanabilirsiniz, Facebook hesabınız olması yeterli.

Şimdilik benim söyleyebileceklerim bu kadar. Sitemizin herhangi bir yerinde hata gördüğünüzde lütfen söyleyin. En azından bu önümüzdeki günlerde. İletişim formumuzu kullanabilir ya da editor (at) sosyalmedya (nokta) co adresini kullanabilirsiniz.

Bu hafta içinde sizlere önemli haberlerimiz olacak, sosyalmedya.co’yu takip etmeye devam edin. Sevgiler.

Yorumlar (36)

  1. sayfa ile gelen sabit çubuğu kullanmayım göz alıp ( renk ) dikkat dağıtıyor . Sizler gibi içerik üreten siteler pek kullanmıyor yinede siz bilirsiniz.

  2. Hakan selam;

    TechCrunch’ta da var böyle bir sabit menü, acaba alışma sürecin mi olur bu? Yoksa hakikaten mi sevmedin?

  3. sabit çubuk banada pek alışık gelmedi. zemin beyaz ağırlıklı ve sabit çubuk sarı olduğundan içeriği arkaplana itiyor. tercih sizindir.

  4. Acilen bir footer gerekli. Ve de sayfayla birlikte hareket eden header a ufak bi shadow icerikten ayrilmasini saglayacaktir.

  5. merhaba ilk önce emeğinize sağlık çok hoş bi tasarım olmuş ama iphone safaride gördüğüm bir kaç ufak sorun var daha önce kullandığınız wordpress mobil eklentisini devreye almayı düşünüyormusunuz yoksa bu tasarımı mobil için mi geliştireceksiniz.

  6. renkler ile ilk anda webrazziyi akla getiriyor. yazıların büyümesi okumada gayet güzel fakat siteye genel bakışta çok yer kaplıyor.
    site sıcak değil fakat profesyonel. sürekli açık tutma hissiyatı kazandırıyor. Yeni başlıkların oluyor olması güzel. sürekli yenilik, sürekli gelişim istiyoruz. başarılar SM.CO

  7. Caner, evet, iPhone Safari’de sorunlar olmuş, test aşamasında yoktu bunlar, düzeltilecek hepsi. WordPress Mobil eklentisini devreye almayı düşünmüyoruz bu etapta, çünkü her sitenin aynı neredeyse, farklı olmak istiyoruz biz.

    Selim, yazıların büyümesi yazı okunurluğundan şikayet eden okuyucularımız için ve bu konudaki şikayetler de çok fazlaydı. Ayrıca “sürekli açık tutma hissiyatı” yorumun için teşekkür ederim, istediğimiz tam anlamıyla bu :)

    Önümüzdeki günlerde bomba gibi projelerimizi teker teker lanse edeceğiz, bizi takip etmeye devam et :)

  8. Tasarım şık ve güzel fakat üst menü biraz arka planda durmuş gibi renklerden dolayı. Çünkü sarı renk üst menünün dikkat çekmesini engelliyor gibi durmakta. Bende öyle bir şey uyandırdı başkaları içinde geçerlimi bilmiyorum. Yazı başlıkları gereğinden fazla büyük bence. Karışıklık medyana getiriyor gibi. Onun dışında 10 numara bir tasarım.

  9. Tebrik ederim, yeni tasarımınızı oldukça başarılı buldum.Ama benim en çok beğendiğim yenilik; sosyalmedya.co’ya eklenen kariyer, akademi gibi yeni bölümler olmuş.Bu tarz sitelerin gelişmesi ve ek gelir kaynakları elde etmesi ve belki de ileride bir şirket haline gelmesi adına bunlar yararlı adımlar olacaktır.Ülkemizdeki sosyal medya haberciliğinin çıta atlaması açısından da önemli bir olay bu.Tekrar tebrik ederim, güzel işler ortaya çıkacak gibi.

  10. Özgür selam;

    Kariyer, Akademi gibi bölümlerimiz sadece online olmayacak, bir üniversite ile birlikte ortaklaşa eğitimlere başlıyoruz ve büyük bir kariyer sitesi ile ortaklaşa kariyer fırsatları sunmaya başlayacağız.

    Türk internet sektörü örnek bir model oluşturmak istedik, sadece habercilik yaparak yükselen ve asıl gelir modeli offline kaynaklar olan bir internet sitesi yarattık. sosyalmedya.co, Entelijans’a bağlı olarak ticari faaliyetlerini yürütmekte zaten. (biz ilk günden beri şirketiz bu arada).

    Beğenmene çok sevindim, yorumun çok değerli,

    Sevgiler,

  11. 1680×1050 cozunurlukte explorer surum 8.6001.18702 ile bakiyorum site tamamiyle dagilmis gorunuyor,ipadda safari ile sorunsuz…..ekrancgoruntusu isterseniz gondereyim….

  12. acayip çok beğendim. güzel biraz daha kullanışlı olmuş. Değişmeyen konuk yazarlar artık yer kaplamıyo sitede. Arı peteğiniz de çok iyi :) en çok beğendiyim ise humans.txt . Ben de mi kullansam diye düşünüyorum :)

  13. Fatih Merhaba,

    Tasarım hayırlı olsun ama bana biraz karışık geldi. Fontlar aşırı büyük gibi. Dikkatim dağıldı :)

    Belki alışma sürecidir ama Techcrunch değiştikten sonra ona da çok zor alışmıştım.

    Sevgiler

  14. İşte görmeyi istediğimiz tasarımlar bunlar :) Eksik olarak gördüğüm tek şey yorumlara “beğendim” veya “beğenmedim” yapamıyoruz, önceki tasarımdan sadece bu özelliği yeni tasarıma da aktarmanızın faydalı olacağını düşünüyorum.

  15. Genel olarak güzel ama yazı tipine hiç alışamadım. Daha okunaklı bir yazı tipi kullansanız çok daha iyi olurdu. İlk bakışta daha estetik ama işlevselliği düşük.

  16. Bu harika yazılar, haberler, makaleler bu tasarımla harcanıyor derdim hep, bugün siteyi açtığımda (hergün kontrol ettiğim bir site oldunuz artık, bravo) aman Tanrım işte bu dedim, çok sevimli, çok tatlı bişey olmuş, ellerinize sağlık.

  17. Merhaba Fatih bey,

    Yeni tasarımını çok güzel olmuş, hayırlı olmasını dilerim.

    Ben iki 17 inç ve 13.3 inçlik iki ekrana sahip pc den websitenize girdim. Açıkçası küçük ekranda pek hoş durmayan tasarım, büyük ekranda harika göründü.

    Ufak bir sorum olacak; tasarım değişikliği yaptıktan sonra, eski tasarımınız varken girmiş olduğunuz postlarda bozulmalar oldu mu (thumbnail resimleri veya başka yerlerde), olduysa düzeltmeyi nasıl yaptınız?

    NOT: Yorumlarda “cevapl” butonu bulunmuyor, acil ihtiyaç var bence..

    Saygılarımla.

  18. Sadece tasarımlardan hoşlandığımdan olsa gerek yeni arayüz pek hoşuma gitmedi. Kullanışlı olmasına kullanışlı ama eski arayüzün ferahlatıcı yapısı bu tasarımda maalesef yok. Ayrıca yazı puntoları da epeyce büyütülmüş. Belki de bir alışma süresine ihtiyacım var. Neyse hayırlı olsun diyelim=)

  19. genel olarak eskisinden daha iyi ama en önemlisi okuması keyifli bir tasarım olmuş tek olası sorun menünün üstünde menünün yaklaşık 3 katı kalınlıkta ve aynı renkte boş bir alan var ? (ubuntu chromium) birde sağdaki popüler haberler kısmını biraz büyütebilirseniz harika olur

  20. Şerafettin selam;

    Küçük ekranda sorun genellikle site ızgarasının büyük olmasından ve dolayısıyla da birşeyleri okumak için hep zoom yapmak zorunda kalmak oluyordu. Küçük ekranlara özel bu tarz bir uygulama yapmamızın sebebi o.

    Ayrıca, eski temadan yeni temaya geçerken zorlanmadık. Çünkü imajlar için kullandığımız fonksiyonları birebir kopyaladık, bu sayede de eskiden girilen postlar yenisinde de rahat göründü. Ancak tasarım uygulaması birbirinden farklı çözünürlükteki ekranlar için farklılık gösterdiğinden dolayı css media query’leri fazlaca optimize etmek durumunda kaldık. Durum budur. :)

    Sevgiler,

  21. Ipad Safari’den yazilari okumak cok keyifli. Reklam alanlari hic rahatsiz etmiyor.Tebrikler.

  22. Sosyalmedya.co gerek güncel içerikleriyle, gerekse görsel olarak çok beğeniyorum. Acaba sabit çubukta renk seçimi daha farklı olabilir miydi ?
    Volkan KARA

  23. ilginiz için teşekkür ederim birde rss feed şu anda çalışmıyormu yini ios işletim sisitemi için yapılmış bir uygula üzerinden blogları daha sık takip ediyorum arama yaptığımda rss feed leri listeleniyor ama sosyalmedya.co nun feed ini bulamadım bu konudaki durum nedir. hepinizin ellerine sağlık

  24. Yeni farkettiğim bir şey. Arama kutusu yazıların blokların arasında kaybolmuş durumda. Onu bence en üst sol köşede veya sağ bloklarda biraz üst taraflarda kullanmak daha işlevsel olur. Popüler haberler kısmı yorum sayısına göre değil de farklı durumlara göre olsa veya haftalık olsa her zaman aynı haberlerle göz yorgunluğu yapmaz

  25. @Fatih Şahane olmuş. Daha dolgun daha iri daha yakışıkalır bir çalışma . Yalnız ben sarımsı tonları beğenmedim Koyu bir Fenerbahçeli olduğumdan olabilitesi yüksek (: Sarı üstüne kırmızı link fading :) Geri kalan herşey mükemmel başarınız daim olsun.

  26. tasarım güzel olmuş ama arkaplan biraz itici üst sabit bölüm gereğinden fazla yüksek menü altındaki yazıları kaldırıp yüksekliği azaltırsanız daha iyi olur bence. (bkz. techcrunch) başarılar

  27. Tasarım çok güzel tebrik ederim. Gayet kullanışlı ve okurken yormuyor hatta zevk veriyor. Bunlar önemli

  28. site tasarım olarak çok heyecan verici, eski halini bilmiyorum sizi yeni keşfettim ama tasarımından dahi sitenin ‘ bilgi zengini ‘ olduğunu şahsen gözetebildim. Başarılar arkadaşlar.