Designing for Mobile First: Motive, provocări și strategii

Dacă ați urmărit sursele care trimit trafic către site-ul dvs. web, șansele sunt că ați observat o creștere constantă a numărului de vizitatori pe dispozitive mobile. Pentru unele site-uri web, traficul pe mobil a depășit cu mult timp în urmă traficul pe desktop. Potrivit cercetării Smart Insights, oamenii petrec acum mult mai mult timp media digital (51%) pe telefoanele lor mobile, comparativ cu laptopurile/desktopurile lor (42%).

În Marea Britanie, 45% din tot traficul de comerț electronic provine acum de la smartphone-uri și tablete. Mulți retaileri de comerț electronic și-au dublat ponderea vânzărilor mobile în ultimii doi ani. Mobilul reprezintă acum 40% din toate vânzările cu amănuntul online din Marea Britanie. De fapt, aș putea completa această postare cu statistici care demonstrează criticitatea marketingului mobil. Optimizarea plății și a site-ului web pentru mobil nu a fost niciodată mai importantă.

Aceste tendințe ar trebui să oblige orice afacere online să ia în considerare cu seriozitate o strategie pe primul loc pentru mobil. Cu toate acestea, multe dintre ele încă nu au o configurație receptivă, nu contează pe mobil. Cele care oferă un fel de experiență mobilă lasă mult de dorit.

Chiar ar trebui să puneți pe primul loc mobilul?

Adoptarea unei strategii pe primul loc pentru mobil înseamnă să vă proiectați experiența web pentru telefoane mobile și tablete, înainte de a o extinde pentru dispozitive de afișare mai mari.

Termenul „în primul rând mobil” rămâne mai mult o enigmă, deoarece designerii web s-au ferit în mare de provocările pe care le prezintă. În plus, scepticii spun că „în primul rând mobilul” îndepărtează atenția de la singurul lucru care contează – clienții. Dar susținătorii spun că clienții sunt motivul exact pentru care o afacere ar trebui să pună pe primul loc mobilul. Dacă înțelegeți bine, puteți începe cu adevărat să vă îmbunătățiți ratele de conversie.

Deși, trebuie să subliniez din rezultat că o strategie pe primul loc pentru mobil nu este neapărat calea potrivită pentru fiecare afacere. O scufundare de 30 de minute în Analytics vă va oferi toate răspunsurile de care aveți nevoie.

Mobile First pentru site-uri web noi

O strategie de marketing în primul rând pe mobil necesită să începeți să proiectați experiența utilizatorului pentru micul ecran. Cu alte cuvinte, concepeți un design ținând cont de limitările media mobile. Prototipul include doar elementele simple care ar oferi o experiență de utilizator mobilă lină și personalizată.

De exemplu, veți evita să contați pe videoclipuri HD sau pe imagini grele și veți prefera utilizarea tehnologiei ușoare pentru a face site-ul să funcționeze mai bine pe ecrane mai mici. Apoi, puteți adăuga valoare prin implementarea unor elemente mai detaliate care îmbunătățesc experiența pe desktop-uri și laptop-uri. Această abordare se numește îmbunătățire progresivă și este opusul modului în care majoritatea designerilor abordează procesul de proiectare.

Majoritatea designerilor încep cu ecranul mare și setul complet de instrumente pentru a proiecta o experiență excelentă pentru utilizatorul desktop. Când site-ul web pentru desktop este complet, acesta devine receptiv și adaptabil pentru dispozitivele mobile prin „degradarea selectivă” a experienței utilizatorului. Anumite elemente mai grele ar putea fi nevoite să fie aruncate, iar tehnologiile de proiectare care nu sunt acceptate de (sau utile pentru) dispozitive mobile ar putea trebui înlocuite.

Nu numai că este multă muncă, dar realizarea unei versiuni mobile a site-ului dvs. web apare adesea ca o idee ulterioară. Ți-ai cheltuit cea mai mare parte a energiei pentru a crea experiența perfectă pentru ecranul mare, motiv pentru care versiunea mobilă a site-ului tău web poate arăta puțin șchiop. Un concurent pe mobil mai întâi vă poate fura cu ușurință o parte din traficul mobil.

Mobile First pentru site-urile existente

Actualizarea algoritmului Google pentru dispozitive mobile a afectat peste 80% dintre site-uri când a fost lansată. Aproape un an mai târziu, există încă milioane de site-uri web care nu sunt prietenoase cu dispozitivele mobile. Ei riscă să-și piardă o mare parte din vânzări, deoarece o experiență slabă de utilizator mobil poate refuza aproape jumătate dintre vizitatori. De asemenea, pot pierde trafic, deoarece Google clasează slab site-urile care nu sunt prietenoase cu dispozitivele mobile.

