UX a UI – podstawowe różnice

Opublikowano przez

Każda osoba, rozpoczynając swoją przygodę z tworzeniem interfejsów dla użytkownika, zmaga się z podstawowym problemem – aby jego praca była zarazem ładna, a jednocześnie intuicyjna dla człowieka.

W dzisiejszych czasach dużo ludzi myli skrót UI z UX, postaram się pokrótce przedstawić podstawowe różnice pomiędzy tymi dwoma zagadnieniami. Zacznijmy więc od podstawowych definicji słów.

Czym jest UX?

Na User Experience składają się dwa kluczowe elementy – użyteczność i funkcjonalność. Zadaniem UX jest usprawnienie komunikacji pomiędzy programem a użytkownikiem. To przykładowo proste banery wyświetlające się użytkownikowi w momencie jego interakcji z danym programem, wysłanie formularza bądź podkreślenie błędów w nim zawartych (jeśli jakieś pole nie spełnia oczekiwanych wymagań).

Do UX trzeba także zaliczyć treść strony, przykładowo witryna internetowa oparta na opisach i recenzjach filmów. Nawet, gdy strona będzie posiadać bardzo ładny i przejrzysty dla użytkownika interfejs, może okazać się niewiele warta jeśli nie będzie zawierać gatunków filmowych, które są celem poszukiwania.

Dotyczy to także czasu, jaki użytkownik musi poświęcić na danej stronie celem otrzymania wymaganych informacji. Jeżeli strona za każdym razem będzie się odświeżać i na nowo generować, pokazując na początku biały ekran, odbiorca szybko się zniechęci. Natomiast przechodząc na następne artykuły, w momencie gdy wszystko odbędzie się płynnie, zachęci odbiorców do dalszego przeglądania zawartej tam treści. Więcej w naszym wpisie: Co to jest UX?

Analizą powyższych przykładów zajmuje się projektant UX.

– badanie doświadczeń, z jakimi klient ma często styczność.
– będąc takim projektantem, należy również zwrócić uwagę, do jakiej grupy docelowej chcemy trafić, tak aby dostarczyć im jak najwygodniejszy sposób na realizację działań, które witryna / program nam oferuje.

User Interface – podstawy:

Zapewne dążysz do tego, aby każdy przycisk był na swoim miejscu, tekst nie wybijał się względem całości, a Twoje logo nie było dominującym elementem strony?  Wszystko, co tworzysz, musi być spójne ze sobą, a jednocześnie przyjazne dla użytkownika.

User Interface to nic innego jak to, co użytkownik widzi, a także to, co pozwala mu na komunikację z zawartością strony. Elementami User Interface nazywane są wszystkie wizualne obiekty witryny/aplikacji/programu między innymi: menu, rozkład tekstu, kolorystyka czy galeria.

Poza cyfrowymi detalami UI również może odpowiadać za te fizyczne:

– klawiatury,

– panele sterowania,

– urządzenia peryferyjne.

Czym różni się praca projektanta UX od UI?

Projektant interfejsów użytkownika (UI) rozpoczyna pracę w miejscu, gdzie UX ją zakończył. Zajmuje się i rozumie jak rozmieścić poszczególne elementy przygotowując ogólny layout jak i podział (grid) strony.

Do jego zadań należy także odpowiedni dobór ikon, zdjęć, obrazków jak i ilustracji opisujących dane zagadnienie. Musi on także przemyśleć wszelkie miejsca na interakcję użytkownika, stworzyć animacje, które pozwolą mu osiągnąć zamierzone efekty. Krótko mówiąc, odpowiada on za aspekt wizualny, a także doprowadza do tego, aby strona była atrakcyjna dla potencjalnego klienta lub odbiorcy witryny.

UX/UI – dwa w cenie jednego?

Często zdarza się tak, że dany projektant potrafi zajmować się tworzeniem animacji, przeprowadzaniem wywiadów z użytkownikami, a nawet analizą statystyczną.

