Responsive Web Design

E- wizytówka najprostsza forma strony www i oto kilka ich przykładów pod adresem: E-wizytówki / strony internetowe Szamotuły. Przykład wykonania kilku stron www z mniejszym lub lepszym wykorzystaniem RWD. Są przykładem typowo l lokalnych witryn internetowych prezentujących ofertę i dane lokalnych firm. Przykładem lokalnej strony internetowej / e-wizytówki składającej się z jednej strony i wykorzystującej w pełni RWD jest strony internetowe Szamotuły. Przedstawia ofertę agenta ubezpieczeniowego, na jednolitym tle w formie grafiki i wymienione podstawowe działalności. Dodatkowo dane teleadresowe jakże niezbędne w celu odnalezienie agenta i mapa dojazdowa. To typowe minimum potrzebne do zaprezentowania się w internecie i przedstawienia na stronie internetowej swojej oferty.

Trzecia kategoria stron  internetowych – sklepy internetowe. Kolejne podejście jak ugryźć RWD w tym wypadku.

Jak łatwo się domyślić będzie to znowu trudniejsze niż w przypadku strony typu CMS, a w porównaniu do e-wizytówki to ogromna przepaść. Dlaczego? Sklep posiada dodatkowe strony, które są dla niego specyficzne i wymają ukazania bardzo dużej liczby szczegółów dla użytkownika, co na małych rozdzielczościach może być kłopotliwe. Są to strony ściśle związane z produktami i zakupami:

1. karta produktu
2. szczegółowe zdjęcia asortymentu
3. koszyk
4. kroki koszyka i operacje w nim
5. panel dla zalogowanych użytkowników
6. sprawdzanie statusu przesyłki

Temat bardzo trudny, o ile w przypadku CMS-a i stron informacyjnych możemy bez większych oporów ukryć część informacji przed użytkowniki urządzeń mobilnych, o tyle w sklepie jest to mało profesjonalne. Dlaczego? To proszę sobie odpowiedzieć na pytanie co ukryć w koszyku:

1. zmianę ilości?
2. usuwanie produktów?
3. podsumowanie zakupów?

jak już odpowiemy sobie między innymi na te pytania to trzeba to samo zrobić dla innych stron związanych ściśle z sklepem internetowym.

W poprzednim artykule omawialiśmy tworzenie strony internetowej w formie e-wizytówki. Jak się można było łatwo przekonać to była łatwa opcja, nie wymagała żadnych trudnych zabiegów.

Czym się różni strona wykorzystująca CMS-a od e-wizytówki:

1. mamy pełną kontrole nad treściami
2. dowolna ilość podstron, stron, elementów www
3. dodawanie grafiki, treści dodatkowych
4. zarządzanie znacznikami meta

Te właśnie różnice utrudniają tak szybkie przystosowanie szablonu strony internetowej dla RWD. Trzeba przewidzieć iż może zostać dodana rożna treść, o rożnych wymiarach, długości a także specjalnie sformatowana przy użyci edytora wizualnego. Mając pewne stałe elementy w szablonie graficznym, na przykład dodatkowa prawa kolumna, trzeba się zdecydować czy jest ona widoczna na każdej rozdzielczości, czy też po przejściu na smartfon, tablet ukrywamy ją przed użytkownikiem. Tutaj powstają pierwsze dylematy czy wszystkie elementy na stronie są potrzebne i konieczne dla rozdzielczości mobilnych.