Czy projekt obejmuje widoki na komputer, tablet i telefon?
Projekt uwzględnia widoki responsywne, aby strona działała poprawnie i czytelnie na komputerach, tabletach oraz telefonach. Urządzenia mobilne projektujemy dla najniższej szerokości 320px.
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.
Podobne pytania
-
Czy audyt UX, analiza danych lub warsztaty poprzedzają projektowanie UI?
Projektowanie UI poprzedzamy etapem, który porządkuje potrzeby użytkowników, cele biznesowe, dane z obecnej strony i założenia funkcjonalne dla nowego interfejsu.
-
Czy projekt przygotowujecie z myślą o późniejszej edycji i rozwoju strony?
Projekt przygotowujemy tak, aby po wdrożeniu strona była możliwa do wygodnej edycji i dalszego rozwoju w edytorze Gutenberg, bez każdorazowego angażowania programisty.
-
Ile wariantów projektu UI i ile rund poprawek obejmuje zakres?
Proces projektowania UI opieramy na wypracowaniu kierunku stylistycznego, projekcie kluczowego widoku i zaplanowanych rundach poprawek, zamiast tworzenia wielu przypadkowych wariantów całej strony.
-
W jakim narzędziu przekazujecie projekty i jak wygląda akceptacja przed wdrożeniem?
Projekty przekazujemy w Figmie, co umożliwia wygodne komentowanie widoków, a wdrożenie rozpoczynamy po akceptacji ustalonych ekranów, szablonów i komponentów.
Nie znalazłeś odpowiedzi na swoje pytanie?
Wróć do wszystkich pytań