Jednak rzadko bywa, by wykorzystywał wszystkie cechy jednocześnie na jeden projekt. Wielokrotnie spotykamy się z ogłoszeniami o pracę na stanowisko “UX/UI”. Jednak należy zrozumieć, że to są dwie różne specjalizacje, które w jakiejś części się pokrywają.

Obie odnoszą się do użytkowników, mocno powiązane są z wyglądem oraz efektem końcowym produktu/witryny/programu. Nie da się jednak być ekspertem w obu dziedzinach.

Nasz mózg zdecydowanie woli skupić się na jednym konkretnym zadaniu, aniżeli na kilku innych. Osobiście uważam, że ciężko w tym przypadku stworzyć ładną szatę graficzną, skupiając się przy tym na wielu detalach oraz jednocześnie spoglądać na projekt z perspektywy osoby trzeciej pod kątem UX.

Osoby na takim stanowisku czasem muszą podjąć decyzje, w jakim kierunku ich interfejs będzie się rozwijał – przynajmniej na wstępnych etapach tworzenia go. Należy jednak pamiętać, że nigdy ostatecznie nie jesteśmy w stanie przewidzieć, jak użytkownik wykorzysta dane mu narzędzie, w związku z czym całość wraz z postępem aplikacji będzie ewoluować w późniejszym etapie.

UI bez UX – czy to w ogóle możliwe?

Jak najbardziej tak, głównie dotyczy to małych projektów bądź tych przeznaczonych na użytek wewnętrzny, gdzie będziemy mieli pewność, że z tego oprogramowania korzysta użytkownik, który wie, co wprowadza.

Oferuje to znacznie szybsze zaprojektowanie całej aplikacji oraz zdecydowanie zmniejszy koszta projektu, które musielibyśmy ponieść między innymi na analizę potrzeb. Nic jednak nie stoi na przeszkodzie, aby UX wdrażać wraz z rozwojem projektu, bądź podczas jego modernizacji. Jednak należy liczyć się z tym, że takie wdrożenie będzie dużo trudniejsze niż przy wprowadzaniu go na samym początku projektu.

Podsumowanie

Jak widać różnica pomiędzy UX, a UI polega głównie na podejściu do problemu jego analizy i w ostatecznym rozrachunku rozwiązania go. Należy mieć jednak na uwadze, że oba te tematy bardzo się mieszają. W związku, z czym należy zwracać szczególną uwagę, aby nie pogubić się oraz nie doprowadzić do sytuacji gdzie jedna z tych części znacząca wyprze drugą. Przez co w ogólnym rozrachunku otrzymamy niezbyt satysfakcjonujący nas wynik.

