Wikipedia Redesign: Co je v obchodě?
Wikipedia v současné době prochází potřebným redesignem pro zlepšení uživatelského prostředí.
Tento redizajn může zobrazit každý vytvoření účtu, přihlášení a potom klikněte na odkaz "Vyzkoušejte beta" v pravém horním rohu libovolné stránky.
"Iniciativa použitelnosti Wikipedia" byla rozdělena do dvou fází. Fáze 1 byla prototypová fáze a skončila v létě roku 2009.
Projektový tým je v současné době ve druhé fázi, což je fáze vývoje a testování.
Projekt byl také rozdělen na čtyři vydání ; jak psát tento článek, druhé vydání (Babaco) je v současné době ve vývoji.
V tomto článku budeme diskutovat o změnách v návrhu společnosti Wikipedia a důvodech, které stojí za nimi.
Iniciativa Usability Usability Wikipedia má být připravena na jaře roku 2010. Více informací o projektu naleznete tady .
Redizajn je zaměřen na použitelnost . Přestože nebyly provedeny žádné drastické změny, celkový vzhled a pocit z webových stránek je mnohem čistší a modernější. Upravené editační rozhraní je významnou aktualizací, kterou budou editoři Wikipedie jistě nadšeni.
Stejně jako mnoho drobných operací, Wikipedia nemá rozpočet, aby systematicky testoval, jak návštěvníci stránky používají. Místo toho se spoléhá na zpětnou vazbu od uživatelů k určení a řešení problémů.
Uklizený
Náš první dojem z přepracování beta je, že vypadá docela ostře a uklizené. Rozvržení je stále zásadně stejné; tento přepracování pravděpodobně nebude mít stejný odpor Facebook v březnu 2009 míchal s redesignem.
Nejzřejmější změnou je, že různé komponenty na stránce již nejsou omezeny na vlastní pole. Oblasti navigace a hlavního obsahu nejsou uzavřeny a rozšiřují se až na okraj okna prohlížeče.
Druhou zřejmou změnou je, že Wikipedia odstoupila z pozadí otevřené knihy. Toto výrazně vyčistí design a značka je mnohem ostřejší.
Starý design:
Nový design:
Mírná změna barev
Celkově nový design vypadá mírněji . Navigační odkazy v levém postranním panelu jsou nyní o něco větší a přehlednější. Barvy odkazů byly mírně změněny, aby byly méně živé.
Změna barvy navštíveného odkazu z purpurové na tmavě modrou vede dlouhou cestu k tomu, aby se web stal modernějším. To také zjednodušuje barevné schéma a dělá vzhled profesionálnější.
Přesunutí vyhledávací lišty
Jedinou změnou, která by mohla zapříčinit pravidelné návštěvníky, je přemístění vyhledávacího panelu.
Nelze ukládat uprostřed navigační sekce. Byl přesunut do pravého horního rohu stránky. Toto umístění se stalo standardem mnoha webových stránek a je místo, kde lidé hledají nejprve, když chtějí provést vyhledávání.
Nové umístění vyhledávacího panelu:
Reorganizované záložky
Záložky byly také reorganizovány. Dostali nový vzhled a nyní je snadněji vidět. Rozdělit je do dvou skupin dělá jejich strukturu logičtější. Klesající horní část tabulek také otevírá stránku.
Starý design:
Nový design:
Úpravy stránky
Nové rozhraní pro úpravu stránky je úžasné. Směs textových a grafických ikon a seskupení možností úprav usnadňuje úpravu.
Chcete-li zjistit, co každé tlačítko dělalo předtím, uživatel musel vznášet kurzor myši nad ikonou neintuitu a počkat, až se objeví popisek; už ne. A nový panel napravo od oblasti textu pomáhá uživatelům navigovat na stránce.
Staré rozhraní pro úpravy:
Nové editační rozhraní:
Chcete-li nové funkce zapnout, přejděte na "Předvolby" a klikněte na kartu "Úpravy". V dolní části najdete některé zaškrtávací políčka označené jako "Experimentální".
Povolení experimentálních funkcí:
Nejnovější verze obsahuje nová dialogová okna pro vkládání odkazů a tabulek. Vzhledem k tomu, že textová oblast může být trochu přeplněná, jsou tato dialogová okna užitečná, aby pomohla uživatelům soustředit se na jednu úlohu najednou.
Dialogové okno tabulky by mohlo fungovat s většími funkcemi (např. Umožňuje editovat obsah buněk tabulky), ale tato verze je stále ve vývoji, takže budu čekat, zda se objeví více než oficiálně přidá funkce do mého seznamu přání.
Dialogové okno pro vložení odkazu:
Dialogové okno pro vkládání tabulky:
Co chybí?
Vzhledem k tomu, že projekt je stále ve verzi beta, je nyní nejlepší čas, abychom navrhnuli, co lze udělat pro zlepšení uživatelského rozhraní Wikipedie. Zde jsou moje nápady:
- AJAX BeautyTip náhled na odkaz vznášet
Bylo by úhledné, kdyby se objevil nástrojový popisek BeautyTip jQuery plug-in, kdykoli jste se vznášeli nad interním spojem. Nápověda obsahuje první odstavec propojeného článku. Zvýšení šířky pásma z této funkce může být příliš velké, ale přesto bych ji ráda viděla testována. - Zbarvení syntaxe v textové oblasti úprav
Práce s kódem ve stejné barvě je velmi obtížné. Lidské oko musí naskenovat text lineárně, aby zjistil, že chce. Vizuální tipy by mohly být obrovskou pomocí. Zatímco jsme na tom, textová oblast by měla mít také vodorovný posuvník, aby vypadaly věci jako tabulky v kódu. - Možnost mít tělesný text s pevnou šířkou
Když čtu dlouhý text, chci maximalizovat své okno, abych minimalizoval rozptýlení. Jak to je, nemůžu to udělat, protože řádky textu se stanou širšími než můj širokoúhlý monitor. Byl bych rád, kdyby mohly být šířky odstavců nastaveny na přibližně 600 pixelů, aby se usnadnilo čtení. - Zvyšte vizuální hmotnost tlačítka "Go"
Jedna změna, kterou jsem proti, znamená, že tlačítko "Go" má stejnou váhu jako tlačítko "Vyhledat". Starý návrh vážil text tlačítka "Go" o něco těžší, takže je zřejmé, že stisknutí tlačítka "Enter" bylo stejné jako klepnutí na tlačítko "Go". Rozdíl v hmotnosti byl natolik malý, že uživatelé viděli rozdíl pouze tím, že se na něj dívali přímo. To by mělo být vráceno zpět.
Vyzkoušej to!
Nový design vypadá docela dobře, ale ještě není hotový. Jsem si jistý, že tým Iniciativy pro využití v Wikipedii by ocenili všechny, kdo se snaží o beta verzi a posílat zpětnou vazbu.
Wikipedia závisí na tom, že uživatelé zjistí, jak zlepšit webové stránky, a jsem si jistý, že komunita Webdesigner Depot může přijít s velkými nápady.
Nakonec zvažte dárcovství na Wikipedii . Protože je schopen číst staré hry Nintendo bez reklam z Evony, které ztratili stránku, je docela hezké.
Napsáno výhradně pro WDD Eli Penner .
Co si myslíte o nadcházejícím designu Wikipedie? Jak byste zlepšili design?