Wprowadzenie do UX vs. UI

Feb 11 2023
Podczas moich dni poprzedzających kodowanie natrafiłem na nowe terminy, takie jak UX i UI. Pozornie to samo, ponieważ UX i UI współpracują ze sobą, mają swoje różnice.
Źródło: Canva.com (utworzone przez Sophię Ly)

Podczas moich dni poprzedzających kodowanie natrafiłem na nowe terminy, takie jak UX i UI. Pozornie to samo, ponieważ UX i UI współpracują ze sobą, mają swoje różnice. Przyjrzyjmy się bliżej pod mikroskopem. Zastrzeżenie : UX i UI mogą również odnosić się do produktów innych niż cyfrowe, ale skupimy się na tych terminach w odniesieniu do technologii.

User Experience (UX)

Źródło: Canva.com (utworzone przez Sophię Ly)

Pomyśl o aplikacjach, z których korzystasz na co dzień. Niezależnie od tego, czy są to popularne aplikacje społecznościowe, takie jak Instagram, Youtube i Twitter, czy aplikacje związane ze stylem życia, takie jak MyFitnessPal , I Am i Uber, aplikacje te zostały zaprojektowane nie tylko w celu dostarczania produktu lub usługi, ale są zaprojektowane z myślą o milionach z myślą o użytkownikach. Interfejs użytkownika i interfejs użytkownika odgrywają ważną rolę w rozwoju i sukcesie produktów cyfrowych, z których korzystasz na co dzień.

Termin „ doświadczenie użytkownika” został stworzony przez kognitywistę, Dona Normana, pracownika Apple, na początku lat 90. Norman zdefiniował UX w następujący sposób: „ Doświadczenie użytkownika obejmuje wszystkie aspekty interakcji użytkownika końcowego z firmą, jej usługami i produktami”. (UserTesting.com).

Doświadczenie użytkownika to dosłownie doświadczenie użytkownika. To interakcje, zachowania i emocje wywoływane przez użytkownika w odniesieniu do produktu cyfrowego. Na przykład, czy kiedykolwiek korzystałeś z aplikacji, która ułatwiła Ci życie? W przeciwieństwie do tego, czy kiedykolwiek czułeś się rozdrażniony po użyciu aplikacji? Są to oba przykłady doświadczeń użytkowników, ale oba mieszczą się w spektrum. Większość programistów dąży do doświadczenia, które wydaje się produktywne, przyjemne i przydatne.

Aby uniknąć najgorszego scenariusza, rozwiązaniem są badania UX. Łatwo jest założyć, czego pragną konsumenci, ale te założenia nie gwarantują świetnego produktu cyfrowego. Pozwala nam dogłębnie zrozumieć konsumentów na poziomie psychologicznym . Wypełnia lukę między założeniem , czego chce użytkownik, a pewną wiedzą , czego chce użytkownik. UX można mierzyć za pomocą wywiadów, analiz jakościowych, testów, ankiet i innych środków badawczych. Gromadzenie takich danych dostarcza nam cennych informacji do tworzenia lub ulepszania produktu, który z kolei wspiera potrzeby i cele użytkownika. Dzięki zebranym danym projekt UX może pracować nad poprawą działania produktu.

The UX Honeycomb autorstwa Petera Moreville'a (Źródło: Usertesting.com)

Interfejs użytkownika (UI) ‍

Źródło: Dribbble.com, Julia Shagofferova

Według ProductPlan.com , interfejs użytkownika „to dosłownie to, co użytkownik widzi i wchodzi w interakcję z produktem: przyciski, układ, nawigacja, pola formularzy itp. Podobnie jak kokpit samolotu lub przyciski na pilocie, to to, co użytkownik widzi, dotyka i klika. „ Interfejs użytkownika ” może czasem być skrótem oznaczającym „ wygląd i sposób działania ” produktu”.

Interfejs użytkownika jest interfejsem między użytkownikiem a produktem i odpowiada za to, aby produkt był przyjazny dla użytkownika, atrakcyjny wizualnie i intuicyjny w obsłudze.

Podobnie jak UX, dobry interfejs użytkownika wymaga głębokiego zrozumienia użytkownika docelowego, jego potrzeb i celów. UX i UI działają ręka w rękę. Projektanci interfejsu użytkownika muszą dokładnie rozważyć doświadczenia użytkownika z produktem, upewniając się, że projekt jest prosty , łatwy w użyciu i estetyczny . Projekt powinien być również spójny, z wyraźnymi i łatwo rozpoznawalnymi elementami nawigacyjnymi i kontrolnymi, w przeciwnym razie może wpłynąć na UX.

Projektowanie interfejsu użytkownika obejmuje szereg zadań, w tym tworzenie szkieletów i prototypów, opracowywanie projektu wizualnego i układu oraz włączanie interaktywności i animacji, takich jak obraz powyżej i poniżej.

Źródło: Dribbble.com autorstwa Ghulama Rasoola

Jak UX i UI współpracują ze sobą?

UI i UX mają związek przyczynowy. Możesz sobie wyobrazić, jak ta dwójka wywiera na siebie efekt domina. Możesz mieć świetny UX ze słabym interfejsem użytkownika: Funkcjonalna strona internetowa z przestarzałymi elementami. W przeciwieństwie do tego, możesz mieć świetny interfejs użytkownika ze słabym UX: piękna strona internetowa, która ładuje się wiecznie.

Jeśli nie ma równowagi, Twój produkt ma mniejsze szanse na sukces i mniejsze zainteresowanie konsumentów. UX i UI mają ten sam wkład w cały produkt. Jeśli brakuje jednego, drugi też cierpi.

Wniosek

Krótko mówiąc, UX dotyczy sposobu działania produktu, jego funkcjonalności i tego, jak czuje się użytkownik, podczas gdy projektowanie interfejsu użytkownika dotyczy wyglądu produktu. Zarówno badacze UX, jak i projektanci UI ściśle ze sobą współpracują, aby tworzyć produkty, które są nie tylko funkcjonalne, ale także atrakcyjne wizualnie i przyjemne w użyciu.

Źródła:

https:///@axbom/what-is-ux-the-definition-that-eludes-us-54a571968e3d

https://www.usertesting.com/resources/topics/ui-vs-ux

https://www.coursera.org/articles/ui-vs-ux-design

https://www.productplan.com/glossary/user-experience/#:~:text=Definition%3A%20User%20Experience%20refers%20to,the%20content%20displayed%20is%20etc.