Tīmekļa dizaina kritika Nr. 40: FanExtra
Laipni lūdzam mūsu 40. dizaina kritikā! 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 FanExtra, fantastiska resursu vietne dizaineriem.
Izpētiet Envato elementus
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 FanExtra
“Tas viss sākās ar garu vasaru pirms vairāk nekā diviem gadiem un aizraušanos ar dizainu. Pēc dažu tajā laikā izlikto Photoshop apmācību izbaudīšanas es nolēmu uzrakstīt dažas savas. Šim mērķim izveidoju emuāru (PSDFAN.com) un sāku to izmantot kā savu radošo noietu. Es gribēju piedāvāt vairāk mūsu augošajai sabiedrībai un spēt attīstīt PSDFAN par kaut ko lielāku. Doma par FanExtra radās drīz! FanExtra tīkls ir vieta, kur dizaineri no visas pasaules pulcējas kopā un izpēta viņu idejas un radošumu. Jūs varat pievienoties diskusijām mūsu forumos vai patiešām turpināt mācības, izmantojot mūsu FanExtra dalības programmu. ”
Šeit ir mājas lapas ekrānuzņēmums:
Sākotnējais iespaids
FanExtra ir viens no visinteresantākajiem dizaina kritikas gadījumiem, kāds mums vēl bijis. Iemesls tam ir tas, ka tā faktiski ir patiešām pievilcīga lapa, bet tā, kuru es ieteiktu, ir gandrīz pilnībā jāpārdomā.
Visas lapas sadaļas, sākot ar logotipu un beidzot ar sīktēliem, izskatās lieliski. Tomēr, aplūkojot lapu kopumā, papildus lielākajai problēmai, kas ir galvenā ziņojuma paziņošanas skaidrība, ir arī dažas patiesas problēmas ar katras sadaļas plūsmu.
Šī problēma ir diezgan izplatīta un rodas sakarā ar ļoti netīru vārdu tīmekļa dizainā: pieņēmums. Šeit dizainers, iespējams, ir tuvu projektam, un tāpēc viņam, protams, ir grūti redzēt, ka kāds apmeklētājs, iespējams, nesaprot, kas notiek. Tiek pieņemts, ka apmeklētājs, kurš atrod šo lapu, zinās, kas ir “FanExtra”, kas šeit noteikti nav kaut kas tāds, kas būtu jāpieņem.
Paziņojums
Piezemējoties tīmekļa lapā, jūs instinktīvi analizējat galvenes laukumu tādā pašā veidā, kā jūs analizētu ēdienkartes ātrās ēdināšanas restorānā. Iespējamie jautājumi ir: Kur es esmu? Cik tas maksā? Ko viņi man iedos par manu naudu? Vai viņi pasniedz koksa vai Pepsi produktus? Ok, varbūt pēdējais jautājums šeit neattiecas.
Mans viedoklis ir tāds, ka, aplūkojot šīs vietnes galveni, tā nepietiekami risina visus šos svarīgos jautājumus:
Mēs redzam, ko vietne sauc (FanExtra), kopā ar lielu lauku, lai reģistrētos. Vai tas nozīmēs, ka esmu reģistrējies tīklam? Tātad, vai tas ir bezmaksas pakalpojums? Labajā pusē mēs redzam kaut ko, kas norāda uz “pamācībām”, kas mūs ved uz pareizā ceļa, kam seko vārdi, piemēram, “faktūras” un “vektori”, kas apzīmē diezgan specifisku žargonu.
Ja es esmu dizainers, šajā brīdī es droši vien esmu izdomājis, kas notiek zināmā mērā, bet vai tas tiešām ir mērķis šeit? Vai apmeklētājam vajadzētu atrast norādes un izmantot tās, lai interpretētu, kas ir vietne?
Noslēpums ir atklāts
Kad mēs nonākam mājas lapas vidū, tiek atklāts noslēpums:
Tagad mēs redzam, ka FanExtra ir “satriecošu apmācības vietņu tīkls”, kas piedāvā dalības maksu par USD 9 mēnesī. Šī ir vienīgā vissvarīgākā saziņa lapā, un tomēr tā ir aizvietota līdz pusei lapas. Tam vajadzētu būt pirmajam, ko lietotājs redz.
Patiesībā es domāju, ka šī ziņa varētu būt vēl skaidrāka. Frāze “satriecošās apmācības vietnes” joprojām ir diezgan neskaidra, ja par to domājat no malas skatpunkta. Kaut kas līdzīgs “satriecošām apmācības vietnēm radošajiem profesionāļiem” šo paziņojumu patiešām aizvedīs daudz tālāk. Tūlīt jūs esat piestiprinājis savu mērķauditoriju tieši uz deguna, lai, atrodot šo lapu, es redzētu jauku siltu sveicienu, kas informē, ka šī vietne ir paredzēta tieši tādiem cilvēkiem kā es.
Vizuāls kontrasts salīdzinājumā ar vizuālu jucekli
Vēl viena problēma, ko es redzu saistībā ar ziņojumapmaiņu, ir tā strukturēšana no vizuālā viedokļa. Apskatīsim primāro komunikāciju pašreizējā formā:
Šeit mēs redzam triju rindu kaudzi, no kurām katra izmanto dažādu krāsu tekstu un nelielas viena un tā paša fonta variācijas gan treknrakstā, gan lielumā. Es varu un esmu uzrakstījis veselus rakstus par dizaina pretstatu, bet tas, par ko tas izriet, vislabāk ir pateikts dizaina autora Robina Viljamsa ieteikumā “Neesiet pimpis”. Ar to viņa saprot, ka, lai efektīvi izmantotu kontrastu, elementiem patiešām ir jānošķir viens no otra, pretējā gadījumā rezultāts ir vienkārši vizuāls juceklis.
Noskatieties, kā cita populārā dizaina dalības programma Think Vitamin strukturē viņu lapas galveno ziņojumu.
Šeit mēs redzam milzīgu, masīvi pārspīlētu kontrastu starp virsrakstu un apakšvirsrakstu. Rezultāts ir skaista un skaidra komunikācija, kas skan lieliski. Cilvēki, kas pārlūko lapu, virsrakstu lasa gandrīz nejauši, un, ja viņus interesē vēl vairāk, viņi var veltīt laiku, lai izlasītu apakšvirsrakstu.
Funkcijas
Lapa beidzas ar masīvu aizzīmju punktu komplektu, kas virzās pa kreiso pusi. Tas ir diezgan neērts vietas izmantojums un rada neērtu spraugu labajā pusē.
Ātrais labojums ir vienkārši sadalīt aizzīmju punktus divās atsevišķās grupās:
Tomēr galu galā tas ir joslas atbalsts, un es domāju, ka lapa faktiski varētu izmantot kādu lielu operāciju. Par to īsi pievērsīsimies nākamajā sadaļā.
Mani “lielā attēla” ieteikumi
Ja godīgi, es nedomāju, ka nesadalītā dubultās kolonnas iestatīšana darbojas šajā vietnē. Tas ir pārāk stingri un faktiski traucē dabisko saziņas plūsmu, nevis atvieglo to, kas ir strukturēta izkārtojuma mērķis.
Mans ieteikums ir pilnībā izmest šo izkārtojumu. Vispirms nolaidiet stingro dubultās kolonnas struktūru. Pēc tam pārvietojiet primāro saziņu uz lapas augšdaļu. Izveidojiet lielu “piedāvāto” lodziņu, kas aptver visu lappuses platumu un izceļ daļu no satura, kuru vēlāk sadalāt (140+ faili, 40 vektori utt.). Pārliecinieties, ka virsrakstā ir izteikts kontrasts, kristāldzidri formulējumi un mērķauditorijas atlase un maksimāli divas krāsas, kas lieliski izskatās kopā.
Visbeidzot, pēc tam, kad esat izveidojis šo satriecošo galvenes apgabalu, kas lieliski pārzina vietnes izveidi, kam tā paredzēta, un pamatus tam, ko tā satur, varat koncentrēties uz citas informācijas organizēšanu zem tās, iespējams, divu vai trīs kolonnu formātā.
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.
