Pánácz Design Blog
Redesign - Hogy csinálják a nagyok?

A webdesignerdepot.com egyik új cikkében szedte össze 10 olyan nagy és híres cég weboldalát, amelyet 2021-ben újraterveztek. A 10 oldalt a 2019-es állapotához képest a jelenlegi, 2021-es megjelenéshez hasonlították és vonták le a tanulságokat.

Ebben a blogbejegyzésben a számomra érdekesebbeket osztom meg, a saját gondolataimmal kiegészítve. Ha az eredeti angol cikkre is kíváncsi vagy, akkor azt ezen a linken érheted el.

A cikk elején az író (Dmitry Dragilev) általánosságban ír a weboldalak megjelenésének fontosságáról, a felhasználók igényeihez való folyamatos alkalmazkodásról:

Azon gondolkozol, hogy 2021 végén vagy 2022-ben szeretnéd végre a már régóta esedékes weboldal redesign-t valóra váltani? Nem rossz ötlet, ugyanis az első benyomás döntő fontosságú az üzleti honlapoknál. A főoldalad és az egész honlap kialakításának javítása nem könnyű feladat.

A webdesign trendek egyre gyorsabban fejlődnek. Ezt okozhatja a folyamatosan csökkenő felhasználói figyelem. Az átlagos látogató mindössze 0,5 másodpercet tölt a kezdőlap átfutásával, hogy véleményt formáljon a márkáról, és eldöntse marad vagy távozik.

A megnövekedett felhasználói elvárások és a felhasználók bizonytalanságának mértéke, ami nagyban függ az első benyomástól, további okok, hogy újratervezésre lehet szükség. Ezért a 2019-ben népszerű design-ok, már 2021-ben, vagy 2022-ben már nem életképesek.

Tehát, ahogy a szerző is írja, fontos, hogy folyamatosan lépést tartson az oldal a korral, mert 2 év alatt is elavulhatnak a megoldások. Itt azért fontos megjegyezni, hogy világcégek oldalairól beszélünk, akiknek bőven van erre erőforrása és nagyon alaposan letesztelik, hogy melyik verzió, milyen eredményeket hoz. Így csiszolva egyre tökéletesebbre a megjelenésüket. Viszont ha neked nincs erre végtelen erőforrásod, akkor az ő példáikon keresztül megnézheted, hogy mik azok a praktikák, ötletek, amik jól működhetnek.

Ez általánosságban is elmondható, hogy nem kell mindig minden megoldást “feltalálni”. Meg kell nézni mik azok, amik jól működnek és a saját mintánkra, arculatunkhoz illően alkalmazni.

A cikk folytatásában még pár bekezdésben tovább erősíti, hogy miért olyan fontos a webdesign:

A webhelyed - különösen a főoldal - a márkád első esélye, hogy vonzó, bizalmat építő hatást érjen el a látogatókban.

A legfrissebb statisztikák az alábbiakat mutatják:

• A látogatók 38%-a bezárja a weboldalt, ha úgy gondolja, hogy az elrendezés nem szép vagy nem intuitív. Ez magasabb visszafordulási arányt és alacsonyabb konverziót eredményez.
• A látogatók első benyomása 94%-ban a webdesign-től függ. (színek, betűtípusok, elrendezés, navigáció, ...)
• Az emberek 46%-a a vállalkozás hitelességét a weboldal esztétikájára alapozza. Azok a márkák amelyek a kezdőlapjukra nem fordítanak nagy figyelmet, kevésbé megbízhatóak, mint azok akik fektetnek a felhasználói élménybe.

A fenti statisztikák talán mindent elmondanak, hogy miért is olyan fontos, hogy jól átgondolt, szép webdesign készüljön a weboldalhoz.

Jöjjenek a konkrét példák

Az alábbi példákban, ahogy már írtam a 2019-es oldalakat hasonlították össze a jelenlegi változatukkal. Világmárkákról lévén szó ne arra számtís, hogy az ilyen cégek 2 éves oldala nagyon béna vagy gagyi lett volna. Inkább azt kell figyelni, hogy az ez időben történt változásokra, trendekre hogy reagáltak. Nézzük is!

Netflix

