İnteraktif Tasarım

Yeni MSN.Com Tasarımına Bir Bakış

Microsoft bu yıl 9 Mart'tan bu yana MSN.com'un yeni tasarımlarını kullanıma sunmaya başladı.

Sayısız saatlik test ve kullanıcılarından gelen yaklaşık 70.000 adet geri bildirim ile desteklenen tasarım, son dört ay içinde mevcut haline getirildi.

Henüz görüntüleyemeyen ziyaretçiler http://www.msn.com adresinden erişebilir http://preview.msn.com .

Bu yazıda, yeni yeniden tasarlamayı ele alıyor ve olumlu ve olumsuz yönlerini inceliyoruz.

Yorumlar alanındaki tasarım hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin.

Son on yılda, üç ana arama sayfası, insanların çevrimiçi deneyimlerine başladıkları zaman sitelere dönüşen sağlam bir temel oluşturdu.

Yahoo ve MSN, sayfalarına işlevsel öğeler eklemeye odaklanmışken, Google minimal bir tasarımla kalıyor ve bunun yerine yeni uygulamalarını ana sayfalarında yalnızca ince ifadelerle farklı URL'lere yerleştiriyorlar. Google öne çıktı, ancak Yahoo ve MSN pes etmedi ve hala pazarın büyük bir kısmını elinde tutuyorlar.

Yeni tasarımın ana hedeflerinden biri, arayüzü daha temiz bir görünümle güncellemektir; Google'ı anımsatan bir görünüm. Bunu başarmak için arka planı tutarlı bir beyaz olarak değiştirdiler ve çeşitli içerik bölümleri için sekmeler eklediler. Ayrıca ana haber bölümüne daha büyük bir başlık vererek ve görüntülerini büyüterek daha fazla görsel ağırlık verdiler. Bu, kullanıcıya gözlerinin hemen çekilmesi gereken yerlerin açık bir göstergesidir ve bu da sitenin daha az meşgul olmasını sağlar.

Beyaz arka plan, sitenin temiz görünmesini sağlar, ancak maviyi kaybetme pahasına yapar, bu da eski siteyi kolayca tanınabilir ve benzersiz kılar. MSN'nin bunu aldığına dair geri bildirimler, beyaz arka planın daha temiz olduğunu belirtmesine rağmen, Microsoft'un eski mavi arka plan rengini kucaklamak için uzun vadede faydalı olabilir. Tek bir arka plan rengiyle devam ederek birçok dikey çizgi kaldırıldı. Bu, sitenin 20 piksel kadar hafifçe inceltilmesine rağmen daha geniş hissettiriyor.

Sekmeler ayrıca sayfanın daha temiz görünmesini sağlar. Sayfadaki bölümler açık bir şekilde gruplandırılmış görünmüyor, ancak bu mutlaka zararlı değildir. MSN bu sayfanın bir gazete ya da haber sitesi gibi kullanılmayacağını fark ediyor.

