Interaktywny projekt

Spojrzenie na nowy projekt MSN.Com

Od 9 marca tego roku Microsoft wprowadza nowy projekt MSN.com.

Wspierane przez niezliczone godziny testów i około 70 000 informacji zwrotnych od użytkowników, projekt został poprawiony w ciągu ostatnich czterech miesięcy do obecnego stanu.

Użytkownicy, którzy nie mogą jeszcze tego wyświetlić http://www.msn.com można uzyskać do niego dostęp w http://preview.msn.com .

W tym poście przyjrzymy się nowemu przeprojektowaniu i zbadamy jego pozytywne i negatywne aspekty.

Podziel się swoją opinią na temat projektu w obszarze komentarzy.

W ciągu ostatniej dekady trzy główne strony wyszukiwania ustaliły solidne podstawy jako witryny, do których ludzie zwracają się po rozpoczęciu korzystania z Internetu.

Podczas gdy Yahoo i MSN skupiały się na dodawaniu funkcjonalnych elementów do swoich stron, Google pozostało przy minimalnym projekcie, a zamiast tego umieszczały swoje nowe aplikacje pod różnymi adresami URL z subtelnymi wzmiankami na swojej stronie głównej. Google wyszedł do przodu, ale Yahoo i MSN nie poddały się i nadal mają znaczną część rynku.

Jednym z głównych celów nowego projektu jest aktualizacja interfejsu o znacznie czystszym wyglądzie; wygląd przypominający Google. Aby to osiągnąć, zmienili tło na spójną biel i dodali zakładki dla różnych sekcji zawartości. Zwiększono także wizualną wagę głównej sekcji wiadomości, nadając jej większy nagłówek i zwiększając jej rozmiar. Daje to użytkownikowi wyraźne wskazanie miejsca, w którym ich oczy powinny być natychmiast narysowane, co pomaga zmniejszyć odczuwanie ruchu w witrynie.

Białe tło sprawia, że ​​witryna wygląda czysto, ale robi to kosztem utraty koloru niebieskiego, dzięki czemu stara strona jest łatwo rozpoznawalna i wyjątkowa. Pomimo otrzymywanych od MSN informacji zwrotnych, że białe tło wydaje się czystsze, na dłuższą metę korzystne może okazać się wykorzystanie przez Microsoft starego, niebieskiego koloru tła. Przechodząc jednym kolorem tła usunięto wiele pionowych linii. Dzięki temu witryna czuje się szersza, mimo że jest nieco cieńsza o około 20 pikseli.

Zakładki sprawiają, że strona wygląda znacznie czystiej. Sekcje na stronie nie wydają się być grupowane w oczywisty sposób, ale niekoniecznie jest to szkodliwe. MSN zdaje sobie sprawę, że ta strona nie będzie używana jak gazeta ani nawet jako strona z wiadomościami.

Każda sekcja zawiera krótkie nagłówki i krótkie zdania, których celem jest nakłonienie czytelnika do kliknięcia i dowiedzenia się więcej. Mówiąc o nowym projekcie, Scott Moore (dyrektor generalny ds. Treści i programowania MSN) wyjaśnił, że strona wykorzystuje uczenie maszynowe w celu podzielenia użytkowników na osiem grup.

Nie podał szczegółów, ale może to oznaczać, że rozmieszczenie sekcji / zakładek będzie zależało od tego, na czym polegają użytkownicy.

Dodatki do treści

Cechą, na którą zespół MSN zdecydował się skoncentrować, są sieci społecznościowe. Użytkownicy mogą teraz zalogować się na swoje konto Windows Live / Facebook / Twitter, aby otrzymywać aktualizacje na żywo na swojej stronie głównej MSN.

Jest to funkcja, którą niektórzy ludzie uznają za mało przydatną, a inni ją zignorują. "Media społecznościowe" to od ponad roku słowo buzzujące Internet i zaskakujące jest to, że MSN zajęło tak dużo czasu, aby zintegrować go ze stroną domową.

Dodanie mediów społecznościowych nie wpłynie na wiele osób na używanie ich strony głównej, ale nie wpłynie negatywnie na ich wygląd i pokazuje, że korzystają z Internetu, zamiast zmuszać swoich użytkowników do korzystania tylko z aplikacji MSN.

Przeprojektowanie strony głównej MSN nadało ramce wyszukiwania Bing o wiele większe znaczenie. Dostał własną sekcję, zamiast zmuszać ją do dzielenia przestrzeni z wieloma różnymi elementami.

Ten wzrost zainteresowania Bing nadał wyszukiwarce dwucyfrowy wzrost wyszukiwań. Większy pasek wyszukiwania Bing może być jedną z najlepszych cech przeprojektowania MSN, ponieważ pokazuje, że MSN ma teraz lepsze zrozumienie, że strony domowe są zwykle używane jako punkt wyjścia do wyszukiwania w Internecie. Użytkownicy szybko zmienią swoją stronę główną, jeśli uważają, że pobieranie przez MSN zbyt dużej ilości treści trwa zbyt długo.

Trzecim ważnym dodatkiem jest koncentracja na treściach lokalnych. W prawym górnym rogu strony znajduje się link do wersji lokalnej. Edycja lokalna przypomina inną wersję strony głównej, ale jest bardziej odpowiednia dla każdej osoby. Użytkownik może zapisać do trzech różnych miast (lub kodów pocztowych), ale nie jest bardzo intuicyjny, jak je dodać. Użytkownik musi wprowadzić nazwę miasta, kliknąć "Zapisz", a następnie, aby dodać kolejny, kliknąć "Zmień". Bardziej sensownym byłoby zamiast tego, aby link zawierał "Dodaj".


