Kritika web dizajna # 62: Influentials network
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šnja stranica je Influentials Network, skupljanje i filtar političkih vijesti.
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 49 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 mreži utjecaja
„IN kontinuirano prati i prikuplja najprisutnije i najvažnije političke vijesti u svim medijima. IN automatski filtrira 10 najrelevantnijih političkih ličnosti i / ili izdanja u jedinstvenu, dinamičnu stranicu koja se lako skenira. "
Evo snimka zaslona početne stranice:
Prvi dojam
Da budem iskren, nema previše informacija o dizajnu ove web stranice koji zaista djeluje dobro. Ukupni izgled triju stupaca je pristojan, ali vizualna tema i opća estetika mogli bi upotrijebiti prilično drastično ažuriranje.
Mnogo ljudi koji žele kritiku zapravo samo žele maziti po leđima, ali razgovarao sam s dizajnerom i programerom koji stoji iza IN-a i on je izrazio istinsku želju čuti otvorene i iskrene povratne informacije o web mjestu. Zna da ima mjesta za napredak i traži jasan savjet kako to učiniti. S tim na umu, krenimo!
Misli o dizajnu vijesti agregatora
Sakupljači vijesti vrlo su neobične zvijeri za web dizajnera i potpuno priznajem da se čini da se pravila koja upravljaju njihovim uspjehom odnose na sve osim na estetsku ljepotu.
Na primjer, jedan agregator koji često posjećujem je Hacker News. Pogledajte njihov dizajn:
Kao što vidite, ovo nije baš slika modernog web dizajna. Nije čak ni dobar primjer modernog minimalizma, to je zapravo samo popis veza s pozadinskim ispunama! Unatoč tome, i dalje volim svratiti i vidjeti najnovije iz svijeta štrebera. Drugi popularni agregati, poput Reddita, nisu samo jednostavni, već su ružni.
Sve što moram reći, moj prvi instinkt je pristupiti dizajniranju IN-a kao i bilo kojem drugom mjestu, ali to u stvari i nije najbolji način da se to riješi.
Pogled IN
Čak s obzirom na trenutačno stanje dizajna agregata, i dalje mislim da bi IN mogao koristiti neki posao u vizualnom odjelu. Za početak, nisam ljubitelj pozadina koje se koriste u svakom odjeljku. Osjećam kao da je mjesto zaista veliko. Uvijek budite oprezni u pronalaženju dizajnerskog trika i zloporabi ga putem prekomjerne uporabe.
Također, primarni sadržaj ima srednje sivu pozadinu i na svakoj je strani bočno svjetlo. Iz nekog razloga ovo se osjeća pomalo nespretno. Dvije su boje vjerojatno previše slične. Ne postoji pravi kontrast boja koji bi pomogao da se istakne glavni sadržaj, samo blagi i zbunjujući pomak u boji. Iskreno, premda mislim da je to samo dodavanje nepotrebnih vizualnih komplikacija i preporučujem samo prelijevanje cijele pozadine sivom bojom koja trenutno zauzima pozadinu primarnog područja u središtu. Jedan od naših ciljeva e-pošte za ovu stranicu bit će pojednostavljivanje prilično prometnog dizajna.
Još jedna stvar za koju mislim da trenutačno umanjuje vizualnu privlačnost stranice je ružno umanjenje veličine sličica. Fotografije se protežu i stisnu kako bi se uklopile u unaprijed postavljene veličine kutija. Rezultat je to stvarno nezgrapnog dizajna koji dizajneru odmah sugerira "dovoljno" dobar mentalitet.
Vjerojatno ima puno dodataka za JavaScript da riješe ovaj problem, čak bi i neki pametni CSS mogao poboljšati situaciju.
Zaglavlje
Primarno pitanje koje imam u zaglavlju je protok komunikacije. Trenutno mislim da sadrži sve potrebne informacije, ali možda nije u pravom redoslijedu.
Evo kako bih ga redizajnirao. U gornjem lijevom kutu, gdje se trenutno nalazi okvir s opisom web mjesta, stavio bih naziv i logotip web stranice lijep i velik, tako da ljudi odmah znaju gdje se nalaze. Zatim bih opisa premjestio u okvir ispod navigacije.
Nadalje, linija "Pod utjecajem" ne radi. To je na čudnom mjestu koje izbacuje izgled web mjesta i to je napisano tako da se osjeća. Napravio bih je podznak na logotipu web lokacije i izdvojio razmake. Influentials Network: Utjecaj, informiranje, nadahnuće.
Što se tiče navigacije, ovo je jedan od mojih najdražih dijelova stranice jednostavno zato što crni donosi toliko potreban kontrast stranici. Razmotrio bih traženje drugih mjesta za ponavljanje ove teme.
Widgeti
Glavni sadržaj s obje strane nalazi se uz bočne trake koje sadrže razne widgete i dijelove sadržaja poput sljedećeg:
Sve u svemu, svaki od njih mogao bi koristiti malo više podešavanja i finoće. Na primjer, gornji odjeljak „Što brdo“ može upotrijebiti kratki opisnik koji objašnjava što dio sadrži. Tekst se i ovdje osjeća prilično uskočeno, neke dodatne visine crte mogle bi daleko prijeći.
Nadalje, svaki od widgeta sadrži male strelice gore i dolje na vrhu, omogućujući vam da kliknete da biste pretraživali sadržaj. Ovo može izgledati minimalnije, ali jednostavno bi pomicanje funkcioniralo puno bolje.
Drugi widget koji treba puno raditi je odjeljak s fotografijama. Ovo je samo veliki prazan prostor koji, čini se, ne funkcionira pravilno.
U 10 stupac
Posljednji dio koji možemo preći je onaj koji bih smatrao primarnim sadržajem na stranici. Već smo spomenuli problem veličine veličina fotografije, a osim toga, ovo područje izgleda prilično pristojno.
Jedna stvar koju biste mogli razmotriti ovdje je efekt lebdenja. Trenutno pomiče sve točno u nekoliko piksela, ali pokret je toliko neznatan da se gotovo osjeća kao kukac. Povećajte količinu sadržaja ili se prebacite na nešto drugo, poput promjene boje.
Također, gumbi za dijeljenje izgledaju previše nedosljedno. Pokušajte ih napraviti svaku veličinu i oblik.
Zaključak
Mislim da je ovoj stranici potrebno puno rada, ali također mislim da je savršeno izvediva. Moja preporuka je da ga uzimate u komadićima. Usredotočite se na zaglavlje tjedan dana i stvarno potrošite neko vrijeme čineći što bolje. Zatim prijeđite na drugi dio i provedite još jedan tjedan pročišćavajući ga dok ne bude savršen. Trenutno je glavni problem web mjesta taj da se osjeća užurbano, kao da nije baš spreman za lansiranje, ali svejedno je lansiran.
Kao dugoročni cilj, razmislite o tome kako možete pojednostaviti sadržaj. Zaustavite dodavanje značajki i počnite uklanjanje značajki. Označite primarni sadržaj bolje i uklonite sav, ali najvažniji sekundarni sadržaj. Kad god sumnjate u to da nešto urežete, ponovno pogledajte Hacker News i razmislite kako je to jednostavno!
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.