Interaktiivinen muotoilu

Katso uusi MSN.Com Design

Tämän vuoden maaliskuun 9. päivästä alkaen Microsoft on julkaissut uuden MSN.com-muotoilunsa.

Taustalla on lukemattomia tunteja testejä ja noin 70 000 palauta palautetta käyttäjiltä. Suunnittelua on muokattu viimeisten neljän kuukauden aikana nykyiseen tilaansa.

Vierailijat, jotka eivät vielä näe sitä http://www.msn.com voi käyttää sitä osoitteessa http://preview.msn.com .

Tässä tehtävässä tarkastelemme uutta uudelleensuunnittelua ja tarkastelemme sen myönteisiä ja kielteisiä näkökohtia.

Voit vapaasti jakaa mielipiteesi suunnittelusta kommenttien alueella.

Viimeisen vuosikymmenen aikana kolme päähaun sivua loivat vankan maadoituksen sivustoiksi, jotka ihmiset kääntävät, kun he aloittavat verkkokokemuksensa.

Vaikka Yahoo ja MSN keskittyivät lisäämään funktionaalisia elementtejä sivuilleen, Googlelle jäi pienimuotoinen muotoilu, ja sen sijaan he laittivat uudet sovellukset eri URL-osoitteisiin, joissa on vain hienoja mainoksia pääsivullaan. Google tuli eteenpäin, mutta Yahoo ja MSN eivät ole luopuneet, ja niillä on edelleen suuri osa markkinoista.

Yksi uuden suunnittelun päätavoitteista on päivittää käyttöliittymä paljon puhtaampaan ulkoasuun; Google näyttää mieleen. Tämän saavuttamiseksi he ovat muuttaneet taustan yhdenmukaiseksi valkoiseksi ja ovat lisänneet välilehdet eri sisältöosioille. He ovat myös antaneet suuremman visuaalisen painon tärkeimmille uutisosioille antamalla sille suuremman otsikon ja tekemään sen suurempia kuvia. Tämä antaa käyttäjälle selkeän osoitteen siitä, missä heidän silmänsä on välittömästi piirrettävä, mikä auttaa tekemään sivustosta vähemmän kiireinen.

Valkoinen tausta tekee sivustosta puhdasta, mutta se tekee niin sinisen menettämisen kustannuksella, mikä teki vanhan sivuston helposti tunnistettavaksi ja ainutkertaiseksi. Huolimatta siitä palautteesta, jonka MSN on saanut, että valkotasapaino tuntuu puhtaammalta, pitkällä tähtäimellä saattaa olla hyödyllistä, että Microsoft omaksuu vanhan sinisen taustan värinsä. Menemällä yhdellä taustavärillä monta pystysuoraa viivaa poistettiin. Tämä tekee sivustosta tuntua laajemmalta huolimatta siitä, että se on hieman hieman ohuempi noin 20 pikseliä kohden.

Välilehdet tekevät sivusta myös paljon puhtaampaa. Sivun osia ei näytetä ryhmiteltynä ilmeisellä tavalla, mutta tämä ei välttämättä ole haitallista. MSN ymmärtää, että tätä sivua ei käytetä sanomalehden tai uutissivustona.

Jokaisessa osassa on pieniä otsikoita ja lyhyitä lauseita, joiden tarkoituksena on houkutella lukijaa napsauttamalla ja oppimaan lisää. Uutta suunnittelua koskevassa keskustelussa Scott Moore (MSN: n sisällön- ja ohjelmointitoiminnan päällikkö) selitti, että sivusto käyttää koneoppimista jakamalla käyttäjät kahdeksaan ryhmään.

Hän ei läpäissyt yksityiskohtia, mutta tämä saattaa tarkoittaa sitä, että osioiden / välilehtien sijoittaminen määräytyvät asioista, joissa käyttäjät ovat osoittaneet kiinnostuksensa.

Sisältöjen lisäykset

Ominaisuus, jonka MSN-ryhmä päätti keskittyä, on sosiaalinen verkostoituminen. Käyttäjät voivat nyt kirjautua joko heidän Windows Live / Facebook / Twitter-tiliinsä saadakseen livepäivityksiä MSN-kotisivullasi.