Edycja lokalna

Gdy użytkownik wybierze miasto, ma dostęp do lokalnych wiadomości, pogody, sportu, filmów / wydarzeń, restauracji, gazu / ruchu i kilku innych przedmiotów. Wszystkie te funkcje są naprawdę dobrze zaimplementowane, z wyjątkiem sekcji Restauracje.

Dla restauracji po prostu wymienia pobliskie restauracje z linkami do recenzji, 5 gwiazdek i kierunków. Po kliknięciu linku Recenzja lub Ocena zostanie załadowana strona zawierająca różne szczegóły dotyczące restauracji, ale nie ma ona opinii klientów, a widget oceny nie jest widoczny. Wydaje się, że ta funkcja została zaczerpnięta ze statycznej książki referencyjnej.

s Pozostałe funkcje są dobrze zrobione i warto je wypróbować. Należy pamiętać, że w tym momencie Edycja lokalna jest dostępna tylko w Stanach Zjednoczonych.

Ostatnim dodatkiem, o którym warto wspomnieć, jest funkcja TrendWatch, która zawiera najnowsze trendy na Twitterze. Ta funkcja jest dziwnie podobna do sekcji "Trendy teraz" w Yahoo, ale obok każdego zapytania wyszukiwania znajdują się strzałki, które pokazują jej popularność. Jest nieco tandetny, a umieszczenie go u dołu strony sprawia, że ​​czujesz się bardziej jak po myśli niż użyteczna funkcja.


Yahoo Trending Now w porównaniu z TrendWatch MSN


Wydajność

Co ciekawe, stara strona MSN pobiera całą zawartość na komputer użytkownika za pomocą o jedną sekundę mniej niż nowy projekt. Nowy projekt wykonuje znacznie więcej kodu, co sprawia, że ​​całkowity czas jego ukończenia jest prawie 3 sekundy dłuższy niż w starym projekcie.

Edycja lokalna działa nieco lepiej niż nowy projekt z czasem gotowości do druku wynoszącym 2,582 sekundy, ale w pełni gotowy czas to brzydkie 10,545 sekundy ze względu na załadowanie osadzonego wideo.

Ponieważ wszystko wyświetla się mniej więcej w tym samym czasie, użytkownicy nie zauważą różnicy w wydajności i może to być szkodliwe dla sukcesu nowego projektu.

Strony domowe powinny być niezwykle szybkie i jest to obszar, w którym MSN ma szansę naprawdę zabłysnąć w stosunku do większości swoich konkurentów. Tłumy ludzi stłoczonych w kawiarniach lub na lotniskach, które korzystają z sieci bezprzewodowych, oczekują witryn, które ładują się najszybciej.

Jeśli mają one ustawioną stronę MSN jako swoją stronę główną, szybko przejdą do szybszej strony lub skorzystają z wyszukiwania w prawym górnym rogu większości nowoczesnych przeglądarek. Jeśli zdarza się to dość często, użytkownicy będą kuszeni, aby całkowicie zmienić stronę główną.

Uwaga: http://www.webpagetest.org został użyty do testowania. Oto trzy wykonane testy:

Ogólny projekt

Ogólny przeprojektowanie jest skuteczne. Rozwiązuje niektóre problemy MSN ze starym projektem i zapewnia bardziej przejrzysty obraz dla Microsoft.

Projekt zapewnia nieco lepszą hierarchię wizualną, ale zdecydowanie jest miejsce na ulepszenia. Główna sekcja treści jest pierwszą, która przyciąga uwagę użytkownika, a następnie duży pasek wyszukiwania Bing, ale po tych dwóch elementach trudno jest dokładnie określić, co dokładnie przyciągnie ich uwagę.

Wynika to po części z dużej ilości treści, które mają różne poziomy ważności dla każdej osoby. Ponieważ każdy jest inny, trudno jest dokładnie określić, jak ustawić ścieżkę wizualną, ale nawet niewielka wskazówka może przynieść znaczące wyniki.

Żadna sekcja nie ma wyższej wagi wizualnej niż jakakolwiek inna sekcja.

Chociaż schemat kolorów działa, nie definiuje projektu. Poza niewielkim gradientem u góry strony i logo MSN, nic nie wyświetla tożsamości MSN. Witryna jest mdła i pozbawiona jakiejkolwiek osobowości. Strona nie ma szansy na sprzedanie się przez bycie uroczą; może polegać tylko na swoich funkcjach.

Jednym z najlepszych aspektów przeprojektowania było wprowadzenie znaczącej białej przestrzeni. Każdy nagłówek wiadomości otrzymał dodatkowe 12 pikseli pionowej przestrzeni, aby oddzielić je od innych nagłówków. Rozmiar czcionki również został zwiększony, co znacznie ułatwia czytanie.

Wniosek

Ten nowy projekt wydaje się być aktualizowany, aby pasował do konkurentów MSN. Chociaż wszystko wygląda dobrze i zachowuje się tak, jak powinno, nie zrobiono wystarczająco dużo, aby projekt przesunął granice tego, co może zrobić nowoczesna strona internetowa.

Strona handlowała swoją tożsamością i bałaganem na czystość i kilka miernych funkcji. Edycja lokalna jest świetnym dodatkiem i ma dużą szansę na złapanie, zwłaszcza jeśli ma dobrze sprzedawaną wersję mobilną.

Referencje


    Ten artykuł został napisany wyłącznie dla Web Designer Depot przez Eli Penner

    Co sądzisz o przeprojektowaniu MSN? Co zrobiłbyś inaczej?


    projekt przeprojektowanie msn