Докато правех малки приложения, мислех за потребителското изживяване (UX), потребителските интерфейси (UI) и тяхното внедряване, но тъй като направих и трите сам, не ми се е налагало да мисля твърде много за поставяне на ясни линии между тях.

  • Какво е UX дизайнерско решение?
  • Какво е решение за дизайн на потребителския интерфейс?
  • Къде решението за UX дизайн се припокрива с решението за дизайн на потребителския интерфейс?
  • Трябва ли да се припокрива?
  • Какви са разликите между двете?

Обърнах се към тази статия в блога за някои отговори. UI/UX се сравняват накратко и контрастират, след което 6 UI/UX експерти дават различни мнения за това какво всъщност представляват UI/UX и как се свързват един с друг.

Страхотно, обратно на изходна позиция предполагам.

Откровение

След още малко размишления стигнах до извода, че няма консенсус.

Това е по-скоро аморфно, мъгляво определение, за което хората обикновено са съгласни по общите точки, но обичат да влизат в спорове в интернет относно спецификите.

Имайки това предвид, ето как обичам да мисля за UI и UX (отказ от отговорност: по никакъв начин не съм експерт, това е просто начинът, по който обичам да изясня UI/UX в собственото си съзнание).

Потребителски опит

По същество дизайнът на това как потребителят трябва да използва даден продукт

Това включва (но не се ограничава до):

  • как се чувства потребителят, когато използва продукта
  • каква информация знае потребителят, когато използва продукта
  • помага на потребителя да взема решения, когато използва продукта

Това са наложителни дизайнерски решения, например ето потребителска история:

Като потребител,
За да мога най-добре да попълня формуляр,
искам да знам в кое поле въвеждам

Потребителски интерфейс

Това е дизайнът на интерфейса, за да се постигне желаното потребителско изживяване.

Това включва (но не се ограничава до):

  • Как изглеждат UI елементите
  • Как елементите на потребителския интерфейс се анимират
  • Къде са разположени елементите на потребителския интерфейс на страницата

Това са по-декларативни дизайнерски решения, например ето потребителска история, която се основава на предишния UX пример:

Като дизайнер,
За да знае потребителят в кое поле въвежда,
Полето трябва да бъде осветено по някакъв начин, когато потребителят е фокусиран в него.

Може би бихте му придали забележимо очертание, или просто подчертаване, или голяма стрелка, сочеща към него, или промените цвета на фона на полетата, или всичко по-горе.

Няма значение, стига да намерите най-добрия начин да внедрите някакъв елемент от потребителския интерфейс, който постига решението за UX дизайн.

Сглобяване на всичко

Един UX дизайнер би направил проучване и проучване на действителните потребители на продукта, подобни продукти или прототипи, за да информира техните решения за UX дизайн.

Дизайнерът на потребителския интерфейс ще създаде елементи на потребителския интерфейс и оформления въз основа на решенията за UX дизайн. Те могат да използват софтуер като Adobe XD, Figma или Sketch за бързо създаване на прототипни проекти. Те вероятно ще се консултират с UX дизайнера, за да се уверят, че техният дизайн изпълнява решенията, които UX дизайнерът е имал предвид.

След това разработчикът взема оформленията и елементите на потребителския интерфейс и ги пресъздава в софтуера, който продуктът използва. Вероятно биха го тествали от дизайнерите на UI и UX, за да се уверят, че са внедрили всичко по начина, по който са възнамерявали.

След това това отива за освобождаване или може би дори за повече UX тестване, изследвания и проучвания за непрекъснато подобрение.

Последни мисли

Да, това е само моето мнение (моля, не го правете на мен), но като се има предвид, че няма консенсус по отношение на „дефиниция в речника“, смятам, че е полезно да изразите собственото си разбиране с думи.

Благодаря за четенето!