Sok oldalon elkövetik azt a hibát, hogy elhelyeznek egy CTA gombot, amelyre első körben ráveszik, hogy kattintson a felhasználó, majd utána bekérik az e-mail címét. A Netflix is ugyanezt tette 2019-ben. Viszont a 2021-es újragondolásban egyesítette ezt a két lépést, így egyből bekérik a felhasználó e-mail címét is.

Netflix 2019

Netflix 2021

Észrevételek:

• A kialakítás arra ösztönzi a látogatót, hogy közvetlenül a kezdőlapon adja meg az e-mail címét. Ennek köszönhetően az űrlap kitöltése sokkal egyszerűbb. Így a Netflix megkönnyíti a látogatóknak, hogy tovább haladjanak az értékesítési tölcsérben.
• A 2021-es oldalon már van egy gyakran ismételt kérdések (GYIK) rész is, amely gyors tájékoztatást ad a szolgáltatásokról és javítja a felhasználói élményt is.
• A GYIK segít abban is, hogy növelje a webhely organikus elérését a keresőkből.

Spotify

A 2019-es Spotify kezdőlapján a világos rózsaszín és narancssárga háttér színek voltak láthatóak. A CTA zöld színű volt, aminek a láthatósága nem volt a legmegfelelőbb. A jelenlegi verzióban már a harmonikusabb kék és zöld színek dominálnak és a CTA is jól látható.

Spotify 2019

Spotify 2021

Észrevételek:

• A kék a legsokoldalúbb szín, a zöld pedig tökéletes választás a CTA gombhoz. A Spotify általánosan elfogadott színkombinációk segítségével alakította át honlapját, és tette láthatóbbá a CTA-t.
• A fő címsor jóval nagyobb lett, mint 2019-es tervben volt, és a “hármas szabályt” használja, ami hatékony és emlékezetes. Mivel mindössze 3 szót használ a fő címsorban, így az emberi agy mintaként feldolgozva, jobban meg tudja jegyezni.

Zillow

A Zillow egy házak vásárlására, eladására és bérlésére megoldást nyújtó oldal. Az átalakítása során a Hick törvényt használták fel, így téve gyorsabbá a látogatók döntését. A Hick törvény röviden azt mondja ki, hogy a választások számának növelése, logaritmikusan növeli a döntési időt.

A Zillow 2019-es kezdőoldala túl sok lehetőséget kínált a felhasználók számára, például választania kellet, hogy vásárolni, bérelni vagy eladni akarja az ingatlant, majd ezt követően kellett megadni az irányítószámot. Az új verzióban már egyből csak az irányítószámot kell megadni. Ennek köszönhetően a kezdőlap kialakítása megkönnyíti a látogatónak a döntéshozatali folyamatot.

Zillow 2019

Zillow 2021

Észrevételek:

• Az új kezdőoldalnak egyszerű keresősávja van, amely ráveszi a látogatókat az azonnali cselekvésre.
• Változott a kép is, ami dinamikusabb és jobban bemutatja a témakört.

Dropbox

A Dropbox jelentős változásokon esett át 2 év alatt. A 2021-es verzió kijavítja a régebbi halvány, minimalista és kevésbé vonzó megjelenését.

Dropbox 2019

Dropbox 2021

Észrevételek:

• A nagy, vastag szöveg könnyedén felhívja magára a figyelmet. Megnőtt a szöveg és a háttér kontrasztja, így javítva a láthatóságot.
• A jobb oldalon látható képet lecserélték a szoftver egyes részeinek megjelenésére, amely így felkelti a felhasználók érdeklődését.

Slack

A Slack az oldalon található videó segítségével megkönnyítette a felhasználók számára a termék megértését.

Slack 2019

Slack 2021

Észrevételek:

• A videó segíti a Slack-et, hogy világos és gyors legyen az értékjavaslat.
• A színek és a formák is sokkal izgalmasabbak, figyelemfelkeltőek lettek.

Láthatjuk, hogy a nagy márkák is folyamatosan egyszerűsítenek, egyértelműsítenek, igazítják a megjelenést a trendekhez és optimalizálnak az oldalaikon. Ennek oka, hogy a lehető legjobb élményt biztosíthassák és ezáltal maximalizálják az ügyfelek szerzését és a profitot. Így talán még érthetőbb az a közhely, hogy “A profi, jól átgondolt weboldalra / webdesign-ra nem költségként kell tekinteni, hanem befektetésként.”