Veebikujunduse kriitika # 95: WPMU DEV

Igal nädalal vaatame uut veebisaiti ja analüüsime kujundust. Toome välja mõlemad valdkonnad, mida on hästi tehtud, lisaks neile, kus saaks mõnda tööd kasutada. Lõpuks küsime teilt enda tagasiside.

Tänane sait on WPMU DEV, WordPressi teemade ja pistikprogrammide turg. Hüppame sisse ja vaatame, mida arvame!

Tutvuge disainiressurssidega

Esitage oma sait!

Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.

WPMU DEV kohta

„WPMU-l on veebis parimad WordPressi, Multisite ja BuddyPressi pluginad ja teemad. Auhinnatud, mida on armastanud 145 436 liiget, lüües seda alates 2004. aastast. See on ainus koht, kust leiate suurepäraseid Multisite teemasid, kuulsat 133-teemakomplekti, hämmastavaid võrgu avalehti ja 100% BuddyPressi ühilduvust. ”

Siin on kodulehe jaotise ekraanipilt:

Esmamulje

"WPMU DEV on ilus sait, millel on tundlik paigutus ja palju suurepäraseid väikeseid puudutusi, mis on piisavad, et see disainer naerataks."

Eelmisel aastal vaatasime samasse võrku / perekonda veel ühte saiti: WPMU.org. See sait tundus pisut tavaline. See nägi välja korralik, kuid sarnanes väga midagi üldmallist välja pakutavat. Lisaks vajas paigutus tööd ja esteetika teatud aspektid, näiteks logo, olid pisut eemal.

Pärast kriitikat on WPMU töökad inimesed selle saidi täielikult ümber kujundanud, hõlmates paljusid minu tehtud kriitika soovitusi. Tulemuseks on uhke uus ajaveeb, mis tegeleb kõigi probleemidega, mis mul vanaga seotud olid. Paigutus on fantastiline (reageerib suurepäraselt alglaadimisele), esteetika on ilus ja kohandatud, isegi logo on ümber kujundatud, et tunda end moodsamana. Nad tõstsid oma mängu tõesti üles ja lõid pargist teise versiooni.

Kui nad palusid mul vaadata WPMU DEV-d, teadsin kohe, kui seda nägin, et need kutid soovivad nüüd suurepärase disaini esmatähtsaks muuta. Nagu uus WPMU.org, on ka WPMU DEV ilus sait, millel on tundlik paigutus ja palju suurepäraseid väikeseid puudutusi, mis on piisavad, et see disainer naerataks. Vaatame sisse, mis teeb selle nii vingeks.

Päis

Alustame ülaosast ja liigume lehel alla. Kui lehte laadite, täidab see teie ekraani graafika:

Mulle meeldib, et esimene asi, mida ma näen, on suur foto huvitavast ja sõbralikust inimesest. Sellel pole just liiga poseeritud ja ametlikku fotofototunnet, vaid see tundub ehtsam ja usutavalt juhuslik. Naise pildi kõrval on positiivne kliendi tsitaat, mis toob naise foto juurde konteksti.

Otse nahkhiire juurest on nad löönud mõne minu lemmikaktika: naeratavad näod ja tõelised kliendi kiitused. See sait ja järelikult ka WPMU DEV tundub minu kui külastaja jaoks sõbralik, ligipääsetav ja usaldusväärne ning ma olen siin olnud vaid mõni sekund!

Kõike seda toetab kindel tegutsemiskutse: lisateave. Praegu on see tõenäoliselt täpselt see, mida ma teha tahan. See link viib teid teisele, võrdselt vingele lehele, kuid praegu peame sellest kinni ja kerime natuke.

Navigeerimine

Enne kui liikuda edasi järgmisse jaotisse, räägime natuke lehe struktuurist. Enamasti on see üheleheline sait. Navigeerimisriba lingid ei vii teid lehtede eraldamiseks, vaid suunavad teid selle sama lehe erinevatele jaotistele. Navigeerimisribast rääkides on see tegelikult väga lahe arendus- ja kujundustöö:

Algselt kuvatakse navigeerimine otse viimase foto naise foto all. Lehe allapoole kerimisel klammerdub see tegelikult teie vaateakna ülaossa. Sel juhul hüppab logo sisse ja tekst vähendab sujuva ülemineku korral selle suurust. See on selline asi, mis mul tõesti välja tuleb, nii et navigeerimine saab minust kaks pöialt.

See ei tähenda pelgalt silmailu, vaid navigeerimisriba kohandub sellega, kus seda kasutatakse. Lehe ülaosas on juba palju brändinguid, nii et logo pole vaja. Allapoole kerimisel hüppab logo meelde, kus te asute, ja on kiire link lehe ülaossa liikumiseks. Äärmiselt funktsionaalne. Äärmiselt atraktiivne. See on võit, võit.

