Ux

Это как внутренняя легенда, через которую человек рационализирует свои действия (или бездействие). UX решает: "удобно ли это сделать?" Нарратив отвечает: "зачем мне это вообще делать? Подходит ли это моему образу жизни, мышления, самоощущения?" Если UX и нарратив не совпадают - пользователь уйдёт, даже не заметив удобства.

Метафоры как шаблоны для действия.

Метафоры - это не просто красивые слова. Это модели поведения, которые пользователь переносит из одного контекста в другой.

• Если ваш продукт - «пульт управления», пользователь чувствует контроль.

• Если это «проводник», он ожидает заботу и сопровождение.

• Если это «тренажёр», он готов к ошибкам, но ждёт обратной связи.

Метафора определяет, чего пользователь ждёт и как себя ведёт. Это значит, что интерфейс должен не просто быть удобным, а соответствовать выбранной метафоре. Пользователь не просто отказывается что-то делать. Он объясняет себе отказ:

• «Я это уже пробовал - не работает».

• «Это не для меня».

• «Слишком сложно».

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

• Сделайте правильное поведение ближе и проще.

• Удалите или усложните доступ к альтернативам.

• Поддержите новую историю о себе: «Я человек, который делает....».

Когда логика не работает — работает эмоция.

Человек может знать, что поведение полезно. Но всё равно избегать его. Потому что:

• Он боится ошибки (например, при инвестировании).

• Он чувствует вину (например, что долго не возвращался).

• Он сомневается в себе (например, думает, что недостаточно умен для продукта).

Поведенческий дизайн должен учитывать эмоции, это фильтр логики. Интерфейс должен давать поддержку и безопасность, поощрять малые успехи, убирать страх (например, кнопкой «отменить» или «начать сначала»). Если хочешь изменить поведение - сначала измени историю. Пользователь - это не просто кликающий организм. Это человек, "рассказывающий себе историю", в которой его поведение логично, оправдано и удобно. Мы не видим вещи такими, какие они есть. Мы видим их через призму - культурную, эмоциональную, личную. Это и есть фрейм. Поведенческий дизайн - не просто про UX. Это про перенос смысла, подачу фрейма и создание новых нарративов.

Чем больше вы сгенерируете вопросов и ответите на них, тем детальнее вы будете представлять картину. Это такой же дизайн-процесс, как и у опытных дизайнеров в крупных компаниях.

Также стоит помнить, что мы не всегда отталкиваемся от чёткого плана, но и действуем в угоду человеческого фактора. И это нормально 💜

Например, в моём случае обучения у меня не было этого плана. Я даже не понимал, к какому результату я стремлюсь. Я просто впитывал информацию и делал то, что мне нравится, не заметив, куда оно меня привело. Сейчас я понимаю, что если бы я хоть чуть-чуть задумался и позадавал себе вопросы, это сэкономило бы мне кучу времени и сил. Со временем вы поймёте, как найти к себе подход. Вся наша жизнь — эксперименты.

Часть 2

Допустим, вы уже задали себе необходимые вопросы и ответили на них. Теперь нам необходимо:

1. Определить достижимые цели

2. Сформировать личный план по развитию

3. Продумать этапы

Структурируем данные, чтобы нам было проще с ними работать

🌟 Определим достижимые цели

Из ответов на вопросы это:

— Научиться в дизайн простых интерфейсов за ~4 месяца
— Начать зарабатывать через 4 месяца

Дополнительные вводные:

— Может заниматься обучением 2 часа в день в среднем
— Есть отложенные деньги на курсы
— Молодой, скорее всего, умеет искать информацию в интернете
— Не факт, что усидчивый
— Есть вероятность, что в любой момент прервёт обучение. Т.к. сам не понимает, насколько ему интересен дизайн интерфейсов

💎 Главный навык для старта 💎

🔍 В дизайне есть много требуемых ключевых навыков. Одним из них является умение искать информацию самому. Поэтому мы пошли в поисковик, нашли пару полезных статей и чатов в telegram, позадавали вопросы AI.

💡 Проанализировав информацию в разных источниках, мы обнаружили, что научиться дизайну простых интерфейсов за ~4 месяца можно, но это будут очень поверхностные функциональные знания.

💬Также в телеграм-чатах подсказали, что лучше не начинать с фриланса, т.к. это оттягивает процесс качественного обучения и лучше сразу устроиться в компанию. Поискать курсы и менторов.

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

🌟 Сформируем личный план развития

1. Учимся 4 месяца

Мы поняли, что этого достаточно для начального этапа с таким сроком

2. Выбираем самообразование

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

3. Через 4 месяца ищем подработку

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

Часть 3

🌟Этап 1. Изучаем инструмент Figma

Для этого идём, например, на Behance. Скриншотим работы и пытаемся отрисовать 1в1. Пока что погружаться в теорию нет смысла. Берём только сайты и их адаптивы. Для изучения iOS HIG и Android MUI нам времени не хватит. Поэтому повторки Android и iOS экранов не рисуем.

Гуглить мы всё ещё не разучились. Ищем ответы на вопросы в браузере, youtube и др.

🌟Этап 2. Нам нужен осознанный дизайн

Как только мы поняли, что уже довольно быстренько можем отрисовать 1в1 по примеру, идём за теорией. Для успешного закрытия задачек нужно понимать, что мы делаем, каким образом и для чего.

1. Изучаем все стандартные интерфейсные web-элементы и принципы отрисовки web-интерфейса, его адаптивность

Закрепляем на практике

2. Изучаем типографику, вёрстку, композицию, визуальную иерархию, цвет

Всё, что изучили в теории, сразу применяем на практике. Для это лучше уже попробовать отрисовать свой макет по выдуманной задаче. Так вам будет что исправлять)

🌟Этап 3. Учимся структурировать работу

Эти знания позволят нам достичь результатов в поставленных задачах, повысят скорость работы. Поэтому знакомимся с дизайн-мышлением, дизайн-процессом и его фреймворками. Берём необходимый минимум для изучения. Сюда входят:

Поиск и формирование первичных данных:

— Брифинг
— Изучение предметной области
— Поиск конкурентов
— Подбор эвристик

Определение фактических данных:

— Эвристический анализ
— Анализ конкурентов
— Пользовательские истории
— Схема информационной архитектуры

Дизайн:

— Пользовательские пути
— Макеты низкой детализации
— Макеты высокой детализации

Передача дизайна в разработку:

— Подготовка макетов
— Нейминг
— UI-kit, компоненты

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

🌟Этап 4 Формирование портфолио

Здесь, я уверен, вы сможете найти всю информацию сами :)

💎 И ещё раз: теория ➔ практика. Всегда. 💎

Также старайтесь не придумывать велосипед. Почти всё о чем вы подумали, уже кто‑то сделал до вас)

Полезные ресурсы

📂 UX/UI Дизайн роадмап

Сам пользуюсь и всем советую . Его можно взять за основу для дальнейшего развития. Но только после всего описанного выше. Этот роадмап предоставит вам дальнейшие вызовы и правильный курс развития.

📂 Рекомендуемая литература:

1. Типографика и вёрстка. Артём Горбунов.
2. Теория цвета. Иоханнес Иттен.
3. Пиши, сокращай. Максим Ильяхов.
4. Сожги своё портфолио. Майкл Джанда.
5. Новая типографика. Ян Чихольд
6. Дизайн привычных вещей. Дональд Норман.
7. Психбольница в руках пациентов. Алан Купер.

Это моя первая статья на Пикабу. Буду благодарен за обратную связь в комментариях и поддержке реакциями ❤