Kritika web dizajna # 45: Optimizirana tvrtka za kablove
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 Optimization-World.com, dom tvrtke Optimized Cable Company.
Istražite dizajnerske resurse
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 optimiziranoj kabelskoj tvrtki
Svaki kabel koji se prodaje u Optimized Cable Company zajamčen je za život. Ako vaš kabel ikad ne uspije, vratite nam ga radi zamjene bez ikakvih problema. Iznimno se ponosimo što nudimo visokokvalitetne kablove po vrlo fer cijenama. Nemojte preplaćivati kablove u robnim kućama. Naručite kod nas i iskoristite našu posebnu besplatnu dostavu. Mi vam ne dajemo ni-ni cime. Cijena koju vidite je cijena koju plaćate.
Ovdje je odjeljak početne stranice:
Početni dojam
Ovdje djeluje nekoliko dobrih ideja, međutim u cjelini dizajn vrlo zrcalno odražava nešto što bi bilo prilično uobičajeno prije desetak godina. Trendovi web dizajna nešto su što zaslužuje pažnju kada se odlučite dizajnirati web mjesto. Ne tako da možete oponašati ideje drugih, već kako biste osigurali da se vaš konačni proizvod osjeća moderan i relevantan.
Kao dizajneri, previše nam je lako da bismo se zaglavili u pristupu projektu. Negativni učinak toga je taj da se svijet mijenja dok ostajemo isti. Imati web stranicu koja se osjeća zastarjelom posebno je opasno za internetske trgovine jer se može izravno odnositi na manju prodaju. Posjetitelji se zaustavljaju i iznenada nisu sigurni je li web mjesto sigurno mjesto za trošiti novac. Je li ovo zakonita korporacija koja će zaštititi podatke o mojoj kreditnoj kartici? Ili je sigurnost njihova web mjesta zastarjela? U ovom slučaju mogu se prebaciti na Best Buy bez obzira na cijenu i kvalitetu proizvoda samo zato što se web mjesto osjeća sigurnijim.
Doduše, teško je točno odrediti što razlikuje moderan dizajn od zastarjelog pa ćemo danas probiti i vidjeti možemo li prepoznati koji aspekti izravno utječu na naše dojmove o vremenskom razdoblju.
Zaglavlje
Prvo što plijeni našu pažnju ovdje je logo. Radi se o sjajno sjajnom elementu koji ima osjećaj kao da je iz ranog razdoblja web 2.0. Sjaj i dalje može funkcionirati u mnogim web dizajnovima ako se izvede pravilno, ali ovdje se ovaj poseban element ne nalazi u mjestu. Gotovo ništa drugo na stranici ne odgovara ovom izgledu, uključujući tekst na logotipu, koji više podsjeća na vintage oglas za automobil (više konfuzija u vremenskom razdoblju).
Zatim prelazimo na žuti gradijent. Ova boja zaista krši shemu ostatka stranice. Marketinški stručnjaci vole to jer se ističe, ali iz dizajnerske perspektive jednostavno osjeća da nije u redu. Boje koje se nadopunjuju mogu se istaknuti i izazvati pozornost bez sukobljavanja. Nadalje, čak i bez obzira na ostatak stranice, žuti gradijent je još jedna stvar koja ne odražava trenutne trendove.
Da biste vidjeli što mislim, usporedimo natpis za otpremu na gornjoj web stranici sa istim elementom na web mjestu Staples.
Iz ovoga možemo puno naučiti. Prvo, izgled je puno prostoriji i prostran, sve nije skučeno tako tijesno. Vidimo i jaka poravnanja lijevo, za razliku od relativno slabog poravnanja u sredini. Primijetite da je ključ ovdje suptilno. Postoje gradijenti, pa čak i tekstura stvorena od tankih linija, koje oboje vidimo na web lokaciji Optimizirano. Međutim, na stranici Staples ovi su elementi znatno prikraćeni. I gradijenti i linije lako se propuštaju ako ne obraćate pažnju, što znači da dodaju estetiku bez ometanja.
Boje i teksture
Kako se krećemo po mjestu, možemo pomisliti kako boje i teksture igraju veliku ulogu u dojmu vremenskog razdoblja. Na snimci zaslona dolje vidimo to zajedno sa snažnom uporabom tvrdih uglova s crnim potezima od jednog piksela koji ih graniče. To stvara osjećaj koji me podsjeća na neki posao koji sam učinio jednom klijentu u CMS-u pod nazivom Plone.
Opet, usporedimo to s nekim tretmanima koje vidimo u sličnom području mjesta velikog konkurenta. Snimak zaslona u nastavku prikazuje bočnu traku s početne stranice Radio Shack. Ova tvrtka nije baš savršena slika suvremenih poslovnih praksi, ali pokušavaju održati svoju web stranicu svježom i relevantnijom.
Fotografije i tekst
Uz grafičke elemente na stranici, također morate gledati kako strukturirate obrade slika. Na fotografiji ispod zaista nema dobrog područja solidne boje na kojem bi se stavio tekst, pa je tekst dobio neugodan tretman sjenastih sjena koji će mu pomoći da se istakne.
Ponekad imate fotografiju koja stvarno ne radi s tekstom. Umjesto pokušaja da ih spojite zajedno kad jednostavno ne rade, razmislite o alternativnom putu. Imamo cijeli članak posvećen Dizajnu s fotografijama koji dijeli neke fantastične trikove kako kombinirati tekst i fotografiju na atraktivan i čitljiv način.
Tekst i logotipi
Posljednji dio ove stranice kojem se želim obratiti prikazan je na slici ispod. Ovdje imamo čitav niz logotipa, od kojih su neki nužno potrebni, ali definitivno nisam uvjeren da svi trebaju biti tamo. Akreditacija BBB-a je dobra, ali moram li zaista znati da stranicu koristi američka poštanska služba? Prilično je to s obzirom da ako kupim proizvod putem interneta, isporučit će mi se nekako, a većina nas američku poštansku službu podrazumijeva kao "običnu staru poštu".
Nadalje, logotipi kreditne kartice vjerojatno bi se mogli premjestiti na stranicu za plaćanje. Većina potrošača dovoljno udobna za kupnju putem interneta pretpostavit će da uzimate glavne kreditne kartice.
Konačno, slijedi ogroman blok jednoličnog teksta. Ne postoje zaglavlja, ikone, diferencirani tekstualni tretmani (osim linkova) ili bilo koji drugi trik koji se koristi za razbijanje i poboljšanje čitljivosti. Na prvi pogled ni sam ne znam o čemu se radi u ovom komadu teksta, pa zašto bih uzeo nekoliko minuta da je pročitam?
U web dizajnu jednostavno ne možete očekivati da će se posjetitelji riješiti komada čistog teksta poput ovog. Jedan od stotinu posjetitelja mogao bi zapravo proći prvi odlomak, ali to je vrlo optimistično. Znači li to da ne možete imati puno teksta na web stranici? Apsolutno ne. Samo je morate naučiti razbiti na smislene i upravljive dijelove koji se mogu brzo pregledati radi relevantnih informacija.
Dizajneri na MailChimp-u su u tome sjajni i uvijek se obraćam njihovom radu kada raspravljam o ovoj temi. Njihova nedavna rješavanje problema s web-mjestima sadrži stranicu značajki koja je puna teksta, ali provjerite kako su s njima postupili:
Ovdje se koriste snažna zaglavlja, kratki blokovi teksta i slike koji nagovještavaju sadržaj kako bi se sav ovaj sadržaj učinio lako probavljivim.
preporuke
Da biste ovu stranicu uveli u 2011. godinu, preporučujem dizajnerima da strogo razgledaju druge web stranice, kako na svom terenu, tako i izvan njih (naša dizajnerska galerija kreirana je upravo za ovu svrhu). Istražite više o tome što razlikuje moderne web lokacije od trendova i taktika viđenih na optimiziranom mjestu.
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.
