Как любому объяснить смыслы работы UX/UI дизайнера?

Как любому объяснить смыслы работы UX/UI дизайнера?

Давайте представим вполне жизненную ситуацию. Вы общаетесь с далеким от IT-индустрии человеком. Встретили старого одноклассника, познакомились с девушкой или парнем, общаетесь в малознакомой компании или объясняете родителям чем занимаетесь после «переезда в Питер».

Речь заходит о вашей профессии. Но так уж вышло, должность которую вы занимаете в компании, обозначается странной для простого обывателя аббревиатурой — UX/UI, с более-менее понятной припиской «дизайнер», но это не сильно спасает ситуацию. Дизайнер — «хрен поймешь» чего.

Да, можно отмахнуться, и робко, вполголоса, сказать — рисую сайты. И вроде бы все понятно, сейчас даже бабушки на лавочке слышали про интернет. Формулировка конечно точная, но плохо объясняет суть профессии.

UX/UI начинается с ТЗ

Вот вам простой пример, его я часто рассказываю студентам в Yodiz School, он подойдет и будет понятен абсолютному большинству людей, не имеющих отношения к интернету и IT в целом.

Итак, в комнате бардак — незаправленный диван, неубранные в шкаф книги, пропахшая после рабочего дня одежда вперемешку с чистым бельем. Внешний вид, тоже оставляет желать лучшего, цветы завяли, обои отклеиваются, кругом пыль. У окна сидит кот, презрительно смотрит в твою сторону и медленно, лапой перемещает горшок с фикусом с подоконника на пол. Мгновение и добрая часть пола в земле и осколках от глиняного горшка. Пора начинать уборку.

Неубранная комната — это техническое задание клиента. Где есть все для жизни, но пользоваться этим, мягко говоря, неудобно.

Объясняю на простом примере уборки комнаты. UX — отвечает за порядок, UI — за уют

UX — отвечает за порядок в комнате

Отсортировать чистое и грязное белье. В полку на уровне глаз убрать повседневную одежду, а ту, которой пользуетесь реже — в верхние ящики. Книги, в идеале, разложить по алфавиту, предварительно отделив их от журналов и газет, для которых тоже стоит предусмотреть отдельный ящик. Проанализировать целесообразность наличия дивана в единственной комнате. И если он используется для сна — заменить на кровать, на которой спать гораздо удобнее, чем на раскладном диване.

UI — за уют

Тренды в дизайне регулярно меняются. Цветы в вазе нужно заменить на свежие, подклеить или поменять обои, не забывать протирать пыль и вовремя поливать фикус.

Уфф… Уборка в комнате закончилась, даже фикус в новый горшок транспортировали, все цветет и сверкает. Можно прилечь на заправленную постель, и немного отдохнуть. Но вдруг начинаешь принюхиваться, запах сильный, неприятный, проверяешь лоток в туалете — пусто, удивляешься. Возвращается в комнату и наступает в лужу — пришли правки от кота.

88
6 комментариев

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

1
Ответить

Да, правильно!

Если очень просто, то:
• ТЗ — смесь текстовой и графической информации
• UX — отвечает за структуру, UI — за визуальную подачу

1
Ответить

Спасибо, за информацию!

1
Ответить

Ui - это часть UX?

Ответить

Да, UX — это как эскиз будущей работы

Ответить