Proces projektowania stron: od pomysłu do gotowych ekranów
Dobry proces projektowy to nie biurokracja, tylko kolejność, która zapobiega przerabianiu tej samej pracy. Każdy etap zamyka decyzję, którą następny przyjmuje za rozstrzygniętą.
Ten przewodnik omawia etapy, co każdy dostarcza, ile trwa i w których punktach projekty graficzne zwykle się zacinają.
Etapy i to, co każdy dostarcza#
Kolejność ma znaczenie. Pominięcie etapu go nie usuwa — przesuwa decyzję na później, gdy zmiana kosztuje więcej.
| Etap | Rezultat | Typowy czas |
|---|---|---|
| Odkrywanie | Cele, odbiorcy, ograniczenia | 3 do 5 dni |
| Struktura | Lista podstron i nawigacja | 3 do 5 dni |
| Makiety | Układ bez warstwy wizualnej | 1 do 2 tygodni |
| Kierunek wizualny | Typografia, kolor, ton — na jednej stronie | 3 do 5 dni |
| Gotowe ekrany | Szablony, desktop i mobile | 2 do 4 tygodni |
| Prototyp | Klikalne ścieżki do testów | 2 do 4 dni |
| Przekazanie | System, eksporty, specyfikacje | 3 do 5 dni |
Kierunek wizualny na jednej stronie to etap, który oszczędza najwięcej czasu. Zaakceptowanie tonu przed zastosowaniem go na trzydziestu ekranach zapobiega przerabianiu trzydziestu ekranów.
Makiety przed stylem#
Makiety bez koloru i typografii wymuszają rozmowę o treści i hierarchii, a to jest rozmowa, która się liczy.
- Projektuj najpierw mobile. Mieści się mniej, więc trzeba ustalić priorytety.
- Używaj prawdziwej treści albo możliwie bliskiej. Tekst zastępczy ukrywa problemy z przestrzenią.
- Pokaż stany puste, błędu i ładowania — bywają pomijane, a potem improwizowane.
- Zaznacz główne działanie na każdym ekranie. Jeśli są trzy, nie ma żadnego.
- Nie dyskutuj kolorów na tym etapie. Jeśli się pojawiają, makiety są zbyt szczegółowe.
- Zweryfikuj strukturę treści z osobą, która będzie ją pisać, zanim ruszysz dalej.
Gdzie proces się zacina#
Blokady są niemal zawsze te same i niemal wszystkie są organizacyjne, nie twórcze.
| Blokada | Przyczyna | Rozwiązanie |
|---|---|---|
| Sprzeczne uwagi | Wielu decydentów bez hierarchii | Jedna osoba decydująca |
| Nieskończone rundy | Rundy nieokreślone w umowie | Stała liczba z kryterium akceptacji |
| Brak treści | Nikt nie został wyznaczony | Imię, nazwisko i data przy każdej stronie |
| «To nie to, co sobie wyobrażałem» | Pominięty kierunek wizualny | Najpierw ton na jednej stronie |
| Ekrany niemożliwe do zbudowania | Projekt bez kontaktu z wykonawcą | Wczesny przegląd z programistą |
| Mobile dorobione na końcu | Projektowane tylko pod desktop | Projektuj najpierw mobile |
«Nieskończone rundy» to niemal zawsze problem umowy, nie projektowania. Zdefiniuj, czym jest runda i ile ich jest.
Przekazanie projektu, który da się zbudować#
Przekazanie decyduje, czy budowa idzie sprawnie, czy zamienia się w interpretację.
- Przekaż mały system, nie same ekrany: kolory, kroje, odstępy, komponenty.
- Udokumentuj stany każdego komponentu: zwykły, focus, aktywny, wyłączony, błąd.
- Określ zachowanie między punktami granicznymi, a nie tylko dwie stałe szerokości.
- Dołącz stany puste i błędu dla każdego ekranu.
- Eksportuj obrazy w nowoczesnych formatach i w rozmiarach, w jakich będą użyte.
- Zaznacz, co jest sztywne, a co może się dostosować — wykonawca trafi na przypadki, których nie przewidziałeś.
- Zrób sesję przekazania na żywo. Pół godziny oszczędza tydzień pytań.
Najczęstsze pytania
Ile rund poprawek jest normalne?
Dwie do trzech na etap i powinno to być w umowie, wraz z definicją, co liczy się jako runda. Bez tego limitu projekt graficzny rozszerza się w nieskończoność, bo każda nowa osoba oglądająca ekrany ma zdanie. Jedna osoba decydująca jest warta więcej niż jakikolwiek limit liczbowy.
Czy potrzebuję makiet, skoro mam referencje?
Tak, bo referencje pokazują styl, a makiety rozwiązują strukturę. Przejście prosto od referencji do gotowych ekranów zwykle kończy się dyskusją o kolorach, gdy prawdziwym problemem jest hierarchia informacji. Makiety robi się szybko, a zmienia jeszcze szybciej.
Czy projektować wszystkie podstrony?
Projektuj szablony, nie podstrony. Strona z pięćdziesięcioma podstronami ma zwykle pięć, sześć różnych szablonów. Zaprojektuj każdy z najtrudniejszym przypadkiem treści — najdłuższym tytułem, najdłuższą listą — a pozostałe podstrony wynikną bez dodatkowej pracy.
Kto powinien akceptować projekt?
Jedna osoba, z realnym mandatem. Możesz zbierać opinie wielu, ale decyzja musi należeć do kogoś. Akceptacja komisyjna produkuje projekty, których nikt nie nienawidzi i nikt nie broni, i jest najczęstszą przyczyną projektów ciągnących się miesiącami na etapie wizualnym.
proces projektowania stronetapy projektu graficznegomakietydesign systemrundy poprawekprzekazanie projektu
