Veebikujunduse kriitika # 69: Olgu Geek
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 Okay Geek, vaimustavalt geeky tech -blog, mida oleme varem Design Shackis näinud. Hüppame sisse ja vaatame, mida me uuest kujundusest arvame!
Uurige Envato elemente
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.
Andmeid Okei Geek
“Okei Geek on ajaveeb, mis kirjutab asjadest, mis meie toimetajate arvates on huvitavad. Me ei kata oma sisu kellelegi, vaid endale. Ja ehkki see võib tunduda pisut kummaline, teeme seda lootuses luua sisu, mis väljendab tõeliselt meie naudingut ja võimaldab lugejatel suhelda meiega ja sellega, millest kirjutame. "
Tagasipöördunud kliendid
Üks kiire omakasupüüdlik kõrvalmärkus. Kui teil on küsimus, kas Design Shack Design Critique on seda väärt või mitte, ei pea te otsima kaugemale kui meie tagastustalgud nagu Okay Geek. Mitmed saidid pole mitte ainult meie nõuandeid arvesse võtnud, vaid rakendanud paljusid soovitatud muudatusi ja pöördunud tagasi uue kriitika juurde. Kui teil on oma disaini osas kahtlusi, kirjutage meile sõnum ja korraldage täna kriitika.
Kriitika juurde on siin ekraanipilt Okay Geeki kodulehelt:
Esmamulje
Oma varasemas kriitikas Okay Geeki kohta täiendasime neid selle eest, et neil oli väga puhas ja terava väljanägemisega sait, mis tõstis sisu hästi esile ja jättis peaaegu segadusse. Näib, et disainerid on otsustanud seda ideed veelgi kaugemale viia, minimeerides selle kujunduse ja eemaldades kõik mittevajalikud osad. Tulemuseks on ülimalt sujuv kogemus, mis teeb suurepärase sirvimiskogemuse.
Kiidan disainereid nende töö eest ja arvan tõesti, et nad on siin suurepärase töö ära teinud. Nagu alati, olen ma täis soovitusi, kuidas seda veelgi paremaks muuta. Vaatame lähemalt ja vaatame, mis need on.
Navigeerimine
Üks minu suurimaid ümberkujundamisega seotud probleeme on navigatsiooniala. Rangelt esteetiliselt on see suurepärane. Seal on kena minimaalne kaebus, mis tõesti täiendab saiti hästi. Kasutatavuse seisukohalt ei ole see siiski nii kõrge. Erinevad lingid on päises jagatud kaheks erinevaks osaks:
Esimene osa on kenasti tehtud ja sellel on täielik mõte: ülevaated, juhtkirjad, kontakt, meie kohta. Teine on aga ikooniriba, mis kontrollib külgriba sisu omamoodi sakiliste meetoditega. Mulle tegelikult meeldib, mida nad siin teevad, ja arvan, et nad on tõesti mitmekülgse külgriba loonud, kuid mul on ikoonidega probleeme.
Jällegi, kuigi nad näevad suurepärased välja, on nad üsna ebamäärased. Näiteks tärn, mis on millegi lemmikuks muutmise universaalne veebisümbol, on tegelikult link külgriba jaotisesse „Main”. Jaotis „teemad” on sarnaselt segane ja seda tähistatakse nelja ruuduga (mis on mõttekas alles pärast sellele klõpsamist). Pealkirjad ilmuvad hõljuvalt, kuid seni pole teil tegelikult aimugi, mille jaoks need ikoonid on.
Oma tee otsimine
Niisuguses tehnikablogis, mis hõlmab üsna laia teemade ringi, on oluline, et kasutajad leiaksid selle huvitava niši kiiresti üles. Prooviks oleks, kui paneksite kellegi esimest korda selle saidi ette ja öelge: „Leidke mänguartiklid”, kulub neil tõenäoliselt kümne sekundi jagu „teemade” leidmiseks, mis viib nad mängude juurde.
Ma pole päris kindel, kuidas ma selle lahendamisega tegeleksin, kuid soovitan kindlasti mõelda, kuidas lihtsustada kasutajatel puurida ainult seda sisu, mida nad sooviksid näha. Ausalt, see võib olla nii lihtne, kui muudate teksti kogu aeg ikoonide all nähtavaks.
Esiletõstetud sisu
Nagu iga hea uudiste sait, on ka paar erinevat sisu tutvustavat asukohta, mis aitavad esile tuua artikleid, mis asuvad esmasel kodulehe voos. Need näevad välja suurepärased ja, nagu ka navigeerimine, kuvatakse vasakus ülanurgas ja paremal külgribal.
Kordamine
Neid vaadates näen tööl ühte oma lemmikdisaini tööriista: kordus. Iga jaotise sildistamine on tõesti kena, kuid lihtne järjepidevus. See on aga suurepärane näide sellest, kuidas kordus võib olla keeruline elukas ja võib isegi kasutajat eksitada. Mõelge järgmisele graafikule, millel on lehel kuvatud kolm järjepidevalt kujundatud päist:
Nüüd toimivad neist kaks esimest jaotise päistena. Nad istuvad sisu kohal ja on lihtsalt sildi all neile, mis nende all on. Need pole lingid, vaid visuaalsed abistajad. See paneb teie aju mõtlema, et see kehtib kõigi sarnaste üksuste kohta, mida näete kogu saidil. Kolmas viskab sulle aga kurviku.
See silt asub tühja koha kohal, mis muudab selle viitamise kohe segaseks. Pidage meeles, et ülejäänud kaks päist on meile juba õpetanud, et need pole lingid, nii et järeldame, et „Veel vingeid asju” tuleb veel lisada. Siiski selgub, et tegelikult pole see päis üldse päis, vaid link teisele lehele.
Valikuline kordus
Siinkohal on lihtne kujundamise õppetund see, et kordusi tuleb hoolikalt kaaluda. Visuaalse kujunduse stiili või elemendi kordamisel veenduge, et neil oleks ühine eesmärk ja funktsioonid. Muidu seadistate eeldatava arhetüübi, mille siis purustate, vähendades seeläbi kasutatavust selle parandamise asemel kordamise kaudu.
Ma näen, et ülalnimetatud tärniikooni puhul ilmneb sama probleem vähemalt vähemalt ühes kohas saidil. Seda kasutatakse külgribal lihtsalt vahekaardi „Main” tähistamiseks ja seda korratakse postituse eelvaates, et näidata, et postitus on „eksklusiivne, esiletõstetud sisu”. Veelkord: kordus on tegelikult tähenduse eemaldamise ikoonilt, sest seda kasutatakse kahel väga erineval eesmärgil.
Postitused ja eelvaated
Muud kui ülaltoodud ikooni kordus, meeldib mulle uus postituse eelvaatevorming. Toredad suured pildid tõmbavad teid sisse ja kogu vajalik teave postituse kohta on selgelt ja hästi korraldatud.
Samuti märkan, et vana ebamäärane nupp „Salvesta” on minu soovituse kohaselt muudetud nupuks „Salvesta Instapaperil”. Boonuspunktid mõne soovitatud muudatuse rakendamise eest! Arvan, et see teeb lõpmatult selgeks selle nupuga toimuva.
Samamoodi näeme siis, kui klõpsate ja järgite konkreetsele postitusele, näeme veel mõnda näidet tõeliselt atraktiivse disainitöö kohta. Postituse lõpp on koht, kuhu inimesed tavaliselt paigutavad palju erinevat sisu, näiteks jagamist, sarnaseid artikleid ja kommentaare. Sellest piirkonnast võib kiiresti saada segane jama, kuid mulle meeldib, kuidas seda siin käsitleti. Kolm erinevat jaotist on selgelt eristatavad, kuid visuaalselt sarnased ja sobivad hästi saidi üldteemaga.
Teate, et disaineril on hea olla, kui ta kulutab palju aega väikeste asjade korrektseks saamisele ja ma arvan, et see jaotis on selge näide sellest, kui suurepärased disainerid selle projekti kallal töötavad.
Meist
Viimane jaotis, mis minu arvates väärib tähelepanu, on leht Meist. Kui leht esimest korda laaditi, jahmatas mind, kui atraktiivne see oli. See on tõesti kena disain, mis erineb ülejäänud saidist suuresti, jäädes 100% brändile.
Järeldus
Okay Geeki poisid julgustasid mind saidil hästi ringi vaatama ja andma neile mõlemad tünnid, kui märkasin midagi, mis vajaks käsitlemist. See näitab selget tahet muuta sait kasutajatele võimalikult heaks.
Kriitika võtmine on üks keerulisemaid ülesandeid, millega disainerina silmitsi seisad. Me kallame end oma projektidesse nii palju, et kriitika tundub isikliku rünnakuna. Kui suudame sellest emotsionaalsest reaktsioonist eemale astuda ja tagasisidet loogiliselt hinnata, muutume paremateks disaineriteks ja meie projektid paranevad plahvatuslikult.
Nagu ma kogu kriitika jooksul korduvalt väitsin, on see sait puhtalt visuaalse disaini seisukohast uhke. Valdkonnad, mida olen soovitanud parendada, on kõik tihedalt seotud kasutatavuse ja kasutajakogemuse parandamisega. Need on asjad, millest on lihtne mööda vaadata, kui oleme projekti liiga kaua vahtinud. Olen kindel, et meeskond kaalub paljusid neist teemadest ja tegeleb nendega ning teeb Okay Geekist tõeliselt suurepärase koha, kus õppida uusimaid arenguid tehnikamaailmas.
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.