Desigur, aceste pierderi nu vor apărea nicăieri în foaia de profit și pierdere sau în contul de profit și pierdere, dar acestea sunt oportunități pierdute. Îți lipsesc pentru că nu ai făcut nimic pentru a domina cea mai mare și potențial cea mai mare porțiune de conversie a traficului tău.

Utilizarea dispozitivelor mobile sau, mai degrabă, centrarea pe mobil este esențială în special pentru afacerile locale și de comerț electronic. Se datorează faptului că mobilul revendică cea mai mare cotă de căutări locale, precum și cele mai mari rate de conversie. Pe scurt, dacă aveți un site web vechi pe care doriți să îl actualizați la tehnologia contemporană, mobilul ar trebui să fie o considerație de top pentru modernizare.

Este Mobile First potrivit pentru afacerea dvs.?

Îmbrăcămintea și îmbrăcămintea se numără printre categoriile cele mai căutate pe telefoanele mobile din Marea Britanie, urmate de electronice, produse alimentare și produse de uz casnic, îmbunătățirea locuinței și sănătate și frumusețe. Inutil să spun că mai bine ai un site optimizat pentru mobil dacă faci afaceri în oricare dintre aceste categorii. Acest lucru nu înseamnă că restul companiilor pot închide ochii la mobil, deoarece marea majoritate a clienților tăi sunt lipiți de micul lor ecran în cea mai mare parte a zilei lor digitale.

Pe lângă generarea de clienți potențiali și vânzări, o experiență de utilizator fluidă pe un site web mobil proiectat inteligent vă oferă, de asemenea, o imagine mai bună în ochii clienților dvs. Potrivit cercetării Barclays, peste 40% din toate achizițiile cu amănuntul sunt influențate de mobil într-un fel sau altul. Aproape jumătate (48%) dintre milenii din Marea Britanie spun că vor avea mai puține șanse să cumpere produsele unei companii dacă au o experiență slabă cu aplicația sau site-ul mobil al companiei respective.

În multe industrii, cheltuielile publicitare pe dispozitive mobile sunt încă scăzute, având în vedere traficul și vânzările pe care le generează smartphone-urile și tabletele. Cu toate acestea, crește cu o rată de 35% până la 45% și se estimează că va depăși publicitatea tipărită și TV până la sfârșitul acestui an. Pe măsură ce cresc din ce în ce mai mulți „nativi digitali”, tendințele mobile vor deveni mai puternice.

Concluzia este că nicio companie nu își poate permite să pună marketingul mobil în sertarul de jos. Dar ar trebui să-l pui deasupra? Probabil că da, dacă majoritatea clienților tăi folosesc deja mobilul pentru a-ți accesa serviciile.

Provocări în strategia Mobile First

Când proiectați mai întâi pentru mobil, proiectați pentru rezoluția verticală. Opțiunile tale sunt sever limitate de elementele, navigarea, conținutul și instrumentele pe care platforma mobilă le poate suporta. Ecranul mare orizontal este mai flexibil și mai bogat în funcții. Dacă nu știți mai bine, proiectarea mai întâi pentru mobil vă poate împiedica să vizualizați posibilitățile experienței dvs. de utilizator desktop.

O imagine de erou care arată impresionant pe desktop ar putea consuma prea mult spațiu pe ecranul unui smartphone. Pe de altă parte, designerul ar putea să nu acorde o atenție adecvată imaginilor de înaltă calitate sau videoclipurilor HD atunci când proiectează mai întâi experiența mobilă. Proiectarea versiunii desktop vă permite să creați o experiență de utilizator mai sănătoasă, care poate lipsi în versiunea desktop a site-urilor web mobile first.

Prin urmare, proiectarea mai întâi pentru mobil nu înseamnă că pierdeți din vedere experiența posibilă a utilizatorului desktop. Amintiți-vă întotdeauna că vă concentrați pe ecranul mic doar pentru că clienții dvs. îl folosesc. Scopul dvs. este de a crea o experiență simplă și plăcută pentru utilizatorii dvs. de telefonie mobilă, oferind în același timp cea mai bună experiență posibilă utilizatorilor dvs. de desktop. Vrei să oferi clienților tăi ceea ce își doresc ei și nu ceea ce tehnologia poate construi.

Proiectare pentru Mobile First

Alinierea experienței mobile cu intenția utilizatorului

