Veebikujunduse kriitika # 43: abdominaadid tööl
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 kriitika on iPhone'i rakenduste veebisait Abdominals at Work.
Tutvuge disainiressurssidega
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 34 dollarit - tunduvalt vähem, kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Rakenduse Abdominals at Work kohta
“Isomeetriliste kontraktsioonide passiivne meetod. Kui veedate palju aega arvuti või televiisori ees, saate seda meetodit kasutada kõhulihaste treenimiseks muude ülesannete täitmise ajal. Valite aja ja koha ning rakendus õpetab teile, kuidas harjutust teha, märkides rütmi ja intensiivsuse vibratsiooni või meloodia abil diskreetselt. ”
Siin on kodulehe ekraanipilt:
Esmamulje
Minu esimesed mõtted sellel lehel olid üsna positiivsed. Mulle meeldib saidi üldine ilme ja see, kuidas see täpselt rakenduse välimust kajastab. Pilves taevas ei soovita mulle kindlasti trenni teha, kuid rakendus on omamoodi lõõgastaval viisil treenimiseks, nii et ma arvan, et see seob kõik omavahel hästi.
Värvid ja graafika on üsna sõbralikud ja loovad sõbraliku keskkonna. Minu lemmiknäitaja on see, kui lihtsaks kogu sisu hoiti: lihtsalt iPhone koos mõne ekraanipildiga, lühikirjeldus, mõned jagamisviisid ja silmatorkav link iTunes'i poodi, kust leiate lisateavet ja saate rakenduse alla laadida. See on lihtsalt piisav, et teid huvitada, ilma et teid ületaks.
Ehkki mulle meeldib rakenduse üldine suund, on mul nagu alati, palju parandusettepanekuid. Jagageme mõned konkreetsed valdkonnad, et näha, milliseid positiivseid muudatusi võiks teha.
Heli
Kõik, kes on kunagi esitanud meile taotluse heli sisaldava saidi jaoks kujunduskriitika saamiseks, saavad sama nõu. Ma eelistan alati, et saidiarendajad annaksid külastajatele võimaluse esialgu heli lisada, mitte seda ära võtta. Veebi sirvimine on tavaliselt vaikne kogemus ja äkilised valjud helid ei muuda külastajaid ainult vihaseks.
Sellel saidil on muidugi palju parem kui enamikul selles valdkonnas. Ehkki heli algab automaatselt, on see vähemalt üsna rahulik ja lõõgastav ookeaniteema koos lindude ja lainetega. Samuti saate heli välja lülitada, klõpsates lehe allosas lähedal siristavat linnupilti.
Mul on selle kohta mitu mõtet. Esiteks pidin selle leidmiseks kerima (kuigi olen muidugi väikesel MacBooki ekraanil). Kui keegi külastab teie saiti tööl, raamatukogus või mõnes muus avalikus kohas, ei soovi te, et ta peaks rüselust tegema, kuna nad üritavad piinlikult leida viisi selle väljalülitamiseks. Arvate, et kasutaja lükkab lihtsalt nende vaigistamisnuppu, kuid sagedamini sulgeb nad tõenäoliselt akna võimalikult kiiresti.
Lisaks näen kindlasti, kuidas lind, kelle seest välja tulevad noodid, soovitab heli juhtelementi, kuid see on kahetsusväärne sarnasus Twitteri linnulingiga, nagu näeme praegu peaaegu kõigil veebisaitidel. See ei muuda kohe ilmseks, et lind on heli juhtseadis, kuna sõnumi tugevdamiseks pole teksti.
Siin on lihtne nõuanne: kui kavatsete jääda automaatse taasesituse heli juurde, siis pange juhtnipp lehe ülaossa ja tehke selgemaks, mida see teeb. Soovitan mereröövli graafikat (Twitteri lind ei vasta ookeani teemale) ja linnu lähedal olevat heli sisse / välja lülitatud teadet. Peatage ka noodi animatsiooni peatamine, kui sait on vaigistatud, ja alustage, kui heli on sisse lülitatud, selle asemel, et kogu aja vältel jätkata.
Animatsioon
Lisaks helile on lehel mitu hõljuvat pilve, mis triivivad mööda nii sisu ees kui taga. See lisab lehele natuke nalja ja on muidugi huvitavam kui staatiline graafika.
Enamasti ei takista pilved kasutatavust, kuid segavad aeg-ajalt teksti loetavust. Nagu ka kõigi silmustega animatsioonide puhul, võivad nad muutuda natuke monotoonseks, kui veedate sama palju aega kui mina seda saiti vahtima! Üks kindel idee, mida nägime oma ToonyTuts Critique'is, oli lihtne kahe ikooni juhtsüsteem muusika ja / või animeeritud pilvede peatamiseks. Saidi teema oli väga sarnane tänase saidiga, nii et ma arvan, et sarnane kontroll toimiks siin suurepäraselt.
Sõnumid ja tekst
Arvan, et sait teeb head tööd, tehes väga selgeks, et arutame kõhuharjutusi. Sellise toreda välimusega lehe jaoks võib see siiski pisut tehnilises küljes olla. Mõelge pealkirjale "Passiivne isomeetrilise kontraktsiooni meetod". See on kena ja ülbe, kuid sellel pole tegelikult sõbralikku ringi?
Te ei pea seda sõnumit kraavi laskma, kuid võib-olla kaaluge selle lisamist lõiku huvitavama pealkirja, näiteks „Ehita televiisori vaatamise ajal kuus pakki!“ Kasuks. See pole kaugeltki parim näide, kuid see on minu ettepaneku keskmes. Niisugune pealkiri tõmbab teid sisse ja paneb teid pigem soovima õppida, mitte end välja lülitada, kuna tunnete end rumalana ja teil pole seda tesaurust mugav.
Võib-olla on suurim probleem kogu lehega mul kollane tekst sinisel taustal. Need kaks värvi põrkavad väikese tekstiga kokku suure aja ja muudavad selle teabe väga raskesti loetavaks.
Probleemiks on värviteoorias klassikaline konflikt vs komplement. Kui kaks värvi lihtsalt ei ole piisavalt erinevad, kipuvad nad omavahel vastuollu minema, eriti kui üks värv on asetatud teise peale. Mõelge allpool toodud näitele ja kui palju loetavam on heledam, vähem küllastunud kollane tekst kui sellele eelnenud versioon.
Nüüd mõistan, et need on tegelikult teie rakenduse värvid, seega pole loogiline neid saidil muuta. Minu ettepanek on seepärast lihtsalt teksti kollane rõhk maha tõmmata ja kasutada midagi muud, paksus kirjas teksti, allajoonimist jne, mis ei loe loetavust.
iPhone
Slaidiseansiga iPhone'i graafika on iPhone'i rakenduste veebisaitide jaoks äärmiselt populaarne ja seda mõjuval põhjusel. See teeb kohe selgeks, mida see sait endast kujutab. Arvan siiski, et seda võiks natuke täpsustada.
Alustuseks on slaidiseanssina navigeerimiseks kasutatavate väikeste punktide kõrval ketramine laadimisring. See väike animatsioon ei lõpe kunagi, seega mis eesmärki see teenib? Kui näen, et see keerleb, viitab see sellele, et lehe laadimine pole lõpule viidud (meile on õpetatud, et see on see, mida see graafiline pilt tähendab) ja kui see kunagi laadimise lõpetab, tekitab see tunne, nagu oleks teie sait katki. Alumine rida - see pilt on segane, segane ja sellel pole praktilist eesmärki. Eemaldage see.
Väikese tüütusena ei saa ka minus olev Apple'i geek märgata, et iPhone'i pilt on aegunud. IPhone 5 on peaaegu meie kohal ja sellel saidil pole iPhone 4 graafikat veel. Ma tean, et see on naeruväärne, kui peame sellega sammu pidama, kuid kuna sait on tegelikult mõeldud iPhone'i rakendusele, võib see olla oluline. Aegunud piltide olemasolu muudab rakenduse ise vananenuks ja vananenuks, mis paneb mind enne selle ostmist kaks korda järele mõtlema!
Navigeerimine
Viimane mõte saidi kohta on see, et navigeerimine näib tõesti tagantjärele mõelnud. See sisaldab linke, mis muudavad lehe tekstilist sisu külastajatega seotud teabega, kuid mingil põhjusel on see jaluses varjatud ja pisike.
Kui see oleks tõesti midagi väheolulist, siis ma ei pahandaks, kuid see tundub tegelikult olulisem kui disainer selle heaks kiitis. Lihtne lahendus on visata see tüüpilisse kohta lehe ülaosas ja teksti veidi laiendada.
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.
