Kritika web dizajna # 71: Najslađa šapa

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 Cutest Paw, svjetska galerija fotografija životinja. Uskočimo unutra i vidimo što mislimo!

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 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 simpatičnoj šapi

Ova web stranica definitivno uzima nagradu za našu većinu "awwww" kritika na mjestu ikada. Ova stranica doslovno nije ništa drugo nego beskrajni niz fotografija slatkih i smiješnih životinja. Kako možemo podnijeti gledanje takvog i još uvijek moći pružiti konstruktivnu povratnu informaciju bez ometanja uspavanih štenaca? Srećom, 100% smo posvećeni pomaganju kreativcima u poboljšanju njihovih odluka. Zadržite se psići, imamo posao koji moramo obaviti.

Evo snimka zaslona početne stranice:

Prvi dojam

Kad god ocjenjujem dizajn, nadilazim estetiku i postavljam pitanje šta je svrha djela i ispunjava li taj cilj ispunjeni cilj. Cilj je za korisnika jednostavno: pregledati puno i puno fotografija. Čini se da se mjesto Cutest Paw prilično dobro služi svojoj svrsi. Izgled je optimiziran za maksimalno korištenje prostora i ne troši previše piksela na nekritične suvišne bombone za oči.

Kao i prošlotjedna dizajnerska kritika, i ova će biti prilično kratka. Web stranica Cutest Paw vrlo je jednostavna, tako da nema puno kritike. Međutim, kao i uvijek, imam nekoliko povratnih informacija za koje vjerujem da će pomoći dizajneru da poboljša web mjesto. Uskočimo unutra i započnite.

raspored

Ova je web stranica sjajan primjer korisnosti jQuery Masonry-a, fantastičnog dodatka za izgled koji uistinu onemogućuje postavljanje jednostavnih problema. Ljepota Masonry-a je u tome što odustaje od CSS-ovog ponašanja koje postavlja vodoravni izgled prije vertikalne distribucije sadržaja. Umjesto toga, stvara lijepu, usku okomitu hrpu, slično načinu postavljanja cigle.

Rezultat u ovom slučaju je nevjerojatno tijesna mreža slika koja, kao što sam već spomenula, doista povećava broj fotografija koje se mogu pregledati u malom prostoru. Web stranica također koristi beskonačnu tehniku ​​pomicanja koja nastavlja učitavanje sadržaja dok se krećete po stranici.

Kombinacija zidarskog izgleda i beskonačnog pomicanja nedavno je Pinterest postao prilično popularan, o čemu ne možete razmišljati kada razmišljate o ovoj web stranici. Kombinacija ove dvije tehnike omogućuje neviđenu lakoću pregledavanja. Za usporedbu, paginacija zahtijeva toliko truda od strane korisnika. Ovdje se samo pomičete i pomičete sve dok niste vidjeli sve što treba vidjeti ili se odlučite preći na nešto drugo.

Bočna

Budući da se sadržaj stalno pomiče, postaje neophodna pomalo fiksna navigacija. Pinterest koristi traku na vrhu stranice, Cutest Paw ide svojim putem i implementira zaostajuću bočnu traku koja brzo nadoknađuje dok se krećete po stranici. To je prilično učinkovito, ali moram priznati da animacija, koja je u početku pomalo šarmantna, brzo postane zbunjujuća i pomalo smeta.

Bočna traka je lijepo dizajnirana i jasno organizirana, s gledišta upotrebljivosti (animacija na stranu) prilično dobro urađena. Lijepo je vidjeti ovdje aktiviran gumb "Natrag na vrh", čim sam se počeo pomicati, odmah sam potražio jedan od njih i lako ga pronašao. Međutim, to bi moglo biti učinkovitije kao neka vrsta slijeganja na vrhu ili dnu s desne strane snopa fotografija, a to bi bilo mjesto na kojem će vjerojatno biti usmjerena pažnja korisnika i smanjiti potrebu za tim.

Tema

