Testare gratuita Responsive web design

responsive design

În prezent, Responsive design (Responsive Web Design) nu este doar o chestiune de modă. Este vorba despre înlesnirea accesabilităţii conţinutului paginilor web, indiferent de aparatul prin intermediul căruia se deschide pagina selectată (telefon mobil, tabletă, PC Desktop ...). Odată cu avântul considerabil al aparatelor mobile precum tabletele sau telefoanele smart, se conturează întrebarea: cum să se afişeze conţinutul paginilor utilizatorilor astfel încât să fie cât mai lizibil şi să se minimalizeze nevoia de a mări sau deplasa imaginea. Încă din anul 2010, vânzările de telefoane smart şi tablete le-au depăşit pe cele de computere şi notebook-uri la nivel mondial, iar în prezent acest raport este în continuuă creştere. Aşadar, rezultă că există din ce în ce mai mulţi oameni care vizitează paginile de internet, prin intermediul telefoanelor smart sau al tabletelor, iar proprietarii de pagini interrnet nu ar trebui să uite că cele care nu vor fi direct concepute pentru aparatele mobile, vor fi chiar până la 99% inaccesibile, comerciantul sau proprietarul paginilor pierzând astfel mulţi vizitatori sau chiar un mare procentaj din încasări.

Ce este, practic, responsive design?

Definiţie simplă: Responsive design - Adaptarea conţinutului paginii la dimensiunile aparatului mobil. Pagina standard de internet este optimalizată pentru computerele obişnuite sau pentru notebook-uri. Însă, dacă vizitatorul deschide o pagină web sau cea a unui eshop, de pe o tabletă sau telefon smart, şi paginile nu sunt optimalizate cu ajutorul responsive design, deodată nu există condiţii ideale pentru navigare. Întreaga pagină, aşa cum o cunoaştem de pe PC, se micşorează la formatul rezoluţiei ecranului aparatului prin intermediul căruia se navighează şi funcţionează obişnuit. Aceasta însă nu este soluţia ideală. Imaginaţi-vă că pagina cu rezoluţia 1024x768 destinată de ex. pentru monitoare de 17 inch se micşorează deodată la rezoluţia 480 x 320 pentru un display de 3 inch. Aceasta este o micşorare de 11 ori a paginii şi a toate elementele (text, butoane, imagini, link-uri) sunt mici, ilizibile şi proiectate înainte de toate pentru PC Desktop cu utilizare de mouse şi nu pentru degetele utilizatorilor. Vizitatorul este obligat să mărească totul, cu dificultate, şi în plus să mai şi deplaseze cu degetele, care sunt mai late decât cursorul, fără a putea să marcheze întotdeauna ceea ce îşi doreşte. Responsive design are ca scop luarea în considerare a tuturor cerinţelor ergonomice ale aparatelor mobile. Datorită spaţiului limitat, este adecvat să se grupeze, selecteze şi să se ordoneze corect elementele care sunt cu adevărat importante. Fără a se modifica pagina în sine, care rămâne aşa cum este ea, se adaugă câteva rânduri la pagina finală, la fişierele externe, unde se defineşte ce şi cum trebuie să fie setat şi afişat în funcţie de rezoluţie.

Aici vă punem la dispoziţie un tester gratuit al paginilor dumneavoastră, pentru diferite aparate cu rezoluţii diferite, aşa cum le vizualizează de pe aparatele lor vizitatorii paginilor dumneavoastră.

eșantion Responsive Web Design

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
În caz că sunteţi interesaţi să vă adaptaţi paginile de internet cu ajutorul Responsive design, vă recomandăm societatea XXX care are o experienţă bogată în domeniu şi care vă va oferi răspunsuri la eventualele dumneavoastră întrebări.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design