Pistikprogrammide jaotis

Siit hüppate lehe allapoole kerimisel lihtsalt ühest jaotisest teise. Iga sektsioon on ainulaadne ja suurepärase välimusega, sidudes samal ajal suurema kujunduse esteetikaga, mis reguleerib kogu lehte. Siin on esimene jaotis:

Nagu näete, muudavad need muud lõigud päises nähtud värviskeemi (tume taust, heledad esiletõstmised), mis võimaldab mõnusalt kasutada nii kontrasti kui ka kordust. Kui hõljutate kursorit ühe selle piirkonna ikooni kohal, muutuvad graafika pealkiri ja isegi osad erkkollaseks, mis jällegi suurendab kontrasti.

Mulle meeldib see, kuidas need ikoonid välja näevad. Need pole samad minimaalsed ikoonid, mida näete tuhande erineva iteratsioonina pooltel veebisaitidel. Nad tunnevad end palju tavapärasemalt ja neil on mingi isiksus.

Liikmesuse liugur

Järgmisena hüppame mõned lõigud alla ja vaatame tõeliselt asjakohast UI-d, mis aitab teil otsustada liikmeks saamise plaani üle.

Siin on meil kena suur liugur, mis ulatub kogu ekraanini. Liigutades liugurit kuult kolmele kuule ja seejärel kaheteistkümnele, värskendab alumine hind koos teie säästudega. See on suurepärane suhtlemispunkt, millel on võime kaasatust suurendada. See töötab ka tõrgeteta, võimaldades teil liugurit lohistada või lihtsalt hinna uuendamiseks ükskõik kuhu klõpsata. Pole vahet, kust liuguri vabastate, hüppab see üle lähima peatuspunkti.

Arendajad

Selle lehe viimases jaotises, mida tahan vaadata, on kaadrid personalist ja WPMU toetavatest väljatöötajatest / kujundajatest. Lühidalt tundub see üsna tähelepandamatu. Lihtsalt pisipiltide võrk, eks?

Selgub, et need poisid tegid isegi selle jaotise vingeks. Pildi kohal hõljutades näete väikest ülekattet, mis näitab inimese nime ja positsiooni. Liigutage kursor eemale ja ülekate libiseb välja. Lahe osa on aga see, et see libiseb sisse / välja kursori suunas. See tähendab, et libistades kursori vasakult ühelt fotolt teisele, näib, et ülekate järgneb teile. See on suurepärane illusioon, millega pidin enne jätkamist mängima kindla 30 minutit.

Vastuvõtlik paigutus

Enne kui lõpetame, tasub kindlasti märkida, et sait reageerib täielikult. Allpool saate vaadata töölaua-, tahvelarvuti- ja mobiiliversioone:

Pange tähele, kui hästi disain kohandub seda vaatava seadmega. Allapoole liikudes põhisõnum säilib, kuid vähemolulised lisad eemaldatakse paigutuse efektiivsuse huvides.

Suur töö!

"Pidage alati silmas tõkkeid, mida kasutajate ja konversiooni vahel asetate."

Minu arvates on see sait tipptasemel. Kujundus on täiuslik, paigutus reageerib ja sõnumside koht on kohal. Saan kiiresti teada, mis WMPU DEV-d endast kujutab ja mul on olemas teabeallikad kõigi küsimuste jaoks.

Vaatasin tükk aega ringi, püüdes leida midagi, mille üle kaevata ja ausalt öeldes pole seal peaaegu midagi. Ainuke asi, mis mind puudutab, on tegelik registreerumiseks vajalik pingutus. Mingil avalehel pole nuppu „Registreeri kohe”. Kui klõpsan nupul „Lisateave”, suunatakse mind plaanide ja hinnakujunduse lehele. See leht on atraktiivne, kuid enne põhja jõudmist pean miilid üles kerima, kus saan lõpuks plaani valida ja edasi liikuda.

Pidage alati silmas tõkkeid, mida kasutajate ja konversiooni vahel asetate. Kui tulen sellele saidile registreerumise kavatsusega, olen teie parim võimalik külastaja ja soovite veenduda, et dang on kindel, et mul on lihtne ja selge tee, kuidas teile oma raha anda.

Sinu kord!

Nüüd, kui olete minu kommentaare lugenud, astuge sisse ja aidake, andes disainerile täiendavaid nõuandeid. Andke meile teada, mis on teie arvates disainilahenduses suurepärane ja mis võiks teie arvates olla tugevam. Nagu alati, palume teil ka saidi kujundajat austada ja pakkuda selgeid konstruktiivseid nõuandeid, mis ei võimalda ränki solvanguid.