Kritika web dizajna # 26: iPhone Toolbox
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 mjesto je iPhone Toolbox.
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 iPhoneToolboxu
„Prikupljamo najbolje resurse za iphone, uključujući pozadine, ikone, iphone aplikacije i vijesti za iPhone obožavatelje. iPhone Toolbox se također svakodnevno ažurira. "
Ovdje je odjeljak početne stranice:
Prvi dojam
Moja početna reakcija na ovaj dizajn je miješana. Ovdje je snažan početak. Sadržaj je organiziran u modularne jedinice, što znači da početna stranica može sadržavati tonu različitog sadržaja. Ovo je prilično jak temelj na kojem treba graditi i dobar je početak.
Ipak, stranica se ne slaže s kolačićima. Pod tim mislim da se čini da je sadržaj bio forsiran u predložak, a ne da je web mjesto dizajnirano oko sadržaja. Predlošci su sjajni i mogu vam uštedjeti mnogo novca, ali žrtvujete puno mogućnosti robne marke odabirom jedne s tako uobičajenim dizajnom.
Pogledajmo izbliza nekoliko područja web lokacije koja bi mogla poboljšati.
Logotip
Doduše, prilično sam izbirljiv kada je u pitanju razlučivanje i našao sam taj isti prijedlog na nekoliko kritika. Vaš logotip je prvi i primarni prikaz vaše web stranice s kojom će se posjetitelji susresti. Stoga želite da bude svjež i oštar što je više moguće. Logo je ovdje malo na neizrazitoj strani.
Slika je već PNG, ali izgleda kao JPG s niskom razlučivosti. PNG mogu zadržati impresivnu količinu detalja i jasnoće, pa pretpostavljam da problem leži u vašem PSD-u. Obavezno napravite datoteku odgovarajuće veličine i ne započinjte s malim resursima koje ćete nakon toga morati razvući da bi bili veći.
Gdje je naglasak?
Jedan od glavnih problema korištenja takvog modularnog izgleda je taj što je lako izgubiti osjećaj za hijerarhiju. Umjesto jasno definirane strukture komunikacije, imate nekoliko elemenata sa sličnim naglaskom koji se natječu za pažnju. Pogledajte sliku ispod i razmislite o tome gdje leži naglasak. Koji dio stranice najviše privlači vašu pažnju?
Ako biste pitali stotinu ljudi, vjerojatno biste dobili nekoliko različitih odgovora. Jednostavno ne postoji snažna početna točka. Ako ništa drugo, vrh oglasa najjači je vizualni element i zbunjuje gledatelje glede toga je li poruka reklamira vaše usluge ili nečije usluge.
Imajte na umu da dobar dizajn stvara jasan put koji gledatelji trebaju slijediti. Ako se žele, mogu se odvojiti od puta, ali snažni prijedlog bi trebao biti tamo. Vodite ih od jednog do drugog mjesta i ostat će zainteresirani, bacite ih u bazu sadržaja i oni će zatvoriti stranicu i krenuti dalje.
Preporučujem izradu jasnijeg zaglavlja za web mjesto, bilo da se radi o čistom brendiranju ili većem odjeljku s "istaknutim", samo stvorite nešto što se proteže po širini web mjesta što može poslužiti kao snažna vizualna početna točka.
Poravnanje
Okviri u kojima se nalazi primarni sadržaj uspostavljaju jasno poravnanje web mjesta, s lijeve i desne strane. Taj se red prati sve dolje na stranici, ali na vrhu je prekršen. Na slici ispod prikazao sam to crtanjem dva retka koji idu gore iz glavnog sadržaja.
Kao što vidite, i oglas i navigacija jednostavno se ne usklađuju pravilno sa sadržajem web mjesta. Zbog toga web stranica izgleda pomalo neiskreno i gura ideju da je oglas bio duboka zamisao koja je bila prisiljena na dizajn. Predlažem da oglas uskladite s ostatkom sadržaja i pomaknete navigaciju tako da se "Početna" poravna s ostatkom sadržaja ispod njega.
Završne misli
Osim toga, stranica djeluje prilično dobro. Poravnanja su snažna tijekom ostatka, postoje izvrsni efekti lebdenja koji pokazuju kako pozadina izgleda na iPhoneu, odjeljak za tapete ima uredan kutni tretman na slikama, a podnožje stranice izgleda sjajno.
Neke druge stvari koje se mogu opcionalno riješiti uključuju veličinu teksta (osjeća se malo), zaobljene uglove (blago nazubljen) i navigaciju (ponovljene boje). Na kraju, razmislite o dodavanju nekih glavnih kontrastnih točaka na stranicu. Prijedlog zaglavlja koji sam ranije iznio mogao bi biti zaista privlačan ako se radi o tamno sivoj ili crnoj boji koja se proteže na cijeloj stranici. Kontrast je izvrstan način za dodavanje raznolikosti i vizualnog interesa dizajnu.
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.