142 komentarze do “UX a UI – podstawowe różnice”

  1. escape rooms

    You actually make it seem really easy together with your presentation however I in finding this matter to be really one thing
    which I believe I’d by no means understand. It kind of feels too complicated and
    very extensive for me. I’m looking ahead in your next put
    up, I’ll try to get the hold of it! Escape room

  2. Vallie M

    I was reading through some of your content on this
    internet site and I think this web site is
    real informative! Continue putting up..

  3. Bradley Fraser

    An outstanding share! I have just forwarded this onto a coworker who was doing a little homework on this. And he in fact bought me lunch simply because I stumbled upon it for him… lol. So let me reword this…. Thank YOU for the meal!! But yeah, thanx for spending the time to talk about this issue here on your web site.

  5. 카지노추천

    Next time I read a blog, Hopefully it won’t fail me as much as this particular one. After all, Yes, it was my choice to read through, but I actually thought you would probably have something useful to say. All I hear is a bunch of whining about something you could possibly fix if you were not too busy seeking attention.

  6. daftar slot online

    I truly love your website.. Pleasant colors & theme. Did you create this website yourself? Please reply back as I’m attempting to create my own site and would love to find out where you got this from or exactly what the theme is called. Cheers!

  9. poşet baskı

    Oh my goodness! Incredible article dude! Thank you, However I am encountering troubles with your RSS. I don’t know the reason why I can’t subscribe to it. Is there anybody getting the same RSS issues? Anyone that knows the solution can you kindly respond? Thanx!

  42. 카지노월드컵

    Greetings! Very helpful advice in this particular article! It’s the little changes that will make the most significant changes. Many thanks for sharing!

  61. 토토사이트

    Spot on with this write-up, I actually think this site needs a great deal more attention. I’ll probably be back again to read through more, thanks for the advice.

  65. packman v4

    Next time I read a blog, I hope that it doesn’t fail me as much as this one. I mean, Yes, it was my choice to read through, however I actually believed you would probably have something helpful to say. All I hear is a bunch of whining about something that you could possibly fix if you were not too busy looking for attention.

  77. packman v4

    I was pretty pleased to uncover this page. I want to to thank you for your time just for this fantastic read!! I definitely savored every little bit of it and I have you saved as a favorite to see new information on your web site.

  90. streamate

    You ought to take part in a contest for one of the finest sites on the web. I am going to highly recommend this web site!

  92. tubidy

    Greetings! Very helpful advice in this particular post! It is the little changes that produce the largest changes. Thanks for sharing!

  95. tubidy

    I’m impressed, I have to admit. Rarely do I encounter a blog that’s both educative and interesting, and without a doubt, you’ve hit the nail on the head. The problem is something that not enough people are speaking intelligently about. Now i’m very happy that I came across this in my search for something regarding this.

  98. 메이저슬롯

    Hello! I could have sworn I’ve visited this website before but after looking at many of the articles I realized it’s new to me. Regardless, I’m certainly happy I discovered it and I’ll be book-marking it and checking back frequently!

  103. cigar travel humidor

    I’m impressed, I have to admit. Rarely do I encounter a blog that’s equally educative and interesting, and let me tell you, you’ve hit the nail on the head. The issue is something too few people are speaking intelligently about. I am very happy I stumbled across this in my search for something concerning this.

  113. 바카라사이트

    Hello there! I could have sworn I’ve visited your blog before but after looking at many of the articles I realized it’s new to me. Regardless, I’m definitely pleased I discovered it and I’ll be bookmarking it and checking back often.

  122. sugar defender ingredients

    Integrating Sugar Protector right into my
    day-to-day regimen has actually been a game-changer for my general well-being.
    As somebody that already focuses on healthy eating, this supplement
    has actually offered an added increase of defense. in my power degrees, and my desire for
    unhealthy snacks so easy can have such a profound effect on my day-to-day live.

  127. tubidy

    Excellent article! We will be linking to this particularly great article on our website. Keep up the good writing.

  128. 메이저사이트

    I was pretty pleased to find this great site. I need to to thank you for ones time just for this fantastic read!! I definitely appreciated every part of it and i also have you saved as a favorite to check out new things on your web site.

  129. snaptik.icu

    May I simply say what a relief to find someone that genuinely understands what they are discussing on the internet. You definitely understand how to bring a problem to light and make it important. More people have to check this out and understand this side of the story. It’s surprising you’re not more popular given that you most certainly have the gift.

  134. Romance Ebooks

    Everything is very open with a precise description of the issues. It was really informative. Your site is extremely helpful. Thanks for sharing!

  135. 슬롯커뮤니티

    You’ve made some good points there. I looked on the net to find out more about the issue and found most individuals will go along with your views on this website.

  137. Stairlift Doncaster

    Your style is very unique in comparison to other folks I’ve read stuff from. I appreciate you for posting when you’ve got the opportunity, Guess I will just bookmark this web site.

  138. porn

    Right here is the perfect website for anyone who really wants to find out about this topic. You understand so much its almost hard to argue with you (not that I personally would want to…HaHa). You certainly put a new spin on a topic which has been written about for ages. Great stuff, just wonderful.

  141. website met wordpress maken

    I truly love your website.. Very nice colors & theme. Did you create this web site yourself? Please reply back as I’m attempting to create my own website and would like to know where you got this from or what the theme is named. Kudos!

  142. porn

    Your style is unique compared to other people I have read stuff from. Many thanks for posting when you have the opportunity, Guess I will just bookmark this page.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *