Interfejs to przestrzeń komunikacji pomiędzy użytkownikiem a systemem cyfrowym, czyli stroną internetową, aplikacją mobilną, oprogramowaniem lub urządzeniem. W kontekście projektowania UX/UI obejmuje on wszystkie elementy wizualne i funkcjonalne, które umożliwiają użytkownikowi wykonywanie działań: od kliknięcia przycisku po wypełnienie formularza czy przeglądanie treści.
Główne cechy dobrego interfejsu
- Użyteczność
Powinien być prosty w obsłudze i umożliwiać szybkie osiąganie zamierzonych efektów.
- Przejrzystość
Układ, treść i funkcjonalności muszą być czytelne i zrozumiałe dla użytkownika bez potrzeby dodatkowych instrukcji.
- Spójność
Stałe stosowanie tych samych wzorców wizualnych, ikon, kolorów, a także sposobu zachowania elementów poprawia doświadczenie użytkownika.
- Responsywność
Powinien działać płynnie na różnych urządzeniach i dostosowywać się do różnych rozdzielczości ekranów.
- Atrakcyjność wizualna
Estetyczny wygląd poprawia wrażenia użytkownika i wzmacnia przez to pozytywne emocje związane z marką.
Elementy składowe interfejsu użytkownika (UI)
- Przyciski (buttons): umożliwiają użytkownikowi wykonanie akcji, np. „Dodaj do koszyka”, „Zarejestruj się”.
- Formularze: pozwalają użytkownikom na wprowadzanie danych, np. wyszukiwania lub zamówienia.
- Menu nawigacyjne: ułatwiają poruszanie się po stronie lub aplikacji.
- Ikony: szybkie wizualne skróty funkcji lub treści.
- Karty (cards): modułowe bloki treści wykorzystywane do prezentacji informacji.
- Pasek postępu: informuje użytkownika o etapie realizacji procesu (np. wypełniania formularza).
- Powiadomienia i komunikaty systemowe: dostarczają użytkownikowi informacji o efektach jego działań lub o błędach.
Rodzaje interfejsów
- Graficzny interfejs użytkownika (GUI)
Najczęściej spotykany – użytkownicy korzystają z ikon, przycisków, okien i elementów wizualnych.
- Interfejs głosowy (VUI)
Obsługa systemu za pomocą poleceń głosowych, np. asystenci głosowi jak Siri czy Alexa.
- Interfejs dotykowy
Sterowanie za pomocą gestów na ekranach dotykowych – charakterystyczne dla smartfonów i tabletów.
- Interfejsy tekstowe (CLI)
Wprowadzanie komend tekstowych, stosowane głównie w środowiskach programistycznych.