Wikipedia Redesign: Mağazada ne var?
Vikipedi şu anda kullanıcı deneyimini geliştirmek için çok ihtiyaç duyulan bir yeniden tasarımdan geçiyor.
Bu yeniden tasarlamayı herkes önizleyebilir bir hesap oluşturmak, giriş yapmak ve ardından herhangi bir sayfanın sağ üst tarafındaki "Try Beta" bağlantısını tıklayın.
“Wikipedia Kullanılabilirlik Girişimi” iki aşamaya ayrılmıştır. Faz 1 prototip fazdı ve 2009 yazında sona erdi.
Proje ekibi şu anda geliştirme ve test aşaması olan ikinci aşamada.
Proje ayrıca dörde ayrılmıştır. bültenleri ; Bu yazının yazısı olarak, ikinci sürüm (Babaco) şu anda geliştirilmektedir.
Bu yazıda, Wikipedia'nın tasarımındaki değişimleri ve bunların arkasındaki sebepleri tartışacağız.
Wikipedia Kullanılabilirlik Girişiminin 2010 baharında hazır olması planlanmaktadır. Proje hakkında daha fazla bilgi bulunabilir. İşte .
Yeniden tasarım, kullanılabilirliğe odaklanmıştır. Önemli değişiklikler yapılmadığı halde, web sitesinin genel görünümü ve hissi daha temiz ve daha modern. Yenilenen düzenleme arayüzü, Wikipedia editörlerinin kesinlikle heyecanlanacağı büyük bir güncellemedir.
Birçok küçük ölçekli operasyonda olduğu gibi, Vikipedi ziyaretçilerin web sitesini nasıl kullandığını sistematik olarak test etmek için bütçeye sahip değildir. Bunun yerine, kullanıcıların sorunları saptamaya ve ele almaya yönelik geri bildirimlere dayanır.
Temizledik
Beta tasarımının ilk izlenimimiz oldukça keskin ve düzenli görünmesi. Düzen hala temelde aynıdır; Bu yeniden tasarlama muhtemelen aynı öfke neden olmaz Facebook Mart 2009'da yeniden tasarımı ile karıştırdı.
En belirgin değişiklik, sayfadaki çeşitli bileşenlerin artık kendi kutuları ile sınırlı olmamasıdır. Gezinme ve ana içerik alanları kapalı değildir ve tarayıcı penceresinin kenarına kadar uzanırlar.
Diğer bariz değişiklik ise, Wikipedia'nın açık kitabın arka plan görüntüsünü emekli etmesidir. Bu, tasarımı önemli ölçüde temizler ve logoyu daha keskin gösterir.
Eski tasarım:
Yeni tasarım:
Renklerde Hafif Değişim
Genel olarak, yeni tasarım daha yumuşak görünüyor . Sol kenar çubuğundaki gezinme bağlantıları artık biraz daha büyük ve daha kolay okunabiliyor. Bağlantı renkleri, daha az canlı hale getirmek için biraz değiştirildi.
Ziyaret edilen bağlantı rengini mordan koyu maviye değiştirmek web sitesini daha modern bir hale getirmenin uzun bir yolunu sunuyor. Ayrıca renk düzenini basitleştirir ve görünümü daha profesyonel hale getirir.
Bar Yer Değiştirme
Düzenli ziyaretçileri çekebilecek tek değişiklik, arama çubuğunun yeniden konumlandırılmasıdır.
Artık navigasyon bölümünün ortasında yer almıyor. Sayfanın sağ üst köşesine taşındı. Bu yerleşim birçok web sitesinde standart hale geldi ve kullanıcıların bir arama yapmak istediğinde ilk önce nerede göründüğü.
Arama çubuğunun yeni konumu:
Yeniden düzenlenen sekmeler
Sekmeler de yeniden düzenlenmiştir. Yeni bir görünüm aldılar ve şimdi daha kolay anlaşıldılar. Onları iki gruba ayırmak, yapılarını daha mantıklı hale getirir. Sekmelerin solan üst kısmı da sayfayı açar.
Eski tasarım:
Yeni tasarım:
Sayfa Düzenleme
Yeni sayfa düzenleme arayüzü harika. Metinsel ve grafik simgelerin karışımı ve düzenleme seçeneklerinin gruplandırılması düzenlemeyi daha kolay hale getirir.
Her bir düğmenin daha önce ne yaptığını anlamak için, kullanıcının beklenmeyen simgenin üzerine gelmesi ve araç ipucunun açılmasını beklemesi gerekiyordu; artık değil. Metin alanının sağındaki yeni panel, kullanıcıların sayfaya gitmelerine yardımcı olur.
Eski düzenleme arayüzü:
Yeni düzenleme arayüzü:
Yeni özellikleri açmak için “Tercihler” inize gidin ve ardından “Düzenleme” sekmesine tıklayın. Altta, "Deneysel" etiketli bazı onay kutularını bulacaksınız.
Deneysel özellikleri etkinleştirme:
En son sürüm, bağlantılar ve tablolar eklemek için yeni iletişim kutularını içerir. Metin alanı biraz dağınık olabileceğinden, bu iletişim kutuları kullanıcıların her seferinde bir göreve odaklanmalarına yardımcı olmak için kullanışlıdır.
Tablo iletişim kutusu daha fazla işlevsellik ile (tablo hücrelerinin içeriğini düzenlemenize izin vermek gibi) yapabilirdi, ancak bu sürüm hala geliştirilme aşamasındadır, bu nedenle istek listeme resmi olarak eklemeden önce daha fazla şey olup olmadığını görmek için bekleyeceğim.
Bir bağlantı eklemek için iletişim kutusu:
Bir tablo eklemek için iletişim kutusu:
Ne kayıp?
Proje hala beta olduğundan, şimdi Wikipedia'nın kullanıcı arayüzünü iyileştirmek için başka neler yapabileceğini önermek için en iyi zaman. İşte benim fikirlerim:
- Link hover üzerinde AJAX BeautyTip önizleme
Bir araç ipucu belirirse, temiz olur. BeautyTip jQuery eklentisi, bir iç bağlantı üzerinde gezindiğinizde. Araç ipucu, bağlantılı makalenin ilk paragrafını içerir. Bu özellikten gelen bant genişliğindeki artış çok büyük olabilir, ancak yine de test edildiğini görmek isterim. - Düzenleme metin alanında sözdizimi renklendirme
Aynı renkte kod ile çalışmak çok zordur. İnsan gözü istediği şeyi bulmak için metni doğrusal olarak taramak zorundadır. Görsel ipuçları büyük bir yardım olurdu. Biz bu sırada, metin alanı da yatay kaydırma çubuğuna sahip olmalıdır, böylece tablo gibi şeyler kodda daha güzel görünür. - Sabit genişlikli gövde metnine sahip olma seçeneği
Uzun bir metin metni okurken, dikkatimi dağıtmak için penceremi en üst düzeye çıkarmak istiyorum. Olduğu gibi bunu yapamam çünkü metin satırları geniş ekran monitörümden daha geniştir. Daha kolay okumak için paragrafların genişliğini 600 piksele kadar düzeltmeyi çok isterim. - “Git” düğmesinin görsel ağırlığını artır
Karşılaştığım tek değişiklik “Git” düğmesini “Arama” düğmesiyle aynı ağırlıkta yapmaktır. Eski tasarım “Go” tuşunu biraz daha ağır hale getirdi ve “Enter” tuşuna basmanın “Go” düğmesine tıklamakla aynı olduğunu belirtti. Ağırlıktaki fark, kullanıcıların aradaki farkı sadece ona bakarak görebilmeleri için yeterince küçüktü. Bu geri getirilmelidir.
Denemek!
Yeni tasarım oldukça iyi görünüyor, ama henüz bitmedi. Wikipedia Kullanılabilirlik Girişimi ekibinin beta sürümünü deneyen ve geri bildirim gönderen herkesi memnun edeceğine eminim.
Vikipedi, kullanıcılarına web sitesinin nasıl geliştirileceğini anlamaya ve Web Tasarımcısı Depot topluluğunun bazı harika fikirlere sahip olabileceğine inanıyorum.
Son olarak düşünün Vikipedi'ye bağış . Çünkü okuyabilmek eski Nintendo oyunları Sayfayı çöplüğe dökmeksizin, sayfalar oldukça güzeldir.
Sadece WDD için yazılmış Eli Penner .
Wikipedia'nın yaklaşan tasarımı hakkında ne düşünüyorsunuz? Tasarımı nasıl geliştirirsiniz?