Start Słownik UI (interfejs użytkownika)
UI (interfejs użytkownika)
Jarek Szmajduch · Aktualizacja: 8 listopada 2026
Szukaj w słowniku
Hasła od A do Ż
Bezpłatnie
Sprawdzę Twoją stronę i wizytówkę Google
Krótkie wideo z audytem na e-mail w ciągu 2 dni roboczych.
UI (ang. user interface), czyli interfejs użytkownika, to wszystko, co klient widzi na stronie i w co klika: układ, kolory, czcionki, przyciski, ikony, menu i formularze.
UI to „jak wygląda i działa pod palcem”, a UX — „jak się z tego korzysta i czy klient osiąga cel”. W firmie usługowej dobry interfejs ma jedno zadanie: poprowadzić oko do usługi, dowodów i przycisku kontaktu. Strony z takim interfejsem buduję w ramach usługi skuteczna strona internetowa.
Elementy UI, które decydują o telefonach
- Przyciski — wyraźne, z ikoną i jasnym tekstem: „Zadzwoń”, „Wyślij zapytanie”.
- Kontrast i czcionka — tekst czytelny w słońcu, na telefonie.
- Menu — kilka pozycji, nazwy zrozumiałe dla klienta.
- Formularze — duże pola, mało pól, czytelne komunikaty o błędach.
- Zdjęcia — z własnych realizacji, nie ze stocku.
UI na telefonie
Na małym ekranie przyciski muszą być na tyle duże i oddalone od siebie, żeby trafić w nie kciukiem. Google w opisie jakości strony zwraca uwagę na wygodę na urządzeniach mobilnych i brak elementów zasłaniających treść. Więcej o tym, jak strona dopasowuje się do ekranu, piszę w haśle strona responsywna.
Spójność zamiast ozdobników
Klient nie ocenia strony za animacje, tylko za to, czy wszystko jest jasne. Pomaga spójność: jeden kolor dla przycisków głównych, te same ikony, te same odstępy. Przy dwóch przyciskach obok siebie jeden jest główny, drugi pomocniczy — klient od razu wie, który kliknąć. Projekt warto zacząć od makiety strony, a dopiero potem dobierać kolory. Dlaczego dostajesz ode mnie jeden dopracowany projekt, piszę we wpisie dostaniesz ode mnie jeden projekt, nie trzy.
Kiedy UI wymaga poprawy
- Klienci dzwonią i pytają o rzeczy, które są na stronie, tylko ich nie widać.
- Formularz jest wypełniany do połowy.
- Strona wygląda inaczej na każdej podstronie.
- Na telefonie trzeba powiększać tekst.
4,9
★★★★★
średnia z 55 opinii
w Google
Chcesz, żeby to działało w Twojej firmie?
Na co dzień ustawiam to firmom usługowym z Żor i okolic. Zobacz, jak wygląda współpraca i od czego zaczynam.
Przykład z praktyki
Przykładowo: szkoła jazdy z Wodzisławia Śląskiego ma na stronie pięć przycisków w różnych kolorach: „Zapisz się”, „Cennik”, „Kontakt”, „Galeria”, „Facebook”. Po zmianie zostaje jeden wyraźny przycisk „Zapisz się na kurs” z ikoną i jeden tekstowy „Zadzwoń”, a reszta trafia do menu. Klient na pierwszy rzut oka wie, co zrobić.
Realizacje
Zobacz, jak to wygląda u klientów
Strony i wizytówki firm usługowych, które zrobiłem — od instalatorów po gabinety kosmetyczne.
Najczęstsze pytania
Więcej na ten temat
Zobacz też
UX (doświadczenie użytkownika)
UX (ang. user experience), czyli doświadczenie użytkownika, to całość wrażeń klienta z korzystania ze strony: czy łatwo znajduje to, czego…
Źródła
Bezpłatnie i bez zobowiązań
Sprawdzę, co blokuje telefony od klientów
Nagram krótkie wideo z audytem Twojej strony i wizytówki Google. Dostaniesz je na e-mail w ciągu 2 dni roboczych.
★★★★★ 4,9/5 · 55 opinii w Google · Jarek Szmajduch, Żory