Înainte de a începe să elaborați strategii și să proiectați pentru mobil, ar trebui să știți motivele pentru care cineva își va scoate smartphone-urile și va interacționa cu aplicația sau site-ul dvs. Aceste motive se pot încadra în una sau mai multe dintre următoarele categorii:

• Căutați sau găsiți ceva: utilizatorii doresc să găsească informații sau răspunsuri urgent. De cele mai multe ori, aceste informații sunt relevante pentru locația lor.
• Explorează și interacționează: utilizatorii au ceva timp de ucis și doresc să-l petreacă jucând un joc, cercetând un produs sau interacționând cu conținutul tău într-un mod distractiv.
• Verificați starea sau actualizările: există unele informații care se actualizează în permanență, iar utilizatorii dvs. sunt interesați să fie la curent cu lucrurile, cum ar fi actualizările de scor live în timpul unui meci de fotbal. Creați sau editați: utilizatorii dvs. doresc să efectueze o microacțiune care nu poate aștepta, de exemplu, să încarce o fotografie, să facă o rezervare sau să comenteze o postare pe blog.

Pentru a crea o experiență de utilizator mobilă intuitivă, trebuie să vă aliniați site-ul web cu comportamentele utilizatorilor menționate mai sus în contextul propriei afaceri . Deoarece oamenii vă pot accesa site-ul web de oriunde în orice moment, trebuie să vă gândiți la optimizarea experienței lor în toate locațiile.

Când luați în considerare acești factori, vă veți pregăti automat experiența utilizatorului mobil pentru lumea reală. Veți pune în prim plan informațiile și caracteristicile pe care utilizatorii dvs. doresc să le vadă și să le folosească, în loc de ceea ce doriți să subliniați. Iată o redare comică a acestei filozofii pentru a clarifica lucrurile.

Vedeți diferența dintre ceea ce vor oamenii să vadă și ceea ce se află de obicei pe site-ul unei universități? Cercul din partea dreaptă arată exact ce ar fi trebuit să fie acolo pe site.

Navigare minimă

Pe desktop, puteți avea meniul de sus, meniul lateral și meniul de jos. Puteți avea diferite widget-uri sau module interactive pentru a îmbogăți experiența desktop. Dar atunci când proiectați pentru mobil, trebuie să minimizați meniurile și navigarea.

Cu restricțiile de rețea, dimensiunea ecranului și hardware pe care le are dispozitivul mobil (comparativ cu desktop-ul sau laptopul), nu doriți să vă îngropați conținutul sub straturi de navigare. Utilizatorii dvs. de telefonie mobilă doresc conținut relevant să se încarce pe prima pagină într-o clipită. Fiecare pas de navigare pe care îl adăugați îi obligă să atingă altă dată și să aștepte încărcarea unei alte pagini, ceea ce este o experiență groaznică pentru utilizator; mai ales dacă au o conexiune lentă la internet.

Sincronizarea experienței mobile și desktop

Unul dintre riscurile în urmărirea unei strategii pe primul loc pentru mobil poate fi acela că site-ul dvs. desktop se dovedește a fi inconsecvent cu aplicația sau site-ul dvs. pentru mobil. Acest lucru ar putea perturba utilizatorii care folosesc atât dispozitivul mobil, cât și desktopul pentru a vă accesa afacerea. În plus, este rău pentru branding. Prin urmare, este esențial să luați în considerare atât mobilul, cât și desktopul/laptop-ul chiar de la început.

Încă o dată, utilizatorul dvs. (și nu mobil sau desktop) este în centrul experienței pe care o proiectați. Regula generală este să oferiți utilizatorilor ceea ce își doresc prin cel mai ușor și mai scurt traseu posibil.

Web Design responsiv vs adaptiv

Designul web responsiv sau adaptiv se schimbă fluid pentru a se potrivi cu dimensiunea ecranului utilizat pentru a-l accesa. Pentru a verifica dacă site-ul dvs. este receptiv/adaptabil, puteți pur și simplu să micșorați fereastra browserului și să vedeți cum se modifică site-ul pentru a se potrivi oricărei dimensiuni de ecran. O mare parte din diferența dintre tehnologiile adaptive și cele receptive constă în HTML și CSS din spatele lor, iar rezultatele finale pot arăta similare.

Cu toate acestea, designul web adaptiv (AWD) necesită mai puțină codare pentru implementare decât designul web responsiv (RWD). În designul adaptiv, serverul este cel care face munca grea pentru a personaliza experiența în funcție de tipul de dispozitiv care solicită acces. În RWD, întreaga pagină este trimisă către browserul dispozitivului, care apoi o modifică în funcție de dimensiunea și dimensiunile ecranului.