Her bölüm, okuyucuyu tıklamaya ve daha fazla öğrenmeye yönlendirmeye yönelik küçük başlıklar ve kısa cümleler sağlar. Yeni tasarım hakkında konuşurken, Scott Moore (MSN'nin İçerik ve Programlama Genel Müdürü), sitenin kullanıcıları sekiz gruba ayırmak için makine öğrenimini kullandığını açıkladı.

Ayrıntıları gözden geçirmedi, ancak bu, bölümlerin / sekmelerin yerleştirilmesinin kullanıcıların ilgi gösterdiği şeylerle belirleneceği anlamına gelebilir.

İçerik Eklemeleri

MSN ekibinin odaklanmaya karar verdiği bir özellik sosyal ağdır. Kullanıcılar artık MSN ana sayfasında görüntülenen canlı güncellemeleri almak için Windows Live / Facebook / Twitter hesabına giriş yapabilirler.

Bu, bazı kişilerin biraz kullanışlı olduğunu ve diğerlerinin tamamen görmezden geleceği bir özelliktir. “Sosyal Medya”, bir yıldan uzun bir süredir İnternet vızıltı sözcüğü olmuştur ve MSN'nin bunu ana sayfalarına entegre etmek için çok uzun sürdüğü şaşırtıcıdır.

Sosyal medya eklenmesi birçok kişiyi ana sayfalarını kullanmaya etkilemeyecek ancak görünüşlerini olumsuz etkilemeyecek ve kullanıcılarını sadece MSN uygulamalarını kullanmaya zorlamak yerine İnternet'i kucakladıklarını gösteriyor.

MSN ana sayfası yeniden tasarımı, Bing arama çubuğuna çok daha fazla önem verdi. Mekânını çeşitli unsurlarla paylaşmaya zorlanmak yerine kendi bölümüne verildi.

Bing'deki bu artış, arama motorlarına aramalarda çift haneli bir artış sağladı. Büyük Bing arama çubuğu, MSN yeniden tasarımının en iyi özelliklerinden biri olabilir, çünkü MSN'nin artık ana sayfaların genellikle bir web araması için başlangıç ​​noktası olarak kullanıldığını daha iyi anladığını göstermektedir. Kullanıcılar, MSN'nin alakasız içerik yüklemek için çok uzun sürdüğünü düşünüyorsa ana sayfalarını hızlı bir şekilde değiştirecek.

Üçüncü büyük katkı, yerel içeriğe odaklanmaktadır. Sayfanın sağ üst kısmında, Yerel Sürüm için bir bağlantı var. Yerel Sürüm, ana sayfanın başka bir sürümü gibidir, ancak her birey için daha alakalıdır. Kullanıcı üç farklı şehre (veya posta koduna) sahip olabilir, ancak bunları nasıl ekleyeceğiniz konusunda çok sezgisel değildir. Kullanıcı bir şehir ismi girmeli, “Kaydet” e tıklamalı ve sonra başka bir tane eklemek için “Değiştir” butonuna basmalıdır. Bunun yerine bağlantıyı “Ekle” yi okumak daha mantıklı olacaktır.


Yerel Sürüm

Kullanıcı bir şehir seçtikten sonra yerel haberlere, hava durumuna, sporlara, filmlere / etkinliklere, restoranlara, gaz / trafiğe ve diğer birkaç öğeye erişebilir. Tüm bu özellikler, Restoranlar bölümü haricinde gerçekten iyi uygulanmaktadır.

Restoranlar için sadece değerlendirmeleri, 5 yıldızlı derecelendirme görüntüleri ve yol tarifleri bağlantıları ile yakındaki restoranlar listeler. Gözden Geçirme veya Puanlama bağlantıları tıklandığında, restoran hakkında çeşitli ayrıntılar içeren bir sayfa yüklendi, ancak herhangi bir müşteri yorumu bulunmuyor ve derecelendirme widget'ının görüleceği bir yer yok. Bu özellik statik bir referans kitabından alınmış gibi geliyor.

Diğer özellikler tüm iyi yapılmış ve onları denemeye değer. Bu noktada Yerel Sürümü'nün yalnızca Amerika Birleşik Devletleri'nde kullanılabilir olduğunu unutmayın.

Son bahsedilen değer, en son Twitter trendlerini listeleyen TrendWatch özelliğidir. Bu özellik Yahoo Trending Now bölümüne garip bir şekilde benziyor, ancak popülerlik momentumunu göstermek için her arama sorgusunun yanındaki oklara sahip. Bu biraz yapışkan ve sayfanın altındaki yerleştirme daha yararlı bir özellik daha sonra bir düşünce gibi hissettiriyor.


Yahoo'nun Trendleri Artık MSN'nin TrendWatch'iyle karşılaştırıldı


performans

İlginç bir şekilde, eski MSN sitesi tüm içeriğini yeni tasarımdan bir saniye daha az kullanarak kullanıcının makinesine indirir. Yeni tasarım daha sonra, toplam tamamlanma süresini eski tasarımdan yaklaşık 3 saniye daha uzun hale getiren çok daha fazla kod yürütür.

Yerel Sürüm, 2.582 saniyede bir belge hazırlığıyla yeni tasarımdan biraz daha iyi performans gösteriyor ancak tam olarak hazırlanma süresi, gömülü bir videonun yüklenmesinden dolayı 10.545 saniyedir.

Her şey kabaca aynı süre içerisinde gösterildiğinden, kullanıcılar performanstaki farklılıkları fark etmeyecek ve bu durum yeni tasarımın başarısı için zararlı olabilir.

Ana sayfalar son derece hızlı olmalı ve bu, MSN'nin rakiplerinin çoğuna karşı gerçekten parlama fırsatı verdiği bir alandır. Kablosuz ağları paylaşan kahve dükkanlarında veya havaalanlarında tıkanmış insanların kalabalıkları en hızlı yüklenen siteleri istiyor.

MSN, ana sayfa olarak ayarlanmışsa, daha hızlı bir siteye hızlı bir şekilde gidebilir veya en modern tarayıcıların sağ üst köşesindeki aramayı kullanırlar. Bu sık sık ortaya çıkarsa, kullanıcılar ana sayfalarını tamamen değiştirmek için cazip olacaklardır.

Not: http://www.webpagetest.org test için kullanıldı. Aşağıdaki üç test yapıldı:

Genel tasarım

Genel yeniden tasarım etkilidir. MSN'nin eski tasarımlarıyla ilgili endişelerini giderir ve Microsoft için daha temiz bir görüntü sağlar.

Tasarım biraz daha iyi bir görsel hiyerarşi sağlıyor, ancak iyileştirme için kesinlikle yer var. Ana içerik bölümü, kullanıcının dikkatini çeken ilk kişidir. Bunu, büyük Bing arama çubuğu izler, ancak bu iki öğeden sonra, dikkatini çekecek olan şeyi tam olarak belirlemek zor olur.

Bu, kısmen, her biri için farklı önem düzeylerine sahip olan büyük miktarda içeriğe sahip sayfadan kaynaklanmaktadır. Herkes farklı olduğu için görsel yolun nasıl ayarlanacağını tam olarak bilmek zor olsa da, hafif bir ipucu bile önemli sonuçlar verebilir.

Hiçbir bölüm diğer bölümlerden daha yüksek görsel ağırlığa sahip değildir.

Renk düzeni çalışırken, tasarımı tanımlamaz. Sayfanın üstündeki hafif degrade ve MSN logosu dışında, MSN kimliğini görüntüleyen hiçbir şey yoktur. Site mülayimsiz ve herhangi bir kişiliğe sahip olarak karşımıza çıkıyor. Sayfaya büyüleyici olarak satarak satış yapma şansı yoktur; sadece özelliklerine güvenebilir.

Yeniden tasarlamanın en iyi yönlerinden biri, önemli beyaz alanın tanıtımı olmuştur. Her haber başlığı, diğer başlıklardan ayırmak için fazladan 12 piksellik bir dikey alan verildi. Yazı tipi boyutu da artırıldı, bu da her şeyin okunmasını daha kolay hale getiriyor.

Sonuç

Bu yeni tasarım, MSN'nin rakipleriyle uyumlu olacak şekilde güncelleniyor. Her şey güzel gözükse ve olması gerektiği gibi davranırken, tasarımın modern bir web sitesinin yapabileceği sınırları zorlamak için yeterli bir şey yapılmadı.

Site, kimliğini ve karışıklığını temizlik ve birkaç vasat özellikleri için sattı. Yerel Sürümü harika bir eklentidir ve özellikle iyi pazarlanmış bir mobil sürüm verilmişse, iyi bir şansı vardır.

Referanslar


    Bu makale Web Tasarımcı Deposu için özel olarak yazılmıştır. Eli Penner

    MSN’in yeniden tasarımı hakkında ne düşünüyorsun? Farklı olarak ne yapmak isterdin?


    dizayn yeniden tasarlamak msn