Pirmais mobilais dizains: kāpēc tas ir lieliski un kāpēc tas iesūcas

Vēsturiski vairums tīmekļa dizaineru un viņu klientu vispirms ir vērsušies pie jebkura projekta darbvirsmas, vienlaikus atstājot mobilo daļu kā sekundāru mērķi, kas tiek sasniegts vēlāk. Pat pieaugot atsaucīgam dizainam, daudzi no mums sāk ar “pilna izmēra” vietni un strādā mūsu virzienā.

Rūpniecībā pieaug tendence, lai arī šī darbplūsma tiktu pagriezta uz galvas un faktiski tiktu sākta ar mobilajiem apsvērumiem un pēc tam strādātu līdz lielākai darbvirsmas versijai.

Kāpēc jūs kādreiz tuvojaties projektam šādā veidā? Kādi ir šīs stratēģijas plusi un mīnusi? Lasiet tālāk, lai uzzinātu!

Mobilā tīmekļa dizains nav niša

Ja jums joprojām galvā ir tas, ka mobilā tīmekļa dizains un lietojumprogrammu izstrāde ir nišas nozare, jums jāmaina domāšanas veids. Mobilais nav tendence, ne arī nākotne, tā ir tagadne. Netici man? Šeit ir daži traki statistikas dati, kas jāņem vērā no Mobithinking:

• Visā pasaulē ir vairāk nekā 1, 2 miljardi mobilā tīmekļa lietotāju
• ASV 25% mobilo Web lietotāju ir tikai mobilie tīkli (viņi reti izmanto darbvirsmu, lai piekļūtu tīklam)
• Mobilās lietotnes ir lejupielādētas 10, 9 miljardus reižu
• Mobilo ierīču pārdošanas apjomi pieaug visā pasaulē, un vairāk nekā 85 procenti jauno tālruņu var piekļūt mobilajam tīmeklim

Viens no visspēcīgākajiem faktiem šeit ir otrais elements, kas atklāj, ka daudzi lietotāji, iespējams, tikai kādreiz redzēs jūsu vietnes mobilo versiju. Tā ir satriecoša atklāsme, vai ne?

Vairāk nekā jebkad agrāk tīmeklis ir kaut kas tāds, ko mēs nēsājam savās kabatās, nevis kaut kas tikai karājas netālu no mūsu galda vai pat mūsu mājās. Šī ir globāla tendence, kas izaugsmi turpinās redzēt tikai nākamajos gados. Vai esat tam gatavs? Vai jūsu profesionālo prasmju komplekts ietver visu svarīgo platformu tīmekļa attīstību vai tikai darbvirsmas arēnu?

Kāpēc vispirms mobilais?

Likmes ir tādas, ka neviens no cilvēkiem, kas to lasa, līdz šim brīdim nav iemācījušies neko jaunu. + 500 ASV dolāru tālruņi, kas atrodas visiem zināmiem cilvēkiem, ir visas nepieciešamās norādes, ka tīmeklis ir izcēlies no sava datora formas lodziņa.

Tomēr tas, ka mobilā tīmekļa pieeja ir populāra, gandrīz neko nepārliecina, ka man ir jāīsteno stratēģija, kurā mobilais tālrunis tiek izvirzīts pirmajā vietā. No otras puses, 25% mobilo sakaru lietotāju ir tikai mobilie tālruņi, jo 75% no viņiem nav! Darbvirsma joprojām ir svarīgs līdzeklis, ko vēl nedrīkst aizmirst vai piespiest pie aizmugures degļa. Tātad, kāpēc mēs pat apsveram iespēju izvēlēties mobilo tālruni?

Viens no galvenajiem mobilajiem telefoniem pirmā tīmekļa dizaina pieauguma katalizatoriem bija Ērika Šmita paziņojums 2010. gadā, ka Google no šī brīža izmantos šo pieeju, norādot “Es domāju, ka tagad tas ir mums visiem ir jābūt mobiliem par atbildi uz gandrīz visu ”(avots). Kāpēc šīs krasās pieejas izmaiņas?

Gracioza degradācija salīdzinājumā ar progresīvu uzlabošanu

Šie ir daži nozīmīgi buzz vārdi no pirms dažiem gadiem, kas joprojām var sniegt daudz ieskatu priekšstatā par pirmo mobilo ierīču dizainu un kāpēc tas ir svarīgs jēdziens, kas jāņem vērā.

Gracioza degradācija radās tāpēc, ka vajadzēja projektēšanas funkciju pēc iespējas vairāk pārlūkprogrammu un platformu. Dizaineri un izstrādātāji vēlējās izmantot jaunās tehnoloģijas priekšrocības, neizslēdzot lietotājus ar iestatījumiem, kuriem nebija atbalsta. Vispārējs secinājums bija radīt un izmantot labāko iespējamo pieredzi, pēc tam ņemt vērā katru iespējamo degradāciju un nodrošināt, ka vietne, neraugoties uz jebkādiem trūkumiem, arī turpmāk darbosies.

