О чем этот канал
Здесь должно быть очень крутое вступление, но подозреваю, что вы кликнули в закреп не для этого.
На этом канале я рассказываю о новостях, инсайтах и фишках из сферы UX-дизайна. Вообще, что это такое, почему не стоит путать с обычным "круто рисовать" и из-за чего спецы в нем так востребованы в крупных проектах.
В России средняя зарплата UX-дизайнера начинается от 100 тыс. в месяц. Говорю по собственному опыту фрилансера, который работает в этой сфере уже немало лет.
Кроме UX-дизайна расскажу, как находить клиентов, распространить сарафанку и работать удаленно. Поэтому этот канал будет полезен как для дизайнеров, так и для фрилансеров, IT-шников, маркетологов, стартаперов и всех, кто разрабатывает свой продукт.
Если вы дочитали до этого места, то я, как минимум, хорошо пишу. Ну и тема вам интересна. Поэтому имеет смысл подписаться и жмакнуть на реакции под этим постом.
Здесь должно быть очень крутое вступление, но подозреваю, что вы кликнули в закреп не для этого.
На этом канале я рассказываю о новостях, инсайтах и фишках из сферы UX-дизайна. Вообще, что это такое, почему не стоит путать с обычным "круто рисовать" и из-за чего спецы в нем так востребованы в крупных проектах.
В России средняя зарплата UX-дизайнера начинается от 100 тыс. в месяц. Говорю по собственному опыту фрилансера, который работает в этой сфере уже немало лет.
Кроме UX-дизайна расскажу, как находить клиентов, распространить сарафанку и работать удаленно. Поэтому этот канал будет полезен как для дизайнеров, так и для фрилансеров, IT-шников, маркетологов, стартаперов и всех, кто разрабатывает свой продукт.
Если вы дочитали до этого места, то я, как минимум, хорошо пишу. Ну и тема вам интересна. Поэтому имеет смысл подписаться и жмакнуть на реакции под этим постом.
👍112🔥16❤7💩3
UX и UI — что это такое и чем они отличаются
"Все говорят об UX и UI и о том, насколько они важны при разработке успешного продукта. Но я не знаю точных определений этих терминов и чем они вообще отличаются" — неверное использование терминов может нагнать кучу путаницы. Многие начинающие дизайнеры (и не только) часто путают эти понятия или видят их как одно целое. Решил раз и навсегда разобрать эти термины.
Начнем по порядку. Когда вы заходите на какой-то сайт или пользуетесь приложением, то видите разные кнопки, тексты, менюшки… сам внешний вид — все это одним словом называют пользовательским интерфейсом или UI. Тут все довольно просто — UI дизайн отвечает за визуальную (оформительскую) часть продукта. Какого цвета и размера должна быть кнопка, какой шрифт использован, какие картинки и иллюстрации подобраны для сопровождения контента. Всей этой «эстетикой» занимается UI-дизайнер.
UX (User Experience: дословно «пользовательский опыт") — то, что ощущает пользователь при работе с интерфейсом. От UX дизайна зависит насколько ему понятно, просто и приятно пользоваться продуктом. Если UX корявый пользователь не купит вашу услугу или товар, не найдет нужную ему информацию, а хуже всего — у него останется негативное впечатление от вашего продукта.
Поэтому главная цель UX дизайна — помочь пользователю эффективно взаимодействовать с интерфейсом.
Несмотря на разницу эти два понятия крепко связаны между собой и являются неотъемлемой частью при создании продукта. В то время как UX-дизайнер фокусируется на исследовании пользовательского поведения и структурировании информации UI-дизайнер занят оформлением этой информации под нужды продукта. Завтра подробнее расскажу про то какую задачу выполняют UX дизайнеры, какими качествами должны обладать и нужно ли быть универсальным UI/UX- дизайнером.
"Все говорят об UX и UI и о том, насколько они важны при разработке успешного продукта. Но я не знаю точных определений этих терминов и чем они вообще отличаются" — неверное использование терминов может нагнать кучу путаницы. Многие начинающие дизайнеры (и не только) часто путают эти понятия или видят их как одно целое. Решил раз и навсегда разобрать эти термины.
Начнем по порядку. Когда вы заходите на какой-то сайт или пользуетесь приложением, то видите разные кнопки, тексты, менюшки… сам внешний вид — все это одним словом называют пользовательским интерфейсом или UI. Тут все довольно просто — UI дизайн отвечает за визуальную (оформительскую) часть продукта. Какого цвета и размера должна быть кнопка, какой шрифт использован, какие картинки и иллюстрации подобраны для сопровождения контента. Всей этой «эстетикой» занимается UI-дизайнер.
UX (User Experience: дословно «пользовательский опыт") — то, что ощущает пользователь при работе с интерфейсом. От UX дизайна зависит насколько ему понятно, просто и приятно пользоваться продуктом. Если UX корявый пользователь не купит вашу услугу или товар, не найдет нужную ему информацию, а хуже всего — у него останется негативное впечатление от вашего продукта.
Поэтому главная цель UX дизайна — помочь пользователю эффективно взаимодействовать с интерфейсом.
Несмотря на разницу эти два понятия крепко связаны между собой и являются неотъемлемой частью при создании продукта. В то время как UX-дизайнер фокусируется на исследовании пользовательского поведения и структурировании информации UI-дизайнер занят оформлением этой информации под нужды продукта. Завтра подробнее расскажу про то какую задачу выполняют UX дизайнеры, какими качествами должны обладать и нужно ли быть универсальным UI/UX- дизайнером.
👍42
Чем занимается UX-дизайнер
Если вы забыли, что такое ux-дизайн или пропустили вчерашний пост, то переходим по ссылке и читаем. А мы начинаем.
UX-дизайнер — это проектировщик. Он продумывает, как сервис будет работать и взаимодействовать с пользователем. Место расположения кнопок, их реакцию на нажатие и последовательность разделов сайта.
Главная задача ux-дизайнера: сделать проект максимально удобным для обычного пользователя. Поэтому он также вовлечен в аналитику, выявлении желаний и портрета аудитории.
Главный вопрос, который мучает многих новичков: а должен ли UX-дизайнер обладать навыками UI-дизайна?
Если вам кто-то, не раздумывая, скажет "Да!", то, скорее всего, он сам в этом плохо шарит. Это заблуждение многих. Почему так, расскажу в следующих постах.
Если вы забыли, что такое ux-дизайн или пропустили вчерашний пост, то переходим по ссылке и читаем. А мы начинаем.
UX-дизайнер — это проектировщик. Он продумывает, как сервис будет работать и взаимодействовать с пользователем. Место расположения кнопок, их реакцию на нажатие и последовательность разделов сайта.
Главная задача ux-дизайнера: сделать проект максимально удобным для обычного пользователя. Поэтому он также вовлечен в аналитику, выявлении желаний и портрета аудитории.
Главный вопрос, который мучает многих новичков: а должен ли UX-дизайнер обладать навыками UI-дизайна?
Если вам кто-то, не раздумывая, скажет "Да!", то, скорее всего, он сам в этом плохо шарит. Это заблуждение многих. Почему так, расскажу в следующих постах.
👍23
Что общего между ux-дизайнером и маркетологом
спойлер: много чего
И к первому, и ко второму клиенты приходят с одной потребностью: увеличить продажи своего продукта. Оба спеца выполняют это разными методами, но используют почти одни и те же инструменты:
> Исследование целевой аудитории (ЦА)
> Исследование конкурентов
> Выстраивание алгоритма задачи
Маркетолог использует эту троицу, чтобы подобрать правильные каналы для продаж, а ux-дизайнер — настроить интерфейс.
Чтобы описать каждый из этих инструментов, не хватит одного поста. Поэтому раскрою их серией текстов. Жмакните по реакциям, если интересно.
спойлер: много чего
И к первому, и ко второму клиенты приходят с одной потребностью: увеличить продажи своего продукта. Оба спеца выполняют это разными методами, но используют почти одни и те же инструменты:
> Исследование целевой аудитории (ЦА)
> Исследование конкурентов
> Выстраивание алгоритма задачи
Маркетолог использует эту троицу, чтобы подобрать правильные каналы для продаж, а ux-дизайнер — настроить интерфейс.
Чтобы описать каждый из этих инструментов, не хватит одного поста. Поэтому раскрою их серией текстов. Жмакните по реакциям, если интересно.
👍89🔥2
Кто клиент ux-дизайнера
Я тут постоянно глаголю о том, насколько эти спецы круты и как много они зарабатывают (з.п. в РФ начинается от 100К). Читая все это, у вас может возникнуть логичный вопрос:
"А кому вообще нужны услуги UX-дизайнера?"
На это можно ответить одной фразой: всем компаниям и проектам? которые хотят? чтобы их продукт или сервис максимально «зашел» пользователю.. Это могут быть банки, онлайн-сервисы, СМИ, маркетплейсы, ИТ-компании и т.д.
UX-дизайнер участвует в разработке сложных проектов, в том числе и мобильных приложений, а не только сайты и сервисы.
Сверстать лендинг может и обычный веб-дизайнер. А вот спроектировать приложение так, чтобы оно было удобным для пользователей — только UX-дизайнер. Вот почему эти спецы так ценятся.
Я тут постоянно глаголю о том, насколько эти спецы круты и как много они зарабатывают (з.п. в РФ начинается от 100К). Читая все это, у вас может возникнуть логичный вопрос:
"А кому вообще нужны услуги UX-дизайнера?"
На это можно ответить одной фразой: всем компаниям и проектам? которые хотят? чтобы их продукт или сервис максимально «зашел» пользователю.. Это могут быть банки, онлайн-сервисы, СМИ, маркетплейсы, ИТ-компании и т.д.
UX-дизайнер участвует в разработке сложных проектов, в том числе и мобильных приложений, а не только сайты и сервисы.
Сверстать лендинг может и обычный веб-дизайнер. А вот спроектировать приложение так, чтобы оно было удобным для пользователей — только UX-дизайнер. Вот почему эти спецы так ценятся.
👍15🔥4
С чего начать изучение UX-дизайна
Разберу по шагам на своём опыте:
1. Разобраться в сфере дизайна и разработке цифровых продуктов
Какие виды дизайна бывают, что вообще такое UX и UI. Если вы подписаны на @uxtrends, то уже можете поставить себе галочку перед этим пунктом.
2. Понять, как проектировать интерфейсы на основе поведения пользователей
Изучить паттерны, разобраться в дизайн системах и принципах юзабилити.
3. Освоить методы UX-исследования
Интервью, опросы и анкетирование, юзабилити-тестирование на прототипах и т.д.
4. Освоить инструменты UX-дизайнера
Как работать с данными, как создавать карты связей, вайрфреймы и интерактивные прототипы.
5. Прокачать софт-скиллы
Оттачивание навыков взаимодействия с командой и заказчиком, презентация проекта и т.д.
Каждый из этих этапов буду постепенно разбирать подробнее в канале. Кликните по реакциям, если интересно.
Разберу по шагам на своём опыте:
1. Разобраться в сфере дизайна и разработке цифровых продуктов
Какие виды дизайна бывают, что вообще такое UX и UI. Если вы подписаны на @uxtrends, то уже можете поставить себе галочку перед этим пунктом.
2. Понять, как проектировать интерфейсы на основе поведения пользователей
Изучить паттерны, разобраться в дизайн системах и принципах юзабилити.
3. Освоить методы UX-исследования
Интервью, опросы и анкетирование, юзабилити-тестирование на прототипах и т.д.
4. Освоить инструменты UX-дизайнера
Как работать с данными, как создавать карты связей, вайрфреймы и интерактивные прототипы.
5. Прокачать софт-скиллы
Оттачивание навыков взаимодействия с командой и заказчиком, презентация проекта и т.д.
Каждый из этих этапов буду постепенно разбирать подробнее в канале. Кликните по реакциям, если интересно.
🔥57👍19
Недельный дайджест
То, что вы могли или захотели пропустить на этой неделе:
/ О чем этот канал
/ UX и UI — что это такое и чем они отличаются
/ Чем занимается UX-дизайнер
/ Что общего между ux-дизайнером и маркетологом
/ Кто клиент ux-дизайнера
/ С чего начать изучение UX-дизайна
С этим постом закрываем эту неделю. Говорят, в следуюущей будет жарко. Поэтому стоит, как минимум, вдарить по реакциям, только не сильно.
То, что вы могли или захотели пропустить на этой неделе:
/ О чем этот канал
/ UX и UI — что это такое и чем они отличаются
/ Чем занимается UX-дизайнер
/ Что общего между ux-дизайнером и маркетологом
/ Кто клиент ux-дизайнера
/ С чего начать изучение UX-дизайна
С этим постом закрываем эту неделю. Говорят, в следуюущей будет жарко. Поэтому стоит, как минимум, вдарить по реакциям, только не сильно.
🔥36👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Винтажная мебель, плагин для Figma, шрифты и два лагеря дизайна
Смотрите, какую крутую подборку собрали ребята из redmadrobot.
Крутые дизайны старой мебели, необычный плагин для Фигма, борьба кириллицы с латиницей и другие фичи для дизайнеров. Концентрация пользы зашкаливает.
Посмотрите сами: https://clck.ru/eYPnF
Смотрите, какую крутую подборку собрали ребята из redmadrobot.
Крутые дизайны старой мебели, необычный плагин для Фигма, борьба кириллицы с латиницей и другие фичи для дизайнеров. Концентрация пользы зашкаливает.
Посмотрите сами: https://clck.ru/eYPnF
👍8
Хард и софт скиллы — что это и какими должен обладать UX-дизайнер
Чтобы работать там, где хочешь, нужно обладать рядом навыков. Раньше во время собеседования работодатели учитывали только хард скиллы. Но сейчас для них также важно, чтобы сотрудник обладал некоторыми софт скиллами. Что это такое, разобрал в этом посте.
Хард скиллы (жёсткие)
Это профессиональные навыки, которые можно продемонстрировать. Чтобы было понятнее, приведу примеры. Для UX-дизайнера хард скиллы это:
Основные знания ПО
Прототипирование
Работа с инструментами
Методология UX-исследования
И т.д.
Эти навыки можно сразу же оценить. Изначально у человека их нет, нужно освоить с нуля. В отличии от софт скиллов.
Софт скиллы (мягкие)
Социально-психологические навыки. Они универсальны. Не зависят от профессии, но напрямую влияют на успех. В случае UX-дизайнера это:
Работа в команде
Общение с заказчиками
Умение презентовать проект
Взаимодействие с окружающими
Пунктуальность
Самодисциплина
И т.д.
Заметили? Навыки, которые я перечислил выше, нужны не только в работе UX-дизайнера, но и в других сферах. Это и значит фраза "они универсальны".
Софт скиллы часто зависят от личностных качеств человека и уже заложены в нем. Но это не значит, что если всегда опаздываете, вам никогда не быть пунктуальным.
Софт скиллы, как и хард скиллы, можно развить и прокачать.
Как это сделать?
Я слышал, что @uxtrends поможет в этом. Нужно лишь подписаться и жмакнуть по реакциям.
Чтобы работать там, где хочешь, нужно обладать рядом навыков. Раньше во время собеседования работодатели учитывали только хард скиллы. Но сейчас для них также важно, чтобы сотрудник обладал некоторыми софт скиллами. Что это такое, разобрал в этом посте.
Хард скиллы (жёсткие)
Это профессиональные навыки, которые можно продемонстрировать. Чтобы было понятнее, приведу примеры. Для UX-дизайнера хард скиллы это:
Основные знания ПО
Прототипирование
Работа с инструментами
Методология UX-исследования
И т.д.
Эти навыки можно сразу же оценить. Изначально у человека их нет, нужно освоить с нуля. В отличии от софт скиллов.
Софт скиллы (мягкие)
Социально-психологические навыки. Они универсальны. Не зависят от профессии, но напрямую влияют на успех. В случае UX-дизайнера это:
Работа в команде
Общение с заказчиками
Умение презентовать проект
Взаимодействие с окружающими
Пунктуальность
Самодисциплина
И т.д.
Заметили? Навыки, которые я перечислил выше, нужны не только в работе UX-дизайнера, но и в других сферах. Это и значит фраза "они универсальны".
Софт скиллы часто зависят от личностных качеств человека и уже заложены в нем. Но это не значит, что если всегда опаздываете, вам никогда не быть пунктуальным.
Софт скиллы, как и хард скиллы, можно развить и прокачать.
Как это сделать?
Я слышал, что @uxtrends поможет в этом. Нужно лишь подписаться и жмакнуть по реакциям.
👍61🔥10❤3🤔3
Что такое ux-анимация
Крутящийся диск в плеере, как в гифке ниже, всплывающее окно или даже тренкающий колокольчик уведомления — все это ux-анимация.
Главная её цель: сделать максимально удобным взаимодействие пользователя с сервисом.
Что можно анимировать
Выделение важного элемента. Уверен, не раз замечали, как в каталоге на маркетплейсах выделяют товары, которые идут по акции.
Увеличение объекта. Очевидный пример: выбор картинки из галереи и её увеличение.
Визуальные подсказки. Когда в приложении оч много кнопок и функций, в которых нужно разобраться.
Загрузка программы. Вход на сайт и даже то, как грузится следующая статья.
UX-анимация — оч мощный инструмент для повышения конверсии. Её можно использовать в разных целях, которые разберу в следующий раз.
Крутящийся диск в плеере, как в гифке ниже, всплывающее окно или даже тренкающий колокольчик уведомления — все это ux-анимация.
Главная её цель: сделать максимально удобным взаимодействие пользователя с сервисом.
Что можно анимировать
Выделение важного элемента. Уверен, не раз замечали, как в каталоге на маркетплейсах выделяют товары, которые идут по акции.
Увеличение объекта. Очевидный пример: выбор картинки из галереи и её увеличение.
Визуальные подсказки. Когда в приложении оч много кнопок и функций, в которых нужно разобраться.
Загрузка программы. Вход на сайт и даже то, как грузится следующая статья.
UX-анимация — оч мощный инструмент для повышения конверсии. Её можно использовать в разных целях, которые разберу в следующий раз.
👍21🔥3
Инструменты UX-дизайнера. Часть 1 — исследование ЦА
Помните ведь пост о том, что общего между маркетологом и UX-дизайнером? Там я писал о 3-х инструментах, среди которых было "исследование ЦА".
Для чего это нужно
Задача UX-дизайнера — максимально упростить взаимодействие человека с сервисом. А чтобы выполнить это, ему нужно знать, чего хотят пользователи и на что можно надавить, чтобы добиться большего эффекта. Для этого и нужно провести исследование целевой аудитории.
Делают это 3-мя способами:
3. Опрос
Рассылают вопросы по базе пользователей. Обычно в почту. И просят пройти опрос. Обычно он короткий и не занимает много времени. Варианты ответов часто "Да" и "Нет".
2. Анкетирование
Тоже рассылают сообщение по пользователям и просят заполнить анкету. Только на этот раз либо много вариантов ответов, либо они открытые. С помощью анкеты легче составить портрет пользователя, но её заполнение занимает больше времени.
Чтобы мотивировать клиентов, дайте им за прохождение какой-то подарок. Бонус, скидка или даже мерч с логотипом компании. Маленький, но приятный. И обязательно скажите об этом в сообщении.
1. Интервью
Общаетесь с человеком 1 на 1. В отличии от других вариантов, этот сложнее, но вопросы можно задать более детальные и проработанные.
В следующей части расскажу об исследовании конкурентов. Кликните по реакциям, если интересно. До скорой!
Помните ведь пост о том, что общего между маркетологом и UX-дизайнером? Там я писал о 3-х инструментах, среди которых было "исследование ЦА".
Для чего это нужно
Задача UX-дизайнера — максимально упростить взаимодействие человека с сервисом. А чтобы выполнить это, ему нужно знать, чего хотят пользователи и на что можно надавить, чтобы добиться большего эффекта. Для этого и нужно провести исследование целевой аудитории.
Делают это 3-мя способами:
3. Опрос
Рассылают вопросы по базе пользователей. Обычно в почту. И просят пройти опрос. Обычно он короткий и не занимает много времени. Варианты ответов часто "Да" и "Нет".
2. Анкетирование
Тоже рассылают сообщение по пользователям и просят заполнить анкету. Только на этот раз либо много вариантов ответов, либо они открытые. С помощью анкеты легче составить портрет пользователя, но её заполнение занимает больше времени.
Чтобы мотивировать клиентов, дайте им за прохождение какой-то подарок. Бонус, скидка или даже мерч с логотипом компании. Маленький, но приятный. И обязательно скажите об этом в сообщении.
1. Интервью
Общаетесь с человеком 1 на 1. В отличии от других вариантов, этот сложнее, но вопросы можно задать более детальные и проработанные.
В следующей части расскажу об исследовании конкурентов. Кликните по реакциям, если интересно. До скорой!
👍56😁4
This media is not supported in your browser
VIEW IN TELEGRAM
Посмотрите, как прощается Ситимобил со своими пользователями
На видео отсылка на концовку 7-й части Форсажа.
Одна из машин брендирована как Я.Такси.
Главный посыл: мы столько лет конкурировали с Яндекс Го, но всегда с любовью и уважением относились друг к другу.
Идея придумана в отделе дизайна.
ну что сказать, грустно(
На видео отсылка на концовку 7-й части Форсажа.
Одна из машин брендирована как Я.Такси.
Главный посыл: мы столько лет конкурировали с Яндекс Го, но всегда с любовью и уважением относились друг к другу.
Идея придумана в отделе дизайна.
ну что сказать, грустно(
🥰16👍4❤3🔥1
Как найти первых заказчиков
Главный вопрос, который волнует новичков. Вы можете оч круто проводить ux-исследования, создавать концепты и разбираться в теме, но если заказов нет, все это бестолку.
Рассказываю, как находить первых заказчиков на старте.
> Начните с маленьких проектов
Вам никто сразу не даст крупный проект за десятки тысяч баксов. Вы можете начать вообще с лендингов, и это нормально. Так наберетесь опыта и заодно можете показать клиентам, что способны решать более сложные задачи. Если клиентских проектов совсем нет, начните с кейс-стади, этим не гнушаются даже профи.
> Соберите портфолио
Это лицо исполнителя, визитная карточка. Клиенты будут кидать его своим знакомым, если тем понадобится ux-дизайнер. Смотря на ваше портфолио работодатель принимает решение, назначить собеседование или перейти к следующему отклику.
Ещё есть оч крутые площадки, где вы можете разместить свои работы. Это Behance, Dribbble и Adobe Portfolio. На них ваши проекты видят другие, в том числе представители крупных компаний, которые часто заходят туда. Про эти сервисы и то, как собрать крутое портфолио, расскажу в следующих постах.
> Серфите площадки с вакансиями и заказами
Их в инете немного больше, чем дофига. UX-дизайнер очень востребованный специалист. Поэтому, если правильно откликнитесь, вас оторвут с руками.
А что это за площадки?
Давайте соберем под этим постом в реакциях 20 👏 и я расскажу о самых популярных и надежных площадках. Так и быть, первый клик от меня, вам осталось дожать 19.
Поехали!
Главный вопрос, который волнует новичков. Вы можете оч круто проводить ux-исследования, создавать концепты и разбираться в теме, но если заказов нет, все это бестолку.
Рассказываю, как находить первых заказчиков на старте.
> Начните с маленьких проектов
Вам никто сразу не даст крупный проект за десятки тысяч баксов. Вы можете начать вообще с лендингов, и это нормально. Так наберетесь опыта и заодно можете показать клиентам, что способны решать более сложные задачи. Если клиентских проектов совсем нет, начните с кейс-стади, этим не гнушаются даже профи.
> Соберите портфолио
Это лицо исполнителя, визитная карточка. Клиенты будут кидать его своим знакомым, если тем понадобится ux-дизайнер. Смотря на ваше портфолио работодатель принимает решение, назначить собеседование или перейти к следующему отклику.
Ещё есть оч крутые площадки, где вы можете разместить свои работы. Это Behance, Dribbble и Adobe Portfolio. На них ваши проекты видят другие, в том числе представители крупных компаний, которые часто заходят туда. Про эти сервисы и то, как собрать крутое портфолио, расскажу в следующих постах.
> Серфите площадки с вакансиями и заказами
Их в инете немного больше, чем дофига. UX-дизайнер очень востребованный специалист. Поэтому, если правильно откликнитесь, вас оторвут с руками.
А что это за площадки?
Давайте соберем под этим постом в реакциях 20 👏 и я расскажу о самых популярных и надежных площадках. Так и быть, первый клик от меня, вам осталось дожать 19.
Поехали!
👏69❤3👍2
Недельный дайджест
Все, что накопилось на этой неделе. Если вы потеряли или пропустили какой-то пост, то найдите его из списка ниже и жмакните по ссылке:
> Винтажная мебель, плагин для Figma, шрифты и два лагеря дизайна — крутая подборка от redmadrobot
> Хард и софт скиллы — что это и какими должен обладать UX-дизайнер
> Что такое ux-анимация
> Инструменты UX-дизайнера. Часть 1 — исследование ЦА
> Посмотрите, как прощается Ситимобил со своими пользователями
> Как найти первых заказчиков
Если вы недавно в канале, то держите спойлер: на следующей неделе будет ещё полезнее и жарче. Поэтому включаем уведомления и ставим канал в закреп, чтоб не потерять.
До скорой!
Все, что накопилось на этой неделе. Если вы потеряли или пропустили какой-то пост, то найдите его из списка ниже и жмакните по ссылке:
> Винтажная мебель, плагин для Figma, шрифты и два лагеря дизайна — крутая подборка от redmadrobot
> Хард и софт скиллы — что это и какими должен обладать UX-дизайнер
> Что такое ux-анимация
> Инструменты UX-дизайнера. Часть 1 — исследование ЦА
> Посмотрите, как прощается Ситимобил со своими пользователями
> Как найти первых заказчиков
Если вы недавно в канале, то держите спойлер: на следующей неделе будет ещё полезнее и жарче. Поэтому включаем уведомления и ставим канал в закреп, чтоб не потерять.
До скорой!
👍1
Угадайте, импортозамещение какого бренда на картинке?
Ребята из lemon.media сделали такие адаптации 25 иностранным брендам, которые ушли из РФ.
Посмотрите, это как минимум весело: https://clck.ru/ejgnq
Ребята из lemon.media сделали такие адаптации 25 иностранным брендам, которые ушли из РФ.
Посмотрите, это как минимум весело: https://clck.ru/ejgnq
😁13💩6👍1
Макет — то, с чего начинается проект
Когда писатель пишет книгу, сначала готовит черновик. А UX-дизайнер, когда приступает к проекту, создает макет.
На нем он показывает, как примерно будет выглядеть интерфейс.
Это поможет клиентам заранее понять, каким примерно будет их продукт и, если будет нужно, на старте внести корректировки.
Макет бывает 3 видов: вайрфрейм (структура), мокап (эскиз визуальной части) и прототип (функционал). Их разрабатывают последовательно.
Если у вас заказали простой лендинг, то вам хватит и мокапа. Но если проект сложный и многоступенчатый, то необходимо задействовать все 3 элемента.
Про каждого из них расскажу в следующей серии постов. Если интересно, можно и кликнуть по реакциям.
Когда писатель пишет книгу, сначала готовит черновик. А UX-дизайнер, когда приступает к проекту, создает макет.
На нем он показывает, как примерно будет выглядеть интерфейс.
Это поможет клиентам заранее понять, каким примерно будет их продукт и, если будет нужно, на старте внести корректировки.
Макет бывает 3 видов: вайрфрейм (структура), мокап (эскиз визуальной части) и прототип (функционал). Их разрабатывают последовательно.
Если у вас заказали простой лендинг, то вам хватит и мокапа. Но если проект сложный и многоступенчатый, то необходимо задействовать все 3 элемента.
Про каждого из них расскажу в следующей серии постов. Если интересно, можно и кликнуть по реакциям.
👍49🔥7🙏1
Инструменты UX-дизайнера. Часть 2 — анализ конкурентов
Кто пропустил первую часть, переходим по ссылке и читаем.
Анализ конкурентов — второй инструмент, который является общим для маркетолога и UX-дизайнера.
Для чего он нужен
Вы же у конкурентов можете подсмотреть удачные решения расположения элементов, идеи структуры и т.д.
Как анализировать
Пока писал о 3-х преимуществ конкурентного анализа, текст значительно вырос в объеме. Чтобы у вас сегодня не случился передоз информации, расскажу о способах конкурентного анализа в следующий раз. Если интересно, кликните по реакциям — чем их больше, тем быстрее и качественнее пишутся посты.
До скорой!
Кто пропустил первую часть, переходим по ссылке и читаем.
Анализ конкурентов — второй инструмент, который является общим для маркетолога и UX-дизайнера.
Для чего он нужен
/ Отличие вашего продукта от других
UX-анализ конкурента поможет понять, какие у вас есть преимущества перед конкурентами. И какие недостатки. Так вы поймёте, что стоит улучшить и чем привлекать аудиторию./ Кража крутых идей
Звучит плохо, но на самом деле это оч крутой лайфхак. Которым, кстати, не брезгуют пользоваться многомиллардные компании. Вспомните то, как Телеграм ввел голосовые чаты, которые зашли аудитории на ура. Если вы помните о таком реликте по имени "Клабхаус", то несложно построить цепочку, откуда Дуров украл эту фичу. Вы же у конкурентов можете подсмотреть удачные решения расположения элементов, идеи структуры и т.д.
/ Выявления слабых сторон
Узнав, чем недовольны клиенты вашего конкурента, можно реализовать это в своем интерфейсе. Заказчик за это вам будет только благодарен.Как анализировать
Пока писал о 3-х преимуществ конкурентного анализа, текст значительно вырос в объеме. Чтобы у вас сегодня не случился передоз информации, расскажу о способах конкурентного анализа в следующий раз. Если интересно, кликните по реакциям — чем их больше, тем быстрее и качественнее пишутся посты.
До скорой!
👍56❤5🔥3
Вайрфрейм — что это такое и для чего нужен
При создании продукта команда ориентируется на схематичную структуру, которую для них создает UX-дизайнер. Это и есть вайрфрейм.
Одной из фишек этого инструмента в том, что он не требует детальной отрисовки. Это как скелет, на который потом наращивают "мясо".
Ещё плюсы:
> быстрое создание
> начальный вариант можно набросать от руки
Где создавать варфреймы
Собрал для вас несколько сервисов, сохраните этот пост себе где-нибудь, чтоб не потерять:
https://wireframe.cc — простенький онлайн сервис для рисования вайрфреймов
https://balsamiq.com — очень простой и легкий в освоении продукт, но не бесплатный
Figma.com — универсальный инструмент для UX/UI
Шаблоны
Figma Шаблон для быстрого создания простых вайрфеймов
https://www.figma.com/community/file/784448220678228461
Отличная библиотека для создания вайрфреймов в Figma
https://www.figma.com/community/file/887892609124245416
Шаблон для создания вайфреймов в Sketch
https://www.sketchappsources.com/free-source/1552-website-wireframe-template-sketch-freebie-resource.html
Когда концепт проработан в деталях, можно переходить к созданию более подробного плана и отрисовки детального вайрфрейма, который станет основой первого мокапа. Про последнего расскажу в следующий раз. Если интересно эта тема, реакции к вашим услугам.
При создании продукта команда ориентируется на схематичную структуру, которую для них создает UX-дизайнер. Это и есть вайрфрейм.
Одной из фишек этого инструмента в том, что он не требует детальной отрисовки. Это как скелет, на который потом наращивают "мясо".
Ещё плюсы:
> быстрое создание
> начальный вариант можно набросать от руки
Где создавать варфреймы
Собрал для вас несколько сервисов, сохраните этот пост себе где-нибудь, чтоб не потерять:
https://wireframe.cc — простенький онлайн сервис для рисования вайрфреймов
https://balsamiq.com — очень простой и легкий в освоении продукт, но не бесплатный
Figma.com — универсальный инструмент для UX/UI
Шаблоны
Figma Шаблон для быстрого создания простых вайрфеймов
https://www.figma.com/community/file/784448220678228461
Отличная библиотека для создания вайрфреймов в Figma
https://www.figma.com/community/file/887892609124245416
Шаблон для создания вайфреймов в Sketch
https://www.sketchappsources.com/free-source/1552-website-wireframe-template-sketch-freebie-resource.html
Когда концепт проработан в деталях, можно переходить к созданию более подробного плана и отрисовки детального вайрфрейма, который станет основой первого мокапа. Про последнего расскажу в следующий раз. Если интересно эта тема, реакции к вашим услугам.
👍39❤8
uxtrends
Вайрфрейм — что это такое и для чего нужен При создании продукта команда ориентируется на схематичную структуру, которую для них создает UX-дизайнер. Это и есть вайрфрейм. Одной из фишек этого инструмента в том, что он не требует детальной отрисовки. Это…
Ещё пару лайфхаков для создания варфрейма:
> Нарисуйте первый вайрфрейм вместе с клиентом. Это даст ему почувствовать причастность к проекту, дальнейшие этапы будет утверждать проще
> Не углубляйтесь в детализацию. Не надо стремиться создать крутой дизайн. С другой стороны конечный вариант вайрфрейма не должен быть небрежным, используйте сетку, не пичкайте эскиз огромным количеством элементов.
> Нарисуйте первый вайрфрейм вместе с клиентом. Это даст ему почувствовать причастность к проекту, дальнейшие этапы будет утверждать проще
> Не углубляйтесь в детализацию. Не надо стремиться создать крутой дизайн. С другой стороны конечный вариант вайрфрейма не должен быть небрежным, используйте сетку, не пичкайте эскиз огромным количеством элементов.
👍13