Aceasta înseamnă că AWD poate detecta tipul și caracteristicile dispozitivului și le poate folosi pentru a oferi o experiență superioară utilizatorului. Site-urile web adaptive sunt, de asemenea, puțin mai rapide de încărcat decât site-urile responsive. Dar pot avea probleme atunci când se încarcă pe anumite dimensiuni de ecran nu atât de populare. Cu toate acestea, multe depind de modul în care sunt proiectate site-urile individuale.

Aplicații pentru mobil

Aplicațiile mobile oferă o experiență de utilizator extrem de personalizată și vă pun clienții fideli la îndemâna marketingului dvs. Puteți afla mai multe despre ei urmărindu-le obiceiurile și nevoile și oferindu-le oferte speciale și conținut personalizat.

Amazon și-a folosit aplicația Underground (acum dispărută) pentru a promova lucruri gratuite. În chilipir, marca rămâne în mintea clienților, precum și în smartphone-urile acestora. Care crezi că este primul loc la care se vor gândi atunci când chiar trebuie să cumpere ceva? De asemenea, Amazon pirata creșterea prin aplicația mobilă cu o strategie de recomandare, în care primești un credit de 5 USD de fiecare dată când cineva pe care l-ai recomandat cumpără ceva, iar cumpărătorul primește și o reducere de 5 USD.

Acesta este doar vârful aisbergului, având în vedere ce pot face aplicațiile mobile. De asemenea, companiile pot face ca aplicațiile mobile să funcționeze pentru angajații și afiliații lor. Uber este un exemplu excelent în acest sens. Pe de altă parte, site-urile web pentru desktop cu funcționalitate extinsă și interactivitate pot utiliza aplicații mobile pentru a oferi o versiune redusă a experienței pentru ecranul mic. De exemplu, Basecamp are o aplicație ingenioasă care îi permite oamenilor să rămână la curent cu proiectele lor atunci când sunt în mișcare.

Google vs Yahoo — Două experiențe mobile diferite

Pentru a înțelege mai bine ce am discutat până acum, să comparăm versiunile desktop și mobile ale Yahoo și Google.

Este clar de văzut că ambii giganți de căutare urmează strategii radical diferite aici. Prima pagină a desktop-ului Yahoo este plină de informații, probabil pentru că oamenii de la Yahoo cred că utilizatorii lor vor mai mult decât să caute din interfață. Prima pagină mobilă nu este altceva decât o versiune sever atenuată a desktopului, care pare să acorde puțină atenție experienței utilizatorului mobil. Aproape jumătate din spațiu este ocupat de o imagine mare, ceea ce nu are prea mult sens decât dacă cauți ultimele știri.

Google, pe de altă parte, are o experiență mult mai consistentă pentru dispozitive mobile și desktop. Ei se concentrează pe un singur lucru – căutarea. În același timp, Google permite oamenilor să acceseze toate produsele sale printr-o singură atingere pe pictograma casetei de instrumente. Iată ecranul care apare.

Comparația relevă și diferența în strategia de direcționare. Yahoo are o ofertă mult mai largă, care cuprinde știri, finanțe, vreme, corespondență, filme, frumusețe, politică și o mulțime de alte produse. Google se concentrează în primul rând pe căutare și o folosește pentru a-și împinge arsenalul de instrumente bine țintite, care se extinde treptat. Puteți vedea că Google urmează aparent o strategie pe primul loc pentru mobil, în timp ce site-ul web mobil al Yahoo este mai degrabă o idee ulterioară, doar o versiune degradată a site-ului său desktop?

Ideea este că experiența mobilă, ca orice, ar trebui să fie înrădăcinată în strategia ta generală de marketing. Nu este vorba doar despre manipularea elementelor și schimbarea dimensiunilor fonturilor, ci despre cât de bine vă înțelegeți clienții.

Viitorul mobilului

Odată cu creșterea nativilor digitali, smartphone-urile devin mai inteligente și vitezele rețelei crescând, creșterea media mobilă nu arată semne de scădere. De fapt, mobilul pare să ocupe centrul vieții noastre de zi cu zi, așa cum un val de obiecte inteligente și costume de realitate virtuală se pregătesc să intre pe piața digitală. Ubicuitatea și atemporalitatea mobilului îl fac o platformă perfectă pentru comercializarea tuturor tipurilor de produse și servicii. Și, este mult mai puțin aglomerat până acum și are mult spațiu pentru jucători noi. Pe scurt, timpul să acționezi acum este.