Szkielet interfejsu użytkownika to wizualna reprezentacja projektu interfejsu użytkownika (UI), która przedstawia podstawową strukturę i układ aplikacji internetowej lub mobilnej. Jest to makieta o niskiej wierności lub szkielet ostatecznego projektu, który pokazuje rozmieszczenie różnych elementów projektu, takich jak przyciski, menu, formularze i obrazy na ekranie.
Modele szkieletowe interfejsu użytkownika są ważne z kilku powodów:
Modele szkieletowe interfejsu użytkownika najlepiej stosować na wczesnych etapach procesu projektowania. Projektanci zwykle zaczynają od stworzenia kilku modeli szkieletowych o niskiej wierności, aby zbadać różne opcje układu i iterować projekt w oparciu o opinie interesariuszy. Po wybraniu ostatecznego projektu tworzone są modele szkieletowe lub makiety o wyższej wierności, aby zapewnić więcej szczegółów i lepsze wyczucie produktu końcowego. Te szkielety są następnie wykorzystywane jako odniesienie przez zespół programistów podczas fazy wdrażania.
Model szkieletowy interfejsu użytkownika zazwyczaj zawiera następujące elementy:
Projektując układ nowej strony lub przeprojektowując istniejącą, ważne jest, aby trzymać się systemu siatki. Podziel model szkieletowy na siatkę i upewnij się, że obrazy, tekst i wezwania do działania dobrze pasują do siatki. Nie oznacza to, aby każdy zasób miał ten sam rozmiar, ale zachowanie ich proporcji względem siebie.
Spójrz na wszystkie odstępy między sekcjami tekstu lub przyciskami. Teraz podwój to. Zawsze lepiej jest mieć więcej miejsca między akapitami lub obrazami, niż żeby wyglądały na ciasne. Użytkownicy nie będą zniechęceni dużą ilością pustego miejsca (w granicach rozsądku), ale szybko poczują się przytłoczeni i zdezorientowani obrazami ułożonymi jeden na drugim.
Przetestuj swoją stronę z prawdziwymi użytkownikami. Pamiętaj, że Twój zespół ds. projektowania, technologii i rozwoju produktu może zaprowadzić Cię tylko do tej pory. Musisz słuchać prawdziwych opinii użytkowników i monitorować ich działania podejmowane z nowym schematem interfejsu użytkownika. Czy użytkownikom trudno jest znaleźć określony przycisk? Zrób to większe. Czy obraz jest za duży dla użytkowników laptopów? Spraw, aby Twoja strona była bardziej responsywna. Przetestuj swoją stronę i odpowiednio iteruj.
Tak, każdy może stworzyć model szkieletowy interfejsu użytkownika. Należy jednak pamiętać, że modele szkieletowe są krytyczną częścią procesu projektowania i wymagają podstawowej znajomości zasad projektowania interfejsu użytkownika oraz najlepszych praktyk.
Nie, modele szkieletowe interfejsu użytkownika są zazwyczaj mało wierne i nie zawierają końcowych elementów projektu wizualnego, takich jak szczegółowa typografia, schematy kolorów czy elementy brandingu. Mogą jednak zawierać podstawowe wskazówki wizualne, aby dać ogólne pojęcie o ostatecznym kierunku projektowania.
Liczba iteracji szkieletów interfejsu użytkownika zależy od złożoności projektu i wymaganego poziomu szczegółowości. Zazwyczaj projektanci tworzą wiele modeli szkieletowych o niskiej wierności, zanim zdecydują się na ostateczny projekt, a następnie tworzą modele szkieletowe lub makiety o wyższej wierności, aby zapewnić więcej szczegółów. Nierzadko zdarza się, że projektanci iterują projekt w całym procesie programowania.