Tämä on ominaisuus, että jotkut ihmiset löytävät hieman kätevää ja toiset jättävät täysin huomiotta. "Sosiaalinen media" on ollut Internet-sirinä sana yli vuosi ja on yllättävää, että MSN on vienyt niin pitkään integroimaan sen kotisivulleen.

Sosiaalisen median lisäys ei vaikuta useisiin ihmisiin kotisivun käyttämiseen, mutta se ei vaikuta niiden ulkonäköön negatiivisesti, ja se osoittaa, että he omaksuvat Internetin sen sijaan, että he pakottivat käyttäjiään käyttämään vain MSN-sovelluksia.

MSN-kotisivun uudelleensuunnittelu on antanut Bing-hakupalkille paljon enemmän huomiota. Se on saanut oman osansa eikä joutunut jakamaan tilaa monien eri elementtien kanssa.

Tämä Bingin huomion lisääntyminen on antanut hakukoneelle kaksinumeroisen kasvun hakuihin. Suurempi Bing-hakupalkki voisi olla yksi MSN: n uudistamisen parhaista ominaisuuksista, koska se osoittaa, että MSN on nyt paremmin ymmärtänyt, että kotisivua käytetään yleensä verkkohaun lähtökohdana. Ihmiset voivat vaihtaa kotisivunsa nopeasti, jos he ajattelevat, että MSN on liian kauan lataamassa merkityksettömän sisällön.

Kolmas suuri lisäys on keskittyminen paikalliseen sisältöön. Sivun oikeassa yläkulmassa on paikallisen version linkki. Paikallinen versio on kuin jonkin muun kotisivun versio, mutta se on tärkeämpää jokaiselle yksittäiselle käyttäjälle. Käyttäjä voi säästää jopa kolmea eri kaupunkia (tai postinumeroita), mutta se ei ole kovin intuitiivinen siitä, miten ne voidaan lisätä. Käyttäjän on syötettävä kaupungin nimi, klikkaa "Tallenna" ja lisää sitten toinen, jonka täytyy klikata "Muuta". Olisi järkevämpää sijasta linkki lukea "Lisää".


Local Edition

Kun käyttäjä on valinnut kaupungin, he voivat käyttää paikallisia uutisia, säätä, urheilua, elokuvia / tapahtumia, ravintoloita, kaasua / liikennettä ja muutamia muita kohteita. Kaikki nämä ominaisuudet ovat hyvin toteutettuja lukuun ottamatta ravintoloita.

Ravintoloissa se yksinkertaisesti luetellaan lähellä ravintoloita, joissa on linkkejä arvosteluihin, 5 tähden kuvia ja ohjeita. Kun tarkastelu- tai luokituslinkkejä napsautetaan, sivu ladataan, jossa on erilainen tiedot ravintolasta, mutta sillä ei ole asiakkaiden arvioita eikä luokitusikkuna ole missään nähtävissä. Tuntuu, että tämä piirre otettiin staattisesta viitekirjasta.

sToiset ominaisuudet ovat hyvin tehty ja kannattaa kokeilla niitä. Huomaa, että paikallispaketti on tällä hetkellä saatavilla vain Yhdysvalloissa.

Viimeinen lisä mainitseminen on TrendWatch-ominaisuus, jossa luetellaan uusimmat Twitter-trendit. Tämä ominaisuus on outo samanlainen kuin Yahoo Trending Now -osiossa, mutta siinä on nuolet kunkin hakukyselyn vieressä osoittamaan sen suosio vauhtia. Se on hieman tahmea ja sen sijoittaminen sivun alareunaan tekee sen tuntevan enemmän jälkikäteen kuin hyötyä.


Yahoo Trending Now verrattuna MSN: n TrendWatchiin


Esitys

Mielenkiintoista, että vanha MSN-sivusto lataa kaiken sisällönsä käyttäjän koneelle käyttämällä yhtä sekuntia vähemmän kuin uusi malli. Uusi muotoilu suorittaa sitten paljon enemmän koodia, joten sen kokonaisaika on lähes 3 sekuntia kauemmin kuin vanha.

