Tīmekļa dizaina kritika Nr. 29: MadeFreshly
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 MadeFreshly.
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 24 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 MadeFreshly
“Iepirkumu grozs ar garšu. Tendences mainās, tāpat kā jūsu tiešsaistes veikalā. MadeFreshly piedāvā jaunu grozu jūsu iepirkumu grozam. ”
Šeit ir mājas lapas ekrānuzņēmums:
Pirmais iespaids
Tieši pie sikspārņa es varu teikt, ka man ļoti patīk MadeFreshly dizains. Šeit ir vairākas lieliskas dizaina idejas un quirks, par kurām mēs runāsim tālāk. Man noteikti ir daži uzlabojumu ieteikumi, taču lielākoties tā ir lieliska vietne, ko izveidojuši ļoti talantīgi dizaineri.
Mana lielākā kvalifikācija, iespējams, ir no konceptuālā viedokļa. Tā noteikti ir subjektīva kritika, tāpēc jūtieties brīvi to pilnībā ignorēt, bet man šķiet dīvaini, ka vietnes vizuālais attēlojums ir pretrunā ar metaforu, kuru vietnes nosaukums ir uzstādījis vietā. “MadeFreshly” varētu norādīt uz vairākām lietām: pārtiku kopumā, cepeškrāsnīm, kas ir karsta no cepeškrāsns (šī ir vieta, kur, manuprāt, iet), kaut ko dabas iedvesmotu vai pat kaut ko jaunu un spīdīgu.
Tomēr dizaineris vietnei ir izvēlējies nelielu grunge izskatu. Fons ir novecojusi faktūra, un virsrakstiem ir arī nedaudz grunge. Tas atkal rada lieliska izskata lapu, taču tas ir pretrunā ar jēdzienu “svaigs”.
Saturam vienmēr vajadzētu būt pirms un noteikt dizainu. Projektēšana ap vietnes nosaukumu vai vismaz ar to, kas nav pretrunā ar vārdu un iepriekš izveidoto metaforu, palīdz visam sasaistīties un vienkārši justies “pareizi”.
Piemēram, apskatiet ļoti līdzīgu situāciju vietnē “Formee”, kas piedāvā “svaigas ceptas formas”. Vizuālais ir draudzīgs šefpavāra raksturs, kas pastiprina tagu līniju.
Nekopējiet šo ideju, bet jūs varētu apsvērt, kā jūs varat arī sasaistīt jēdzienu “svaigs” ar lapas vizuālajiem attēliem.
Logotips
Es domāju, ka MadeFreshly logotips ir lielisks. Burtu burts ir diezgan pievilcīgs, tomēr joprojām jūtas unikāls, un glīts kroplojuma efekts vietnei piešķir dziļuma sajūtu. Labs darbs!
Galvene
Virsraksts ir jauks un vienkāršs ar vienkārša teksta navigāciju un viegli pamanāmu pieteikšanās cilni. Apstājieties garām un apskatiet šo laukumu pilnā izmērā, un jūs redzēsit, ka virs šī logotipa ir vienkārši daudz vietas.
Es neiebilstu starp tukšumiem un pat mudinu dizainerus to izmantot diezgan liberāli, taču liela tukša zona ir šausmīgi neērts veids, kā sākt no vietnes. Risinājums šeit ir miris vienkāršs, vienkārši samaziniet šo vietu apmēram uz pusi, un tam vajadzētu izskatīties lieliski. Jūs joprojām saglabāsit daudz vietas, tikai ne tik daudz, lai tas traucētu.
Vēl viena problēma, ko es šeit redzu, ir tas, ka logotips atrodas dīvainā horizontālā stāvoklī. Lapas labajā pusē esošais saturs ir redzams labajā pusē, norādot nevis uz centru, bet uz pamatotu izkārtojumu. Tomēr logotips neatbilst saturam kreisajā pusē, kā arī nav centrēts virs elementa, kas atrodas zem tā (cita attaisnojama pozīcija). Tā vietā tas ir neveikli peldošs pa labi no izlīdzināšanas pa kreisi un pa kreisi no izlīdzināšanas centra.
Vienkāršs labojums ir logotipa nokošana pa kreisi, lai tas sakristu ar saturu zem tā. Tas jau ir gandrīz tur, un vajag tikai vēl vienu labu lāpstu.
Piedāvātā sadaļa
Sadaļa zem galvenes, kuru es patvaļīgi dēvēju par “piedāvāto sadaļu”, ir tā lapas daļa, kas patiešām piesaista jūsu uzmanību. Tam ir vairāk vizuāla svara nekā tam apkārt esošajam saturam, tāpēc tas jūtas svarīgāks, un jūsu acis gandrīz nekavējoties tiek pievērsts tam (visas labās lietas).
Poga “Izveidot veikalu tagad” ir jauka un spilgta, un tā ir spēcīgs aicinājums uz rīcību. Pēc tam, kad esat redzējis pogu, ja jums ir cits skatiens, jūsu acis to atkal vērš ar bultiņu, jauks pieskāriens, kas vēl vairāk pievērš uzmanību vienam no vissvarīgākajiem elementiem visā lapā. Jūs varētu apsvērt pogas pievienošanas efekta pievienošanu tikai kā nelielu UX pastiprinājumu, bet pretējā gadījumā tas ir ciets dizains.
Mans viens strīds ir virsraksta teksts. No vienas puses, tas ir pievilcīgs un rada jauku atkārtojumu logotipā izmantotajam tekstam. No otras puses, tas vienkārši nav ātrs lasījums, vienkārši burtveidola sarežģītības dēļ.
Šī ir viena no tām situācijām, kad estētika un lasāmība ir pretrunā. Ja jūs šeit mainījāt fontu, es stingri uzskatu, ka vietne tai būs mazāk pievilcīga, taču jūs varētu divkāršot to lietotāju skaitu, kuri faktiski lasa virsrakstu.
Jūs varētu apsvērt iespēju eksperimentēt, atstājot skriptā vienu virsraksta vārdu un pārējo pārveidojot par kaut ko nedaudz lasāmāku. Tā, piemēram, “iepirkumu grozs ar” varētu būt mazāks un vienkāršā sans-serif fontā, savukārt “garša” varētu tikt izcelta gan ar lielāku izmēru, gan izmantojot skripta fontu.
Galu galā ir pieņemami, kā tas ir šobrīd, un šie ir tikai ieteikumi, kas jāņem vērā. Būtu lieliski veikt dažus šī elementa AB testus, lai pārliecinātos, vai tā padarīšana lasāmākam var izmērīt ietekmi uz reklāmguvumiem. Ja nē, tad noteikti saglabājiet skriptu.
Trīs augšu sadaļa
Lapas apakšā ir trīs ekrānuzņēmumi ar vārdiem svaigs, vienkāršs un efektīvs. Tas ir āķīgi un neaizmirstami, un sadaļa izskatās satriecoša. Man patīk, ka fona tekstūra beidzas un sīktēlu rāmji pārklājas jaunajā apgabalā. Atkal, dizaineris savam dizainam pievieno nedaudz vairāk dziļuma, lai tas justos daudz reālāk un daudzveidīgāk.
Visas treknās rindkopas
Parasti mēs pieturamies pie Design Critiques mājaslapas, bet šoreiz es mazliet ieskatījos citās lapās. Viena lieta, kurai, manuprāt, ir vērts norādīt, ir rindkopas teksts lapā “Tūre”.
Lēmums padarīt rindkopas treknrakstā vienkārši nedarbojas. Burti izskatās, ka tie ir savstarpēji pieblīvēti un ir diezgan grūti lasāmi. Turklāt, treknrakstā liekot kopiju, jūs samazināsiet treknā galvenes ietekme (galvenais ir kontrasts). Es ieteiktu šim tekstam piešķirt tādu pašu stilu kā nepiespiestajam tekstam zem trim mājas lapas sīktēliem.
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.
