Web dizaina kritika # 42: Pēteris un Džeimss
Katru nedēļu mēs apskatām jaunu vietni un analizējam dizainu. Mēs norādīsim uz abām jomām, kas ir labi paveiktas, papildus tām, kurās varētu izmantot kādu darbu. Visbeidzot, mēs pabeigsim, lūdzot jūs sniegt savu atsauksmi.
Šodienas vietne ir Pēteris un Džeimss, tiešsaistes juvelierizstrādājumu mazumtirgotājs.
Izpētiet dizaina resursus
Ja vēlaties iesniegt savu vietni, lai tā būtu redzama turpmākajā dizaina kritikā, tas prasa tikai dažas minūtes. Par jūsu dizaina kritizēšanu mēs iekasējam 34 USD - ievērojami mazāk, nekā jūs maksātu konsultantam par jūsu vietnes apskati! Jūs varat uzzināt vairāk šeit.
Par Pēteri un Džeimsu
“Runājot par smalkām rotaslietām, Pīters un Džeimss pārdod tikai labākās lietas. Sākot no skaistiem dārgakmeņiem, kas iestrādāti satriecošā sudrabā un baltajā zeltā, līdz mūsu slavenajai žilbinošajai itāļu acs dimanta rokassprādzes kolekcijai, katrs gabals, ko atradīsit mūsu vietnē, ir patiesi izcils. Mēs esam apņēmušies sniegt klientiem vislabāko pieejamo cenu, kvalitāti, servisu un dizaineru rotaslietu izvēli. Mēs sekojam karstākajiem stiliem un modes tendencēm, lai nodrošinātu, ka vienmēr tiešsaistē piedāvājam jaunākās un pieprasītākās rotas. ”
Šeit ir mājas lapas ekrānuzņēmums:
Sākotnējais iespaids
Mans sākotnējais iespaids šeit noteikti ir pozitīvs. Pīters un Džeimss ir lieliska tīmekļa vietne. Mājas lapa ir ārkārtīgi vienkārša, kas ir lieliski piemērota, lai pievērstu jūsu uzmanību sievietes foto ar aproces iedarbību.
Izmaiņas, kuras es šodien ierosināšu, ir diezgan mazas, ņemot vērā kopējo dizainu. Pat lieliski dizaineri vienmēr varēja izmantot papildu acu komplektu, lai ķemmētos un ieteiktu veidus, kā uzlabot projekta noformējumu un izmantojamību.
Sāksim ar sarunu pa galvu, lai redzētu, ko varam uzlabot.
Galvenes izlīdzināšana
Pirmā problēma, ko es pamanu, apskatot lapas augšdaļu, ir tāda, ka horizontālā izlīdzināšana objektiem gan kreisajā, gan labajā pusē ir nedaudz nejauša.
Patiesībā es redzu, ko dizainers dara, un tas patiesībā ir diezgan tīšs. Apakšējie priekšmeti ir domāti ar nelielu atkāpi, kas ir izplatīta prakse izkārtojumā. Tomēr šeit problēma ir tā, ka lapa ir tik vienkārša, ka tajā ir tikai daži objekti. Ja būtu vairāk pielīdzināšanas zemāk, tas varētu darboties labāk, bet tā stāvam gandrīz šķiet, ka katram priekšmetam ir sava unikālā horizontālā pozīcija, kas rada nedaudz pārblīvētu sajūtu.
Vienkāršs risinājums ir primārā attēla izmantošanu kā spēcīgu malu, kurai var sekot abās pusēs. Pogas labajā augšējā stūrī, iespējams, var palikt tur, kur atrodas, bet es iesaku navigāciju virzīt pa kreisi un meklēšanas lauku pa labi, lai galvenes elementi izskatās aptuveni līdzīgi attēlam zemāk.
Navigācija virziet kursoru
Vēl viena niecīga iespējamā izmaiņa ir navigācijas saitēm pievienot pamanāmu svārstību efektu. Šīs nav tik daudz estētiskas izmaiņas, bet gan neliels lietojamības palielinājums. Redzot, ka planšetdatorā notiek būtiskas izmaiņas, tiek sniegtas pozitīvas atsauksmes lietotājam un tiek nodrošināts, ka viņi rīkojas pareizi. Jūs vēlaties, lai viņi virzītos uz navigācijas un noklikšķinātu tālāk vietnē, tāpēc pievienojiet nelielu efektu, kas pastiprina šo darbību.
Pašlaik kursors mainās, bet es neesmu pārliecināts, ka ar to pietiek. Krāsa vienmēr ir cita iespēja, bet es neesmu pārliecināts, ka tā šeit ir piemērota. Vienkāršu pasvītrojumu var ieviest ar minimālu CSS un tas saglabās dizaina eleganci, vienlaikus pievienojot skaidru vizuālo atgriezenisko saiti.
Primārais attēls
Patieso estētisko pievilcību šajā lapā var attiecināt uz iepriekš redzēto lielo attēlu. Tas lieliski nosaka vietnes toni un piešķir lapai skaidru fokusa punktu. Mana vienīgā šī attēla problēma ir tā, ka es vēlos vairāk!
Šajā vietnē tiek pārdoti auskari, kaklarotas, aproces un gredzeni. Šis attēls parāda tikai aproces. Es domāju, ka šeit ir daudz potenciāla, lai vietne justos dinamiskāka un piesaistītu dažus klikšķus citām sadaļām.
Es iesaku imitēt šo stilu un to sadalīt četros dažādos attēlos, pa vienam katrai sadaļai. Šeit jums ir divas izvēles iespējas. Pirmais ir vienkāršs slaidrāde. Nekas iedomātā vai novērš uzmanību, tikai pēc dažām sekundēm lēns izšķīst nākamajā attēlā. Ja jūs neesat slaidrāžu ventilators, iespējamā alternatīva ir nejauši izvēlēta parādīšanās, kad lapa tiek ielādēta kā viens no četriem attēliem. Es dodu priekšroku pirmajam variantam, bet pēdējais var radīt interesantas A / B pārbaudes, lai redzētu, kurš scenārijs rada labākus pirkuma rezultātus.
Piedāvātie produkti
Piedāvāto produktu sadaļa parādās tieši zem galvenā attēla. Šajā sadaļā ir daudz, kas patīk, taču dažās jomās tas ir arī nedaudz aptuvens. Pirmkārt, hover efekts ar aproces palīdzību ir lielisks. Novietojot peles kursoru virs rokassprādzes, fotoattēls apgriežas, lai parādītu otru pusi. Šis ir fantastisks un jautrs risinājums trīsdimensiju produkta parādīšanai divdimensiju telpā.
Kā redzat attēlā iepriekš, virzot kursoru, tiek parādīts arī šis mazais cenu / informācijas lodziņš. Es mīlu šo ideju, bet izpilde jūtas nedaudz neveiksmīga. Kopumā pieejamā telpa tiek izmantota neveikli. Cena un apraksts ir nospiests pārāk tālu līdz malām, un viņiem nav daudz iespēju elpot. Arī abas apakšā esošās pogas ir dīvaini nospiestas pa labi, nevis līdz galam, tikai tik tālu, lai tās nebūtu precīzi vai labi, vai centrā.
Mans ieteikums šeit ir tikai pavadīt laiku spēlējoties ar šiem elementiem, lai redzētu, kā labāk izmantot šo vietu. Pārkārtojiet katru vienumu, pielāgojiet dažu elementu lielumu un pārbaudiet, vai nevarat nākt klajā ar kaut ko mazliet pievilcīgāku un lasāmāku.
Zemāk redzamais attēls ir mans ātrs divu minūšu mēģinājums. Tas nav labākais, bet tas vismaz parāda labu vispārēju ideju par to, kā telpu izmantot nedaudz efektīvāk.
Produktu fotoattēli
Mans pēdējais komentārs šajā jomā attiecas arī uz produktu lapām. Es neesmu liels ventilators no tā, kā šobrīd tiek parādīti produkti. Tam ir vairāki iemesli. Pirmkārt, Photoshop pilienu ēnas ir nedaudz raupjas. Es neesmu pārliecināts, vai viņi ir pārāk tumši, nav pietiekami mīksti vai abi, taču ar nelielu laika ieguldījumu tie varētu izskatīties daudz reālistiskāki. Pašlaik tie izskatās nedaudz sierīgi un mazliet pazemina lapas kvalitāti.
Arī slīpumi ir nedaudz neērti. Šķiet, ka tie pārkāpj kopējo lapas vizuālo shēmu. Grūti precīzi noteikt, kāpēc tas tā ir, bet es domāju, ka var būt, ka tie ir vienkārši pārāk tumši gradienta apakšējā pusē. Mēģiniet to atvieglot un padarīt slīpumu smalkāku.
Arī fotogrāfija visā vietnē patiešām nav tik pievilcīga, kā vajadzētu. Šie ir augstākās klases izstrādājumi, kuru izmaksas ir simtiem un pat tūkstošiem dolāru, tomēr fotoattēli ir sava veida tumši un neglīti. Par laimi es nedomāju, ka fotosesija ir jāpārskata. Esmu diezgan pārliecināts, ka attēliem vienkārši nepieciešama zināma pēcapstrādes mīlestība.
Vietnes dizains šeit prasa augstas atslēgas fotografēšanu, un šie attēli to vienkārši atpaliek. Lai gan ir tonna, ko jūs varētu un vajadzētu darīt, lai katru fotoattēlu sakārtotu, taču pat vienkārša līmeņu pielāgošana ir tāla darbība, paspilgtinot šīs vidējās skaņas un pievienojot nelielu kontrastu. Šeit ir vēl viens ātrs un netīrs priekšskatījums ar gaišākiem slīpumiem un spilgtiem attēliem.
Tagad kontrastējiet to ar to, ar ko sākām, un jūs varat skaidri redzēt mūsu veikto izmaiņu efektu.
Uzziniet, cik liela ir atšķirība, veicot dažas nelielas korekcijas? Iedomājieties, cik daudz labāk šķistu katrs produkts, nopietni cenšoties uzlabot estētisko kvalitāti. Daudzi no attēliem ir tik līdzīgi, ka vienā no tiem varētu ierakstīt Photoshop darbplūsmu un ātri pielietot visiem tiem, nevis stundām ilgi bīdīt katru attēlu.
Secinājums
Kā jau minēju iepriekš, vairums ieteikto izmaiņu ir diezgan minimālas. Izlīdzinot izlīdzināšanu, pievienojot kursora efektus, tie ir vienkārši iespējamie uzlabojumi, kas ne vienmēr ir ārkārtas gadījumi.
Ja jums ir tikai laiks un resursi, lai risinātu kādu no iepriekšminētajiem jautājumiem, iesaku doties pēc produktu prezentācijas. Es stingri uzskatu, ka attēli to pašreizējā stāvoklī lieki pazemina vietnes kvalitāti tālu zem tā, kā tai ir potenciāls. Interneta veikalā produktu fotogrāfijas ir viena no vissvarīgākajām lietām, lai pareizi sakārtotos, un tomēr šeit es domāju, ka tās ir jomas, kurām visvairāk pietrūkst.
Jums nav obligāti precīzi jāseko manām izmaiņām, vienkārši mēģiniet aptvert galvenās problēmas, kas saistītas ar produktu izskatu, un atrodiet savus risinājumus uztvertās kvalitātes uzlabošanai šajās jomās.
Tava kārta!
Tagad, kad esat izlasījis manus komentārus, piesakieties un palīdziet, sniedzot dizainerim dažus papildu padomus. Paziņojiet mums, kas, jūsuprāt, ir lielisks attiecībā uz dizainu un kas, jūsuprāt, varētu būt spēcīgāks. Kā vienmēr, mēs lūdzam arī jūs ievērot vietnes dizaineru un piedāvāt skaidrus konstruktīvus padomus, neņemot vērā bargos apvainojumus.
