W skrócie
UI/UX design to projektowanie tego, jak strona albo aplikacja wygląda i jak się jej używa. UI (user interface) to warstwa, którą widzisz: kolory, przyciski, układ, typografia. UX (user experience) to wszystko, co czujesz podczas korzystania: czy łatwo znaleźć to, czego szukasz, czy formularz nie irytuje, czy zakup zajmuje trzy kroki czy dziewięć. Ładny interfejs na złym UX to samochód z pięknym lakierem i zepsutą skrzynią biegów. U nas projekt UX prostej strony robimy w ramach jej wykonania, a samodzielna usługa UI/UX design (z prototypem i design systemem) zaczyna się od 10 000 zł.
# Czym jest UI/UX design? Różnica między UI a UX bez ściemy
Najprostsza definicja, jaką znajdziesz
UX odpowiada na pytanie "czy to działa dla człowieka". UI odpowiada na pytanie "czy to dobrze wygląda i czy jest spójne".
Wyobraź sobie restaurację. UX to układ sali, czas oczekiwania na danie, to czy kelner rozumie, o co pytasz, czy karta jest czytelna. UI to wystrój, czcionka w menu, kolor talerzy, światło. Możesz mieć przepiękne wnętrze i uciekać stamtąd, bo czekałeś 40 minut na wodę. I możesz wrócić do knajpy w piwnicy, bo wszystko tam po prostu gra.
Strona internetowa działa identycznie.
Gdzie firmy tracą pieniądze
Najczęstszy błąd to mylenie ładnego ze skutecznym. Klient mówi "chcę, żeby strona robiła wow". Robi wow przez dwie sekundy, a potem nikt nie może znaleźć numeru oferty albo formularz prosi o dane, których człowiek nie ma pod ręką.
Kilka miejsc, w których to widać najczęściej:
- Menu z czternastoma pozycjami, w którym najważniejszy przycisk "Wyceń projekt" ginie obok zakładki "Aktualności"
- Formularz kontaktowy z dziesięcioma polami, kiedy wystarczyłyby trzy
- Tekst pisany językiem firmy ("realizujemy procesy"), a nie językiem klienta ("zrobimy Ci stronę w 3 tygodnie")
- Strona, która na telefonie wygląda zupełnie inaczej niż w głowie projektanta, bo testowano ją tylko na dużym monitorze
Każdy z tych punktów to UX. Żaden nie ma nic wspólnego z tym, czy strona jest ładna.
Jak wygląda dobry proces UX/UI
Dobry projekt nie zaczyna się od Photoshopa. Zaczyna się od pytań.
Najpierw badanie. Kto wchodzi na stronę, czego szuka, w którym momencie się gubi. Czasem wystarczy przejrzeć dane z Google Analytics i zobaczyć, gdzie ludzie wychodzą.
Potem architektura informacji. Co gdzie ma być, w jakiej kolejności, co jest najważniejsze. To etap, na którym powstaje szkielet, zwykle bez kolorów, czasem na zwykłych prostokątach. Brzydki, ale po nim wiadomo, czy logika strony trzyma się kupy.
Dopiero na końcu UI. Kolory, typografia, ikony, animacje, spójny system komponentów. To moment, w którym projekt zaczyna wyglądać jak coś, co chcesz pokazać znajomym.
Pominięcie dwóch pierwszych etapów to najdroższy skrót w tej branży. Strona wychodzi ładna i nie sprzedaje, a poprawki kosztują więcej niż dobry projekt od początku.
Ile to kosztuje
Tu trzeba rozdzielić dwie rzeczy, bo inaczej łatwo się pogubić.
Jeśli zamawiasz stronę, projekt UX i UI jest częścią jej wykonania. Nie płacisz za niego osobno, jest wliczony w cenę strony. Strona wizytówkowa u nas startuje od 6 000 zł, firmowa od 7 500 zł, i projekt graficzny siedzi już w tej kwocie.
Jeśli potrzebujesz samego projektu UI/UX jako osobnej usługi, na przykład pod aplikację albo produkt, który ktoś inny zakoduje, to inna pozycja. Obejmuje wireframy, prototyp w Figmie i design system. U nas zaczyna się od 10 000 zł i rośnie z liczbą ekranów i stopniem skomplikowania. Pełne widełki masz na cenniku, a jeśli chcesz oszacować swój konkretny przypadek, najszybciej będzie pogadać na bezpłatnej konsultacji. Pokażemy na Twojej obecnej stronie, gdzie realnie tracisz klientów.
Najczęstsze pytania
Czym różni się UX od UI w jednym zdaniu?
UX to czy strona działa dla człowieka, UI to czy dobrze wygląda i jest spójna.
Co jest ważniejsze, UX czy UI?
Oba, ale w złej kolejności tracisz pieniądze. Ładny interfejs na złej logice odstrasza ludzi mimo dobrego wrażenia w pierwszej sekundzie.
Po czym poznać, że agencja robi UX, a nie tylko ładne grafiki?
Pyta o Twoich klientów i cele, zanim pokaże kolory. Pracuje na szkielecie przed projektem graficznym. Patrzy na dane, nie tylko na gust.
Czy mała firma potrzebuje osobnego projektu UI/UX design?
Zwykle nie. Przy stronie projekt jest wliczony w wykonanie. Osobna usługa UI/UX design ma sens dopiero przy aplikacji albo większym produkcie z wieloma ekranami.
