Докато правех малки приложения, мислех за потребителското изживяване (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 тестване, изследвания и проучвания за непрекъснато подобрение.
Последни мисли
Да, това е само моето мнение (моля, не го правете на мен), но като се има предвид, че няма консенсус по отношение на „дефиниция в речника“, смятам, че е полезно да изразите собственото си разбиране с думи.
Благодаря за четенето!