Kritika web dizajna br. 11: Scott Block
Svakog tjedna pregledavamo novu web stranicu i analiziramo dizajn. Istaknut ćemo kako područja koja su dobro napravljena, tako i ona koja bi mogla koristiti neko djelo. Na kraju, završit ćemo traženjem da pošaljete svoje povratne informacije.
Današnje web mjesto predstavlja osobni portfelj Scotta Blocka, web dizajnera iz Marylanda.
Ako želite poslati svoju web stranicu kako bi je predstavili u budućoj dizajnerskoj kritici, potrebno je samo nekoliko minuta. Naplaćujemo 24 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 Scottu
"Živim u Columbia Marylandu, samo nekoliko minuta vožnje od Baltimorea i glavnog grada države. Kad sam imao dvanaest godina, spojio sam svoju strast prema Baltimore Ravensu sa mojim sve većim zanimanjem za tehnologiju i počeo stvarati web stranice o Ravenima. Od tada sam marljivo usavršio svoje vještine, a sada izrađujem web stranice za razne pojedince i organizacije. Sada sam vješt u kombiniranju html-a sa css-om, JavaScript-om, php-om i ajax-om za stvaranje lijepih, funkcionalnih web stranica. ”
Ovo je početna stranica web lokacije:
Iako ovdje definitivno postoji neki potencijal, na ovoj bih stranici mogao popraviti puno stvari. Pogledajmo ih jedan po jedan.
Shema boja
Boje korištene na Scottovim stranicama stvaraju prilično lijepu paletu ako se pojedinačno ošišu kao što je prikazano u nastavku.
Međutim, nisam lud za distribucijom boja. Čini se da su nasumično implementirani na mjestima na stranici, samo zbog varijacije, umjesto da se primjenjuju sa svrhom i logikom. Razmislite o svakom vašem izboru boja i kako se povezuje s ostatkom sadržaja na stranici.
Logo
Njegov položaj u gornjem lijevom dijelu stranice čini ovaj logotip prvim stvarima koje korisnici vide kada posjete pozornicu. Želite iskoristiti ovu priliku kako biste napravili snažan prvi dojam. Nažalost, osjećam da se ovaj logotip približava.
Vidim kako se blokovi obrađuju na slovima, pretpostavljam da se vežu uz prezime dizajnera, ali to jednostavno ne djeluje. SB ima prilično lošu čitljivost i osjeća se pomalo zastario.
Navigacija i zaglavlje kao cjelina
Područje za navigaciju je prilično jednostavno, samo neki tekst s vodoravnim razdjelnicima i podvlakom koji označava trenutnu stranicu. Sve sam za jednostavnu navigaciju, pa mislim da je ovo područje dobro izvedeno.
Kad pokažite pokazivač iznad veze u navigaciji, pojavit će se ikona ispod logotipa Scott Block. Ovo je uredan efekt koji nikad nisam vidio ovako izvedeno (s efektom lebdjenja toliko daleko od veze).
Kada uđete u područje zaglavlja u cjelini, postoji nekoliko značajnih problema koji bi mogli upotrijebiti adresiranje. Kao što sam rekao gore, efekt lebdenja ikona je uredan, ali uzrokuje neke probleme. Kad se ne nalazite iznad veze u navigaciji, uz kopiju zaglavlja nalazi se veliko prazno mjesto zbog kojeg se pitate zašto nije usklađen ni s čim.
Mogući način da to pomogne je primjena ikone u zadanom stanju koja se mijenja u drugu ikonu kada pokažete iznad veze i prebaci se na izvornu ikonu kada se lebdjelo završi. Nažalost, kada je prisutan efekt pokazivača ikone, logotip i ikona stvaraju nespretan vertikalni niz.
Općenito, negativni prostor na ovom području mogao bi iskoristiti potpuno restrukturiranje. Iza problema s ikonom koja nedostaje, glavni logotip zauzima previše okomitog prostora i stvara neobične praznine.
Izdvojeno područje
Sviđa mi se ponavljanje u dizajnu i mogu vidjeti kako se kutovi u ovom odjeljku zrcale s logotipom, ali s obzirom da on zapravo ne radi na logotipu, isto vrijedi i ovdje. Nagnuta priroda naslova djeluje pomalo čudno, kao i uzorak križanja koji ovdje stvaraju boje.
Podsvjesno vaš mozak želi povezati dva predmeta iste boje, ali ovdje ta dva područja nisu povezana.
Nadalje, postoji niz efekata lebdenja u ovom području koji ne služe nikakvoj svrsi. Kad pokažete miš iznad miša i kreira se kap. Web nas je naučio prepoznati takvu aktivnost kao pokazatelj da je ono što lebdimo iznad područja na kojem je moguće kliknuti. Međutim, ta područja nije moguće kliknuti i uzrokuje da se oni osjećaju kao da stvaraju samo zbrku za korisnika.
Podnožje
Podnožje je prilično jednostavno, ali opet vidimo da bi moglo koristiti dosta rafiniranja.
Prije svega, gumb je na neugodnom mjestu. Prilikom dizajniranja uvijek pazite na to da stvari zalijepite u rupe samo zato što imate mjesta. Ovdje je tekst utvrđen snažnom poravnanjem lijeve strane, ali je tada uništen postavljanjem gumba.
Nadalje, animacija za pokazivanje gumba malo je previše. Ovdje se koristi slikovni sprite i tu je animacija između dva stanja gumba gdje možete vidjeti jedan dio slike kako se izvlači dok drugi klizaju unutra. Nije lako razaznati što se događa u početku i zato je malo nereda.
Opće preporuke
Gore sam izneo nekoliko oštrih kritika i mislim da bi bilo najbolje pokušati sve to povezati. Evo mojih prijedloga:
Za početak, redizajnirajte logotip na nešto modernije i horizontalnije. Zatim postavite tvrdo lijevo poravnanje sve do stranice. Poravnajte područje za navigaciju i blok kopije ispod njega na lijevoj strani stranice i možda pomaknite novi logotip desno.
Promijenite veličinu teksta na stranici kako biste stvorili jasne naslove i prateću kopiju. Sve je trenutno vrlo veliko. Zapamtite: kad sve napravite posebno, ništa nije posebno.
Izbacite trenutne oblike u istaknutom odjeljku i na popisu ogromnih listića (svoje usluge uključite negdje drugdje). Stvorite jedan veliki predstavljeni projektni pregled koji se proteže cijelim područjem sadržaja.
Najzad preradite podnožje tako da se lijevo poravnanje iznad poštuje. Drugim riječima, izvucite taj gumb iz desnog kuta.
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 jasne konstruktivne savjete lišene bilo kakvih oštrih uvreda.
Zainteresirani za kritiku vlastite stranice? Više možete saznati ovdje.
