Czy projekt obejmuje widoki na komputer, tablet i telefon?

Projekt obejmuje przygotowanie strony z myślą o różnych urządzeniach: komputerach, tabletach i telefonach. Strona internetowa musi być responsywna, czyli poprawnie dostosowywać układ, wielkość elementów, hierarchię treści i sposób interakcji do szerokości ekranu.

W praktyce oznacza to, że kluczowe widoki projektujemy lub doprecyzowujemy dla wersji desktopowej i mobilnej, a zachowanie na tabletach uwzględniamy w projektowaniu responsywnym oraz podczas wdrożenia. W zależności od projektu przygotowujemy osobne widoki dla najważniejszych breakpointów albo definiujemy zasady dostosowania komponentów do różnych szerokości ekranu. Urządzenia mobilne projektujemy dla najniższej szerokości 320px.

Kolejność projektowania zależy od tego, jaki typ użytkownika dominuje w danym projekcie. W wielu projektach B2B istotna część analizy i decyzji odbywa się na komputerze, szczególnie wtedy, gdy użytkownik porównuje ofertę, analizuje szczegóły techniczne lub pracuje w środowisku biurowym. Nie oznacza to jednak pomijania mobile. Wersja mobilna musi być czytelna, szybka i wygodna, ponieważ użytkownicy często wracają do strony z telefonu albo sprawdzają wybrane informacje poza biurem.

Projektując wersje responsywne, zwracamy uwagę na kolejność sekcji, długość treści, klikalność elementów, formularze, menu, widoczność CTA, obrazy, tabele, karty, moduły i komponenty interaktywne. Element, który dobrze działa na dużym ekranie, nie zawsze może zostać mechanicznie przeniesiony na telefon.

Responsywność traktujemy jako część procesu projektowego i wdrożeniowego, a nie jako techniczną formalność na końcu projektu.