Răspunsul scurt.
Mobile first înseamnă să începem proiectarea de pe telefon. Textul lizibil, butoanele convenabile, condițiile clare și contactul ușor sunt mai importante decât designul computerizat redus.
O bună versiune mobilă a site-ului începe cu întrebarea: ce trebuie să facă clientul când ține telefonul în mână? Să înțeleagă serviciul, să găsească adresa, să compare un produs sau să vă sune. Răspunsul stabilește ordinea cu mult timp înainte de culori și efecte.
Proprietarul analizează adesea proiectul pe un monitor de mari dimensiuni. Clientul îl poate deschide în autobuz, între două întâlniri sau chiar în fața propriului loc. Aceste persoane nu au nevoie de un poster redus. Au nevoie de o modalitate eficientă de a accesa informațiile necesare.
Mobile first înseamnă să începem proiectarea de la ecranul mic. În primul rând, organizăm cele mai importante elemente pentru telefon, iar apoi dezvoltăm designul pentru ecrane mai mari. Astfel, utilizarea mobilă are propria logică încă de la început.
Versiune mobilă a site-ului: verificați vizitatorii
Nu luați un procent universal drept adevărat pentru fiecare afacere. Un hotel, un serviciu local și un furnizor de echipamente profesionale pot avea un mod diferit de a percepe costurile. Datele despre site-ul specific sunt mai utile decât un număr luat din piața nespecializată.
Dacă aveți instalată o platformă de analiză, examinați dispozitivele pentru o perioadă adecvată. Comparați și acțiunile: de unde provin solicitările și pe ce pagini oamenii întâmpină dificultăți. Un număr mare de vizite de pe dispozitive mobile nu este singura motivă pentru care trebuie să vă îngrijiți de telefon; orice client potrivit trebuie să poată utiliza site-ul.
Dacă încă nu aveți date, începeți cu situațiile reale. Cum primește persoana linkul dumneavoastră? Unde caută adresa? De ce dispozitiv deschide o postare pe o rețea socială? Aceste întrebări oferă o orientare bună, fără a necesita statistici inventate.
Ce înseamnă indexingul mobil-first pentru Google?
Google utilizează versiunea mobilă a conținutului în procesul de indexare și clasificare. Indexarea înseamnă că motorul de căutare procesează și include pagina în sistemul său. Acesta nu este un angajament de a ocupa prima poziție și nu înseamnă că site-ul cu cel mai frumos aspect mobil câștigă automat. Ghiduri oficiale ale Google pentru indexarea mobilă.
Concluzia practică este să nu ascundeți informațiile importante de vizitatorii din telefon. Conținutul principal, titlurile și descrierile trebuie să fie consecvente între versiunile diferite. Ordinea poate fi diferită atunci când acest lucru facilitează citirea.
Dacă serviciul este descris detaliat pe computer, iar pe telefon rămân doar o fotografie și un buton, pierdeți un context util pentru oameni și motorul de căutare. În loc să eliminați condițiile necesare, aranjați-le în secțiuni ușor de citit. Verificați ce se încarcă de fapt și ce poate fi accesat.
Textul citit este parte a designului
Deschideți pagina și începeți să citiți, fără să măriți textul. Textul principal trebuie să fie confortabil, iar rândurile nu trebuie să iasă din ecran. Câteva titluri mari nu compensează condițiile minore care determină alegerea clientului.
Oferiți textului aer cu paragrafe scurte și subtitrări clare. Vizitatorul poate căuta un răspuns specific, nu trebuie să citească de la început până la sfârșit. Pentru serviciu, aceasta poate fi durata, pentru restaurant — meniul, iar pentru hotel — condițiile de cazare.
Verificați și contrastul. Textul gri închis pe un fundal aproape alb poate părea fin pe monitor, dar este greu de citit în exterior. Același lucru este valabil și pentru textul de pe fotografii, care sunt decupate diferit pe telefon.
Butoanele trebuie să permită o funcționare fără probleme
Încercați meniul și butoanele principale cu degetul. Acțiunile importante trebuie să fie ușor de recunoscut și suficient de separate una de cealaltă. Nu este bine ca utilizatorul să apese repetat sau să deschidă accidental un link alăturat.
Numărul de contact trebuie să permită apelarea prin atingere. Dacă oferiți Viber sau WhatsApp, testați comportamentul și asigurați-vă o alternativă pentru persoanele care nu au aplicația respectivă. Icona în sine poate să nu explice ce conversație duce.
În cazul unei forme standard, folosiți câmpuri adecvate și etichete clare. Nu solicitați informații detaliate despre companie atunci când sarcina este doar un prim contact. După trimitere, trebuie să apară o confirmare, iar în cazul unei erori, persoana trebuie să înțeleagă cum să o corecteze.
Viteza și ferestrele care apar sunt resimțite cel mai puternic pe telefon
Un site web bun pentru telefon trebuie să funcționeze și în afara rețelei rapide de birou. Imaginile, videoclipul și instrumentele externe trebuie să fie alese având în vedere scopul. Mișcarea poate crea un sentiment de calitate, dar nu trebuie să încetinească accesul la serviciu.
Încercați pagina prin date mobile. Verificați dacă primele informații utile apar și dacă butoanele răspund. Dacă o imagine mare derutează aspectul paginii după încărcare, cititorul poate pierde locul pe care îl citea.
Verificați bannerele, chat-ul și sugestiile pop-up. Când mai multe straturi acoperă aproape întregul ecran, vizitatorul trebuie mai întâi să se elibereze de acestea. Lăsați conținutul vizibil și modul de închidere, în loc să transformați prima întâlnire într-o serie de obstacole.
Faceți un test de cinci minute pe propriul telefon
Alegeți o sarcină care este într-adevăr importantă pentru afacere. De exemplu, să găsiți o procedură specifică și să păstrați conversația sau să analizați un produs și să trimiteți o solicitare. Nu utilizați pașii direcți memorabili în prealabil.
- Deschideți pagina de pornire și spuneți într-un singur cuvânt ce oferă afacerea.
- Găsiți o servicii sau un produs și citiți condițiile necesare.
- Găsiți telefonul și verificați dacă poate fi apăsat.
- Completați formularul cu o solicitare de test clară și confirmați primirea.
- Deschideți aceeași pagină prin intermediul datelor mobile și verificați timpul de așteptare și evoluția conținutului.
Întrebați și pe cineva care nu cunoaște site-ul să repete sarcina. Făceți observații despre locul în care se oprește, fără să-i oferiți imediat răspunsul corect. Acest lucru oferă informații mai valoroase decât întrebarea „Îți place designul?”
Design adaptabil sau site mobil separat?
Designul adaptiv înseamnă ca pagina să își schimbe aspectul în funcție de lățimea ecranului. Conținutul poate fi prezent pe același adresă, iar coloanele, imaginile și meniul pot fi aranjate diferit. Aceasta este o abordare potrivită pentru multe site-uri de business.
Un site mobil separat utilizează diferite pagini sau adrese pentru telefon. O astfel de soluție necesită o atenție suplimentară la suport și conformitatea conținutului. Nu este în mod automat mai bun doar pentru că adresa include o referință la versiunea mobilă.
Mobile first este modul de proiectare, iar designul adaptiv este o modalitate de a construi interfața. Ele pot funcționa împreună. Întrebarea importantă este dacă site-ul ajută clientul pe dispozitivul său, și nu ce termen tehnic apare în ofertă.
Dacă testul a indicat mai multe probleme, consultați și celelalte erori de pe site. Pentru modificări în domeniul de aplicare și buget, utilizați detalierea prețului pentru realizarea unui site web.
Să începem cu ecranul clienților voștri
Site-ul vă face dificilă utilizarea pe telefon? Spuneți-ne ce acțiuni sunt importante și unde oamenii se opresc. Vom discuta despre modificări care fac informațiile și contactele mai ușor de citit pe un ecran mic.
