Apple Vs. Microsoft - sivuston käytettävyystutkimus
Tänään vertailemme kahden monumentaalisen yrityksen sivustoja: Apple ja Microsoft .
Molemmat jättiläiset ylpeilevät tuottamaan huippuluokan kuluttaja- ja yritystuotteita ja johtavat ohjelmistojen ja laitteistojen kehitystä.
Mutta entä heidän verkkosivuillaan ? Miten he molemmat vertaavat, ja mikä tärkeintä, mikä on parempi ja käyttökelpoisempi ?
Tässä artikkelissa tarkastelemme molempia verkkosivustoja tarkempaan tarkasteluun käytettävyyden näkökulmasta.
Yksi tärkeä asia on huomata, ennen kuin jatkamme näiden kahden sivuston vertailua, että jokainen yritys liikkuu eri markkinoilla .
Microsoft tuottaa pääosin liiketoiminnan tulosta, joka koostuu pääasiassa myyntilupien myymisestä käyttöjärjestelmään tietokoneiden valmistajille ja toimisto-osastoille yrityksille.
Tämä ei tarkoita sitä, etteivät ne myy kuluttajille - he tekevät, ja heillä on myös vain kuluttajien tuotejohdot, kuten Xbox-pelikonsoli ja tietysti myös kotikäyttäjät ostavat Windowsia ja Officea. Tämä tarkoittaa, että heidän liiketoimintansa kohdistuu melko paljon kaikkiin, kotitietokoneiden omistajista kehittäjiin ja yrityksiin; joka vuorostaan ulottuu heidän verkkosivujensa tarkoitukseen yrittää palvella kaikkia .
Toisaalta Apple on ensisijaisesti kuluttajayritys , ja se tekee suurimman osan sen voiton myydyistä laitteista, kuten iPod-musiikkisoittimista ja Mac-tietokoneista. Tämä tekee Applen sivuston tavoitteesta paljon selkeämmin - markkinointi, myynti ja tuki tuotteilleen kuluttajille.
Heidän ei tarvitse huolehtia myymästä lisenssejä valmistajille, koska he ovat ainoa valmistaja, joten verkkosivuston tärkein tarkoitus olisi mainostaa ja edistää heidän useita tuoteryhmiä sekä myydä niitä verkkokaupan kautta.
1. Kotisivu
Kotisivu on yksi koko sivuston tärkeimmistä sivuista, koska se on ensimmäinen ja monissa tapauksissa ainoa mahdollisuutesi saada kävijää tarpeeksi pitämään heitä selailemassa . Sinulla on muutama sekunti vakuuttaa heille, että sivustolla on tarpeeksi arvoa käyttää niitä, koska jos ei, kävijät lähtevät .
Applen lähestymistapa kotisivulle on ollut johdonmukainen koko vuoden ajan, kun sivusto on ollut käynnissä. He käyttävät tätä sivua eräänlaiseksi mainoskyltiksi, joka näyttää aina suurimman mainoksen uusimmasta tuotteestaan, jota seuraa 3 muuta mainosta muille 3 tuotteelle tai uutiselle, joka on tällä hetkellä tärkeä.
Jos et ole kiinnostunut mistään 4 ehdotetusta tuotteesta, voit käyttää yläosassa olevaa suurta navigointipalkkia, joka on jaettu ydinliiketoimintoihinsa: Mac, iPod ja iPhone, jota seuraa muutamia muita tärkeitä linkkejä, kuten verkkokauppa- ja tukisivut. Navigointipalkissa on myös hakukenttä.
Mielenkiintoinen asia tässä on, että tärkein mainos yläosassa on valtava - todellakin se kattaa lähes koko sivun. Jos tämä ei tartu huomiollesi, mikään ei. Apple tietää, kuinka tärkeää on saada asiakkaan huomion hyvällä markkinoinnilla, joten he eivät pelkää todella mennä siihen.
Yksi muu asia on huomata sisällön puute. Sinua ei häiritse sivupalkkeja, huomautuksia tai ylimääräisiä navigointikohteita - sivussa on vain muutama esine, keskittyy huomiosi ja päättää, missä seuraavaksi helpompaa .
Microsoftilla on erilainen lähestymistapa kotisivuilleen. Ensinnäkin niillä on samanlainen mainoksen tyyli, joka on suunniteltu kiinnittämään huomiota. Nämä ovat suuria kuvia, mutta vain yksi kolmesta mainoksesta näytetään kerrallaan - sinun on siirrettävä hiiren osoitin kahden muun päälle laajentaaksesi niitä. Tämä keskittyy huomiota , mutta saattaa heikentää piilotettujen mainosten tehokkuutta, koska kävijän on työskenneltävä nähdäksesi ne. Oikealla sivun yläreunassa on navigointi yhdessä haun kanssa.
Mainos mainosten alapuolella on kuitenkin mielenkiintoisempi. Kuten aiemmin mainitsin, Microsoftin liiketoiminta toimii monilla markkinoilla, mukaan lukien liike-elämän ja yritysten sekä kuluttajien keskuudessa.
Alla oleva tila toimii joukko kohokohtia ja uutisia näille liiketoiminnan eri aloille. Yksi suuri ongelma sisällössä on, että se on melko tylsää ja ylivoimainen , ja paljon tietoa on pakattu hyvin pieneen tilaan ilman, että mikään yrittää tehdä sitä skannaavaksi.
Toki se on hajonnut luotiin, mutta kirjasinlaji on pieni ja tuskin on kuvia erottamaan eriä. Koska se on, ei ole paljon houkutella minua haluttamaan lukea tämän sisällön läpi, koska se on vain, hyvin ... tylsää.
2. Virtaus
Mitä tarkoitan virtauksella on tämä: onko sivusto jäsentynyt ja muotoiltu niin, että voin helposti löytää kohteita, joihin keskitytään? Tiedän, mitä lukea, kun keskityin niihin - on sivuston suunnittelu ohjaa minua sivulle pienemmällä vaivalla minun puolestani tai minun täytyy työskennellä yrittääksesi navigoida sisällön ympärillä löytääksesi mitä tarvitsen?
Tässä on Apple.com:n MobileMe-osio:
Mielestäni Apple on tehnyt erinomaista työtä jäsentämällä kaikkia sivujaan. Tässä ensimmäinen asia, johon keskityit, on todennäköisesti oikealla puolella oleva kuva ja vasemmalla oleva suuri otsikko.
Kun olet lukenut otsikon, voit lukea alla olevan markkinointikirjeen, joka johtaa hienosti ilmaiseen kokeiluhakemukseen. Jos et ole kiinnostunut kokeilusta, alla on enemmän ominaisuuksia, jotka vakuuttavat sinut, joista jokainen päätyy "Lue lisää" -linkillä yksityiskohtaisempaan ominaisuus -sivulle. Tämä ei jätä umpikujia ja pitää käyttäjän selaamassa .
Microsoft näyttää osumalta ja kaipaukselta tällä osastolla. Tässä on SharePoint-osio:
Kyllä, yläosassa on keskipiste, joka tarttuu huomionne - suuri tarjous ja palvelimen kuva - mutta mitä seuraavaksi?
Kaikki alla oleva sisältö on äärimmäisen yksitoikkoinen, erityisesti "Lue lisää" -ruutu, jossa on 8 linkkiä. Kuiva esitys antaa käyttäjälle vähemmän kannustimia napsauttaa . Jotkin Microsoft-sivustot käyttävät parempaa ulkoasua suunnatakseen huomiota, mutta he yleensä kärsivät samasta sairaudesta: liikaa sisältöä.
Kun esität käyttäjälle liian monia valintoja, teet ne toimimaan - heidän on mietittävä, mitä he haluavat ja heidän on käsiteltävä enemmän tietoja. Vähentämällä valinnanvaraa, Apple ohjaa käyttäjiä tarkemmin suunnitellulla suppilolla, joka yleensä antaa paremman kokemuksen.
3. Navigointi
Applen verkkosivustolla on ylhäällä suuri navigointipalkki, joka pysyy jatkuvasti kummankin sivun osassa.
Käytettävissä olevista vaihtoehdoista päätoimialat jakautuvat toimialoittain sekä muutamia olennaisia asioita, kuten tukea ja myymälä. Palkki yhdistää myös haku- ja tuotemerkit, koska kotipainike näyttää Apple-logon etiketin sijasta.
Jokainen ylimääräinen alivalikko sijaitsee yksittäisten sivustojen sivuilla, ja se sijoitetaan kyseisen sivun kontekstiin, joko sivupalkissa tai yläreunassa olevana vaakapalkkina.
Microsoftilla on samanlainen navigointipalkki kotisivulla, mutta se ei ole johdonmukainen koko sivustossa. Itse asiassa kaikki alisivut käyttävät omia navigointipalkkiaan tyylillä ja sisällöllä. Etusivun navigointi toimii siten sivustokartana muille Microsoftin verkkosivujen osille.
Useissa navigointipalkkeissa, kuten kotisivulla, Microsoft käyttää pudotusvalikkoja - toisin kuin Apple. He eivät käytä vain pudotusvalikoita - he käyttävät valtavia pudotusvalikoita . Joissakin tapauksissa valikossa on jopa vierityspalkki (Firefoxissa):
Onko tämä hyvä vai huono? Jonkin sisällä äskettäinen Alertbox-merkintä , Tunnettu usability guru Jakob Nielsen on kirjoittanut, että mega-pudotusvalikot toimivat.
Ne toimivat, koska ne tarjoavat runsaasti valintoja ryhmissä , joten ne helpottavat skannaamista, koska voit siirtyä haluamaasi ryhmään ja skannata niihin sisältyvät kohteet. Sinun täytyy kuitenkin saada tiettyjä asioita oikein, kuten ryhmien järjestyksessä ja vain mainita jokainen elementti kerran , jotta ne toimisivat hyvin.
Tässä tapauksessa mielestäni on järkevää, että Microsoft siirtyy pudotusvalikoiden reitiltä, mutta mielestäni ne ovat olleet liian kaukana. Esimerkiksi jotkut vaihtoehdot viittaavat samaan asiaan, kuten "Office" pudotus ja "Office" -vaihtoehto "Kaikki tuotteet" -pudotus.
Pudotus myös estää sisällön alla olevan sisällön , joten jos vahingossa painat hiiren valikon päällä, sinun on poistettava hiiren osoitin uudestaan päästäksesi alla olevaan sisältöön - varoen samalla, että et siirrä hiirtä muihin kohteisiin.
Kussakin ryhmässä on myös paljon vaihtoehtoja - joissa on joskus noin 13 kohdetta, mikä tekee vaihtoehtojen käsittelyn paljon vaikeammaksi. Myös eri osuuksien navigoinnin epäjohdonmukaisuus tekee paljon vaikeammaksi siirtyä sivuston yhdestä alueesta toiseen, esimerkiksi Office-sivustosta Xbox-sivustoon.
4. Luettavuus
Koska suurin osa sivuston sisällöstä on tekstiä, on tärkeää varmistaa, että kaikki on luettavissa ja luettavissa. Seuraavassa on tärkeimmät asiat, kun harkitset sivustosi sisällön luettavuutta:
- Tee teksti riittävän suureksi, jotta se on helppo nähdä ja lukea.
- Varmista, että tekstin ja taustakuvan välillä on riittävästi kontrastia.
- Anna tekstin ympärille riittävästi tilaa, jotta muut sisällöt ja grafiikka eivät häiritse lukijaa.
- Tarjoa runsaasti otsikoita tai korostettua / lihavoitua tekstiä, jotta käyttäjät voivat tarkistaa sisällön nopeasti avainasiakirjoihin.
- Lisää kuvia ja kuvakkeita, joiden avulla on helppo keskittyä yksittäisiin tekstin osiin eli tuotteisiin tai toimintojen kuvauksiin.
- Pidä teksti lyhyt ja piste.
Katsotaanpa, kuinka Microsoft ja Apple ovat tällä alueella. Tässä on tyypillinen Apple.com-sivuston sivu:
Apple tekee hyvää työtä pitää kaikki helposti lukea. Teksti on yleensä pieni, mutta ei koskaan liian pieni, jotta se olisi ongelma. Otsikot on asetettu raskaampiin tyyppeihin ja erottuvat , joten voit nopeasti saada jokaisen osion pisteen.
Apple käyttää myös runsaasti valkotasoa erottaakseen kaiken erilleen ja lisää kuvia, jotta jokainen tekstipuhallus olisi mielenkiintoisempaa .
Tässä on tyypillinen Windows.com-sivulta peräisin oleva Microsoft.com-sivu:
Se noudattaa yleisiä käytettävyysohjeita hajottamalla asioita pieniksi pirstaleiksi kootuksi tekstikappaleiksi, jotka on helppo sulattaa. Se näyttää paljon kiireisempiä kuin Applen sivusto, koska yhdellä sivulla on enemmän sisältöä ja otsikoissa ja korostetuissa sanoissa on paljon erilaisia käsittelyjä.
Liian paljon erilaisia aiheuttaa visuaalisen kaaoksen sivulle , ja jokainen värillinen tai rohkea kohde kilpailee huomionne. Tällöin sivua on todella yksinkertaistettava, jotta katsojan on helpompi käsitellä.
Tässä on toinen sivu, tällä kertaa Microsoftin tietoturva-osasta:
Tämän sivun teksti on luultavasti liian pieni, jotta se olisi mukava lukea , ja sivusto tarvitsee enemmän valkoista tilaa sisällön ympärille tekstin erottamiseksi. Katsotaanpa, mitä todella kiireinen sivu Applen sivustolla näyttää:
Tämä on Apple-kauppa. Todella kiireinen, paljon tuotteita ja linkkejä kaikkialla. Fontit ovat melko pieniä, jotta sisältöä voidaan käyttää entistäkin paremmin, vaikka valkoisen tilan hyvä käyttö varmistaa, että asiat ovat yhä käyttökelpoisia .
5. Haku
Applen haku on integroitu navigointipalkkiin. Kun kirjoitat jotain hakukenttään, saat itse suorat hakutulokset AJAX: lla , pienellä laatikolla, joka ponnahtaa esiin ja näyttää tuloksia kirjoittaessasi.
Se on hyvin tehty - kirjoittamisessa ei ole viivettä, tulokset ryhmitellään luokkiin ja noudetaan hyvin nopeasti, yleensä ennen kuin kirjoitat täydellisen kyselyn. Näin näyttää:
Jos haluat nähdä lisää tuloksia, voit vain painaa Enter-näppäintä, kun olet valmis kirjoittamaan, ja sinut viedään tavalliselle hakutulossivulle. Se on erittäin puhdasta ja järjestetty luokittain.
Voit porata tulokset edelleen luokittain , valikosta oikealla olevasta valikosta. Se on toimiva ja puhdas, ja toimii hyvin, kun yrität löytää tuotteita, joita he myyvät.
Microsoftilla on tuttu hakutulossivu, joka näyttää paljon Googleilta (tai muulta hakukoneelta näinä päivinä).
Tämä johtuu siitä, että se käyttää Microsoftin oma Live-hakukone. Se on varmasti hyvä löytää mitä etsit ja sai halutut tulokset. Tulosten formaatti on yksi suuri lista , mikä on järkevää Microsoftille heidän liiketoimintaansa luonteen vuoksi, sillä monet alisivut ja eri sisältö hakevat.
Se on käytännöllinen, mutta ulkoasu ja tunnelma eroavat toisista sivuista, joten se näyttää siltä, että selailette toista verkkosivustoa.
6. Estetiikka
Applen verkkosivut estetiikka seuraa tarkasti sen tuotelinjaa . Navigointipalkki näyttää siltä, että se on valmistettu alumiinista ja siinä on hienoja kaltevuuksia ja sisennetty teksti.
Myös runsaasti heijastuksia ja minimalistisia sisustuselementtejä. Apple on aina työskennellyt yhtenäistämässä sen käyttöliittymän ulkoasua koko tuotevalikoimasssa , laitteistosta ohjelmistoon ja niiden verkkosivusto ei ole poikkeus.
Onko estetiikillä käytössään mitään tekemistä? Itse asiassa he tekevät. Tutkimukset osoittavat, että ihmiset näkevät parempia käyttöliittymiä käyttökelpoisempina .
Houkuttelevat liitännät parantavat ensimmäisiä näyttökertoja ja saattavat jopa kasvattaa käyttäjilleen ongelmia. Joten miten Microsoft suostuu estetiikkaosastoon? Tässä on Internet Explorer 8 -sivu:
Sivusto seuraa heikkoa Windows-teemaa, jossa on vaaleansinisiä pilviä, mutta ei ole muutakaan sanottavaa, että tämä on Internet Explorerin tai Windowsin sivu.
Ulkonäkö on hyvin yleinen eikä se riitä erottamaan itsensä tai rakentamaan johdonmukaista tuotemerkkiä . Tässä on toinen sivu; tämä on Download Center:
Jälleen meillä on täysin erilainen muotoilu, vaikkakin vaaleansininen väri on täällä myös taustalla. Jos sivulla ei ole otsikkoa, voisitko kertoa, että tämä on Microsoft- tai Windows-sivu? Luultavasti ei.
Mallit ovat kaiken kaikkiaan melko hyviä, mutta melko hyvä vain ei riitä . On runsaasti epäjohdonmukaisuuksia ja puun puute , joka asettaa Applen eteenpäin tällä alueella.
7. Johdonmukaisuus
Johdonmukaisuus on tärkeä, koska sen avulla voit kehittää käyttötapoja . Tämä tarkoittaa periaatteessa sitä, että jos sivustossasi on johdonmukainen käyttöliittymä, kävijät oppivat nopeasti, miten se toimii ja osaa käyttää tätä tietoa mistä tahansa uudesta verkkosivustosta, joita he käyvät, koska he käyttävät samaa tai hyvin samankaltainen, käyttöliittymä.
Apple tekee erinomaista työtä, jotta käyttöliittymä pysyy johdonmukaisena. Kaikilla tuotesivuilla on hyvin samanlainen estetiikka ja ne on jäsennetty samalla tavalla.
Koko sivusto näyttää ja tuntuu samalla koko ja maailmanlaajuinen navigointipalkki yläosassa on aina siellä jokaisella sivulla. Tämä tarkoittaa, että koko kokemus on hyvin yhtenäinen ja johdonmukainen - tiedät olevasi samalla verkkosivustolla missä tahansa .
Tässä on Azure-alustan Microsoft-sivu:
Voisitteko kertoa, että tämä on Microsoft-sivu, jos otit sen logon? Mukautetut grafiikat, tyylit ja väripaletit kaikkiin Microsoft-osioihin auttavat ylläpitämään yhtenäistä tuotekuvaa verkossa.
Microsoft todella kamppailee täällä. Microsoft.comissa on monia eri osioita, ja niissä kaikilla on oma ulkoasu, mukaan lukien oma navigointi.
Joten kun siirryt sivustosi osiin, olipa kyse sitten Microsoftin myymälästä, Office-sivustosta tai Security-sivuista, ne kaikki näyttävät ja tuntuvat erillisiltä verkkosivustoilta.
Mikä pahempaa, myös globaali navigointipalkki on poissa, joten sinun on palattava etusivulle tai sivustokarttaan, jotta näet yleiskatsauksen kaikista sivustoista. Se on todellakin ekosysteemi verkkosivustoista, jotka ovat isännöimättömiä samalla verkkotunnuksella, eikä siksi ole hyötyä johdonmukaisuudesta, jonka Apple on. Brändikuva on myös hajanainen, joten Microsoft-sivuston ulkoasun määritteleminen on mahdotonta.
johtopäätös
Mikä sivusto on voittaja? Jos katsot vain käytettävyyttä, Apple tulee ulos . Heillä on paremmin suunniteltu etusivulle, joka tarjoaa vähemmän valinnanvaraa, mikä tarkoittaa sitä, että käyttäjän on ajateltava vähemmän.
Heillä on johdonmukainen navigointi kaikilla sivuillaan. He käyttävät paljon valkoista tilaa ja alaotsikoita tekemään kaiken luettavuuden, mutta he pitävät asioita yksinkertaisina, koska he eivät käytä liian monta eri tekstinkäsittelyä.
Applen sivusto on yleensä käyttäjäystävällisempi ja tarjoaa paljon paremman kokemuksen kuluttajille, jotka käyttävät sitä tarkistamaan Applen uusimmat tuotteet.
Tämän sanottuaan Applen verkkosivusto on paljon pienempi kuin Microsoftin sivusto. Toisin kuin Applen, Microsoft ylläpitää monia eri sivustoja ja osioita Microsoft.com-tuotemerkin alla ja luo koko ala-alueen ekosysteemin. Jokainen sivusto on täynnä tietoja, ja Microsoftin tarjoama Live powered -haun tarjonta tuottaa hyviä tuloksia. Suurin ongelma Microsoftille on johdonmukaisuus .
Microsoftilla ei ole vain johdonmukaista, yhtenäistä ja yhtenäistä tuotemerkkiä. Jokainen osio näyttää ja tuntuu erilaiselta. Globaalia navigointi ei ole, eikä ole paljon visuaalisia vihjeitä, jotka kertovat käyttäjälle, että tämä on Microsoft-sivusto - toisin kuin Applen, jossa koko sivustolla on yksi ainutlaatuinen esteettinen elementti, joka heijastaa niiden laitteistoja ja ohjelmistoja ja luo näin tehokkaan brändin.
Näistä syistä katson, että Apple on selkeä voittaja täällä.
Kirjallinen yksinomaan WDD: lle Dmitry Fadeyev. Hän johtaa blogia käytettävyydestä Usability Post .
Mitä mieltä sinä olet? Onko se kunnossa? Haluamme lukea ajatuksiasi ja kommenttejasi, joten mene eteenpäin ja anna meille kommentti alla ...