Cjelokupnu estetiku stranice vrijedi raspraviti, u stvari, to bi mogla biti jedna od najistaknutijih točaka za razmatranje. S jedne strane stranica je atraktivna. Crna pozadina je elegantna, elegantna i pomaže fotografijama da se zaista istaknu. S druge strane, pozadina, pa čak i oni pridjevi koje sam upravo koristio, izgledaju pogrešno za ovu web stranicu.

Riječi poput "slatko" i "neizrazito" opisuju sadržaj, a vizualna tema web lokacije je crna grunge tekstura. Ova dva koncepta izgledaju kao polarne suprotnosti i stvaraju svojevrsni vizualni disonancu. Kao što sam već rekao, veliki sam zagovornik korištenja dizajna ne samo kao slatkiša za oči, već za jačanje svrhe i poruke. Dizajn vaše stranice prenosi osobnost i kad tu osobnost pogrešno umanjite, utjecaj i uspjeh projekta. Sklapanje pojmova u ovom dizajnu uvelike podsjeća na gledanje bicikla obučenog tetovažom od 300 kilograma koji podučava predškolski razred, a njih dvoje se jednostavno međusobno prepiru.

Dizajner je nacrtao izgled, koji je iskreno često najteži dio na ovakvom mjestu. Sada je vrijeme da u potpunosti tematizirate izgled web mjesta uz održavanje jezgrene strukture. Započnite s prijaznijom shemom boja i / ili upotrijebite znatno manje zaglađene teksture. Možda nešto što odaje mekani osjećaj (bez da je ružno i gipko). Pogledajte suptilne obrasce za neke sjajne resurse.

Logo

Logotip je prikazan na prethodnoj snimci zaslona. Očito je vrlo pogodan za mjesto, šapa je trenutno relativan simbol. Kao logotip, on ima veliku manu u činjenici da je tako općenit. To je krug sa šapom u njemu, možda bi prva stvar, 99 od 100 ne-dizajnera, smislila upute kako stvoriti logotip šape.

Problem s tim je što ga zapravo ne možete posjedovati. Ako izgledate dovoljno teško, vjerojatno biste mogli pronaći nešto slično za mnoštvo poduzeća i web mjesta. Možda ne tražite izgradnju globalnog branda, ali cijela poanta logotipa i dalje je imati nešto što daje znak vašoj marki (ma koliko maloj) i učinilo prepoznatljivom. Ovo nije visoko na listi prioriteta, ali dugoročno bih preporučio da istražite nešto malo jedinstvenije.

Pošaljite stranicu

Kao što sam napomenuo na početku ovog članka, ovo je web mjesto prilično jednostavno pa ćemo to ubrzo završiti. Posljednje što bih želio razgovarati je stranica na koju korisnici mogu otići da pošalju svoje vlastite fotografije:

Problem koji imam sa ovom stranicom je vrsta početnog efekta koji se događa. Imate snimku zaslona web stranice bačene na web stranicu koja izgleda vrlo slično. Nagnuta je tako da se malo ističe, ali svejedno je uznemirujuća kombinacija. Ovdje je problem što su pozadina stranice i slika u osnovi iste, tako da se slika ne razlikuje na bilo koji značajan način. Preporučujem da proučite učinak takta i obrežete rešetku slike uz još veće zumiranje. Kao jednostavan izlaz ovdje možete jednostavno staviti veliku, slatku životinju koja nekako prenosi ideju dijeljenja, prenošenja itd.

Zaključak

Ukratko, evo kratkog popisa mojih razmišljanja o dizajnu.

Dobro

  • Izgled: ovo je savršena uporaba za zidanje jQuery
  • Beskonačno pomicanje: pregledavanje čini jednostavnim
  • Jednostavna, ali učinkovita navigacija

Potrebe rade

  • Opća estetika: previše mračno i hrapavo
  • Logotip: previše generički
  • Stranica za prijavu: snimka zaslona ne radi

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.

© Copyright 2024 | computer06.com