Grafika to nie obrazek do produktu. To język, którym produkt mówi.
Marka mówi niezależnie od tego, czy kontakt odbywa się na ekranie, w aplikacji, w panelu użytkownika czy na wydruku. Projektujemy nie pojedynczy obraz, tylko to, jak wszystkie elementy ze sobą współpracują.
Pokaż, co budujesz
„Wszystkie elementy pracują razem albo nie pracują wcale.”
Kolor, typografia, ikony, zdjęcia, proporcje, odstępy i sposób prowadzenia wzroku tworzą jeden system. Zmiana jednego elementu zmienia działanie pozostałych — dlatego projektujemy je razem, a nie po kolei.
Wygląd systemu nie jest dodatkiem do technologii
Jest częścią tego, jak użytkownik rozumie produkt. Dobry interfejs jest czytelny, logiczny i przewidywalny: widać, gdzie się jest, co można zrobić i jaki będzie efekt. Na to zrozumienie składa się jedenaście rzeczy naraz.
Układ informacji Hierarchia elementów Nawigacja Przyciski i kontrolki Formularze Stany aktywne i nieaktywne Komunikaty systemowe Ikony Dashboardy Widoki danych Błędy i potwierdzenia
Komputer i telefon to nie ten sam projekt
Ta sama marka i ta sama logika, podane inaczej — bo inaczej się z nich korzysta. To nie jest mechaniczne zmniejszenie projektu z komputera, tylko ten sam język przetłumaczony na inne urządzenie.
- Większa przestrzeń i wiele informacji naraz
- Rozbudowane panele, dodatkowe kolumny
- Bardziej złożona nawigacja
- Praca kursorem i klawiaturą
- Kilka modułów widocznych jednocześnie
- Mniejszy ekran i pionowa orientacja
- Interfejs selektywny — mniej rzeczy naraz
- Większe elementy, prostsza hierarchia
- Obsługa palcem, nie kursorem
- Zwykle jeden widok w danej chwili
Nie chodzi o to, żeby wszystko wyglądało identycznie
Chodzi o to, żeby wszystko wyglądało jak część tej samej marki. Dashboard nie może wyglądać jak plakat, a plakat jak tabela danych — ale odbiorca ma rozpoznać jedno i drugie od pierwszego spojrzenia.
„Grafika nie jest dekoracją nałożoną na gotowy produkt.”
Projekt ma być atrakcyjny, ale jego zadaniem nie jest wyłącznie przyciąganie wzroku. W interfejsach musi pomagać podejmować decyzje, znajdować informacje i wykonywać działania.
Czasem najlepszym rozwiązaniem będzie duże zdjęcie i mocna typografia. Innym razem oszczędny dashboard, czytelna tabela albo kilka prostych ikon. Estetyka zawsze idzie za funkcją — bo grafika jest częścią tego, jak produkt działa, a nie warstwą nad nim.
Strona, sklep, aplikacja czy panel wewnętrzny — napisz, kto z tego korzysta i w jakiej sytuacji. Z tego wychodzi projekt, a nie z gotowego szablonu.