Paikallinen versio toimii hieman paremmin kuin uusi muotoilu, kun asiakirjan valmiusaika on 2,582 sekuntia, mutta täysin valmis aika on ruma 10,545 sekuntia, koska upotettu video on ladattu.

Koska kaikki näytetään suunnilleen samassa ajassa, käyttäjät eivät todennäköisesti huomaa eroa suorituskyvyssä, mikä saattaa haitata uuden suunnittelun menestystä.

Kotisivun pitäisi olla erittäin nopea ja tämä on alue, jolla MSNilla on mahdollisuus todella loistaa vasten enemmistöä kilpailijoistaan. Kahvissa tai lentoasemilla olevien ihmisten joukot, jotka jakavat langattomia verkkoja, tarvitsevat sivustoja, jotka lataavat nopeimmin.

Jos MSN on asettanut kotisivustolleen, he siirtyvät nopeasti nopeampaan sivustoon tai käyttävät hakua nykyaikaisimmissa selaimissa oikeassa yläkulmassa. Jos näin tapahtuu usein, niin käyttäjät joutuvat vaihtamaan kotisivunsa kokonaan.

Huomautus: http://www.webpagetest.org käytettiin testaukseen. Seuraavat ovat kolme suoritettua testia:

Yleinen suunnittelu

Yleinen uudelleensuunnittelu on tehokasta. Se käsittelee joitain MSN: n huolenaiheita vanhaan muotoiluun ja tarjoaa Microsoftille puhtaamman kuvan.

Suunnittelu tarjoaa hieman paremman visuaalisen hierarkian, mutta on varmasti parantamisen varaa. Pääsisältöosasto on ensimmäinen, joka tarttuu käyttäjän huomion, jota seuraa huomattava Bing-hakupalkki, mutta näiden kahden elementin jälkeen on vaikea selvittää, mitä tarkalleen kiinnittävät huomionsa seuraavaksi.

Tämä johtuu osittain sivusta, jolla on suuri määrä sisältöä, jolla kaikilla on eri tasot jokaiselle yksilölle. Koska jokainen on erilainen, on vaikea tietää tarkalleen miten asettaa visuaalinen polku, mutta pienen vihjeen voi tuottaa merkittäviä tuloksia.

Mitään osiota ei ole suurempi kuin mikä tahansa muu osa.

Vaikka värimalli toimii, se ei määritä muotoilua. Lukuun ottamatta sivun yläreunassa olevaa vähäistä kaltevuutta ja MSN-logoa ei ole mitään, joka näyttää MSN-identiteetin. Sivusto esiintyy niin hulluna kuin ilman persoonallisuutta. Sivulla ei ole mahdollisuutta myydä itsensä viehättävällä tavalla; se voi luottaa vain sen ominaisuuksiin.

Yksi uudelleensuunnittelun parhaista puolista on ollut merkittävän valkoisen tilan käyttöönotto. Jokaiselle uutisotsikolle on annettu ylimääräinen 12 pystysuoran pystysuoran pikselin erottamaan ne muista otsikoista. Kirjasinkokoa on myös lisätty, mikä tekee kaikesta paljon helpompaa lukea.

johtopäätös

Tämä uusi muotoilu tuntuu olevan päivitettävissä sopivaksi MSN: n kilpailijoihin. Vaikka kaikki näyttää hyvältä ja käyttäytyy niin kuin pitäisi, ei ole tehty tarpeeksi, jotta muotoilu työntää rajoja, mitä nykyaikainen sivusto voi tehdä.

Sivusto vaihtoi sen identiteettiä ja sekaisin puhtaudesta ja muutamasta keskinkertaisesta ominaisuudesta. Local Edition on loistava lisäys, ja sillä on hyvät mahdollisuudet tarttua kiinni, varsinkin jos sille annetaan hyvä markkinoitu mobiiliversio.

Viitteet


    Tämä artikkeli on kirjoitettu yksinomaan Web Designer Depot by Eli Penner

    Mitä mieltä olet MSN: n uudesta suunnittelusta? Mitä olisit tehnyt eri tavalla?


    design uudistaa MSN