Runājot par mobilo tīmekļa dizainu, tas nozīmēja, ka pilna, standarta vietne samazina un pakāpeniski noņem saturu un funkcijas, jo skata logs kļūst mazāks un sistēma vienkāršāka (bez Flash atbalsta utt.).

No šīs tendences radās jauna, spēcīga ideja: pakāpeniska uzlabošana. Šajā pasakas versijā jūs pārvietojat savu labāko soli uz priekšu mobilajā platformā, nodrošinot lietotājiem minimālu ekrāna nekustamo īpašumu, apstrādes jaudu un trešo pušu spraudņus pārsteidzošu pieredzi, kas gan izskatās lieliski, gan lieliski darbojas. Vajadzības gadījumā vietni var pakāpeniski “uzlabot” un pat pilnībā pārdomāt lielākām platformām ar mazāk ierobežojumiem.

Kāpēc uzvar progresīvā uzlabošana?

Īsumā šīs divas metodoloģijas šķiet aptuveni līdzvērtīgas. Kas rūpējas, kur jūs sākat projektēšanas procesu, ja vien tas tiek izdarīts, vai ne?

Tomēr situācijas realitāte ir nedaudz sarežģītāka. Sākot ar darbvirsmas platformu, jūs mēdzat vēlēties izmantot visu, ko piedāvā šī platforma. Jūs veidojat pārsteidzošu produktu, kas izmanto daudz lielisku tehnoloģiju, tikai lai saprastu, ka neviens no tiem nav tik piemērots mobilajām ierīcēm. Tas var izraisīt un ļoti novājina mobilos produktus, kas drīzāk jūtas kā pēcpārdomāts, nevis pulēts, gatavs produkts. Vai tas notiek ar katru projektu? Varbūt nē, bet stāsts, iespējams, ir daudz izplatītāks, nekā gribētos ticēt.

Ja mēs pārbaudīsim progresīvās uzlabošanas darbplūsmu, rezultāts parasti ir atšķirīgs stāsts. Šeit mēs sākam projektu, kas ir gan ļoti viegls, gan diezgan iespaidīgs. Jūs esat paņēmis visu šo sākuma enerģiju un ieguldījis to produkta radīšanā, kas labi izskatās un darbojas, neskatoties uz daudzajiem ierobežojumiem, ar kuriem jūs saskārāties.

Vēl svarīgāk ir tas, ka jūs jau esat pārcietis problēmu samazināt saturu līdz tā vissvarīgākajiem elementiem. Tagad, kad ir pienācis laiks šo dizainu parādīt darbvirsmā, tā vietā, lai pieņemtu lēmumu par to, kā sagriezt un kā produktu laistīt, tā vietā jūs izlemjat, kā padarīt to vēl izturīgāku!

Tīmekļa saturs: vislabāk tiek pasniegts selektīvi

Iepriekš minētais arguments attiecas uz jums tikai no filozofijas viedokļa, un galīgais secinājums ir tāds, ka rezultāts parasti ir labāks, ja tiek izmantota mobilā pieeja. Ja vēlaties argumentu, kura pamatā ir nedaudz pamanāmāka viela, neskatieties tālāk, kā jūs kalpojat savam saturam.

Ja ņem vērā graciozo degradācijas skatu, viss saturs (teksts, attēli, video, audio utt.) Vienlaikus tiek piegādāts uz to, kas tiek uzskatīts par lielāko platformu. Turpmāk tiek ņemtas vērā mobilās versijas, kuras vienkārši ignorē vai noņem lielu daļu šī satura no lapas. Problēma ir tā, ka tā jau bija ielādēta, vai dotajai platformai tas ir vajadzīgs, vai nav. Mums šķiet, ka platformā, kas bieži tiek saistīta ar vislēnāko lejupielādes ātrumu, tiek piegādāts vairāk satura, nekā nepieciešams. Vai redzat kaut ko nepareizu?

Izmantojot pirmo mobilā tālruņa skatu, mēs sākam ielādēt absolūtus pamatus mazākās platformās. Tas noved pie īsākas pieredzes, kas ļauj izvairīties no nevajadzīgas kavēšanās. Papildu resursi tiek ielādēti stingri pēc nepieciešamības uz platformām, kuras ar tām var labi rīkoties.

Kā ir ar adaptīvo dizainu?

Kā tas viss saskan ar adaptīvo dizainu, citu tendenci, kas pārņem tīmekli? Labā ziņa ir tā, ka šīs divas stratēģijas nav konkurētspējīgas. Varētu teikt, ka tie tika izgatavoti viens otram.

