Przeprojektowanie Wikipedii: co jest w sklepie?
Wikipedia jest obecnie w trakcie bardzo potrzebnego przeprojektowania, aby poprawić wygodę użytkownika.
Każdy może wyświetlić podgląd tego przeprojektowania przez tworzenie konta, logowanie się a następnie klikając link "Wypróbuj Beta" w prawym górnym rogu dowolnej strony.
"Inicjatywa użyteczności Wikipedii" została podzielona na dwie fazy. Faza 1 była fazą prototypową, która zakończyła się latem 2009 roku.
Zespół projektowy znajduje się obecnie w drugiej fazie, która jest fazą rozwoju i testowania.
Projekt został również podzielony na cztery części wydania ; w chwili pisania tego artykułu, drugie wydanie (Babaco) jest obecnie w fazie rozwoju.
W tym artykule omówimy zmiany w Wikipedii i ich przyczyny.
Inicjatywa użyteczności Wikipedii ma być gotowa na wiosnę 2010 roku. Więcej informacji o projekcie można znaleźć tutaj .
Przeprojektowanie koncentruje się na użyteczności . Chociaż nie wprowadzono żadnych drastycznych zmian, ogólny wygląd witryny jest o wiele czystszy i bardziej nowoczesny. Zmodernizowany interfejs do edycji jest główną aktualizacją, którą redaktorzy Wikipedii z pewnością będą podekscytowani.
Podobnie jak wiele operacji na małą skalę, Wikipedia nie ma budżetu, aby systematycznie sprawdzać, w jaki sposób użytkownicy korzystają z witryny. Zamiast tego opiera się na informacjach zwrotnych od użytkowników, aby wskazać i rozwiązać problemy.
Oczyszczone
Naszym pierwszym wrażeniem na przeprojektowanie wersji beta jest to, że wygląda dość ostro i schludnie. Układ nadal jest zasadniczo taki sam; to przeprojektowanie prawdopodobnie nie spowoduje tego samego oburzenia Facebook mieszane z jego przeprojektowaniem w marcu 2009 r.
Najbardziej oczywistą zmianą jest to, że różne elementy na stronie nie są już ograniczone do ich własnego pudełka. Nawigacja i główne obszary zawartości nie są zamknięte i rozciągają się aż do krawędzi okna przeglądarki.
Inną oczywistą zmianą jest to, że Wikipedia wycofała obraz tła otwartej książki. Znacząco upraszcza to projektowanie i sprawia, że logo wygląda znacznie ostrzej.
Stary projekt:
Nowy design:
Niewielka zmiana kolorów
Ogólnie rzecz biorąc, nowy wygląd wygląda na bardziej miękki . Łącza nawigacyjne na lewym pasku bocznym są teraz nieco większe i łatwiejsze do odczytania. Kolory linków zostały nieco zmienione, aby były mniej intensywne.
Zmiana koloru odwiedzanego łącza z fioletowego na ciemnoniebieski stanowi długą drogę do uczynienia witryny bardziej nowoczesną. Upraszcza również schemat kolorów i sprawia, że wygląd jest bardziej profesjonalny.
Przeszukiwanie paska wyszukiwania
Jedyną zmianą, która może wywołać regularne odwiedziny, jest przeniesienie paska wyszukiwania.
Nie jest już umieszczony w środku sekcji nawigacji. Zostało przeniesione do prawego górnego rogu strony. To miejsce docelowe stało się standardem na wielu stronach internetowych i tam ludzie patrzą najpierw, gdy chcą przeprowadzić wyszukiwanie.
Nowa lokalizacja paska wyszukiwania:
Zmieniono karty
Zmieniono także karty. Zostały one nadane nowy wygląd i są teraz łatwiejsze do wykrycia. Podzielenie ich na dwie grupy sprawia, że ich struktura jest bardziej logiczna. Znikająca górna część kart otwiera także stronę.
Stary projekt:
Nowy design:
Edycja strony
Nowy interfejs do edycji strony jest wspaniały. Połączenie ikon tekstowych i graficznych oraz grupowanie opcji edycji znacznie ułatwia edycję.
Aby dowiedzieć się, co każdy z przycisków zrobił wcześniej, użytkownik musiał najechać kursorem na niezrozumiałą ikonę i czekać na pojawienie się podpowiedzi; nigdy więcej. Nowy panel po prawej stronie obszaru tekstowego pomaga użytkownikom poruszać się po stronie.
Stary interfejs edycji:
Nowy interfejs edycji:
Aby włączyć nowe funkcje, przejdź do "Preferencji", a następnie kliknij kartę "Edycja". U dołu znajdziesz pola wyboru oznaczone jako "Eksperymentalne".
Włączanie funkcji eksperymentalnych:
Najnowsza wersja zawiera nowe okna dialogowe do wstawiania linków i tabel. Ponieważ obszar tekstu może być nieco zagracony, te okna dialogowe są przydatne, aby pomóc użytkownikom skupić się na jednym zadaniu na raz.
Okno dialogowe tabeli może zrobić z większą funkcjonalnością (np. Pozwalając na edycję zawartości komórek tabeli), ale ta wersja jest wciąż rozwijana, więc poczekam, aby zobaczyć, czy pojawi się więcej, zanim oficjalnie dodasz funkcje do mojej listy życzeń.
Okno dialogowe do wstawienia linku:
Okno dialogowe wstawiania tabeli:
Czego brakuje?
Ponieważ projekt jest nadal w fazie beta, teraz jest najlepszy czas, aby zasugerować, co jeszcze można zrobić, aby ulepszyć interfejs użytkownika Wikipedii. Oto moje pomysły:
- Podgląd AJAX BeautyTip na hover link
Byłoby fajnie, gdyby pojawiła się podpowiedź, za pośrednictwem BeautyTip wtyczkę jQuery, za każdym razem, gdy unosił się nad linkiem wewnętrznym. Etykietka zawierałaby pierwszy akapit połączonego artykułu. Zwiększenie przepustowości z tej funkcji może być zbyt duże, ale nadal chciałbym ją przetestować. - Kolorowanie składni w edytowanym obszarze tekstowym
Praca z kodem w tym samym kolorze jest bardzo trudna. Ludzkie oko musi skanować tekst liniowo, aby znaleźć to, czego chce. Wskazówki wizualne byłyby ogromną pomocą. Podczas gdy jesteśmy przy niej, pole tekstowe powinno również mieć poziomy pasek przewijania, dzięki czemu rzeczy takie jak tabele będą ładniej wyglądać w kodzie. - Możliwość posiadania tekstu o stałej szerokości
Kiedy czytam długie fragmenty tekstu, lubię maksymalizować moje okno, aby zminimalizować rozproszenie. W rzeczywistości nie mogę tego zrobić, ponieważ linie tekstu stają się szersze niż mój monitor panoramiczny. Chciałbym móc poprawić szerokość akapitów do około 600 pikseli, aby ułatwić czytanie. - Zwiększ wizualną wagę przycisku "Go"
Jedną zmianą, której jestem przeciwnikiem, jest przycisk "Go" o takiej samej wadze jak przycisk "Szukaj". W starym projekcie ważniejszy był tekst "Go", co było oczywiste, że naciśnięcie klawisza "Enter" było takie samo, jak kliknięcie przycisku "Go". Różnica w wadze była na tyle mała, że użytkownicy widzieli różnicę tylko patrząc na nią. To powinno zostać przywrócone.
Wypróbuj to!
Nowy wygląd wygląda całkiem nieźle, ale jeszcze nie jest skończony. Jestem pewien, że zespół Inability Inability Wiki byłby wdzięczny za wypróbowanie wersji beta i wysyłanie opinii.
Wikipedia zależy od użytkowników, aby dowiedzieć się, jak poprawić stronę internetową, i jestem pewien, że społeczność Webdesigner Depot może wymyślić kilka świetnych pomysłów.
Wreszcie, rozważ przekazanie darowizny na Wikipedię . Ponieważ jest w stanie czytać stare gry Nintendo bez reklam Evony zaśmiecających stronę jest raczej przyjemna.
Napisany wyłącznie dla WDD przez Eli Penner .
Co sądzisz o nadchodzącym projekcie Wikipedii? Jak ulepszyłbyś projekt?