Apple vs. Microsoft - badanie użyteczności witryny
Dzisiaj porównamy strony dwóch monumentalnych firm: Apple i Microsoft .
Obaj giganci są dumni z tego, że produkują najnowocześniejsze produkty konsumenckie i biznesowe oraz są liderami rozwoju oprogramowania i sprzętu.
Ale co z ich stronami internetowymi ? W jaki sposób porównują one, i co ważniejsze, które z nich są lepsze i bardziej użyteczne ?
Cóż, w tym artykule przyjrzymy się obu stronom, aby bliżej przyjrzeć się z punktu widzenia użyteczności.
Przed przystąpieniem do porównywania tych dwóch stron należy pamiętać, że działalność każdej firmy koncentruje się na różnych rynkach .
Microsoft przede wszystkim osiąga zyski z biznesu na biznes, który polega głównie na sprzedaży licencji na system operacyjny na producentów komputerów i pakiety biurowe dla przedsiębiorstw.
Nie oznacza to, że nie sprzedają konsumentom - robią to i mają również linie produktów tylko dla konsumentów, takie jak konsola do gier Xbox i oczywiście użytkownicy domowi również kupują system Windows i pakiet Office. Oznacza to, że ich cele biznesowe są niemal wszystkim, od właścicieli komputerów domowych po deweloperów i przedsiębiorstwa; co z kolei rozszerza cel ich strony internetowej, aby spróbować służyć wszystkim .
Z drugiej strony Apple jest przede wszystkim firmą konsumencką i produkuje większość swojego sprzętu do sprzedaży, na przykład iPodów i komputerów Mac. Dzięki temu cel witryny firmy Apple jest znacznie bardziej przejrzysty - marketing, sprzedaż i dostarczanie klientom wsparcia dla swoich produktów.
Nie muszą się martwić o sprzedawanie licencji producentom, ponieważ są jedynym producentem, więc głównym celem witryny byłoby reklamowanie i promowanie ich wielu linii produktów, a także sprzedawanie ich za pośrednictwem ich sklepu internetowego.
1. Strona główna
Strona główna jest jedną z najważniejszych stron w całej witrynie, ponieważ jest pierwszą, a w wielu przypadkach jedyną szansą na zaimponowanie odwiedzającym na tyle, aby mógł je przeglądać . Masz kilka sekund, aby przekonać ich, że strona ma wystarczającą wartość, aby nadal z niej korzystać, ponieważ jeśli tak się nie stanie, użytkownicy odejdą .
Podejście firmy Apple do strony głównej było spójne przez wszystkie lata funkcjonowania witryny. Wykorzystują tę stronę jako swego rodzaju planszę reklamową, która zawsze pokazuje dużą reklamę swojego najnowszego produktu, a następnie 3 inne reklamy do kolejnych 3 produktów lub ważnych informacji w tej chwili.
Jeśli nie interesuje Cię żaden z 4 sugerowanych elementów, możesz skorzystać z dużego paska nawigacji u góry, który jest podzielony na podstawowe firmy: Mac, iPod i iPhone, a następnie kilka innych ważnych linków, takich jak strony sklepu internetowego i wsparcia. Pasek nawigacji zawiera również pole wyszukiwania.
Ciekawe jest to, że główna reklama na górze jest ogromna - w rzeczywistości prawie pokrywa całą stronę. Jeśli to nie przykuje twojej uwagi, nic nie będzie. Apple wie, jak ważne jest przyciągnięcie uwagi klienta za pomocą dobrego marketingu, więc nie boją się go naprawdę zdobyć.
Jeszcze jedną rzeczą do zapamiętania jest brak treści. Nie rozpraszają Cię boczne paski, powiadomienia i dodatkowe elementy nawigacyjne - na stronie jest tylko kilka pozycji, które skupiają uwagę i ułatwiają decyzję o tym, gdzie pójść dalej .
Microsoft ma inne podejście do swojej strony głównej. Po pierwsze mają podobny styl reklamy na górze, zaprojektowany tak, aby przyciągać uwagę. Są to duże obrazy, ale tylko jedna na trzy reklamy jest wyświetlana w tym samym czasie - najedź kursorem na pozostałe dwa, aby je rozwinąć. Skupia to uwagę , ale może potencjalnie osłabić skuteczność dwóch ukrytych reklam, ponieważ odwiedzający musi pracować, aby je zobaczyć. U góry strony znajduje się nawigacja wraz z wyszukiwaniem.
Co jest poniżej głównych reklam jest jednak bardziej interesujące. Jak już wcześniej wspomniałem, firma Microsoft działa na wielu rynkach, zarówno biznesowych, jak i biznesowych.
Poniższa przestrzeń działa jako zestaw najważniejszych wydarzeń i nowości dla tych różnych obszarów działalności. Jednym z poważnych problemów związanych z zawartością tutaj jest to, że jest dość nudny i przytłaczający , z dużą ilością informacji zapakowanych w bardzo małą przestrzeń , bez niczego starają się, aby to było możliwe do zeskanowania.
Oczywiście, jest podzielony na punkty, ale czcionka jest mały i nie ma prawie żadnych obrazów do rozróżnienia między przedmiotami. W obecnej postaci niewiele mnie to przyciąga, aby móc czytać te treści, ponieważ jest po prostu ... no, nudna.
2. Przepływ
Co mam na myśli przez przepływ: czy strona jest zorganizowana i ułożona w taki sposób, że mogę łatwo znaleźć przedmioty, na których można się skupić? Czy wiem, co czytać po tym, jak skupię się na tych elementach - czy projekt witryny kieruje mnie na stronę z mniejszym wysiłkiem z mojej strony, czy też muszę pracować, aby spróbować poruszać się po treści, aby znaleźć to, czego potrzebuję?
Oto sekcja MobileMe na Apple.com:
Myślę, że Apple wykonało świetną robotę przy tworzeniu struktury wszystkich swoich stron. Tutaj pierwszą rzeczą, na której się skupiasz, jest prawdopodobnie zdjęcie po prawej, a następnie duży nagłówek po lewej.
Po przeczytaniu nagłówka możesz przejść do poniższego bloga marketingowego, które ładnie prowadzi do przycisku rejestracji wezwań do działania w celu skorzystania z bezpłatnego okresu próbnego. Jeśli nie interesuje Cię wersja próbna, poniżej znajdziesz więcej funkcji, które Cię przekonują. Każda z nich kończy się linkiem "Dowiedz się więcej" do bardziej szczegółowej strony funkcji. Nie pozostawia ślepych zaułków i nie pozwala użytkownikowi przeglądać .
Microsoft wydaje się być chybiony w tym dziale. Oto sekcja SharePoint:
Tak, na szczycie znajduje się centralny punkt, który przyciąga Twoją uwagę - duży cytat i wizerunek serwera - ale co dalej?
Cała poniższa treść jest wyjątkowo monotonna, szczególnie w polu "Dowiedz się więcej" z listą 8 linków. Sucha prezentacja daje użytkownikowi mniej motywacji do klikania . Niektóre witryny Microsoft używają lepszego układu, aby skierować strumień uwagi, ale na ogół cierpią na tę samą chorobę: zbyt dużo treści.
Gdy przedstawiasz użytkownikowi zbyt wiele opcji, sprawiasz, że działają - muszą myśleć o tym, czego chcą i muszą przetwarzać więcej informacji. Ograniczając wybór, Apple kieruje użytkowników przez starannie zaprojektowaną ścieżkę, co zwykle zapewnia lepsze wrażenia.
3. Nawigacja
Witryna firmy Apple ma duży pasek nawigacji u góry, który pozostaje tam niezależnie od wybranej sekcji witryny.
Dostępne opcje pokazują główne sekcje podzielone według linii biznesowych, a także kilka podstawowych elementów, takich jak wsparcie i sklep. Pasek integruje również wyszukiwanie i branding, ponieważ przycisk home wyświetla logo Apple zamiast etykiety.
Każda dodatkowa pod-nawigacja znajduje się na poszczególnych stronach witryny i jest umieszczana w kontekście tej strony, na pasku bocznym lub jako poziomy pasek na górze.
Microsoft ma podobny pasek nawigacji na stronie głównej, ale pasek nawigacji nie jest spójny w całej witrynie. W rzeczywistości wszystkie podstrony mają tendencję do używania własnego paska nawigacji , stylu i treści. Nawigacja strony głównej działa zatem jako mapa strony do pozostałych sekcji witryny Microsoft.
W wielu paskach nawigacyjnych, w tym na stronie głównej, Microsoft używa rozwijanych menu - w przeciwieństwie do Apple. Nie używają tylko menu rozwijanych - używają ogromnych rozwijanych menu . W niektórych przypadkach menu ma nawet pasek przewijania (w przeglądarce Firefox):
Czy to dobrze, czy źle? W ostatni wpis Alertbox Jakob Nielsen, znany guru użyteczności, napisał, że mega rozwijane menu może działać.
Działają, ponieważ prezentują wiele opcji w grupach , więc pozwalają na łatwiejsze skanowanie, ponieważ możesz przeskoczyć do wybranej grupy i zeskanować znajdujące się w nich elementy. Musisz jednak zdobyć pewne rzeczy, takie jak kolejność grup i tylko wspominając o każdym elemencie raz , aby działały dobrze.
W tym przypadku, wydaje mi się, że ma sens, aby Microsoft podążał trasą menu rozwijanych, ale wydaje mi się, że mogły one zająć trochę za daleko. Na przykład niektóre opcje wskazują na to samo, np. Menu "Biuro" i "Biuro" w menu "Wszystkie produkty".
Lista rozwijana blokuje również treść poniżej , więc jeśli przypadkowo wymieszałeś menu, musisz ponownie wyłączyć myszką, aby przejść do zawartości poniżej, cały czas uważając, aby nie najechać kursorem na inne elementy.
W każdej grupie jest także wiele opcji - czasami wyświetla się około 13 elementów, co znacznie utrudnia przetwarzanie opcji. Ponadto niespójność nawigacji między różnymi sekcjami znacznie utrudnia przeskakiwanie z jednego obszaru witryny do drugiego, np. Z witryny Office do witryny Xbox.
4. Czytelność
Ponieważ większość treści na stronach to tekst, ważne jest, aby wszystko było czytelne i czytelne. Oto główne kwestie, które należy rozważyć podczas pracy nad czytelnością treści witryny:
- Ustaw tekst wystarczająco duży, aby był czytelny i czytelny.
- Upewnij się, że kontrast między tekstem a tłem jest wystarczający.
- Zapewnij wystarczającą białą przestrzeń wokół tekstu, aby inne treści i grafika nie rozpraszały czytelnika.
- Podaj wiele nagłówków lub wyróżniony / pogrubiony tekst, aby umożliwić użytkownikom szybkie skanowanie treści pod kątem kluczowych informacji.
- Dodaj obrazy i ikony, aby ułatwić skupienie się na poszczególnych sekcjach tekstu, np. Opisy produktów lub funkcji.
- Tekst powinien być krótki i na temat.
Zobaczmy, jak Microsoft i Apple taryfy w tej dziedzinie. Oto typowa strona na stronie Apple.com:
Apple wykonuje świetną robotę, aby wszystko było łatwe do odczytania. Tekst jest na ogół mały, ale nigdy zbyt mały, aby stanowić problem. Nagłówki są ustawione w cięższym typie i wyróżniają się , co pozwala szybko uzyskać istotę każdej sekcji.
Apple również intensywnie wykorzystuje białą przestrzeń, aby rozdzielić wszystko od siebie i dodaje obrazy, aby każdy tekst był bardziej interesujący .
Oto typowa strona z witryny Microsoft.com w sekcji Windows:
Jest zgodny z ogólnymi wytycznymi użyteczności, poprzez podzielenie elementów na fragmenty tekstu o małym rozmiarze, które są łatwe do strawienia. Wygląda na dużo bardziej ruchliwą niż witryna Apple, ponieważ na jednej stronie jest więcej treści i istnieje wiele różnych metod obróbki nagłówków i wyróżnionych słów.
Zbyt duża różnorodność powoduje wizualny chaos na stronie , a każdy inny kolor lub pogrubiony element konkuruje o uwagę. W takim przypadku strona musi zostać uproszczona, aby ułatwić przeglądanie.
Oto kolejna strona, tym razem z działu bezpieczeństwa Microsoft:
Tekst na tej stronie jest prawdopodobnie trochę za mały, by wygodnie czytać , a strona potrzebuje więcej białej przestrzeni wokół treści, aby oddzielić tekst. Zobaczmy, jak wygląda naprawdę pracowita strona na stronie Apple:
To jest sklep Apple. Naprawdę zajęty wieloma produktami i linkami kategorii wszędzie. Czcionki są dość małe, aby umożliwić dopasowanie większej zawartości, chociaż dobre wykorzystanie białej przestrzeni zapewnia, że rzeczy są nadal przydatne .
5. Wyszukaj
Wyszukiwanie Apple jest zintegrowane z paskiem nawigacji. Kiedy wpisujesz coś w polu wyszukiwania, dostajesz wyniki wyszukiwania na żywo za pomocą AJAX , za pomocą małego pola, które się pojawi, pokazując wyniki w trakcie pisania.
Jest bardzo dobrze zrobione - nie ma opóźnień podczas pisania, wyniki są pogrupowane w kategorie i są pobierane bardzo szybko, zwykle przed zakończeniem pisania pełnego zapytania. Oto, jak to wygląda:
Jeśli chcesz zobaczyć więcej wyników, możesz po prostu nacisnąć Enter po zakończeniu pisania, a zostaniesz przeniesiony na standardową stronę wyników wyszukiwania. Jest bardzo czysty i uporządkowany według kategorii.
Możesz drążyć wyniki w dół według kategorii , do wyboru z menu po prawej stronie. Jest funkcjonalny i czysty i działa dobrze, gdy próbujesz znaleźć produkty, które sprzedają.
Microsoft ma bardziej znaną stronę wyników wyszukiwania, która wygląda trochę jak Google (lub jakakolwiek inna wyszukiwarka w tych dniach).
To dlatego, że korzysta z własnej wyszukiwarki Microsoft na żywo. Z pewnością dobrze jest znaleźć to, czego szukasz i uzyskać wyniki, które chciałem. Format wyników jest jedną dużą listą , która ma sens dla Microsoft ze względu na charakter ich działalności, z wieloma podstronami i różnymi treściami do przeszukiwania.
Jest funkcjonalny, ale jego wygląd i wygląd różnią się od pozostałych, co sprawia, że wygląda on tak, jakbyś przeglądał inną stronę.
6. Estetyka
Estetyka strony internetowej firmy Apple odzwierciedla dokładnie jej linię produktów . Pasek nawigacyjny wygląda tak, jakby był wykonany z aluminium i ma łagodne gradienty i wcięty tekst.
Istnieje również wiele refleksji i minimalistycznych elementów. Apple zawsze pracowało nad ujednoliceniem wyglądu i sposobu działania interfejsu w całej linii produktów , od sprzętu po oprogramowanie, a ich strona internetowa nie jest wyjątkiem.
Czy estetyka ma coś wspólnego z użytecznością? Właściwie to robią. Badania pokazują, że ludzie postrzegają lepiej wyglądające interfejsy jako bardziej użyteczne .
Atrakcyjne interfejsy zapewnią lepsze pierwsze wrażenia, a nawet mogą sprawić, że ich użytkownicy będą bardziej tolerancyjni na problemy. Więc jak radzi sobie Microsoft w dziale estetyki? Oto strona Internet Explorera 8:
Witryna podąża za słabym motywem systemu Windows z jasnoniebieskimi chmurami, ale nie ma nic więcej do powiedzenia, że jest to strona dla przeglądarki Internet Explorer lub Windows.
Wygląd i styl są bardzo ogólne i nie wystarczają, aby się wyróżnić lub zbudować spójną markę . Oto kolejna strona; to jest Centrum pobierania:
Ponownie, mamy zupełnie inną konstrukcję, chociaż jasnoniebieski kolor jest tutaj również używany do tła. Jeśli na stronie nie było tytułu, czy mógłbyś powiedzieć, że jest to strona Microsoft lub Windows? Prawdopodobnie nie.
Projekty są ogólnie całkiem dobre, ale całkiem nieźle po prostu nie wystarczy . Istnieje wiele niekonsekwencji i brak polskości , co stawia Apple w tej dziedzinie.
7. Spójność
Konsekwencja jest ważna, ponieważ pozwala rozwijać wzorce użycia . Zasadniczo oznacza to, że jeśli witryna ma spójny interfejs w całym tekście, użytkownicy szybko dowiedzą się, jak to działa i będą mogli wykorzystać tę wiedzę na każdej nowej stronie, którą odwiedzają, ponieważ wszyscy będą używać tego samego, lub bardzo podobny, interfejs.
Apple wykonuje świetną robotę utrzymując spójność interfejsu. Wszystkie strony produktów mają bardzo podobny wygląd i są zbudowane w taki sam sposób.
Cała witryna wygląda i czuje się tak samo, a globalny pasek nawigacji u góry jest zawsze na każdej stronie. Oznacza to, że całe doświadczenie jest bardzo jednolite i spójne - wiesz, że jesteś na tej samej stronie, gdziekolwiek jesteś .
Oto strona Microsoft dla platformy Azure:
Czy możesz powiedzieć, że to jest strona Microsoftu, jeśli zabrałeś ich logo? Niestandardowe grafiki, style i palety kolorów we wszystkich sekcjach Microsoft pomagają w niewielkim stopniu utrzymać spójny wizerunek marki w Internecie.
Microsoft naprawdę się z tym zmaga. W witrynie Microsoft.com dostępnych jest wiele różnych sekcji, które mają własny wygląd i sposób działania, w tym własną nawigację.
Więc kiedy przejdziesz do sekcji na swojej stronie, czy to w sklepie Microsoft, w witrynie Office, czy na stronach Security, wszystkie będą wyglądać i czuć się jak oddzielne strony internetowe.
Co gorsza, globalny pasek nawigacji również zniknął, co oznacza, że musisz wrócić do strony głównej lub mapy witryny, aby zobaczyć przegląd wszystkich swoich witryn. To naprawdę ekosystem stron internetowych hostowanych w tej samej domenie i dlatego nie ma korzyści z spójności, którą posiada Apple. Obraz marki jest również bardzo rozdrobniony, co uniemożliwia określenie wyglądu witryny Microsoft.
Wniosek
Która strona jest zwycięzcą? Jeśli patrzysz na samą użyteczność, Apple wychodzi z przodu . Mają lepiej zaprojektowaną stronę domową, która oferuje mniejszy wybór, co oznacza, że użytkownik musi myśleć mniej.
Mają spójną nawigację na wszystkich swoich stronach. Używają dużo białej przestrzeni i pod-nagłówków, aby wszystko było bardziej czytelne, ale zachowują prostotę, nie nadużywając zbyt wielu różnych tekstów.
Witryna Apple jest ogólnie bardziej przyjazna dla użytkownika i oferuje znacznie lepsze wrażenia dla konsumentów, którzy używają jej do sprawdzania najnowszych produktów Apple.
Powiedziawszy to, witryna Apple jest o wiele mniejsza niż strona Microsoftu. W przeciwieństwie do Apple, Microsoft obsługuje wiele różnych witryn i sekcji pod marką Microsoft.com, tworząc cały ekosystem podstron. Każda strona jest pełna informacji, a wyszukiwarka Live powered, którą oferuje Microsoft, daje dobre wyniki. Największym problemem dla Microsoftu jest spójność .
Microsoft po prostu nie ma spójnej, spójnej i zunifikowanej marki. Każda sekcja wygląda i czuje się inaczej. Nie ma globalnej nawigacji i nie ma wielu wizualnych wskazówek, które informują użytkownika, że jest to witryna firmy Microsoft - w przeciwieństwie do Apple, gdzie cała witryna ma jedną unikalną estetykę, która odzwierciedla jej sprzęt i oprogramowanie, tworząc w ten sposób silną markę.
Z tych powodów myślę, że Apple jest tutaj wyraźnym zwycięzcą.
Napisany wyłącznie dla WDD przez Dmitrija Fadejewa. Prowadzi bloga na temat użyteczności o nazwie Stan użyteczności .
Co myślisz? Czy mamy to prawo? Chcielibyśmy przeczytać twoje przemyślenia i komentarze, więc daj nam znać poniżej ...