Reaģējošais dizains ir veidots, balstoties uz multivides vaicājumu jēdzienu, kas attiecas uz noteiktām ierīcēm un skata porta izmēriem. Ņemot to vērā, jūs varat kodēt sākotnējo CSS, ņemot vērā mobilās perspektīvas, un pēc tam izmantot multivides vaicājumus, lai selektīvi apkalpotu papildu stilu, palielinoties skata porta lielumam.

Tas, iespējams, ir pretējs metodei, kuru parasti izmantojat ar adaptīvu dizainu: sāciet lielu un pēc tam samaziniet. Ņemot vērā iepriekš minētos argumentus, multivides vaicājumu strukturēšanai no maza līdz lielam ir daudz loģikas.

Lielie tauki negatīvie

Hooray pirmajam mobilajam tālrunim. Kopš laikraksta The Auzu pārsniegšana tīmeklī ir vislielākā lieta. Tad kāpēc es par to neesmu sajūsmā? Kāpēc, lai arī man nepatīk atsaucīgs dizains, es bieži esmu tieši izvairījies no tēmas par pirmo mobilajām ierīcēm paredzētu Web dizainu?

Uzreiz es saskaros ar mazāku ekrānu, mazāk resursu un vēl vairāk galvassāpju.

Atbilde šeit ir vienkārša: tā nav ne jautra, ne viegla. Pārliecināts, ka atsaucīgs dizains ir sarežģīts, taču tas ļauj man elastīgi izkārtot muskuļus un piesaistīt daudz iebūvētas pārlūka funkcionalitātes, lai veiktu dažus lieliskus varoņdarbus. Atsaucīgais dizains padara manu rotaļlietu kasti lielāku, nevis mazāku.

Ar pirmo mobilā tālruņa dizainu es tomēr esmu pārņemts ar galvu, ierobežojot pirmo soli. Tas nemaz nav jautri! Uzreiz es saskaros ar mazāku ekrānu, mazāk resursu un vēl vairāk galvassāpju. Turklāt tā vienkārši nav ērta teritorija. Lielāko daļu savas tīmekļa dizaina karjeras esmu pavadījis darbvirsmas telpā, veidojot pieredzi, izmantojot peles kursorus un klikšķus, nevis pirkstu galus. Esmu paveicis daudz mobilā darba, bet es to nesauktu par savu spēcīgo uzvalku.

Vissvarīgākais ir tas, ka no stingras dizaina viedokļa man ir ļoti grūti ienirt dizainā, ja es sāku ar mobilo un strādāju augšup. Es to pieminēju nesenā rakstā, lai komentāros būtu daudz “huzzahs”, un esmu pat dzirdējis, ka vadošie nozares profesionāļi dzied līdzīgu melodiju.

Pieaug izaicinājums

Sekundē pievērsīsimies maniem argumentiem par un pret mobilās ierīces pirmā dizaina pieeju. Kategorijā “par” mums ir vienkārši un loģiski argumenti, kurus ir grūti mazināt. Kategorijā “pret” man ir daudz gausties un personīgi vilcināties. Kura puse, jūsuprāt, uzvar šajā cīņā?

Man ir jāatsakās no mazliet komforta, lai būtu labāks dizainers.

Varbūt jums ir kādi labāki pretmobili argumenti nekā es, bet, ja es uz to raugos no objektīva viedokļa, ir acīmredzams, ka spēcīgākā pretiniece ir mobilā telefona pieeja.

Tas nozīmē, ka man, iespējams, ir jāpārvar sevi un jātiek galā ar izaicinājumu sākt projektus ar mobilā skatupunktu. Ja man nav ērti projektēt vispirms mobilajām ierīcēm, tas nozīmē, ka man ir vieta izaugsmei un tehnikas apgūšanai.

Visbeidzot, ja mani iemesli, kas saistīti ar mobilās pieejas izmantošanu, ir orientēti uz lietotāju un mani personiskie iemesli ir pret mani, tad man ir jāatsakās no mazliet komforta, lai es būtu labāks dizainers.

Kas jūs aizkavē?

Tagad jūs zināt visu par to, cik lielisks ir mobilais pirmais tīmekļa dizains jūsu lietotājiem. Jūs zināt, ka lielie uzņēmumi, piemēram, Google, izmanto šo pieeju, un jūs varat redzēt priekšrocības, ko sniedz darbplūsma, kas vispirms tiek parādīta mobilajām ierīcēm. Kas jūs kavē?

Vai jūs piekrītat manam viedoklim, ka vispirms mobilais tālrunis ir sarežģīta ieviešanas stratēģija, un vai jūs piekrītat, ka jums vienkārši ir jāuzņemas lēciens? Vai arī ir kaut kas nozīmīgāks, kas jūs kavē?