Czym jest podejście Mobile First?
Myśl najpierw mobilnie, czyli Mobile First Design.
Podejście Mobile first (Progressive Enhancement) oznacza rozpoczęcie projektowania od najmniejszego urządzenia oraz najniższej rozdzielczości. Tam, zarówno designer jak i wdrożeniowcy, skupiają się na osiągnięciu idealnego projektu na telefon pod względem UX oraz specyfiki i możliwości urządzenia.
Doświadczenia użytkownika muszą być tutaj w pełni zaspokojone. Musimy stale szukać jak najprostszych metod oraz rozwiązań, nie zapominając o pewnych ograniczeniach.
Następnie, wraz ze wzrostem rozdzielczości oraz typów urządzeń (przez większe smartfony, tablety, laptopy czy też urządzenia stacjonarne) stale dokładamy nowe funkcjonalności oraz rozbudowujemy istniejące układy. Dzięki temu możemy skorzystać z bardziej zaawansowanych skryptów dla komputerów stacjonarnych bez szkody dla telefonów. Sam plik CSS posiada najmniejszą wagę dla telefonów, a największą dla desktopów, co jest teraz logiczne i zrozumiałe. W poprzednim przypadku to telefony pobierały największy plik CSS – sami przyznacie, że nieco to dziwne.
Dlaczego Mobile First ?
- Ponieważ pozwala skoncentrować się na najważniejszych funkcjonalnościach
- bo łatwiej jest dodawać niż odejmować kod
- Ponieważ możesz skoncentrować się na hierarchii informacji
Czym jest Linear Design?
Polega na tworzeniu interfejsów, które skalują się w dół, co pozwala zachować czytelną strukturę i hierarchię treści – budujemy tak, aby na górze znalazły się najbardziej istotne elementy, a poniżej te, które są coraz mniej kluczowe, przy możliwie jak najmniejszej liczbie kliknięć.
przewijanie = kontynuacja
kliknięcie = decyzja
Projektowanie pod dotyk
Istnieje szereg wytycznych związanych z projektowanie niem interfejsów pod urządzenia dotykowe. Warto wziąć pod uwagę następujące sugestie:
- Na urządzeniach dotykowych nie ma stanu hover
- Interakcje mobilne dają większe możliwości niż mysz
- Pamiętaj o minimalnym rozmiarze > 5 mm
- Rozmiar dla wygodnych przycisków to 44 px
- Wykorzystaj różne gesty, które znają użytkownicy
- Stwórz samouczek, jeśli używasz mało popularnych gestów
Podsumowując, Mobile First to:
to skoncentrowanie procesu projektowego na najmniejszym ekranie a następnie skalowanie naszego projektu w górę. Na chwilę obecną jest to smartfon lub smartwatch.