Model szkieletowy to uproszczony szkic układu, który przedstawia strukturę bez wizualnego projektu. Bez kolorów, zdjęć, dopracowanych czcionek. Tylko pola, linie i tekst zastępczy. Chodzi o to, aby ustalić, gdzie elementy mają się znaleźć, zanim zdecydujemy, jak będą wyglądać. Modele szkieletowe odpowiadają na pytania dotyczące hierarchii, nawigacji i przepływu treści. Są tanie w wykonaniu i łatwe do zmiany.

Projektanci rysują szkielety ręcznie, w narzędziach takich jak Figma czy Sketch, albo za pomocą dedykowanych aplikacji. Szkice o niskiej wierności wykorzystują nieprecyzyjne pola i bazgroły. Szkice o wysokiej wierności dodają realną treść i precyzyjniejsze odstępy, ale nadal unikają kolorów i grafiki. Zespoły używają szkieletów, aby wcześnie uzgodnić szczegóły. Klient, który waha się przed przesunięciem przycisku w szkielecie, oszczędza wszystkim trudu późniejszego przebudowywania gotowego ekranu.

Co pokazują modele szkieletowe

• Rozmieszczenie głównych sekcji strony.
• Struktura nawigacji i elementy menu.
• Hierarchia i grupowanie treści.
• Elementy interaktywne, takie jak przyciski i formularze.

Szkice nie są planami. Są narzędziem do rozmowy. Celem jest uzgodnienie struktury, zanim ktokolwiek poświęci czas na jej omówienie.