Model szkieletowy to szkielet projektu. Pola na obrazy. Linie na tekst. Etykiety na przyciski. Żadnych kolorów. Żadnych czcionek. Żadnych dopracowanych elementów wizualnych. Tylko struktura, okrojona do cna.

Szkice pojawiają się na wczesnym etapie procesu projektowania, po szkicach, ale przed wykonaniem makiet o wysokiej dokładności. Ich zadaniem jest udzielenie odpowiedzi na pytania dotyczące układu: gdzie przebiega nawigacja, ile kolumn, jaka jest hierarchia. Celowe jest zachowanie ich w nieestetycznym stylu. Jeśli szkielet wygląda na zbyt wykończony, interesariusze zaczynają dyskutować o odcieniu niebieskiego, zamiast zastanawiać się, czy układ działa.

Co pokazuje model szkieletowy

• Rozmieszczenie głównych elementów: nagłówek, nawigacja, treść, stopka
• Względny rozmiar i priorytet komponentów
• Przepływ między ekranami lub stronami
• Elementy interaktywne, takie jak przyciski i formularze

Narzędzia takie jak Balsamiq i Figma przyspieszyły tworzenie makiet. Niektórzy projektanci nadal używają papieru i markerów. Medium ma mniejsze znaczenie niż sposób myślenia. Makieta to początek rozmowy. Mówi: oto struktura, co o niej myślisz? Zmiany są na tym etapie tanie. Po zakończeniu projektu wizualnego przeniesienie paska bocznego oznacza konieczność ponownego wykonania wszystkiego w dalszej części. Zamiast tego przenieś go w makietę.