Kritika za web dizajn # 40: FanExtra
Dobrodošli u našu 40. kritiku o dizajnu! Svakog tjedna pregledavamo novu web stranicu i analiziramo dizajn. Izdvojit ćemo oba područja koja su dobro učinjena, osim onih koja bi mogla koristiti neko djelo. Na kraju, završit ćemo traženjem da pošaljete svoje povratne informacije.
Današnje web mjesto je FanExtra, fantastično resursno mjesto za dizajnere.
Istražite elemente Envatoa
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 34 USD za kritiku vašeg dizajna - znatno manje nego što biste platili za savjetnika da pogleda vašu stranicu! Više možete saznati ovdje.
O FanExtra-u
"Sve je ovo počelo s dugim ljetom prije više od dvije godine i strašću za dizajnom. Nakon što sam uživao u objavljivanju nekoliko Photoshop udžbenika, odlučio sam napisati nekoliko vlastitih. Postavio sam blog u tu svrhu (PSDFAN.com) i počeo ga koristiti kao svoju kreativnu utičnicu. Željela sam ponuditi više za našu rastuću zajednicu i moći evoluirati PSDFAN u nešto veće. Ideja za FanExtra ubrzo se rodila! FanExtra mreža je mjesto gdje se dizajneri iz cijelog svijeta okupljaju i istražuju njihove ideje i kreativnost. Možete se pridružiti raspravama na našim forumima ili stvarno poboljšati svoje učenje putem našeg programa FanExtra. "
Evo snimka zaslona početne stranice:
Početni dojam
FanExtra je jedan od najzanimljivijih slučajeva dizajnerske kritike koju smo još imali. Razlog za to je što je zapravo vrlo atraktivna stranica, ali jedna koju bih preporučio gotovo je u potpunosti osmišljena.
Svaki odjeljak na stranici, od logotipa do sličica, izgleda sjajno. Međutim, kada na stranicu preuzmete cjelinu, postoje najveći problemi s protokom svakog odjeljka pored najvećeg problema, a to je jasnoća komunikacije primarne poruke.
Ovaj je problem prilično čest i javlja se zbog vrlo prljave riječi u web dizajnu: pretpostavke. Ovdje je dizajner vjerojatno blizu projekta i stoga prirodno ima problema kad posjetitelj možda ne razumije što se događa. Pretpostavka je da će posjetitelj koji pronađe ovu stranicu znati što je "FanExtra", što definitivno nije nešto što ovdje treba pretpostaviti.
Komunikacija
Kada stignete na web stranicu, instinktivno analizirate područje zaglavlja na isti način na koji biste analizirali ploču s menijima u restoranu brze hrane. Moguća pitanja uključuju: Gdje sam? Koliko košta? Što će mi dati za svoj novac? Poslužuju li koks ili Pepsi proizvode? Ok, možda se ovo posljednje pitanje ne odnosi ovdje.
Moja poanta je da kad pogledate zaglavlje ove stranice, nije adekvatno rješavanje svih ovih krucijalnih pitanja:
Vidimo kako se web mjesto zove (FanExtra), zajedno s velikim poljem za nekakvu prijavu. Hoće li to značiti da sam prijavljen za mrežu? Je li ovo besplatna usluga? S desne strane vidimo nešto što nagovještava „tutorijale” što nas dovodi na pravi put, a slijede riječi poput „teksture“ i „vektori“, koje predstavljaju prilično specifičan žargon.
Ako sam dizajner, u ovom sam trenutku vjerojatno shvatila što se u određenoj mjeri događa, ali je li to zaista cilj? Treba li posjetitelj pronaći tragove i pomoću njih tumačiti što je to mjesto?
Otajstvo se otkriva
Kad se spustimo na sredinu web stranice, otkriva se misterija:
Sada možemo vidjeti da je FanExtra "mreža fantastičnih web stranica za udžbenike" koja nudi članarine za 9 USD mjesečno. To je najvažniji dio komunikacije na stranici, a ipak je odmaknut na pola puta. To bi trebalo biti prvo što korisnik vidi.
Zapravo, mislim da bi ova poruka mogla biti još jasnija. Fraza "fenomenalna mjesta za udžbenike" još uvijek je prilično nejasna ako razmišljate o njoj iz vanjske perspektive. Nešto poput "fenomenalnih web stranica za udžbenike kreativnih profesionalaca" ovu bi izjavu zaista prošlo puno dalje. Odmah ste zakačili vašu ciljanu publiku na nos, tako da kad pronađem ovu stranicu vidim lijep srdačan pozdrav koji me obavještava da je ovo web mjesto namijenjeno osobama poput mene.
Vizualni kontrast nasuprot vizualnom neredu
Drugi problem koji vidim kod poruka je kako je strukturiran s vizualnog stajališta. Pogledajmo primarnu komunikaciju kakva trenutno stoji:
Ovdje vidimo snop od tri retka, a svaki koristi tekst različite boje i male varijacije istog fonta u smislu smjelosti i veličine. Mogu i napisao sam čitave članke o kontrastu u dizajnu, ali ono što se svodi na to najbolje je rečeno u savjetu autora dizajna Robina Williamsa, "nemoj biti ćudljivac." To znači da, kako bi se kontrast učinkovito koristio, elementi se u velikoj mjeri moraju izdvojiti jedan od drugog, jer je u protivnom rezultat jednostavno vizualni nered.
Pogledajte kako drugi popularni program članstva u dizajnu, Think Vitamin, strukturira primarnu poruku na njihovoj stranici.
Ovdje vidimo ogroman, masovno precijenjeni kontrast između naslova i naslova. Rezultat je lijepa i jasna komunikacija koja se savršeno čita. Ljudi koji pregledavaju stranicu čitaju naslov gotovo slučajno, a ako ih dodatno zanima mogu im odvojiti vrijeme za čitanje podnaslova.
Značajke
Stranica se završava velikim skupom metaka s lijeve strane. Ovo je prilično neugodno korištenje prostora i stvara neugodan jaz na desnoj strani.
Brzo ispravljanje toga je jednostavno raščlanjivanje točaka metaka u dvije odvojene hrpe:
Ovo je na kraju krajeva pomoć i mislim da bi stranica zapravo mogla koristiti neke velike operacije. Ukratko ćemo to riješiti u sljedećem odjeljku.
Moje „velike slike“ preporuke
Iskreno, ne mislim da neprekidno postavljanje dvostrukih stupaca radi za ovu stranicu. Previše je kruta i zapravo ometa prirodni tok komunikacije, a ne olakšavajući je, što je cilj strukturiranog izgleda.
Moja preporuka je da potpuno izbacite ovaj izgled. Prvo, iskopite krutu strukturu dvostrukog stupa. Zatim prijeđite na primarnu komunikaciju na vrh stranice. Napravite veliki okvir sa "značajkama" koji obuhvaća cijelu širinu stranice i označava dio sadržaja koji ćete kasnije raščlaniti (140+ datoteka, 40 vektora itd.). Obavezno upotrijebite naslov kontrastnog, kristalno jasnog izraza i ciljanja, a najviše dvije boje zajedno izgledaju sjajno.
Konačno, nakon što ste stvorili ovo fantastično područje zaglavlja koje savršeno otkriva što je web mjesto, tko je namijenjen i osnove onoga što uključuje, tada se možete usredotočiti na organiziranje ostalih podataka ispod, po mogućnosti u obliku dva ili tri stupca.
Tvoj red!
Sada kada ste pročitali moje komentare, dodajte i pomozite dajući dizajnerima neke daljnje savjete. Javite nam što mislite o dizajnu i što mislite da bi moglo biti jače. Kao i uvijek, molimo da također poštujete dizajnera stranice i ponudite jasan konstruktivan savjet bez bilo kakvih oštrih uvreda.
