UI/UX дизайн простыми словами

Сколько статей можно найти на тему UI/UX дизайна, где подробно объясняется, что это такое и зачем это нужно, но мы все равно решили сюда залезть и рассказать об этом на свой лад.

А почему мы так решили? Да просто потому, что это действительно важная тема, в которой до сих пор много путаницы, а про CX дизайн информации еще не так много. Так что поговорим об этом на простом языке и как всегда дадим полезные советы и ресурсы по теме 😉

Начнем с простого, с определния. Как уже давно известно UI, UX и CX — это аббревиатуры на английском языке, которые расшифровываются как:

UI — User Interface, дословный перевод — пользовательский интерфейс. То есть UI — это то, что пользователь видит на сайте, в приложении, в интернет-магазине и так далее, сразу же. Еще проще — это визуальное оформление ресурса.
UX — User eXperience, дословный перевод — пользовательский опыт. UX уже не так просто увидеть, но его можно почувствовать. Когда нам сложно найти нужную информацию на сайте, нужная кнопка оказывается нерабочей или возникают сложности с покупкой товара в интернет-магазине, то скорее всего это все из-за плохого UX-дизайна. Нативно, понятно и легко — вот, что важно в UX.
CX — Customer eXperience, дословный перевод — клиентский опыт. Это более глобальное понятие, ведь CX — это процесс выстраивания взаимодействия клиента с компанией, целью которого является увеличение количества постоянных, лояльных клиентов и увеличение прибыли компании. CX начинается с момента знакомоства пользователя с компанией и.. не заканчивается. Этот процесс должен привести нового клиента в статус постоянного. CX включает в себя UX и это действительно разные понятия, которые просто чем-то схожи. Постарались вкратце объяснить, что же такое СХ, конечно, определение намного обширнее.

UI, UX и CX всегда должны работать в тандеме, есть мнение, что в некоторых случаях (например, в CRM-системах) проработка UX дизайна будет важнее, чем UI, но мы придерживаемая такой позиции — все должно быть на уровне, ведь люди любят глазами :) Да и не стоит на что-то “забивать”, когда работа проведена на отлично по всем фронтам, эффективность готового продукта будет радовать Вас и Ваших клиентов.

Переходим к полезным ресурсам:

https://wireframepro.mockflow.com/buildcustomerjourney/ — бесплатный CJM редактор для визуализации взаимодействия клиента и компании;
https://shiftnudge.com/checklist — здесь Вы найдете 101 чек-лист для проверки UI;
https://www.checklist.design/ — набор чек-листов, которые пригодятся при создании и проектировании дизайна страниц.

Наша компания занимается разработкой сайтов и с самого начала работы над проектом, как и многие другие разработчики, мы прорабатываем структуру будущего сайта опираясь именно на UI, UX и CX дизайн. Благодаря такому подходу мы можем добиться хороших результатов в работе сайта, будь то интернет-магазин, продающий лендинг или информационный сайт компании.