Zdefiniujmy, czym jest szkielet? Mówiąc najprościej, to szkielet strony internetowej. Nazywany również schematem strony lub schematem ekranu.
Na pierwszy rzut oka tworzenie szkieletu wydaje się prostym procesem. I właśnie tutaj zaczynają się problemy: zazwyczaj nie zwracamy wystarczającej uwagi na proste kroki. Postarajmy się zrozumieć to przez analogię - proces budowy nowego domu. Jeśli całą energię i czas skupiasz na aranżacji wnętrza, wyborze materiału sofy lub kolorze ścian, a nie na planie konstrukcji domu, czy uważasz, że spełni on swoje zadanie? Jest to mało prawdopodobne.
• Stosowania kolorów. Stosuj szarości i biel.
• Używania stylizowanych grafik. Najprościej używać prostokątów i kwadratów jako elementów zastępczych dla banerów i obrazów.
• Używania dekoracyjnych czcionek. Najlepiej użyj ogólnych czcionek, aby zapobiec rozpraszaniu użytkownika przez styl typografii. Hierarchię informacji można wyświetlić, zmieniając rozmiar czcionki, niezależnie od tego, czy jest to zwykła, kursywa lub pogrubiona.
• Wykorzystuj lorem ipsum. W części projektów możemy zauważyć, że projektanci nie dodają prawdziwej treści do szkieletów i zamiast tego używają dużo "lorem ipsum". Niektórzy mówią, że jest to związane z brakiem dostępności contentu na tym etapie pracy, ale w rzeczywistości wystarczy użyć przykładowego tekstu. Zawartość w dużym stopniu wpływa na projekt, który tworzysz, a wersja robocza pomaga w podejmowaniu właściwych decyzji i dostarczaniu doskonałego projektu.
• Modele szkieletowe pozwalają nakreślić funkcjonalność stron, wcześnie identyfikują problemy i oszczędzają czas na wprowadzanie późniejszych zmian. Ponadto pomagają nam uniknąć rozbieżności między projektem, a tym jak strona rzeczywiście będzie wyglądać.
Wszyscy projektanci znaleźli się w sytuacji, w której stworzyli pierwszorzędny projekt, a następnie napotkali ograniczenia rozwojowe. Wykorzystanie szkieletu pozwala nam zaangażować programistów w dyskusję na wczesnych etapach, umożliwiając im przekazywanie opinii i sugerowanie zmian przed rozpoczęciem pracy nad projektem wizualnym.
• Wireframes to idealny sposób na przekazanie klientom struktury Twojego projektu. Używając szkieletu nie są oni rozpraszani przez kolory lub obrazy. Jeśli celem spotkania jest nakłonienie klientów do zastanowienia się, jakie elementy powinny znaleźć się na stronie i jak te elementy będą funkcjonować w witrynie, to pokazanie projektu w odcieniach szarości bez obrazków i stylizowanych stron znacznie ułatwia sytuację.
• Testowanie użytkowników. Według autora Lean Startup, Erica Riesa, im szybciej przeprowadzisz testy użytkowników, tym lepiej - nikt nie chce uruchamiać aplikacji i dowiadywać się, że użytkownicy nie rozumieją, jak poprawnie z niej korzystać. Wireframes pomagają projektantom uzyskać cenne informacje zwrotne od potencjalnych użytkowników i bez tracenia czasu na opracowywanie złożonych prototypów, gdy są one zbędne.