Apple Vs. Microsoft - Studie použitelnosti webových stránek
Dnes budeme porovnávat webové stránky dvou monumentálních společností: Apple a Microsoft .
Oba giganti se pyšní tím, že vyrábějí špičkové spotřební a obchodní produkty a vedou vývoj softwaru a hardwaru.
Ale co jejich webové stránky ? Jak porovnávají a co je důležitější, který z nich je lepší a použitelný ?
No, v tomto článku se podíváme na oba webové stránky pro bližší zkoumání z hlediska použitelnosti.
Jedna důležitá věc, kterou je třeba si uvědomit dříve, než začneme srovnávat tyto dvě webové stránky, je to, že každá společnost se točí kolem různých trhů .
Společnost Microsoft především získává zisk z podnikání na podnikání, který spočívá především v prodejích licencí pro svůj operační systém výrobcům počítačů a kancelářských sadách pro podniky.
To neznamená, že se neprodávají spotřebitelům - dělají to, a mají pouze produktové řady pro spotřebitele, jako je herní konzola Xbox a samozřejmě domácí uživatelé také kupují Windows a Office. To znamená, že jejich obchodní cíle téměř každý, od vlastníků domácích počítačů až po vývojáře a podniky; která zase rozšiřuje účel svých webových stránek, aby se pokoušeli sloužit všem .
Na druhou stranu Apple je primárně spotřebitelská společnost a většinu svého prodejního hardwaru, jako jsou přehrávače iPod a počítače Mac, využívá. To zjednodušuje cílovou stránku společnosti Apple - marketing, prodej a poskytování produktů spotřebitelům.
Nemusí se obávat prodeje licencí výrobcům, protože jsou jediným výrobcem, takže klíčovým účelem internetových stránek by bylo propagovat a propagovat jejich více produktových linek, stejně jako prodávat je prostřednictvím svého internetového obchodu.
1. Domovská stránka
Domovská stránka je jednou z nejdůležitějších stránek celého webu, protože je to první, a v mnoha případech je to jediná šance, jak si zapůsobit návštěvníka natolik, že je nechá procházet . Máte pár vteřin, abyste je přesvědčili, že stránky mají dostatečnou hodnotu, aby je mohli používat, protože pokud ne, návštěvníci odjedou .
Přístup společnosti Apple k domovské stránce byl konzistentní během všech let, kdy byl web spuštěn. Používají tuto stránku jako druh reklamního panelu, který vždy zobrazuje velký inzerát svého nejnovějšího produktu, za nímž následují tři další reklamy na další 3 produkty nebo zprávy, které jsou v tuto chvíli důležité.
Nemáte-li zájem o některý ze 4 navržených položek, můžete použít velký navigační panel nahoře, který je rozdělen na hlavní firmy: Mac, iPod a iPhone, následované několika dalšími důležitými odkazy, jako je stránky obchodu a podpory. Navigační panel obsahuje také vyhledávací pole.
Zajímavostí je, že hlavní reklama nahoře je obrovská - opravdu skoro pokrývá celou stránku. Pokud vás tato pozornost nechybí, pak se nic nestane. Apple ví, že je důležité, aby se zákazník dostal do pozornosti dobrým marketingem, takže se nebojí skutečně jít.
Jedna další věc, kterou je třeba poznamenat, je nedostatek obsahu. Nejste rozptýleni postranními pruhy, upozorněními nebo dalšími navigačními prvky - na stránce je jen málo položek, které vám pomohou zaměřit pozornost a usnadnit rozhodování o tom, kam jít dál .
Společnost Microsoft má jiný přístup k domovské stránce. Za prvé, oni mají podobný styl reklamy na vrcholu, navržený být pozornost popada. Jedná se o velké snímky, ale pouze jedna z 3 reklam je zobrazena najednou - musíte se přes další dva pohybovat a rozbalit je. To se zaměřuje na pozornost , ale může potenciálně oslabit účinnost těchto dvou skrytých reklam, protože návštěvník musí pracovat, aby je viděl. Hned v horní části stránky je navigace spolu s vyhledáváním.
Co je pod hlavními reklamami, je však zajímavější. Jak jsem již zmínil, podnikání společnosti Microsoft funguje na mnoha trzích, a to jak od podnikání po podnikání, tak od podnikání až po spotřebitele.
Níže uvedený prostor působí jako soubor upozornění a zpráv pro tyto různé oblasti podnikání. Jedním z velkých problémů s obsahem, který zde nabízíme, je, že je to docela nudné a ohromující , s množstvím informací zabalených do velmi malého prostoru , aniž by se nic snažilo udělat, aby to bylo skenovatelné.
Jistě, je rozdělena na kuličkové body, ale písmo je malý a mezi jednotlivými položkami není téměř žádný obraz. V současné době je málo, co mě přitahuje, abych se chtěla přečíst tento obsah, protože je to prostě, dobře ... nudné.
2. Průtok
Myslím to podle toku: je web strukturován a vyložen tak, že mohu snadno najít položky, na které se soustředím? Vím, co mám číst, když se soustředím na tyto položky - je návrh webu, který mě směruje přes stránku s menším úsilím z mé strany, nebo musím pracovat, abych se pokusil navigovat kolem obsahu a zjistil, co potřebuji?
Zde je část MobileMe na webu Apple.com:
Myslím, že Apple udělal skvělou práci při strukturování všech svých stránek. První věc, na kterou se zaměřujete, je pravděpodobně obrázek vpravo a pak velký nadpis vlevo.
Poté, co jste si přečetli nadpis, můžete pokračovat v přečtení níže uvedeného marketingového bloku, který je skvělým příkladem pro přihlašovací tlačítko pro bezplatné vyzkoušení. Pokud se o zkušební verzi neprojevíte, máte k dispozici další funkce, které vás přesvědčí, každý z nich končí odkazem "Další informace" na stránce s podrobnějšími funkcemi. To nezanechává žádné mrtvé konce a uchovává uživatele procházení .
Microsoft se zdá být zasažen v tomto oddělení. Zde je část SharePoint:
Ano, na vrcholu je ohnisko, které vás upoutá - velkou citací a obrazem serveru - ale co dál?
Veškerý níže uvedený obsah je extrémně monotónní, zejména pole "Další informace" se seznamem 8 odkazů. Suchá prezentace dává uživateli menší motivaci k tomu, aby kliknul . Některé weby společnosti Microsoft používají lepší uspořádání pro nasměrování toku pozornosti, ale většinou trpí stejnou nemocí: příliš mnoho obsahu.
Když ukážete uživateli příliš mnoho možností, vyděláte na práci - musí přemýšlet o tom, co chtějí, a musí zpracovávat další informace. Snížením výběru společnost Apple nasměruje uživatele přes pečlivěji navrženou cestu, která zpravidla poskytuje lepší zážitek.
3. Navigace
Webová stránka společnosti Apple má nahoře velkou navigační lištu, která zůstává v souladu s touto částí stránek.
Dostupné možnosti zobrazují hlavní oddíly rozdělené podle jejích obchodních okruhů, stejně jako několik základních informací, jako je podpora a obchod. Bar také integruje vyhledávání a branding, protože domovské tlačítko zobrazuje logo Apple namísto štítku.
Každá další podřízená navigace se nachází na jednotlivých stránkách webu a je umístěna v kontextu této stránky, ať už na postranním panelu nebo jako horní lišta v horní části stránky.
Společnost Microsoft má podobnou navigační lištu na domovské stránce, ale tento navigační panel není v celém webu konzistentní. Ve skutečnosti všechny podstránky mají tendenci používat svůj vlastní navigační panel ve stylu a obsahu. Navigace na domovské stránce tedy slouží jako mapa stránek k ostatním sekcím webových stránek společnosti Microsoft.
V mnoha navigačních panelech, včetně stránek na domovské stránce, společnost Microsoft používá rozbalovací nabídky - na rozdíl od společnosti Apple. Nepoužívají pouze rozbalovací nabídky - používají obrovské rozbalovací nabídky . V některých případech má menu dokonce i posuvník (ve Firefoxu):
Je to dobré nebo špatné? V poslední položku Výstražná schránka Jakob Nielsen, známý guru pro užití, napsal, že mega rozbalovací nabídky mohou fungovat.
Pracují, protože představují spoustu možností ve skupinách , takže umožňují snazší skenování, jelikož můžete přeskočit na požadovanou skupinu a skenovat položky v nich. Musíte však mít jisté věci, stejně jako pořadí skupin a jen jednou zmínit každý prvek , aby fungovaly dobře.
V tomto případě si myslím, že má smysl, aby společnost Microsoft vydala cestu rozbalovacích nabídek, ale myslím, že by mohli být příliš daleko. Některé možnosti například ukazují na stejnou věc, jako rozbalovací nabídku "Office" a volbu "Office" v rozbalovací nabídce "Všechny produkty".
Rozbalovací nabídka také zablokuje obsah níže , takže pokud jste omylem přesunuli nabídku, musíte z něj znovu vyskočit, abyste se dostali k níže uvedenému obsahu - přitom se dbáte na to, abyste se nepohybovali nad ostatní položky.
V rámci každé skupiny je také spousta možností - někdy se zobrazí asi 13 položek, což způsobuje, že zpracování možností je mnohem obtížnější. Nekonzistence navigace v různých částech způsobuje, že je mnohem těžší skočit z jedné oblasti webu na jinou, např. Z místa Office na server Xbox.
4. Čitelnost
Protože většina obsahu stránek je text, je důležité zajistit, aby vše bylo čitelné a čitelné. Zde jsou hlavní věci, které je třeba zvážit při práci na čitelnosti obsahu vašeho webu:
- Vytvořte text dostatečně velký, aby byl snadno viditelný a čitelný.
- Ujistěte se, že existuje dostatek kontrastu mezi textem a pozadím.
- Zajistěte dostatek volného místa kolem textu, abyste jiný obsah a grafiku nemuseli rozptylovat čtečku.
- Poskytněte spoustu nadpisů nebo zvýrazněný / tučný text, aby uživatelé mohli rychle prohledávat obsah klíčových informací.
- Přidejte obrázky a ikony, abyste usnadnili soustředění na jednotlivé části textu, např. Popisy produktů nebo prvků.
- Udržujte text krátký a bod.
Podívejme se, jak se Microsoft a Apple líbí v této oblasti. Zde je typická stránka na webu Apple.com:
Apple dělá skvělou práci, aby vše bylo snadné číst. Text je obecně malý, ale nikdy příliš malý, aby byl problémem. Nadpisy jsou nastaveny v těžším typu a vystupují , což vám umožní rychle získat podstata každé sekce.
Apple také těžko využívá bílý prostor, aby oddělil vše od sebe a přidává obrázky, aby se každý text objevil zajímavější .
Zde je typická stránka od společnosti Microsoft.com ze sekce Windows:
Vychází z obecných pokynů pro použitelnost tím, že rozděluje věci do malých kusů textu, které jsou snadno strávitelné. Vypadá to mnohem více, než je stránka Apple, protože na jedné stránce je více obsahu a existuje řada různých úprav pro nadpisy a zvýrazněné slova.
Příliš mnoho odrůd způsobuje vizuální chaos na stránce , přičemž každá různě barevná nebo tučná položka soutěží o vaši pozornost. V takovém případě musí být stránka skutečně zjednodušena, aby bylo pro diváka snadnější zpracovat.
Zde je další stránka, tentokrát ze sekce zabezpečení společnosti Microsoft:
Text na této stránce je pravděpodobně trochu malý, aby byl pohodlný na čtení , a web potřebuje více místa kolem obsahu k oddělení textu. Uvidíme, jak vypadá skutečně zaneprázdněná stránka na webu společnosti Apple:
Jedná se o obchod Apple. Opravdu zaneprázdněn spoustou produktů a kategorií odkazů všude. Písma jsou poměrně malá, aby umožnily více obsahu, přestože dobré využití bílého prostoru zajišťuje, že věci jsou stále použitelné .
5. Vyhledávání
Hledání společnosti Apple je integrováno do navigačního panelu. Když zadáte něco do vyhledávacího pole, skutečně získáte výsledky vyhledávání naživo s AJAX , a to pomocí malé krabice, která se objeví a zobrazí výsledky při psaní.
Je to velmi dobře provedeno - při psaní není žádné zpoždění, výsledky jsou seskupeny do kategorií a jsou velmi rychle načteny, obvykle předtím, než zadáte celý dotaz. Zde je to, jak to vypadá:
Chcete-li vidět více výsledků, můžete stisknout klávesu Enter po dokončení psaní a budete převezeni na standardní stránku s výsledky vyhledávání. Je to velmi čisté a organizované podle kategorií.
Výsledky můžete dále rozdělit podle kategorií , které lze volit z nabídky vpravo. Je to funkční a čisté a funguje dobře, když se snažíte najít nějaké výrobky, které prodávají.
Společnost Microsoft má známější stránku s výsledky vyhledávání, která vypadá spíše jako Google (nebo jakýkoli jiný vyhledávač v těchto dnech).
To je proto, že používá vlastní Live vyhledávač společnosti Microsoft. Určitě je dobré zjistit, co hledáte, a získal výsledky, které jsem chtěl. Formát výsledků je jeden velký seznam , který má smysl pro společnost Microsoft z důvodu povahy svého podnikání, s množstvím podstránků a různého obsahu, který lze prohledat.
Je to funkční, ale vzhled a dojem se liší od ostatních stránek, takže vypadá to, že procházíte jiným webem.
6. Estetika
Webová estetika společnosti Apple odráží její produktovou řadu . Navigační panel vypadá, že je vyroben z hliníku a vyznačuje se jemnými přechody a odsazeným textem.
Existuje také spousta odrazů a minimalistických konstrukčních prvků. Společnost Apple vždy pracovala na sjednocení vzhledu a rozhraní svého rozhraní v celé své produktové řadě , od hardwaru až po software a jejich webová stránka není výjimkou.
Má estetika má co do činění s použitelností? Vlastně ano. Výzkum ukazuje, že lidé vnímají lépe vypadající rozhraní jako použitelnější .
Atraktivní rozhraní vytvoří lepší první dojmy a mohou dokonce zpřísnit své uživatelé problémům. Tak jak se má Microsoft v oddělení estetiky? Zde je stránka aplikace Internet Explorer 8:
Stránky sledují slabé téma Windows se světle modrými oblaky, ale je ještě málo říct, že se jedná o stránku pro Internet Explorer nebo Windows.
Vzhled a pocit jsou velmi obecné a nedělají dostatek k tomu, aby se rozlišovali nebo vytvářeli koherentní značku . Zde je další stránka; toto je Centrum stahování:
Opět platí, že máme úplně jiný design, přestože se zde používá i světle modrá barva pro pozadí. Pokud na stránce nebyl žádný titul, mohl byste zjistit, že se jedná o stránku Microsoft nebo Windows? Asi ne.
Designy jsou celkově docela dobré, ale docela dobré prostě nestačí . Existuje spousta nesrovnalostí a nedostatek lesku , což Apple v této oblasti dává přednost .
7. Konzistence
Konzistence je důležitá, protože vám umožňuje vytvářet vzorce využití . To v podstatě znamená, že pokud vaše stránky obsahují konzistentní rozhraní, návštěvníci se rychle naučí, jak to funguje, a budou moci tyto znalosti využít na kterékoli nové stránce, kterou navštíví, protože všichni budou používat stejný nebo velmi podobné rozhraní.
Apple dělá skvělou práci udržování rozhraní konzistentní. Všechny stránky produktu obsahují velmi podobnou estetiku a jsou strukturovány stejným způsobem.
Celý web vypadá a cítí se stejným způsobem a globální navigační panel nahoře je vždy na každé stránce. To znamená, že celá zkušenost je velmi sjednocená a soudržná - víte, že jste na stejné webové stránce, ať jste kdekoli .
Zde je stránka společnosti Microsoft pro platformu Azure:
Mohli byste říct, že je to stránka společnosti Microsoft, pokud jste odložili své logo? Vlastní grafika, styly a barevné palety ve všech částech společnosti Microsoft pomáhají jen málo, aby si udrželi koherentní image značky na webu.
Microsoft opravdu bojuje zde. Existuje mnoho různých sekcí v Microsoft.com a všichni mají svůj vlastní vzhled a pocit, včetně vlastní navigace.
Takže jakmile odjedete do sekce na svých stránkách, ať už je to úložiště Microsoft, Office nebo stránky Zabezpečení, budou vypadat a vypadat jako samostatné webové stránky.
Co je ještě horší, globální navigační panel je také pryč, což znamená, že se musíte vrátit na domovskou stránku nebo na mapu stránek, abyste viděli přehled všech svých stránek. Je to opravdu ekosystém webových stránek hostovaných ve stejné doméně, a proto nemá výhodu konzistence, kterou má společnost Apple. Obraz značky je také strašně roztříštěný, což znemožňuje definovat, jak vypadá stránka společnosti Microsoft.
Závěr
Který web je vítězem? Pokud se díváte pouze na použitelnost, Apple přichází vpřed . Mají lepší domovskou stránku, která nabízí méně možností, což znamená, že uživatel potřebuje méně myslet.
Mají konzistentní navigaci na všech svých stránkách. Využívají spoustu bílého místa a podkapitol, aby všechno bylo čitelnější, a přesto si zachovávají jednoduchost tím, že nepoužívají příliš mnoho různých textových úprav.
Webové stránky společnosti Apple jsou obecně uživatelsky přívětivější a poskytují mnohem lepší zkušenosti spotřebitelům, kteří je využívají k vyzkoušení nejnovějších produktů společnosti Apple.
Po uvedení této skutečnosti je webové stránky společnosti Apple mnohem menší než v síti Microsoftu. Na rozdíl od společnosti Apple společnost Microsoft hostí mnoho různých stránek a sekcí pod značkou Microsoft.com a vytváří tak celý ekosystém dílčích stránek. Každá stránka je nabitá informacemi a hledání na živé síti, které nabízí společnost Microsoft, má tendenci dosahovat dobrých výsledků. Největším problémem pro společnost Microsoft je konzistence .
Společnost Microsoft prostě nemá jednotnou, koherentní a sjednocenou značku. Každá sekce vypadá a vypadá jinak. Neexistuje žádná globální navigace a není mnoho vizuálních stop, které uživateli říkají, že se jedná o web společnosti Microsoft - na rozdíl od společnosti Apple, kde celý web sdílí jedinečnou estetiku, která odráží jejich hardware a software, čímž vytváří silnou značku.
Z těchto důvodů si myslím, že Apple je zde jasným vítězem.
Napsal výhradně pro WDD Dmitrij Fadeyev. Řídí blog nazvaný použitelnost Usability Post .
Co myslíš? Máme to v pořádku? Rádi bychom si přečetli vaše myšlenky a připomínky, takže jděte a nechte nám komentář níže ...