Jak to w okresie – grudzień, coraz więcej stron dodaje “gadżety” świąteczne na swoich stronach. Widać tutaj jednak często pośpiech i brak wiedzy o tym jak działa już dopieszczona i z pełną obsługą strona wykorzystująca RWD. Osoba modyfikująca stronę, często zapomina iż należy przygotować nowe loga w kilku wariantach, pod różne urządzenia mobilne, o tym że na urządzeniach mobilnych dodany “gadżet” może zasłonić właściwą treść. Najmniejszym problem chyba jest sytuacja w której po prostu po zmniejszeniu rozdzielczości nie wczytują się poprawki naniesione na okazję świąt. Dlaczego? One nie wnoszą nowej treści, nie są istotnym elementem na stronie i mogą zostać pominięte na urządzeniach mobilnych.
Tworząc modyfikacje na stronie internetowej – chwilowe zmiany, modyfikacje – nie zapominajcie sprawdzić ich także pod innymi rozdzielczościami. Nie popsujmy naszej strony www zmianami, które są mało ważne i nieistotne z punktu widzenia klienta. Informacje o świętach, lokalnych wydarzeniach są istotne – ale to nie jest najważniejsza część naszej firmowej strony www.
Po serii opisów jak dostosować stronę dla responsiv web design, czas przeanalizować metamorfozę strony agencji interaktywnej z Szamotuł. Zaczynała jako standardowa strona internetowa nie dostosowana pod urządzenia mobilne. Pomimo iż dostarcza rozwiązania w technologi RWD dla swoich klientów sama nie posiadała stosownej strony, nie wyświetlała się poprawnie na urządzeniach mobilnych. Analiza dotyczy strony firmy Lapiech, która tworzy strony internetowe na terenie Szamotuł i okolic.
Etap pierwszy – analiza podstawowa, sprawdzenie zachowania się witryny na kilku rozdzielczość 320px, 640px, 800px. Niestety całość działała źle, a właściwie wcale. Strona była wyświetlana na każdej rozdzielczości w taki sam sposób, co przy niewielkich rozmiarach wyświetlacze uniemożliwiała jakąkolwiek możliwość zapoznani się z ofertą.
Po wymianie informacji i sugestii, udało się niwiskim nakładem czasu dostosować pliki CSS aby strona zaczęła działać lepiej, można stwierdzić że jest to w pełni adaptacyjna strona dla najważniejszych rozdzielczość. Nie stanowi ona 100% idealnego wzoru dla responive web design. Jednak należy podkreślić, że zakres prac nie zajął czasowo więcej niż 8h roboczych.
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:
- karta produktu
- szczegółowe zdjęcia asortymentu
- koszyk
- kroki koszyka i operacje w nim
- panel dla zalogowanych użytkowników
- 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:
- zmianę ilości?
- usuwanie produktów?
- 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.