Șansele sunt că ați văzut cum iPhone poate flip și extinde paginile web. Acesta vă poate arăta întreaga pagină Web dintr-o privire sau zoom-in pentru a face ca textul care vă interesează să fie lizibil. Într-un sens, deoarece iPhone folosește Safari, designerii de web nu ar trebui să facă ceva special pentru a crea o pagină web care să funcționeze pe iPhone.
Dar chiar vrei ca pagina să funcționeze? Cei mai mulți designeri vor ca paginile lor să strălucească!
Când construiți o pagină web , trebuie să vă gândiți la cine o să o vadă și cum o vor vedea. Unele dintre cele mai bune site-uri iau în considerare tipul de dispozitiv pe care este vizionat pagina, inclusiv rezoluția, opțiunile de culoare și funcțiile disponibile. Ei nu se bazează doar pe aparat să-și dea seama.
Instrucțiuni generale pentru construirea unui site pentru dispozitive mobile
- Testați pe cât mai multe dispozitive posibil. Primul lucru pe care ar trebui să-l faceți este să vizualizați site-ul pe un iPhone și pe cât mai multe dispozitive mobile sau emulatori, după cum puteți. În timp ce puteți utiliza emulatorii pentru toate testele dvs., acestea nu vă dau aceeași senzație ca încercarea de a naviga printr-un site web pe micul ecran mic, astfel încât să testați pe dispozitivele actuale cât mai mult posibil.
- Asigurați-vă că paginile dvs. se degradează cu grație. Puteți să vă scrieți paginile pentru browsere cu ecran lat, dar asigurați-vă că informațiile critice sunt vizibile chiar și într-un monitor minuscul care nu poate face față unor caracteristici speciale (cookie-uri, Ajax, Flash, JavaScript etc.). Orice dincolo de XHTML Basic va fi dincolo de unele telefoane mobile. În timp ce cele mai multe smartphone-uri se pot ocupa de toate aceste lucruri (cu excepția Flash pe iPhone, desigur), alte dispozitive mobile nu pot.
- Creați o pagină specifică fără fir și ușurați găsirea. Dacă intenționați să creați o pagină specifică pentru telefonul dvs. mobil și pentru clienții wireless, puneți-o la dispoziție. O modalitate foarte bună este să plasați link-ul către pagina fără fir chiar în partea superioară a documentului dvs. și apoi să ascundeți acea legătură de pe dispozitivele care nu sunt portabile utilizând tipul de suport de tip portabil. La urma urmei, majoritatea oamenilor vin la pagina dvs. de pornire, chiar și pe telefoanele mobile - iar dacă link-ul către pagina dvs. wireless nu este acolo, vor pleca dacă pagina este prea greu de folosit.
Amenajarea paginii web pentru telefoanele inteligente
Primul lucru pe care ar trebui să-l amintiți atunci când scrieți pagini pentru piața smartphone-urilor este că nu trebuie să faceți nicio modificare dacă nu doriți. Cel mai bun lucru despre majoritatea smartphone-urilor disponibile este faptul că folosesc browsere Webkit (Safari pe iOS și Chrome pe Android) pentru a afișa pagini web, astfel încât dacă pagina dvs. arată bine în Safari sau Chrome, va arăta bine în majoritatea smartphone-urilor ). Dar există lucruri pe care le puteți face pentru a face experiența de navigare mai plăcută:
- Amintiți-vă că ecranul este mic. Smartphone-urile vor condensa toate aceste coloane în fereastra minusculă, ceea ce le va face foarte greu de citit fără zoom. Majoritatea utilizatorilor sunt obișnuiți să facă zoom, dar pot deveni obositori. O lungă coloană de text este mai ușor de citit.
- Împărțiți paginile în bucăți mai mici. Poate fi dificil să citești segmente lungi de text pe un telefon mobil, așadar punerea lor pe mai multe pagini le face mai ușor de citit.
Legături și navigare pe iPhone
- Cu cât sunt mai scurte adresele URL, cu atât mai bine. Dacă ați încercat vreodată să introduceți o adresă URL pe un telefon mobil, veți ști că este o durere (cu excepția probabil pentru adolescenți care sunt obișnuiți să trimită o mulțime de mesaje text). Chiar și pe iPhone, este greu să tastați URL-uri lungi. Păstrați-le scurt.
- Dar textul link-ului lung este mai ușor de atins. Atunci când într-o pagină în care mai multe cuvinte separate sunt legate de articole diferite, unul lângă celălalt, poate fi foarte greu să atingeți unul corect fără zoom. Mulți oameni vor renunța și vor merge în altă parte. Legăturile cu 3-5 cuvinte în ele sunt mai ușor de făcut clic pe telefon decât cele de 1 cuvânt.
- Nu plasați navigația în partea superioară a ecranului. Nu este nimic mai deranjant decât a fi nevoie de pagini prin ecrane și ecrane de link-uri pentru a găsi informațiile pe care le doriți. Dacă ați analizat paginile web care au fost concepute pentru telefoane mobile, veți vedea că primele lucruri care apar sunt conținutul și titlul. Apoi, mai jos este navigarea.
- Nu vă fie frică să vă ascundeți navigația. Ascunderea legăturilor de navigare cu CSS sau JavaScript și făcându-le să apară doar atunci când utilizatorul solicită acest lucru este o modalitate de a face pagina mai ușoară pentru utilizatorii de smartphone-uri.
Sfaturi pentru imagini pe telefoanele inteligente
- Imaginile trebuie să fie mici. Da, dispozitivele Android și iPhone pot să mărească imaginile și să dezinstaleze imaginile , dar cu cât sunt mai mici, cu atât dimensiunile, cât și timpul de descărcare, cu atât mai fericiți vor fi clienții fără fir. Optimizarea imaginilor este întotdeauna o idee bună, dar pentru paginile de telefon mobil este critică.
- Imaginile trebuie să se descarce rapid. Imaginile ocupă mult spațiu pe paginile web atunci când le vizualizați de pe un dispozitiv mobil. Și în timp ce ele sunt adesea foarte plăcute și fac ca paginile să arate mai bine atunci când sunt vizualizate pe un browser web de pe ecran complet, adesea se împotmolește pe un dispozitiv mobil. În plus, atunci când un utilizator de smartphone este în rețeaua celulară, ultimul lucru pe care vor să-l plătească este să descarce o grămadă de imagini imense sau pictograme de navigare.
- Nu puneți imagini mari în partea de sus a paginii. La fel ca și în cazul navigației, poate fi foarte dificil să așteptați o imagine care să ia 3-4 ecranări pentru încărcare chiar în partea de sus a paginii. Și acest lucru este extrem de frecvent pe paginile web. Singura excepție este dacă cititorul știe că vor obține o imagine atunci când dau clic, spun într-o galerie foto.
Ce trebuie evitat atunci când proiectați pentru mobil
Există mai multe lucruri pe care trebuie să le evitați atunci când construiți o pagină prietenoasă pentru dispozitive mobile. După cum sa menționat mai sus, dacă doriți cu adevărat să aveți aceste informații pe pagina dvs., puteți, dar asigurați-vă că site-ul funcționează fără ele.
- Flash - cele mai multe telefoane mobile nu acceptă Flash, deci nu este o idee bună să le includeți în paginile dvs. wireless.
- Cookies - multe telefoane mobile nu au suport cookie. iPhone-urile au suport cookie-uri.
- Cadre - chiar dacă browserul le acceptă, gândiți-vă la dimensiunile ecranului. Ramele nu funcționează doar pe dispozitivele mobile - sunt foarte dificil sau imposibil de citit.
- Tabele - nu folosiți tabele pentru aspect pe o pagină mobilă. Încercați să evitați mesele în general. Ele nu sunt acceptate pe fiecare telefon mobil (deși iPhone-urile și alte smartphone-uri le suportă) și puteți obține rezultate ciudate.
- Tabele înmagazinate - dacă trebuie să utilizați un tabel, asigurați-vă că nu o asamblați într-un alt tabel. Acestea sunt greu de suportat de browserele desktop și, în cel mai bun caz, fac încărcarea mai lentă a paginii.
- Măsuri absolute - cu alte cuvinte, nu definesc dimensiunile obiectelor în dimensiuni absolute (cum ar fi pixeli, milimetri sau inci). Dacă definiți ceva de 100px lățime, pe un dispozitiv mobil care ar putea fi jumătate din ecran și pe altul ar putea fi de două ori lățimea. Dimensiunile relativ (cum ar fi ems și procente) funcționează cel mai bine.
- Fonturi - nu presupuneți că niciunul dintre fonturile la care sunteți utilizat pentru a avea acces la acestea va fi disponibil pe telefoanele mobile.
Citeste mai mult
- Cum sa faci site-ul dvs. mobil prietenos folosind PHP