Bezpłatne badania Responsive web design

responsive design

W chwili obecnej Responsive design (Responsive Web Design) nie jest już tylko kwestią mody. Chodzi o udostępnienie treści strony internetowej bez względu na to, na jakim urządzeniu (telefon komórkowy, tablet, stacjonarny PC itp.) jest ona przeglądana. W związku z ogromną różnorodnością urządzeń telefonii komórkowej takich, jak tablety czy smartfony, pojawia się kwestia, w jaki sposób użytkownikom tych urządzeń wyświetlić treść strony internetowej tak, aby była ona jak najbardziej czytelna oraz aby zminimalizować potrzebę powiększania i przesuwania ekranu. Już w 2010 roku ogólnoświatowa sprzedaż smartfonów i tabletów przewyższyła sprzedaż komputerów i notebooków, zaś w chwili obecnej ta przewaga wzrasta coraz bardziej. Z powyższej informacji wynika, że coraz więcej osób odwiedza strony internetowe korzystając ze smartfonów lub tabletów; właściciele takich stron nie powinni więc zapominać, że o ile nie będą one zaprojektowane pod te urządzenia telefonii komórkowej to w 99% będą nieczytelne, tak więc handlowcy e-commerce lub właściciele tych stron, mogą stracić wielu odwiedzających, a w praktyce znaczną część swoich obrotów.

Czym właściwie jest Responsive (Web) Design?

Prosta definicja: Responsive design - dostosowane treści strony internetowej do wielkości urządzenia, na którym będzie ona przeglądana. Standardowa strona internetowa jest optymalizowana do wyświetlania na ekranach typowych komputerów lub notebooków. Kiedy przeglądający otworzy web lub e-shop w tablecie lub smartfonie i strony te nie są optymalizowane przy pomocy Responsive Design, wtedy z pewnością nie będzie miał idealnych warunków do surfowania po nich. W praktyce cała strona internetowa, znana nam z PC, zostanie zmniejszona do formatu rozdzielczości urządzenia, za pomocą którego surfujemy i działa w klasyczny sposób. Jednakże nie jest to zbyt wygodne rozwiązanie. Proszę sobie wyobrazić, że standardowa strona internetowa o rozdzielczości 1024x768 przeznaczona dla typowych ok. 17-calowych monitorów musi nagle ulec zmniejszeniu do rozdzielczości 480 x 320 na 3-calowym wyświetlaczu. Jest to ponad 11-krotne zmniejszenie wymiaru strony internetowej, więc wszystkie jej elementy (tekst, przyciski, rysunki, fotografie, linki) stają się małe, nieczytelne, gdyż były przecież pomyślane do korzystania z nich przede wszystkim z zastosowaniem stacjonarnego PC ewentualnie laptopa, do tego do wskazywania używana miała być precyzyjna mysz, nie zaś ludzkie palce. Zwiedzający daną stronę internetową musi sobie wszystko powiększać, przesuwać oczywiście robiąc to palcami, które są szersze niż kursor myszy, wskutek czego nie zawsze zaznaczy to, co chciał, gdy już powiększy stronę na tyle by mógł dokładnie wskazać palcem właściwy obiekt, to po załadowaniu nowej strony musi ją pomniejszać, bo nie sposób ją obejrzeć lub przeczytać jej treść. I tak wkoło, powiększanie, przesuwanie, pomniejszanie, błędne wskazanie palcem i znowu od początku. Responsive Design służy właśnie do tego, aby uwzględnił wszystkie ergonomiczne wymagania wyświetlaczy urządzeń mobilnych. Z powodu ograniczonej przestrzeni należy włączyć, wybrać i poprawnie uporządkować te elementy, które są naprawdę istotne. Nie dochodzi do zmiany samej strony internetowej, gdyż pozostaje ona w dotychczasowej formie, lecz zostanie do niej dodanych kilka wierszy z zewnętrznymi plikami, w których zostanie określone: co, kiedy, gdzie oraz jak i z jaką rozdzielczością należy ustawić i wyświetlić. Poniżej oferujemy bezpłatny tester stron internetowych dla różnych urządzeń o różnej rozdzielczości, tak jak to widzi użytkownik na swoim urządzeniu.

Próbka 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
Jeśli są Państwo zainteresowani zmianą dotychczasowej strony internetowej poprzez skorzystanie z pomocy Responsive Design proponujemy zwrócenie się do firmy XXX mającej z tego typu problematyką bogate doświadczenia i która chętnie odpowie Państwu na wszystkie ewentualne zapytania.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design