С чего начать изучение 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
Как составить крутое портфолио
Наткнулся на оч крутую статью. В ней автор собрал советы топовых спецов, которые работали с Apple, Samsung, ВВС и т.д., по тому, как собрать портфолио. Приведу в этом посте краткую выжимку:
> Сделай акцент на себе
Выстройте личный бренд, напишите о себе. Старайтесь, чтобы вас запомнили. Для этого можно написать автобиографию с юмором. Но не увлекайтесь, даже креатив должен быть в меру.
> Будь честным
Не надо приписывать результат команды себе. Лучше опишите проект и задачу в нем, которую только вы выполняли.
> Продумай структуру
Прежде чем отправить портфолио, изучите вакансию и саму компанию. Чего от вас хотят, на чем больше специализируется работодатель и какую ещё пользу ему можно принести. Составляйте портфолио под него, выведя на первый план проекты из тех сфер, в которых нуждается компания.
Эти 3 пункта то, что отметил для себя из статьи. В ней ещё 5 крутых и полезных советов. Почитайте.
Ссылка: https://skvot.io/ru/blog/kak-sdelat-krutoe-portfolio
Наткнулся на оч крутую статью. В ней автор собрал советы топовых спецов, которые работали с Apple, Samsung, ВВС и т.д., по тому, как собрать портфолио. Приведу в этом посте краткую выжимку:
> Сделай акцент на себе
Выстройте личный бренд, напишите о себе. Старайтесь, чтобы вас запомнили. Для этого можно написать автобиографию с юмором. Но не увлекайтесь, даже креатив должен быть в меру.
> Будь честным
Не надо приписывать результат команды себе. Лучше опишите проект и задачу в нем, которую только вы выполняли.
> Продумай структуру
Прежде чем отправить портфолио, изучите вакансию и саму компанию. Чего от вас хотят, на чем больше специализируется работодатель и какую ещё пользу ему можно принести. Составляйте портфолио под него, выведя на первый план проекты из тех сфер, в которых нуждается компания.
Эти 3 пункта то, что отметил для себя из статьи. В ней ещё 5 крутых и полезных советов. Почитайте.
Ссылка: https://skvot.io/ru/blog/kak-sdelat-krutoe-portfolio
👍18❤1
Дайджест постов за неделю
Все, что вы могли или захотели пропустить:
> "Импортозамещение" заблокированных брендов на территории РФ
> Макет — то, с чего начинается проект
> Инструменты UX-дизайнера. Часть 2 — анализ конкурентов
> Вайрфрейм — что это такое и для чего нужен
> Ещё пару лайфхаков для создания варфрейма
> Как составить крутое портфолио
Те, кто недавно здесь, загляните в закреп, узнаете что тут вообще творится.
На такой ноте закрываем эту неделю и приступаем к следующей. Жмакните по реакциям, если было полезно. До скорой!
Все, что вы могли или захотели пропустить:
> "Импортозамещение" заблокированных брендов на территории РФ
> Макет — то, с чего начинается проект
> Инструменты UX-дизайнера. Часть 2 — анализ конкурентов
> Вайрфрейм — что это такое и для чего нужен
> Ещё пару лайфхаков для создания варфрейма
> Как составить крутое портфолио
Те, кто недавно здесь, загляните в закреп, узнаете что тут вообще творится.
На такой ноте закрываем эту неделю и приступаем к следующей. Жмакните по реакциям, если было полезно. До скорой!
❤16
Чем вы занимаетесь?
Anonymous Poll
31%
Фрилансер/Удаленщик
25%
Работаю в офисе
6%
Есть свой проект/бизнес
21%
Студент
3%
На пенсии
25%
Безработный
Как дизайнеру управлять вниманием читателя
Наткнулся на оч крутой текст на эту тему. Зацепило то, что автор сначала объясняет, как мозг воспринимает инфу и как использовать это в свою пользу.
Если коротко: предоставлять пользователю удовольствие. Лендинг, статья на сайте или страница должны зайти как наркотик и заставлять перематывать дальше. Как это сделать:
/ Не обмануть ожидания
Если человека привлекли чем-то, то он должен получить это при переходе на сайт.
/ Создать иллюзию, что пользователь управляет процессом
Обычно пользователь тупо идет сверху вниз по лендингу. Можно к скроллу привязать анимированную смену объектов. Это механика обманывает мозг, заставляя верить в то, что процесс под его контролем.
/ Менять ритмику
Когда идет обычный текст, это скучно. Лучше выделить в середине статьи предложение или даже абзац необычным шрифтом. Это сохраняют концентрацию на высоком уровне.
Это короткая выжимка из оочень крутой статьи. В этом посте всего 30 % пользы. Почитайте, ссылка внизу:
https://vc.ru/design/335185-kak-upravlyat-vnimaniem-chitatelya-s-pomoshchyu-skrolla
Наткнулся на оч крутой текст на эту тему. Зацепило то, что автор сначала объясняет, как мозг воспринимает инфу и как использовать это в свою пользу.
Если коротко: предоставлять пользователю удовольствие. Лендинг, статья на сайте или страница должны зайти как наркотик и заставлять перематывать дальше. Как это сделать:
/ Не обмануть ожидания
Если человека привлекли чем-то, то он должен получить это при переходе на сайт.
/ Создать иллюзию, что пользователь управляет процессом
Обычно пользователь тупо идет сверху вниз по лендингу. Можно к скроллу привязать анимированную смену объектов. Это механика обманывает мозг, заставляя верить в то, что процесс под его контролем.
/ Менять ритмику
Когда идет обычный текст, это скучно. Лучше выделить в середине статьи предложение или даже абзац необычным шрифтом. Это сохраняют концентрацию на высоком уровне.
Это короткая выжимка из оочень крутой статьи. В этом посте всего 30 % пользы. Почитайте, ссылка внизу:
https://vc.ru/design/335185-kak-upravlyat-vnimaniem-chitatelya-s-pomoshchyu-skrolla
vc.ru
Как управлять вниманием читателя с помощью скролла — Дизайн на vc.ru
Если правильно выстроить лендинг и использовать несколько техник управления вниманием, информация на нем будет для мозга как легкий наркотик — читатель доскроллит страницу до конца. Собрали основные механики, которые позволяют маркетологу и дизайнеру управлять…
👍15🔥3
Инструменты UX-дизайнера. Часть 3 — выстраивание алгоритма задачи
Это последняя часть серии "Общие инструменты маркетолога и UX-дизайнера".
На основе полученных данных из предыдущих этапов, — исследование ЦА и анализ конкурентов, — выстраивается дальнейший алгоритм действий.
И после этого пути маркетолога и UX-дизайнера расходятся. Первый, полагаясь на алгоритм задачи, подбирает каналы продвижения и запускает рекламу. А второй создает первые макеты и настраивает интерфейс.
Маркетолог целится на продажу продукта и выявления ЦА. UX-дизайнер на доводку и оптимизацию продукта под ЦА.
На этом все. Говорят, если было полезно, можно и на реакции жмакнуть. Это мотивирует автора создать более качественный контент.
Это последняя часть серии "Общие инструменты маркетолога и UX-дизайнера".
На основе полученных данных из предыдущих этапов, — исследование ЦА и анализ конкурентов, — выстраивается дальнейший алгоритм действий.
И после этого пути маркетолога и UX-дизайнера расходятся. Первый, полагаясь на алгоритм задачи, подбирает каналы продвижения и запускает рекламу. А второй создает первые макеты и настраивает интерфейс.
Маркетолог целится на продажу продукта и выявления ЦА. UX-дизайнер на доводку и оптимизацию продукта под ЦА.
На этом все. Говорят, если было полезно, можно и на реакции жмакнуть. Это мотивирует автора создать более качественный контент.
👍46
Мокап — что это и для чего нужен
Я уже рассказывал, что вайрфрейм — структура проекта.
А мокап — дизайн-концепция. Тут упор идет на визуальную часть. Его задача - показать, как продукт может выглядеть в контексте с конкретной цветовой гаммой, шрифтами и прочими визуальными элементами.
Мокап нужен для того, чтобы определиться с конечным дизайном. На данном этапе начинается работа UI дизайнера по созданию стилистики, первой пробы пера внешнего облика продукта.
В чем делаются мокапы? Все в тех же графических приложениях в которых будет создаваться конечный дизайн: Figma, Sketch, Adobe XD, Illustrator...
Полезные ссылки:
Шаблоны девайсов для презентации мокапов:
https://www.free-mockup.com/downloads/category/ux-ui-mockups/
Девайсы для презентации мокапов в Figma:
https://www.figma.com/community/file/786708730400780813
На этом всё
Завершить бы пост эпичной концовкой, только вот мысли никак не идут. Поэтому остается надеяться, что дневную дозу пользы от канала получили. До скорой!
@uxtrends
Я уже рассказывал, что вайрфрейм — структура проекта.
А мокап — дизайн-концепция. Тут упор идет на визуальную часть. Его задача - показать, как продукт может выглядеть в контексте с конкретной цветовой гаммой, шрифтами и прочими визуальными элементами.
Мокап нужен для того, чтобы определиться с конечным дизайном. На данном этапе начинается работа UI дизайнера по созданию стилистики, первой пробы пера внешнего облика продукта.
В чем делаются мокапы? Все в тех же графических приложениях в которых будет создаваться конечный дизайн: Figma, Sketch, Adobe XD, Illustrator...
Полезные ссылки:
Шаблоны девайсов для презентации мокапов:
https://www.free-mockup.com/downloads/category/ux-ui-mockups/
Девайсы для презентации мокапов в Figma:
https://www.figma.com/community/file/786708730400780813
На этом всё
Завершить бы пост эпичной концовкой, только вот мысли никак не идут. Поэтому остается надеяться, что дневную дозу пользы от канала получили. До скорой!
@uxtrends
👍28🎉2💩2
Как UX-дизайнеру откликаться на вакансии
Если работаете на удаленке, то ваш доход напрямую зависит от умения презентовать себя потенциальным заказчикам.
Собрал в этом посте подборку советов, которая будет полезна всем фрилансерам, а не только UX-дизайнеру. Погнали:
• Изучите компанию
Если видите вакансию, не спешите сразу же откликаться на неё. Прежде изучите работодателя. Узнайте, чем он занимается и в какой ещё сфере вы можете быть полезны.
• Расскажите о себе кратко
Ключевое слово "кратко". Нужно понимать, что по ту сторону сидит человек, которому может быть лень читать десятки историй претендентов о своей жизни. Для личной информации выделите 1-2 предложения. Как вас зовут и откуда вы. Дальше расскажите, чем можете быть полезны.
Работодателю гораздо интереснее читать то, что вы можете ему дать, чем рассказ о том, как вы учились и что любите. Если в вакансии отдельно спрашивают о хобби и интересах, тогда можно немного раскрыться.
• Расскажите о прошлом опыте
Причем недостаточно просто перечислить название компаний. Расскажите, чем вы там занимались, какую задачу решали и как достигли результата.
• Не перебарщивайте с примером работ
Не надо кидать список из 10 ссылок. Клиент не обязан кликать на каждую и проверять содержимое.
Предоставьте 2-3 примера и объясните, что это за проект и что вы там делали. В конце можно скинуть ссылку на свое портфолио, если вдруг клиент захочет подробнее ознакомиться с вашей работой.
• И наконец, внимательно читайте условия вакансии
Если там просят короткий рассказ о себе в 2-3 предложениях, то это значит, что нужно рассказать о себе в 2-3 предложениях. Извините за тавтологию, но без неё никак. Не надо кидать целое сочинение о себе и своих навыках.
Делайте то, что просят в вакансии. Иначе клиент вас просто пошлет, ибо нефиг уважать того, кто не учитывает твои требования.
На этом все. Как вам пост?
@uxtrends
Если работаете на удаленке, то ваш доход напрямую зависит от умения презентовать себя потенциальным заказчикам.
Собрал в этом посте подборку советов, которая будет полезна всем фрилансерам, а не только UX-дизайнеру. Погнали:
• Изучите компанию
Если видите вакансию, не спешите сразу же откликаться на неё. Прежде изучите работодателя. Узнайте, чем он занимается и в какой ещё сфере вы можете быть полезны.
• Расскажите о себе кратко
Ключевое слово "кратко". Нужно понимать, что по ту сторону сидит человек, которому может быть лень читать десятки историй претендентов о своей жизни. Для личной информации выделите 1-2 предложения. Как вас зовут и откуда вы. Дальше расскажите, чем можете быть полезны.
Работодателю гораздо интереснее читать то, что вы можете ему дать, чем рассказ о том, как вы учились и что любите. Если в вакансии отдельно спрашивают о хобби и интересах, тогда можно немного раскрыться.
• Расскажите о прошлом опыте
Причем недостаточно просто перечислить название компаний. Расскажите, чем вы там занимались, какую задачу решали и как достигли результата.
• Не перебарщивайте с примером работ
Не надо кидать список из 10 ссылок. Клиент не обязан кликать на каждую и проверять содержимое.
Предоставьте 2-3 примера и объясните, что это за проект и что вы там делали. В конце можно скинуть ссылку на свое портфолио, если вдруг клиент захочет подробнее ознакомиться с вашей работой.
• И наконец, внимательно читайте условия вакансии
Если там просят короткий рассказ о себе в 2-3 предложениях, то это значит, что нужно рассказать о себе в 2-3 предложениях. Извините за тавтологию, но без неё никак. Не надо кидать целое сочинение о себе и своих навыках.
Делайте то, что просят в вакансии. Иначе клиент вас просто пошлет, ибо нефиг уважать того, кто не учитывает твои требования.
На этом все. Как вам пост?
@uxtrends
👍35👎1😱1💩1