Tīmekļa dizaina kritika Nr. 43: vēdera izeja darbā
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 kritika ir iPhone lietotņu vietne Abdominals at Work.
Izpētiet dizaina resursus
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 lietotni Abdominals at Work
Izometrisko kontrakciju pasīvā metode. Ja jūs pavadāt daudz laika datora vai televizora priekšā, varat izmantot šo metodi, lai strādātu vēdera muskuļus, kamēr veicat citus uzdevumus. Jūs izvēlaties laiku un vietu, un lietojumprogramma iemācīs jums veikt vingrinājumu, diskrēti iezīmējot ritmu un intensitāti ar vibrācijām vai melodiju. ”
Šeit ir mājas lapas ekrānuzņēmums:
Pirmais iespaids
Manas sākotnējās domas par šo lapu bija diezgan pozitīvas. Man patīk vietnes kopējais izskats un tas, kā tas precīzi atspoguļo lietotnes izskatu. Mākoņaina debesu ainava man noteikti neliecina par vingrošanu, bet lietotne ir paredzēta vingrinājumiem relaksējošā veidā, tāpēc domāju, ka tas viss ir labi savienots.
Krāsas un grafika ir diezgan draudzīgas un rada viesmīlīgu vidi. Mans iecienītākais aspekts ir tas, cik vienkāršs bija kopējais saturs: tikai iPhone ar dažiem ekrānuzņēmumiem, īss apraksts, daži kopīgošanas veidi un redzamā saite uz iTunes veikalu, kur varat uzzināt vairāk un lejupielādēt lietotni. Tas ir pietiekami, lai jūs ieinteresētu, nepārslogojot jūs.
Lai arī man patīk vispārīgais lietotnes virziens, kā vienmēr, man ir daudz ieteikumu uzlabojumiem. Nodalīsim dažas specifiskas jomas, lai redzētu, kādas pozitīvas izmaiņas varētu veikt.
Skaņa
Ikviens, kurš kādreiz ir iesniedzis mums pieprasījumu pēc dizaina kritikas vietnei, kurā ir skaņa, saņem tādu pašu padomu. Es vienmēr dodu priekšroku tam, ka vietņu izstrādātāji dod apmeklētājiem iespēju sākotnēji pievienot skaņu, nevis atņemt to. Tīmekļa pārlūkošana parasti ir klusa pieredze, un pēkšņi skaļi trokšņi jūsu apmeklētājus tikai sadusmo.
Šī vietne, protams, darbojas daudz labāk nekā lielākā daļa šajā jomā. Lai arī skaņa sākas automātiski, tā ir vismaz diezgan rāma un relaksējoša okeāna tēma ar putniem un viļņiem. Varat arī izslēgt skaņu, lapas apakšā noklikšķinot uz čīkstošā putna attēla.
Man par to ir vairākas domas. Pirmkārt, man vajadzēja ritināt, lai to atrastu (lai gan es, protams, esmu uz maza MacBook ekrāna). Ja kāds apmeklē jūsu vietni darbā, bibliotēkā vai citā publiskā vietā, jūs nevēlaties, lai viņiem būtu jākrāj, jo viņi mulsinoši mēģina atrast veidu, kā to izslēgt. Jūs domājat, ka lietotājs vienkārši sitīs viņu izslēgšanas pogu, bet biežāk viņi, iespējams, vienkārši aizvērs logu pēc iespējas ātrāk.
Turklāt es noteikti varu redzēt, kā putns ar mūzikas piezīmēm, kas iznāk no tā, piedāvā skaņas vadību, taču tas ir neveiksmīgi līdzīgs Twitter putnu saitei, kādu mēs to tagad redzam gandrīz katrā tīmekļa vietnē. Tas neļauj uzreiz pamanīt, ka putns ir skaņas vadība, jo nav teksta, kas pastiprinātu ziņojumu.
Šeit sniegtais vienkāršais padoms ir tas, ka, ja vēlaties izmantot automātiskās atskaņošanas audio, novietojiet vadības pults lapas augšdaļas tuvumā un padariet to skaidrāku. Piedāvāju kaijas grafiku (čivināt putns neatbilst okeāna tēmai) un ziņojumu “skaņa ieslēgta / izslēgta” pie putna. Arī apturiet mūzikas piezīmju animāciju, kad vietne tiek izslēgta, un sāciet, kad skaņa ir ieslēgta, nevis tikai turpiniet visu laiku.
Animācija
Papildus skaņai lapā ir vairāki peldoši mākoņi, kas aiziet garām gan satura priekšā, gan aiz tā. Tas lapai rada mazliet prieka un, protams, ir daudz interesantāka nekā statiskā grafika.
Mākoņi lielākoties netraucē lietojamību, taču tie laiku pa laikam traucē teksta lasāmību. Tāpat kā jebkura animēta cilpa, tās var kļūt mazliet vienmuļas, ja pavadāt tik daudz laika, cik es skatos vietnē! Viena pamatīga ideja, ko mēs redzējām savā ToonyTuts kritikā, bija vienkārša divu ikonu vadības sistēma mūzikas un / vai animēto mākoņu apturēšanai. Vietnes tēma bija ļoti līdzīga šodienas vietnei, tāpēc es domāju, ka līdzīga vadība šeit darbotos lieliski.
Ziņapmaiņa un teksts
Es domāju, ka vietne veic labu darbu, skaidri norādot, ka mēs apspriežam vēdera vingrinājumus. Tomēr tas varētu būt nedaudz tehniski tik jautri meklējamai lapai. Apsveriet galveno virsrakstu “Pasīvā izometriskās kontrakcijas metode”. Tas ir jauki un cēls, bet vai tam nav draudzīga gredzena, vai tas to dara?
Jums nav jānoraida šī ziņa, bet varbūt apsveriet iespēju to iekļaut rindkopā par labu interesantākam virsrakstam, piemēram, “Veidojiet sešu komplektu, kamēr skatāties TV!” Tas nekādā ziņā nav labākais piemērs, bet tas ir mana ieteikuma pamatā. Šādi virsraksti pievilina jūs un liek jums uzzināt vairāk, nevis izslēgt, jo jūtaties stulbi un jums nav sava tēzaura.
Varbūt lielākā problēma, kas man ir saistīta ar visu lapu, ir dzeltenais teksts uz zila fona. Šīs divas krāsas lielu laiku saķer ar mazu tekstu un padara šo informāciju ļoti grūti lasāmu.
Problēma ir klasiskais konflikts salīdzinājumā ar papildinājumu krāsu teorijā. Kad divas krāsas vienkārši nav pietiekami atšķirīgas, tām ir tendence konfliktēt viena ar otru, it īpaši, ja viena ir novietota virs otras. Apsveriet zemāk redzamo piemēru un to, cik viegli lasāms ir gaišāks, mazāk piesātināts dzeltens teksts nekā pirms tā versijas.
Tagad es saprotu, ka patiesībā tās ir jūsu lietotnes krāsas, tāpēc nav loģiski tās mainīt vietnē. Tāpēc mans ieteikums ir vienkārši atcelt dzelteno uzsvaru uz tekstu un izmantot kaut ko citu, treknu tekstu, pasvītrojumu utt., Kas netraucē lasāmībai.
iPhone
IPhone grafika ar slaidrādi ir ārkārtīgi populāra iPhone lietotņu vietnēs un pamatota iemesla dēļ. Tas ļauj uzreiz saprast, kas ir vietne. Tomēr es domāju, ka to varētu mazliet uzlabot.
Iesācējiem mazajiem punktiem, kas kalpo kā slaidrādes navigācija, blakus ir vērpšanas iekraušanas aplis. Šī mazā animācija nekad neapstājas, tāpēc kādam mērķim tā kalpo? Kad es redzu, kā tā griežas, tas liek domāt, ka lapa nav pabeigta ielādēšana (mums ir iemācīts, ka tas ir tas, ko nozīmē šis grafiskais attēls), un, kad tā nekad nepabeidz ielādi, tas liek justies kā jūsu vietne ir bojāta. Grunts līnija - šī grafika novērš uzmanību, ir mulsinoša un praktiski nedarbojas, noņemiet to.
Kā mazs kaitinājums arī manī esošais Apple geek nevar nepamanīt, ka pamanu, ka iPhone attēls ir novecojis. IPhone 5 jau ir gandrīz pie mums, un šai vietnei joprojām nav iPhone 4 grafika. Es zinu, ka tas ir smieklīgi, ja jums tas jādara, bet tā kā vietne faktiski ir paredzēta iPhone lietotnei, tas var būt svarīgi. Tā kā novecojuši attēli, pati lietotne jūtas novecojusi un novecojusi, kas man liek pirms pārdomām divreiz padomāt!
Navigācija
Pēdējā doma par vietni ir tāda, ka navigācija patiešām šķiet pārdomāta. Tajā ir saites, kas maina lapas tekstuālo saturu ar informāciju, kas attiecas uz apmeklētājiem, taču kaut kādu iemeslu dēļ tā ir niecīga un paslēpta kājenē.
Ja tas tiešām būtu kaut kas mazsvarīgs, es neiebilstu, bet tas faktiski šķiet daudz svarīgāks nekā dizainers tam piešķīris atzinību. Vienkāršs risinājums ir iemest to tipiskajā vietā pašā lapas augšdaļā un nedaudz palielināt tekstu.
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.
