Veebikujunduse kriitika # 45: optimeeritud kaabellevifirma
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 Optimeerimine-World.com, optimeeritud kaabellevifirma kodu.
Tutvuge disainiressurssidega
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.
Optimeeritud kaabelettevõtte kohta
Igale kaablile, mida müüakse ettevõttes Optimized Cable Company, on eluaegne garantii. Kui teie kaabel kunagi ebaõnnestub, tagastage see lihtsalt meile probleemideta asendamiseks. Oleme uhked, et pakume kvaliteetseid kaableid väga õiglaste hindadega. Ärge makske kaubamajades oma kaablite eest liiga palju. Tellige meilt ja kasutage meie tasuta kohaletoimetamise eripakkumist. Me ei nikli teile niklit. Näete hinda, mida näete.
Siin on kodulehe jaotis:
Esialgne mulje
Siin on tööl siiski häid ideid, kuid tervikuna peegeldab disain väga täpselt midagi, mis oleks olnud kümmekond aastat tagasi üsna tavaline. Veebidisaini suundumused on asi, millele tasub tähelepanu pöörata, kui otsustasite veebisaidi kujundada. Mitte nii, et saaksite teiste ideid lahti lüüa, vaid nii, et tagaksite, et teie lõpptoode tunneks kaasaegset ja asjakohast.
Projekteerijatena on meil projektile lähenedes liiga lihtne takerduda. Selle negatiivne mõju on see, et maailm muutub, kuni me jääme samaks. Veebisaidi omamine, mis tundub vananenud, on veebipoodidele eriti ohtlik, kuna see võib olla otseselt seotud madalama müügiga. Külastajad peatuvad ja pole ühtäkki kindel, kas sait on turvaline koht raha kulutamiseks. Kas see on seaduslik ettevõte, kes kaitseb minu krediitkaarditeavet? Või on nende saidi turvalisus aegunud? Sel juhul võin liikuda Best Buy juurde, sõltumata toodete maksumusest ja kvaliteedist lihtsalt seetõttu, et sait tundub turvalisem.
Tõsi, on raske täpselt määratleda, mis eristab tänapäevast disaini vananenud disainist, nii et täna vaatame läbi ja vaatame, kas suudame tuvastada, millised aspektid mõjutavad otseselt meie muljeid selle perioodi kohta.
Päis
Esimene asi, mis meie tähelepanu siin köidab, on logo. See on tugevalt läikiv element, mis tundub olevat pärit varasest Web 2.0 perioodist. Läige võib korralikult töötada ka paljudes veebikujundustes, kuid siin tundub see konkreetne element kohatu. Selle välimuse ja tunnustega ei vasta praktiliselt miski muu lehel, sealhulgas logo tekst, mis sarnaneb pigem vanaautoauto reklaamiga (rohkem ajaperioodi segadust).
Järgmisena liigume kollasele gradiendile. See värv rikub tõesti ülejäänud saidi skeemi. Turustajatele meeldib see, kuna see paistab silma, kuid disaini seisukohast tundub see lihtsalt kõik valesti. Täiendavad värvid võivad silma paista ja tähelepanu juhtida ilma kokkupõrgeteta. Isegi kui arvestada ülejäänud alaga, on kollane gradient teine asi, mis ei kajasta praeguseid suundumusi.
Et näha, mida ma mõtlen, võrdleme ülaltoodud saidi saatebännerit sama elemendiga Staples'i veebisaidil.
Sellelt saame palju õppida. Esiteks on paigutus palju ruumikam ja avaram, kõik pole nii kitsas. Me näeme ka mõnda tugevat vasakpoolset joondamist, mitte suhteliselt nõrka keskjoont. Pange tähele, et siin on võti peent. Seal on kalded ja isegi õhukestest joontest loodud tekstuur, mõlemat näeme optimeeritud veebisaidil. Klambrite saidil on need elemendid siiski palju vaiksemad. Nii kalleteid kui ka jooni on lihtne mööda lasta, kui te ei pööra tähelepanu, see tähendab, et need lisavad esteetikat, häirimata.
Värvid ja tekstuurid
Saidilt allapoole liikudes võime sellest mõttest aru saada, et värvid ja tekstuur mängivad ajaperioodi muljetamisel suurt rolli. Allolevas ekraanipildis näeme seda koos kõvade nurkade tugeva kasutamisega, mille piirjoonteks on ühe piksli mustad jooned. See loob õõvastava tunde, mis tuletab mulle meelde mõnda tööd, mille tegin ühe kliendi jaoks CMS-is nimega Plone.
Võrrelgem seda jälle mõne raviga, mida näeme suure konkurendi saidi sarnases piirkonnas. Alloleval ekraanipildil on näidatud Radio Shacki kodulehe külgriba. See ettevõte pole just täiuslik pilt tänapäevastest äritavadest, kuid nad üritavad oma saiti värskena ja asjakohasena hoida.
Fotod ja tekst
Koos lehe graafiliste elementidega peate jälgima ka seda, kuidas oma pildiprotseduure struktureerite. Alloleval fotol pole tegelikult ühtegi head värvilahendusega ala, kuhu teksti asetada, seetõttu sai tekst eristuda ebamugavalt varjatud varjatöötluse abil.
Mõnikord on teil foto, mis tõepoolest tekstiga ei tööta. Selle asemel, et proovida neid kahte kokku kleepida, kui see lihtsalt ei tööta, kaaluge alternatiivset marsruuti. Meil on terve artikkel, mis on pühendatud disainile fotodega, mis jagab vingeid nippe teksti ja foto ühendamiseks atraktiivsel ja loetaval viisil.
Tekst ja logod
Selle lehe viimane osa, mida tahan käsitleda, on näidatud alloleval pildil. Siin on meil terve hulk logosid, millest mõned on vaieldamatult vajalikud, kuid ma pole kindlasti veendunud, et need kõik peavad olemas olema. BBB akrediteerimine on hea, kuid kas ma tõesti pean teadma, et see sait kasutab USA postiteenust? See on üsna palju, arvestades, et kui ostan toote veebist, saadetakse see mulle kuidagi ja enamik meist peab USA postiteenust "tavalise vana posti" all.
Lisaks võiks krediitkaardilogod tõenäoliselt teisaldada maksete lehele. Enamik tarbijaid, kes on veebis ostu sooritamiseks piisavalt mugavad, eeldavad, et võtate suuremaid krediitkaarte.
Ja lõpuks, mis saab edasi, on tohutu ühtne tekst. Selle jaotamiseks ja loetavamaks muutmiseks pole päiseid, ikoone, diferentseeritud tekstikäsitlusi (peale linkide) ega muid nippe. Lühidalt ei tea ma isegi seda, mida see tekstiosa endast kujutab, miks peaks mul selle lugemiseks mitu minutit kuluma?
Veebikujunduses ei saa te lihtsalt oodata, et külastajad lahendavad niimoodi puhta teksti osa. Üks sajast külastajast võib tegelikult esimese lõigu läbi käia, kuid see on optimistlik. Kas see tähendab, et veebisaidil ei saa olla palju teksti? Absoluutselt mitte. Peate lihtsalt õppima, kuidas see jagada sisukateks ja hallatavateks tükkideks, mida saab asjakohase teabe saamiseks kiiresti sirvida.
MailChimpi disainerid suhtuvad sellesse suurepäraselt ja viitan selle teema arutamisel alati nende tööle. Nende hiljutisel saidi ümberkujundamisega tegelemisel on funktsioonide leht, mis on täis teksti, kuid vaadake, kuidas nad seda käsitsesid:
Siin kasutatakse kõiki tugevaid päiseid, lühikesi tekstiplokke ja pilte, mis vihjavad sisule, et muuta see sisu hõlpsasti seeditavaks.
Soovitused
Selle saidi lisamiseks 2011. aastasse soovitan disaineritel kõvasti ringi vaadata teistel veebisaitidel, nii oma valdkonnas kui ka väljaspool (meie disainigalerii loodi just selleks otstarbeks). Uurige lähemalt, mis eristab tänapäevaseid saite optimeeritud saidil nähtud suundumustest ja taktikast.
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.
