Tīmekļa dizaina kritika Nr. 11: Skots Bloks
Katru nedēļu mēs apskatām jaunu vietni un analizējam dizainu. Mēs norādīsim gan uz jomām, kas ir labi paveiktas, gan uz tām, kurās varētu izmantot kādu darbu. Visbeidzot, mēs pabeigsim, lūdzot jūs sniegt savu atsauksmi.
Šodienas vietne ir Skotijas Blokas, Merilendas tīmekļa dizainera, personīgais portfelis.
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 Skotu
“Es dzīvoju Kolumbijas Merilendā, tikai īsa brauciena attālumā no Baltimoras un visas valsts galvaspilsētas. Kad man bija divpadsmit gadu, es apvienoju savu aizraušanos ar Baltimoras kraukļiem un pieaugošo interesi par tehnoloģijām, un sāku veidot vietnes par kraukļiem. Kopš tā laika es esmu cītīgi uzlabojis savas prasmes un tagad izveidoju mājas lapas dažādiem indivīdiem un organizācijām. Tagad es prasmīgi apvienoju html ar css, javascript, php un ajax, lai izveidotu skaistas, funkcionālas vietnes. ”
Šeit ir vietnes sākumlapa:
Lai gan šeit noteikti ir kāds potenciāls, šajā lapā ir daudz lietu, ko es varētu labot. Apskatīsim tos pa vienam.
Krāsu shēma
Skota vietnē izmantotās krāsas rada diezgan jauku paleti, kad tās atsevišķi izģērbj, kā redzams zemāk.
Tomēr es neesmu traks par krāsu sadalījumu. Šķiet, ka tie nejauši tiek ievietoti lappusēs vienkārši variācijas labad, nevis tiek izmantoti mērķim un loģikai. Padomājiet par katru izvēlēto krāsu un tā saistību ar pārējo lapas saturu.
Logotips
Tā atrašanās vieta vietnes augšējā kreisajā stūrī padara šo logotipu par pirmo, ko lietotāji redz, apmeklējot skatuvi. Jūs vēlaties izmantot šo iespēju, lai radītu spēcīgu pirmo iespaidu. Diemžēl es jūtu, ka šis logotips drīz parādās.
Es redzu, kā bloku formas tiek pārveidotas burtos, domājams, lai sasaistītos ar dizainera uzvārdu, bet tas vienkārši nedarbojas. SB ir diezgan slikta lasāmība, un tā jūtas mazliet novecojusi.
Navigācija un galvenes kopumā
Navigācijas zona ir diezgan vienkārša, tikai teksts ar horizontāliem dalītājiem un pasvītrojums, lai norādītu pašreizējo lapu. Es visu atbalstu, lai navigācija būtu vienkārša, tāpēc es domāju, ka šī joma ir labi paveikta.
Virzot kursoru virs saites navigācijā, zem Scott Block logotipa tiek parādīta ikona. Šis ir glīts efekts, ko nekad vēl neesmu redzējis šādi izpildāmu (ar lidināmā efektu tik tālu prom no saites).
Apskatot galvenes laukumu kopumā, ir dažas ievērojamas problēmas, kuras varētu izmantot adresēšanai. Kā es teicu iepriekš, ikonas kursora efekts ir glīts, taču tas rada dažas problēmas. Kad jūs nepārvietojaties virs saites navigācijā, blakus galvenes kopijai ir liela tukša vieta, kas liek aizdomāties, kāpēc tā nav pielīdzināta nekam.
Iespējamais veids, kā to palīdzēt, ir noklusējuma stāvoklim piemērot ikonu, kas mainās uz citu ikonu, virzot kursoru virs saites, un, kad kursors beidzas, atgriežas pie sākotnējās ikonas. Diemžēl, kad ir ikonas kursora efekts, logotips un ikona rada neērtu vertikālu kaudzīti.
Kopumā negatīvā telpa šajā jomā varētu izmantot pilnīgu pārstrukturēšanu. Papildus iztrūkstošajai ikonai galvenais logotips aizņem pārāk daudz vertikālās vietas un rada dīvainas nepilnības.
Piedāvātā zona
Man patīk atkārtošanās dizainā, un es redzu, kā leņķi šajā sadaļā atspoguļo logotipa leņķi, bet, tā kā logotipā tas īsti nedarbojas, tas pats attiecas arī uz šo. Virsrakstu slīps raksturs jūtas mazliet savādi, kā arī krustotais šķērsgriezuma raksts, ko rada šeit esošās krāsas.
Zemapziņā jūsu smadzenes vēlas savienot divus vienādās krāsās esošos priekšmetus, taču šeit abi apgabali nav saistīti.
Turklāt šai zonai ir virkne svārstību efektu, kam nav jēgas. Virzot peles kursoru virs sadaļas, tiek izveidota kritiena ēna. Tīmeklis mums ir iemācījis atpazīt šādu darbību kā norādi, ka tas, uz ko mēs virzāmies, ir joma, uz kuras var noklikšķināt. Tomēr uz šīm jomām nevar noklikšķināt, un liekot tām justies tā, it kā tās būtu tikai, lietotājam rada neskaidrības.
Kājene
Kājene ir diezgan vienkārša, taču atkal mēs redzam, ka tā varētu izmantot diezgan daudz uzlabojumu.
Pirmkārt, poga atrodas neērtā vietā. Projektējot, vienmēr esiet piesardzīgs, vienkārši iespraužot lietas caurumos tikai tāpēc, ka jums ir vietas. Spēcīgu izlīdzinājumu pa kreisi šeit nosaka teksts, bet pēc tam to sabojā ar pogas novietojumu.
Turklāt pogas kursora animācijas ir mazliet par daudz. Šeit tiek izmantots attēla sprīts, un starp diviem pogas stāvokļiem ir animācija, kurā var redzēt, ka viena attēla daļa izslīd, kamēr otra slīd iekšā. Sākumā nav viegli pateikt, kas notiek, un tāpēc tas ir mazliet nepatīkami.
Vispārīgi ieteikumi
Iepriekš es izklāstīju diezgan daudz skarbu kritiku, un es uzskatu, ka vislabāk būtu mēģināt to visu sasaistīt. Šeit ir mani ieteikumi:
Lai sāktu, pārveidojiet logotipu uz kaut ko modernāku un horizontālāku. Pēc tam visu lapu uz leju izveidojiet cieto kreiso izlīdzinājumu. Savietojiet navigācijas apgabalu un kopijas bloku zem tā lapas kreisajā pusē un, iespējams, pārvietojiet jauno logotipu pa labi.
Lai izveidotu skaidrus virsrakstus un atbalsta kopiju, mainiet lapas teksta lielumu. Pašlaik viss ir ļoti daudz. Atcerieties: kad jūs visu padarāt īpašu, nekas nav īpašs.
Izmet pašreizējās formas piedāvātajā sadaļā un milzu sarakstu ar aizzīmēm (iekļauj savus pakalpojumus kaut kur citur). Izveidojiet vienu lielu Featured projekta priekšskatījumu, kas visā satura apgabalā sniedzas līdz galam.
Visbeidzot pārveidojiet kājeni tā, lai tiktu ievērota augšējā kreisā mala. Citiem vārdiem sakot, izvelciet šo pogu no labās puses stūra.
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 jūs arī cienīt vietnes dizaineri un piedāvāt skaidrus konstruktīvus padomus bez jebkādiem skarbiem apvainojumiem.
Vai jūs interesē, vai jūsu vietne tiek kritizēta? Jūs varat uzzināt vairāk šeit.
