Mobilās vietnes dizains ir būtisks.
Kāpēc? Tā kā mobilās ierīces ir revolucionāras mūsu savienojuma veidošanā un rezultātā arī uzņēmējdarbībā. Patiesībā lielākā daļa tīmekļa trafika tagad nāk no mobilā ierīces.
'Mobilais kļūst ne tikai par jauno digitālo centru, bet arī par tiltu uz fizisko pasauli,' teica Tomass Husons , Forrester Research viceprezidents un galvenais analītiķis. 'Tāpēc mobilā ierīce ietekmēs ne tikai jūsu digitālās darbības - tas pārveidos visu jūsu biznesu.'
Citiem vārdiem sakot, jums ir nepieciešama mobilajām ierīcēm pielāgota vietne.
Bet kas ir mobilajām ierīcēm draudzīga vietne? Šajā rakstā jūs uzzināsiet visu par mobilajām ierīcēm draudzīgām vietnēm un redzēsit deviņus labākos mobilo vietņu dizaina piemērus. Turklāt jūs uzzināsiet, kā uzzināt, vai jūsu vietne ir piemērota mobilajām ierīcēm.
OPTAD-3
Tiksim pie tā.
Negaidiet, kad kāds cits to izdarīs. Nomājiet sevi un sāciet saukt kadrus.
Sāciet bez maksasKas ir mobilajām ierīcēm draudzīga vietne?
Vienkārši sakot, mobilajām ierīcēm draudzīga vietne ir vietne, kas paredzēta un optimizēta rokas ierīcēm, piemēram, viedtālruņiem un planšetdatoriem.
Mobilais adaptīvais dizains ir izveidojot vietni kas pielāgojas ekrāna izmēram, kurā tas tiek skatīts.
Šeit, Oberlo, mums ir mobilajām ierīcēm draudzīgs vietnes dizains. Salīdzināsim, kā tas izskatās galddatoros un mobilajās ierīcēs.
saīsinājumi (piemēram, lol, btw un ru) īsziņās un e-pastos ir _____ piemērs.
Zemāk redzamajā attēlā jūs varat redzēt, ka darbvirsmas vietnei ir pietiekami daudz vietas, lapu elementi ir izvietoti vietām blakus un teksts ir salīdzinoši mazs, salīdzinot ar ekrāna lielumu.
No otras puses, skatot vietni mobilajā ierīcē, lapas elementi vienā garā kolonnā ir sakrauti viens virs otra, un ap katru elementu ir mazāk vietas. Arī pogas ir lielākas, lai būtu ērti tām pieskarties, un teksts ir lielāks attiecībā pret lapas izmēru, lai būtu vieglāk lasīt.
'Bagātīgā un interaktīvā pieredze, ko esam sagaidījuši mobilajās lietotnēs, ir radījusi jaunus standartus un cerības visiem digitālajiem plašsaziņas līdzekļiem, tostarp tīmeklim,' teica Rajs Aggarvals , Mobilā mārketinga uzņēmuma Localytics izpilddirektors. 'Rezultāts ir vietņu attīstība, lai tās bagātīgākajā funkcionalitātē kļūtu līdzīgākas lietotnēm.'
Mobilās vietnes dizaina nozīme
Ļaujiet mums samazināt: 2019. gada pēdējā ceturksnī viedtālruņi bija atbildīgi par milzīgu 52,6 procenti no globālās vietņu datplūsmas .
Tas nozīmē, ka mobilo ierīču lietošana tagad dominē galddatoros.
Vairāk, mobilo lietotāju skaits paredzams, ka līdz 2021. gadam visā pasaulē pieaugs līdz 3,8 miljardiem.
Kā Sindija Šaflsta , mārketinga uzņēmuma Spider Trainers dibinātājs, teica: “Mobilais nav nākotne, tā ir tagadne. Iepazīstieties ar klientiem viņu izvēlētajā vidē, nevis tur, kur jums ir ērti. ”
Arī mobilās ierīces maina iepirkšanās paradumus.
Pēc Google domām, 59 procenti pircēju saki, ka var iepirkties savās mobilajās ierīcēs ir svarīga, izlemjot, no kura mazumtirgotāja vai zīmola pirkt.
Vairāk, 70 procenti viedtālruņu īpašnieku kuri veica pirkumu veikalā, iepriekš vērsās pie savām mobilajām ierīcēm, lai izpētītu pirkumu.
Ja ar to nepietiek, Google algoritms meklēšanas rezultātos nosaka mobilajām ierīcēm piemērotu vietņu prioritāti.
2020. gada martā Google teica , “Lai vienkāršotu, visās vietnēs mēs pārejam uz indeksēšanu mobilajām ierīcēm.”
Ja jūs domājat, ko tas nozīmē, Google izstrādātāju aizstāv Džons Muellers paskaidro :
“Pašlaik Google aplūko vietnes darbvirsmas versiju un pēc tam nosaka, kā tā ranžēs vietni mobilajām ierīcēm atbilstoši šai informācijai. Kad šis atjauninājums tiks izlaists, notiks pretējais. Google sāks apskatīt jūsu vietni mobilajām ierīcēm un pēc tam sarindos galddatoru vietni. ”
Atjauninājums oficiāli stāsies spēkā 2020. gada septembrī, bet 70 procenti vietņu meklēšanas rezultātos redzamie jau tiek klasificēti, pamatojoties uz šo mobilo ierīču indeksēšanas algoritmu.
Visbeidzot, daudzi lietotāji ielādē mobilās vietnes, izmantojot lēnus, vājus tālruņa savienojumus. Tā rezultātā zīmoliem ir jāizveido mobilās vietnes dizains, kas tiek ātri ielādēts.
Kopumā tagad pasaule vispirms ir mobilā ierīce, un tāpēc jums ir nepieciešama mobilajām ierīcēm pielāgota vietne.
8 dizaina padomi no labākajām mobilajām vietnēm
Šajā sadaļā mēs sīkāk aplūkosim astoņus mobilo vietņu dizaina padomus, kurus varat izmantot. Turklāt jūs redzēsiet reālus piemērus no dažām labākajām tīmekļa vietnēm mobilajām ierīcēm.
1. Izmantojiet lielās pogas
Mobilajām ierīcēm draudzīgām vietnēm ir jābūt pietiekami lielām pogām, lai lietotāji varētu tām pieskarties, tuvinot tos.
Turklāt starp hipersaitēm jābūt atstarpei. Ja saites atrodas pārāk tuvu viena otrai, lietotāji var mēģināt noklikšķināt uz saites un nejauši noklikšķināt uz citas.
Shopify mobilās vietnes dizains izmanto lielas pogas un liek daudz vietas starp hipersaitēm.
Tātad, izstrādājot mobilajām ierīcēm pielāgotu vietni, ņemiet vērā atstarpes un pārliecinieties, ka uz katras hipersaites var viegli noklikšķināt.
2. Padariet tekstu pietiekami lasāmu
Šis varētu šķist nedaudz acīmredzams, taču tas ir ļoti svarīgi arī mobilajām ierīcēm draudzīgas vietnes dizainam.
Lietotājiem nekad nevajadzētu tuvināt vai ritināt pa kreisi vai pa labi, lai kaut ko lasītu. Tekstam vienmēr jābūt pietiekami lielam, lai to varētu ērti lasīt.
Tālāk sniegtajā piemērā no Bārdbrands , jūs varat redzēt, ka viss parādītais teksts lieliski atbilst ekrāna izmēram.
Padariet savu tekstu pietiekami lielu visu izmēru ekrānos, lai lietotāji varētu viegli izlasīt jūsu teikto.
3. Vienkāršojiet izvēlnes
Darbvirsmas vietņu izvēlnēs ir daudz vietas. Viņi var aizņemt veselu joslu ekrāna augšdaļā, un viņiem ir plašas nolaižamās opcijas, un tas viss netraucē lietotāja pieredzi.
Mobilajās ierīcēs tas tā nav - vietas vienkārši nav.
Mobilajām ierīcēm draudzīgām vietnēm jāizmanto vienkāršas izvēlnes, kas sniedz vietnes pārskatu. Pēc tam lietotāji var izmantot kategorijas, filtrus vai meklēšanas funkciju, lai uzlabotu meklēto.
Lielākā daļa mobilajām ierīcēm draudzīgo vietņu izvēlnes norādīšanai izmanto hamburgera simbolu - kas sastāv no divām vai trim horizontālām līnijām.
Apskatīsim labu piemēru no vienas no labākajām vietnēm mobilajām ierīcēm, Kailija Āda .
Kad lietotāji ekrāna augšējā labajā stūrī pieskaras divu līniju hamburgera izvēlnei, viņiem tiks parādīta pilnekrāna izvēlne ar lielām pogām un tekstu.
Veidojot mobilajām ierīcēm pielāgotu vietni, saglabājiet savas izvēlnes vienkāršas, lai lietotājiem būtu viegli atrast to, ko viņi meklē.
4. Nodrošiniet vienkāršu un intuitīvu meklēšanas funkciju
Jūsu vietnes meklēšanas funkcija ir īpaši svarīga mobilo ierīču lietotājiem.
Kā minēts iepriekš, vienkāršotas izvēlnes var padarīt mobilo pārlūkošanu vieglāku. Tomēr tie var arī apgrūtināt lietotājiem konkrēta priekšmeta atrašanu.
Lai lietotājiem būtu viegli atrast to, ko viņi vēlas, novietojiet meklēšanas funkciju priekšā un centrā.
Shopify lietotājs Gymshark meklēšanas funkciju ievieto lapas augšējā joslā. Ir arī intuitīva filtrēšanas funkcija, kas lietotājiem atvieglo noteikta veida produktu atrašanu.
Galvenais līdzņemšana? Padariet vienkāršu un efektīvu meklēšanas funkciju par mobilās vietnes dizaina daļu.
5. Padariet to viegli sazināties
Ja klients meklē jūsu kontaktinformāciju, iespējams, viņam ir radušās problēmas - tas nozīmē, ka, visticamāk, viņš jau tagad ir nedaudz sarūgtināts. Nepievienojiet ievainojumus traumām, apgrūtinot sazināšanos ar jums.
kā iegūt vairāk sekotāju Instagram biznesā
It īpaši, kad 84 procenti patērētāju apsvērt klientu apkalpošana būt galvenajam faktoram, lemjot par pirkuma veikšanu.
Šeit ir vēl viens lielisks mobilo vietņu dizaina piemērs no Shopify lietotāja Bremont . Šis luksusa pulksteņu zīmols ekrāna apakšējā labajā stūrī ievieto tērzēšanas ikonu, kas vietnes apmeklētājiem ļauj ātri un ērti sazināties ar pārstāvi.
Ja nevarat piedāvāt tiešraides tērzēšanu visu diennakti, apsveriet iespēju izveidot saiti ar a Facebook tērzēšanas robots vai vienkārši norādiet kontakta veidlapu, kurai lietotāji var piekļūt, izmantojot jūsu izvēlnes saiti “Sazināties”.
6. Izveidojiet vienkāršas veidlapas
Lietotāji, iespējams, vairāk vēlas aizpildīt garu veidlapu datorā, jo ekrāns ir lielāks un to ir vieglāk rakstīt ar tastatūru.
Mobilajās ierīcēs veidlapām jābūt īsākām ar lieliem teksta laukiem un pogām.
Piemēram, ja jūs lūdzat lietotājus reģistrēties jūsu adresātu sarakstā, jums nevajadzētu pieprasīt vairāk kā vārdu un e-pasta adresi.
Ja jums jāiekļauj vairāk jautājumu, padariet tos ātri un ērti atbildamus.
Šajā mobilās vietnes dizaina piemērā no Shopify lietotāja QuadLock , jūs varat redzēt lielus laukus ar vienkāršām formas prasībām. Ir pat nolaižamā izvēlne, kas palīdz lietotājiem sniegt informāciju par viņu pieprasījumu.
Īsāk sakot, pārliecinieties, ka veidlapas ir īsas un saldas.
7. Izveidojiet uzkrītošus aicinājumus uz darbību
TO aicinājums uz darbību - pazīstams arī kā CTA - ir attēls, reklāmkarogs vai teksta gabals, kas burtiski aicina lietotājus veikt kādu darbību.
Piemēram, jūs varat aicināt lietotājus reģistrēties jūsu vietnē adresātu sarakstu , uzziniet vairāk par piedāvājumu vai iegādājieties produktu.
Šai mārketinga taktikai ir būtiska loma mobilo vietņu dizainā.
Tomēr var būt grūti izveidot saistošus aicinājumus uz darbību ar tik ierobežotu ekrāna vietu, ar kuru spēlēt.
Šajā mobilajā vietnē Shopify lietotāja piemērs Grezni mati , jūs varat redzēt divus reklāmkarogus ar aicinājumiem uz darbību. Pirmais reklamē jaunu produktu, kas tiek piegādāts kopā ar bezmaksas dāvanu, un otrais mudina lietotājus uzzināt vairāk par zīmola bezmaksas piegādi un 90 dienu apmaiņas politiku.
Veidojot AUD savai mobilajām ierīcēm draudzīgai vietnei, izceļ tos, novietojot tos virs reizes, kur lietotāji tos var redzēt, neritinot uz leju.
8. Izvairieties no uznirstošajiem logiem
Atzīsim, ka lielākā daļa cilvēku ienīst uznirstošos logus. Patiesībā, ja jūs meklējat Google vietnē “Es ienīstu uznirstošās reklāmas”, jūs atradīsit gandrīz 48 miljonus rezultātu.
Nav brīnums, ka Google ieviesa algoritma maiņa 2017. gadā kas soda vietnes, kas mobilajos ierīcēs apkalpo noteikta veida uznirstošos logus.
Šajās dienās jūsu meklēšanas reitingi, visticamāk, cietīs, ja:
- Parādiet uznirstošo logu, kas aptver galveno saturu
- Parādiet atsevišķu iespiesto materiālu, kas lietotājam ir jānoraida, pirms viņš var piekļūt galvenajam saturam.
- Padariet lapas augšdaļu līdzīgu savrupajam iespiestajam materiālam un ievietojiet oriģinālo saturu zem tā.
Tas nozīmē, ka dažiem uznirstošo logu veidiem nevajadzētu negatīvi ietekmēt jūsu klasifikāciju, piemēram
- Iespiestās reklāmas, ko izmanto, lai izpildītu juridiskas saistības, piemēram, vecuma pārbaudi, sīkfailu piekrišanu vai GDPR .
- Pieteikšanās logi, lai piekļūtu privātajam saturam, piemēram, e-pastam vai saturam, kas atrodas aiz paywall.
- Nelieli reklāmkarogi, kurus var viegli noraidīt un kuri “izmanto saprātīgu vietu ekrānā”, piemēram, Chrome un Safari izmantotie lietotņu instalēšanas baneri.
Apakšējā līnija - mobilie uznirstošie logi neapmierina lietotājus un var kaitēt jums meklēšanas klasifikācija , tāpēc izmantojiet tos tikai absolūti nepieciešams.
Kā uzzināt, vai jums ir mobilajām ierīcēm piemērota vietne
Ja jums rodas jautājums, vai jūsu vietne ir piemērota mobilajām ierīcēm, ar to uzzināsit tikai kādu brīdi Google mobilajām ierīcēm draudzīgs testa rīks - vienkārši ievadiet saiti uz savu vietni un noklikšķiniet uz Pārbaudīt URL.
Šis rīks novērtēs jūsu vietnes piemērotību mobilajām ierīcēm un sniegs detalizētu informāciju par to, kā jūs varat to uzlabot.
Kopsavilkums: mobilās vietnes dizains 2021. gadā
Mobilajām ierīcēm draudzīga vietne ir paredzēta darbam ar viedtālruņiem un planšetdatoriem. Un tagad, kad pasaule vispirms ir mobilā, arī jūsu vietnei vajadzētu būt.
Apkopojot, šeit ir astoņi mobilo vietņu dizaina padomi:
- Izveidojiet pogas pietiekami lielas, lai cilvēki tām varētu pieskarties.
- Pārliecinieties, ka teksts ir pietiekami liels, lai to varētu lasīt, un lietotājiem nav nepieciešams tuvināt.
- Vienkāršojiet izvēlni, lai būtu ērti pārvietoties uz maza ekrāna.
- Novietojiet meklēšanas funkciju priekšā un centrā un ļaujiet lietotājiem filtrēt meklēšanas rezultātus.
- Ļaujiet lietotājiem viegli sazināties ar jums.
- Izveidojiet vienkāršas un ātri lietojamas formas.
- Novietojiet aicinājumus uz darbību virs ekrāna, lai tie būtu pamanāmi.
- Izvairieties no lietotāju sarūgtināšanas ar uznirstošajiem logiem, ja vien tas nav absolūti nepieciešams.
Kādas ir jūsu domas par mobilo vietņu dizainu? Vai mēs esam palaiduši garām kādu lielisku mobilā tīmekļa dizaina paraugpraksi? Informējiet mūs zemāk esošajos komentāros!
Vai vēlaties uzzināt vairāk?
- Ekonomiskā lejupslīde: kādus soļus jūs varat veikt tagad?
- 10 mobilo ierīču lietošanas statistika, kas 2021. gadā jāzina katram tirgotājam [Infographic]
- 20 labākās mobilo video rediģēšanas lietotnes, kas jums jāizmanto 2021. gadā
- 47 mobilā mārketinga lietotnes sava biznesa virzīšanai no jebkuras vietas
![10 ietekmējošā mārketinga statistika, kas jums jāzina 2021. gadā [Infographic]](https://almtalonline.at/img/article/58/10-influencer-marketing-statistics-you-need-know-2021-3.jpg)
