Резюме, атомарный дизайн, CTA-кнопки...
Дайджест постов за эту неделю:
Как написать резюме, чтобы попасть на собеседование?
Основы проектирования – Атомарный дизайн (Atomic design)
Чеклист для создания идеальной CTA-кнопки
Эмоциональный дизайн – как взрастить любовь к продукту
Если было полезно, жмакайте по реакциям!
Дайджест постов за эту неделю:
Как написать резюме, чтобы попасть на собеседование?
Основы проектирования – Атомарный дизайн (Atomic design)
Чеклист для создания идеальной CTA-кнопки
Эмоциональный дизайн – как взрастить любовь к продукту
Если было полезно, жмакайте по реакциям!
🔥12
Как написать сопроводительное письмо к резюме
Продолжая пост про написание резюме разберем, что такое сопроводительное письмо и как его правильно составить. Погнали...
Весь процесс найма можно рассматривать как воронку продаж, где вы “продаете” себя как специалиста. При этом сопроводительное письмо – это первая ступень. Суть в том, чтобы привлечь внимание рекрутера к себе. Хорошее письмо поможет выделиться, особенно если в вашей сфере высокая конкуренция.
Сопроводительное письмо необходимо приложить в отклике на вакансию и пояснить чем вы подходите на должность и какую пользу можете принести компании.
Итак, какие формальные требования к сопроводительному письму?
Размер
У рекрутера нет времени читать всю вашу предысторию, оно ему и не надо! Оптимальный размер сопроводительного письма — это 2-3 небольших абзаца. Вы должны уложится в половину страницы.
Оформление
Сделайте ваше письмо легко читаемым! Отделяйте абзацы друг от друга пустой строкой, также вы можете пользоваться заголовками.
Стиль
Не используйте шаблонные выражения и канцеляризмы. Например, распространенное вводное предложение звучит, примерно так: «Прошу вас рассмотреть мое резюме на позицию…». Эти шаблоны уже всех достали! Пишите понятным, человеческим языком, например: «Меня заинтересовала вакансия UX/UI-дизайнера в вашей компании».
Заголовок
Отправляя по имейл используйте чёткий и понятный заголовок. Укажите, что за вакансия и в какую компанию. Пример: Отклик на вакансию UI/UX-дизайнера в компанию «Кванта»
Структура
Разделяйте сопроводительное письмо на небольшие абзацы, чтобы работодателю было проще по нему пробежаться. Пишите понятно и последовательно.
Обращайтесь по имени, если оно указано в вакансии. Например: “Ирина, добрый день!” или просто “Добрый день!”
Представьтесь и укажите, на какую должность вы откликаетесь и в какой организации. Это покажет то, что вы пишете адресно, а не массово рассылаете письма всем работодателям. Если вы отправляете свое резюме и письмо по электронной почте, укажите, как вы узнали о вакансии.
Пример:
Я Иван. Меня заинтересовала вакансия UX/UI-дизайнера, размещенная на сайте вашей компании.
Объясните, почему выбрали именно эту компанию и что именно вас привлекает в вакансии. Далее необходимо сверится с требованиями вакансии и вашим реальным опытом, коротко рассказать про мотивацию, навыки, знания, достижения.
– Будьте честны, пишите о том опыте который у вас реально есть. При недостатке опыта расскажите как ваши знания и навыки помогут справляться с задачами на новом месте.
– Не умалчивайте длительные перерывы. Расскажите, чем занимались в это время. Например, повышали квалификацию или получали новую профессию, обустраивались на новом месте итд.
– Вместо оценки собственных результатов, лучше приводите конкретные доказательства, подкрепляя их цифрами. Например, вместо “хороший специалист” – “Увеличил продажи на 120% за полгода” Вместо “Быстро обучаюсь”, – “С нуля за месяц изучил Figma и получил сертификат уровня «Профессионал»
– Постарайтесь добавить индивидуальную ноту, вызвать эмоции! Это может быть интересный факт о вас или оригинальное хобби. Тут хватит буквально одного предложения. Дайте понять, что вы адекватный человек.
В заключении должна быть ссылка на портфолио или фраза о том, что резюме прикреплено. Также не забудьте указать контактную информацию. Не помешают и ссылки на социальные сети.
Пример:
Все мои работы собраны в портфолио [ссылка]. Буду рад, если посмотрите его и дадите фидбек — подхожу вам или нет.
Буду рад пообщаться лично. Мой номер: +7 999 123-45-67
Уфф… получилась длинная портянка, но надеюсь максимум полезная! Хотел еще написать о частых ошибках, но в формат статьи не поместится. Опубликую отдельным постом. На этом все!
Продолжая пост про написание резюме разберем, что такое сопроводительное письмо и как его правильно составить. Погнали...
Весь процесс найма можно рассматривать как воронку продаж, где вы “продаете” себя как специалиста. При этом сопроводительное письмо – это первая ступень. Суть в том, чтобы привлечь внимание рекрутера к себе. Хорошее письмо поможет выделиться, особенно если в вашей сфере высокая конкуренция.
Сопроводительное письмо необходимо приложить в отклике на вакансию и пояснить чем вы подходите на должность и какую пользу можете принести компании.
Итак, какие формальные требования к сопроводительному письму?
Размер
У рекрутера нет времени читать всю вашу предысторию, оно ему и не надо! Оптимальный размер сопроводительного письма — это 2-3 небольших абзаца. Вы должны уложится в половину страницы.
Оформление
Сделайте ваше письмо легко читаемым! Отделяйте абзацы друг от друга пустой строкой, также вы можете пользоваться заголовками.
Стиль
Не используйте шаблонные выражения и канцеляризмы. Например, распространенное вводное предложение звучит, примерно так: «Прошу вас рассмотреть мое резюме на позицию…». Эти шаблоны уже всех достали! Пишите понятным, человеческим языком, например: «Меня заинтересовала вакансия UX/UI-дизайнера в вашей компании».
Заголовок
Отправляя по имейл используйте чёткий и понятный заголовок. Укажите, что за вакансия и в какую компанию. Пример: Отклик на вакансию UI/UX-дизайнера в компанию «Кванта»
Структура
Разделяйте сопроводительное письмо на небольшие абзацы, чтобы работодателю было проще по нему пробежаться. Пишите понятно и последовательно.
1. Приветствие
Обращайтесь по имени, если оно указано в вакансии. Например: “Ирина, добрый день!” или просто “Добрый день!”
2. ВступлениеПредставьтесь и укажите, на какую должность вы откликаетесь и в какой организации. Это покажет то, что вы пишете адресно, а не массово рассылаете письма всем работодателям. Если вы отправляете свое резюме и письмо по электронной почте, укажите, как вы узнали о вакансии.
Пример:
Я Иван. Меня заинтересовала вакансия UX/UI-дизайнера, размещенная на сайте вашей компании.
3. Основная частьОбъясните, почему выбрали именно эту компанию и что именно вас привлекает в вакансии. Далее необходимо сверится с требованиями вакансии и вашим реальным опытом, коротко рассказать про мотивацию, навыки, знания, достижения.
– Будьте честны, пишите о том опыте который у вас реально есть. При недостатке опыта расскажите как ваши знания и навыки помогут справляться с задачами на новом месте.
– Не умалчивайте длительные перерывы. Расскажите, чем занимались в это время. Например, повышали квалификацию или получали новую профессию, обустраивались на новом месте итд.
– Вместо оценки собственных результатов, лучше приводите конкретные доказательства, подкрепляя их цифрами. Например, вместо “хороший специалист” – “Увеличил продажи на 120% за полгода” Вместо “Быстро обучаюсь”, – “С нуля за месяц изучил Figma и получил сертификат уровня «Профессионал»
– Постарайтесь добавить индивидуальную ноту, вызвать эмоции! Это может быть интересный факт о вас или оригинальное хобби. Тут хватит буквально одного предложения. Дайте понять, что вы адекватный человек.
4. ЗаключениеВ заключении должна быть ссылка на портфолио или фраза о том, что резюме прикреплено. Также не забудьте указать контактную информацию. Не помешают и ссылки на социальные сети.
Пример:
Все мои работы собраны в портфолио [ссылка]. Буду рад, если посмотрите его и дадите фидбек — подхожу вам или нет.
Буду рад пообщаться лично. Мой номер: +7 999 123-45-67
Уфф… получилась длинная портянка, но надеюсь максимум полезная! Хотел еще написать о частых ошибках, но в формат статьи не поместится. Опубликую отдельным постом. На этом все!
👍33❤🔥2👏1🍌1💋1
3 главных профессиональных навыков дизайнера
Очень интересный получился опрос на прошлой неделе. Получается, у большинства основная боль – отсутствие навыков, ну или по крайней мере ощущение, что чего-то вы не умеете.
Еще в прошлом году я написал пост про хард и софт-скиллы. Думаю пришло время разобрать наиболее важные из них. И начнем мы с софт-скиллов.
1. Эмпатия
На мой взгляд, наиболее важный навык для дизайнера. Без понимания людей, вы не сможете разрабатывать успешные решения, которые будут решать их задачи. И речь тут не о сочувствии, а об умении именно "влезть в шкуру" пользователя.
Как развивать
Думал посоветовать всяких книжек по поведенческой психологии… но это все пустая теория. Эмпатию нужно оттачивать только на практике: проводить интервью, не боятся задавать вопросы, уметь слушать и анализировать.
2. Умение общаться
Ваш успех напрямую зависит от способности взаимодействия с окружающими, умение преподнести себя и свои услуги. Как говорил мой преподаватель по рекламному делу: “успешный дизайн – это на 20% дизайн и на 80% презентация”. От вашего умения продать идею клиенту, аргументировать свою точку зрения, напрямую зависит сколько вы будете зарабатывать.
Как развивать
Существует огромное количество лайфхаков по развитию самоуверенности, социальных навыков или техники убеждения, но ничто не заменит живого общения. Просто будьте открыты к окружающим, тренируйтесь проходить через некомфортные ситуации.
– Практиковать презентацию своих работ на незнакомых людях можно, например через сервис presentum.io
– Полезная книга по теме: «Сначала скажите «нет». Секреты профессиональных переговорщиков» Джима Кэмпа.
3. Самодисциплина
Умение планировать и отвечать за себя и свои поступки один из базовых навыков любого дизайнера – особенно если вы хотите развиваться карьерно, брать на себя ответственность и принимать решения. Этот навык особенно важен если вы решитесь строить свой бизнес или заниматься фрилансом. Чем выше ваша эффективность, тем вероятнее, что вы достигните успеха в любом деле.
Как развивать
Самодисциплина – это в первую очередь умение управлять своим временем. Есть ряд техник по повышению продуктивности, как например фокусировка внимания, метод помидора, метод “съешь лягушку”, метод 90/30 и другие о которых я писал ранее… суть в том, чтобы выработать в себе привычку эффективного поведения.
На этом все! Стоит написать про хард-скилы?
Очень интересный получился опрос на прошлой неделе. Получается, у большинства основная боль – отсутствие навыков, ну или по крайней мере ощущение, что чего-то вы не умеете.
Еще в прошлом году я написал пост про хард и софт-скиллы. Думаю пришло время разобрать наиболее важные из них. И начнем мы с софт-скиллов.
1. Эмпатия
На мой взгляд, наиболее важный навык для дизайнера. Без понимания людей, вы не сможете разрабатывать успешные решения, которые будут решать их задачи. И речь тут не о сочувствии, а об умении именно "влезть в шкуру" пользователя.
Как развивать
Думал посоветовать всяких книжек по поведенческой психологии… но это все пустая теория. Эмпатию нужно оттачивать только на практике: проводить интервью, не боятся задавать вопросы, уметь слушать и анализировать.
2. Умение общаться
Ваш успех напрямую зависит от способности взаимодействия с окружающими, умение преподнести себя и свои услуги. Как говорил мой преподаватель по рекламному делу: “успешный дизайн – это на 20% дизайн и на 80% презентация”. От вашего умения продать идею клиенту, аргументировать свою точку зрения, напрямую зависит сколько вы будете зарабатывать.
Как развивать
Существует огромное количество лайфхаков по развитию самоуверенности, социальных навыков или техники убеждения, но ничто не заменит живого общения. Просто будьте открыты к окружающим, тренируйтесь проходить через некомфортные ситуации.
– Практиковать презентацию своих работ на незнакомых людях можно, например через сервис presentum.io
– Полезная книга по теме: «Сначала скажите «нет». Секреты профессиональных переговорщиков» Джима Кэмпа.
3. Самодисциплина
Умение планировать и отвечать за себя и свои поступки один из базовых навыков любого дизайнера – особенно если вы хотите развиваться карьерно, брать на себя ответственность и принимать решения. Этот навык особенно важен если вы решитесь строить свой бизнес или заниматься фрилансом. Чем выше ваша эффективность, тем вероятнее, что вы достигните успеха в любом деле.
Как развивать
Самодисциплина – это в первую очередь умение управлять своим временем. Есть ряд техник по повышению продуктивности, как например фокусировка внимания, метод помидора, метод “съешь лягушку”, метод 90/30 и другие о которых я писал ранее… суть в том, чтобы выработать в себе привычку эффективного поведения.
На этом все! Стоит написать про хард-скилы?
❤16👍7
Психология в дизайне – Теория двойного кодирования
Одна из основных задач дизайнера – уметь правильно донести смыслы. Это касается как визуальной, так и вербальной части. В дизайне они всегда взаимосвязаны.
Теория двойного кодирования, предложенная канадским психологом Алланом Паивио подразумевает, что невербальные (образные) и вербальные (текстовые) сигналы имеют равный вес, несмотря на то, что обрабатывается по-разному в нашем сознании.
Если взять любое слово, например “помидор”, то оно сформируют у вас в голове четкие ассоциации-картинки. Из этого следует, что одновременное использование визуальных и словесных данных позволяет быстрее обрабатывать и усваивать информацию.
Как применить двойное кодирование в работе
– Используйте реальный контент в ваших макетах, вместо текста-заклушки
– Помните, что сочетание картинки и текста проще усваивается и запоминается, это важно для продающих или обучающих сайтов
– Иконки в меню воспринимаются лучше, если они подписаны
– Обсуждая проект, делайте эскизы ваших идей с помошью (виртуального) вайтборда. Так всем участникам будет проще понять и запечатлеть их в памяти.
Было полезно? Дайте знать в реакциях!
Одна из основных задач дизайнера – уметь правильно донести смыслы. Это касается как визуальной, так и вербальной части. В дизайне они всегда взаимосвязаны.
Теория двойного кодирования, предложенная канадским психологом Алланом Паивио подразумевает, что невербальные (образные) и вербальные (текстовые) сигналы имеют равный вес, несмотря на то, что обрабатывается по-разному в нашем сознании.
Если взять любое слово, например “помидор”, то оно сформируют у вас в голове четкие ассоциации-картинки. Из этого следует, что одновременное использование визуальных и словесных данных позволяет быстрее обрабатывать и усваивать информацию.
Как применить двойное кодирование в работе
– Используйте реальный контент в ваших макетах, вместо текста-заклушки
– Помните, что сочетание картинки и текста проще усваивается и запоминается, это важно для продающих или обучающих сайтов
– Иконки в меню воспринимаются лучше, если они подписаны
– Обсуждая проект, делайте эскизы ваших идей с помошью (виртуального) вайтборда. Так всем участникам будет проще понять и запечатлеть их в памяти.
Было полезно? Дайте знать в реакциях!
👍11🔥5
Метод архетипов в дизайне
Архетипы — это превосходный инструмент для создания понятного визуального образа для брендов предавая им индивидуальность и яркие выразительные черты.
В начале 20 века швейцарский психоаналитик Карл Густав Юнг выделил образы и мотивы, имеющие универсальное, коллективное прочтение. Эти образы сформировались на протяжении многих столетий на основе мифов и сказаний и являются частью коллективного подсознательного. Именно в этом их преимущество – они интуитивно понятны и прекрасно встраиваются в любой нарратив.
Как применять в дизайне
Встраивая архетипы в дизайн, можно создать понятные черты бренда, выстроить целостную стратегию коммуникации с целевой аудиторией. Таким образом, определенный архетип выступает в роли компаса при проектировании визуального решения.
Ключ к успеху — глубокое понимание каждого архетипа. Подробнее о каждом образе можно почитать в статье от команды агентства LINII. Тут собраны 12 базовых архетипов активно применяемых в маркетинге и рекламе. Для каждого выделены характерный визуальный стиль, графика, цвета и типографика. В общем идеальное руководство для применения в собственных проектах.
Для более глубокого ознакомления рекомендую книги:
“Герой и Бунтарь. Создание бренда с помощью архетипа” Маргарет Марк, Кэрол Пирсон
“Архетипы в брендинге. Руководство для креативщиков и стратегов” Margaret Hartwell, Joshua C. Chen
Архетипы — это превосходный инструмент для создания понятного визуального образа для брендов предавая им индивидуальность и яркие выразительные черты.
В начале 20 века швейцарский психоаналитик Карл Густав Юнг выделил образы и мотивы, имеющие универсальное, коллективное прочтение. Эти образы сформировались на протяжении многих столетий на основе мифов и сказаний и являются частью коллективного подсознательного. Именно в этом их преимущество – они интуитивно понятны и прекрасно встраиваются в любой нарратив.
Как применять в дизайне
Встраивая архетипы в дизайн, можно создать понятные черты бренда, выстроить целостную стратегию коммуникации с целевой аудиторией. Таким образом, определенный архетип выступает в роли компаса при проектировании визуального решения.
Ключ к успеху — глубокое понимание каждого архетипа. Подробнее о каждом образе можно почитать в статье от команды агентства LINII. Тут собраны 12 базовых архетипов активно применяемых в маркетинге и рекламе. Для каждого выделены характерный визуальный стиль, графика, цвета и типографика. В общем идеальное руководство для применения в собственных проектах.
Для более глубокого ознакомления рекомендую книги:
“Герой и Бунтарь. Создание бренда с помощью архетипа” Маргарет Марк, Кэрол Пирсон
“Архетипы в брендинге. Руководство для креативщиков и стратегов” Margaret Hartwell, Joshua C. Chen
vc.ru
Как работают архетипы в дизайне
Мы в LINII провели дизайн-исследование и составили рекомендации по работе с дизайном для каждого из 12 главных архетипов брендов, чем рады поделиться с коллегами.
👍6❤2
Поделитесь вашим опытом дизайне:
Anonymous Poll
14%
более 5 лет
13%
3-5 лет
25%
1-2 года
29%
Менее года
21%
Еще нет опыта
На чем можно заработать дизайнеру
Независимо от того в найме вы или на фрилансе, дополнительный доход никому не помешает. Подобрал для вас несколько не самых очевидных вариантов заработка в UI/UX-дизайне.
Довольно простой способ входа в пассивный заработок с помощью дизайна. Можно начинать продажи даже не имея большого опыта, например создавая графические элементы, стикеры, иконки и предлагать их на микростоках, таких как Shutterstock, Adobe Stock или Vecteezy.
Роялити за продажу составляет $0.10 - $1.00 Звучит конечно не сильно заманчиво, но если постоянно работать над портфолио, со временем можно выйти на пассивный доход в несколько сотен зеленых в месяц. Кроме того, вы можете продавать и более сложные сеты, шаблоны, дизайн киты через Creative Market, Envato, Gumroad, где заработок может достигать и $100 за один продукт.
С появлением конструкторов сайтов, таких как Tilda, Squarespace или Wix собирать красивые лендинги или сайты-визитки стало проще простого. Можно строить по готовому шаблону или рисовать с “чистого листа” в редакторе.
Для клиентов, преимущества очевидны – дешевизна и скорость разработки. Как дизайнер вы можете предлагать верстку на конструкторе в виде дополнительной услуги к дизайну макета или как отдельный сервис например через фриланс биржи.
Онлайн-обучение сейчас на пике популярности. Если вы что-то умеете и чувствуете, что вам есть что рассказать аудитории — можете попробовать продавать свой опыт: проводить тренинги и лекции, записывать онлайн-уроки. Это не только принесет дополнительный заработок, но и повысит вашу узнаваемость и востребованность в качестве специалиста.
Если у вас со временем накопился большой опыт в определенной нише, можно проводить аналитику сайтов или приложений. UX-аудит это – не только выявление проблем в юзабилити, но и разработка рекомендаций по улучшению пользовательского взаимодействия с продуктом. Владельцам сайтов он помогает подтянуть качество пользовательского опыта, улучшить метрики критичные для конверсии. Такие эксперты имеют огромную ценность, однако стоит учитывать, что и требования к ним чрезвычайно высокие.
На этом все! Если какие-то виды заработка забыл упомянуть, пишите в комменты.
Независимо от того в найме вы или на фрилансе, дополнительный доход никому не помешает. Подобрал для вас несколько не самых очевидных вариантов заработка в UI/UX-дизайне.
Продажа шаблоновДовольно простой способ входа в пассивный заработок с помощью дизайна. Можно начинать продажи даже не имея большого опыта, например создавая графические элементы, стикеры, иконки и предлагать их на микростоках, таких как Shutterstock, Adobe Stock или Vecteezy.
Роялити за продажу составляет $0.10 - $1.00 Звучит конечно не сильно заманчиво, но если постоянно работать над портфолио, со временем можно выйти на пассивный доход в несколько сотен зеленых в месяц. Кроме того, вы можете продавать и более сложные сеты, шаблоны, дизайн киты через Creative Market, Envato, Gumroad, где заработок может достигать и $100 за один продукт.
Создание сайтов на конструктореС появлением конструкторов сайтов, таких как Tilda, Squarespace или Wix собирать красивые лендинги или сайты-визитки стало проще простого. Можно строить по готовому шаблону или рисовать с “чистого листа” в редакторе.
Для клиентов, преимущества очевидны – дешевизна и скорость разработки. Как дизайнер вы можете предлагать верстку на конструкторе в виде дополнительной услуги к дизайну макета или как отдельный сервис например через фриланс биржи.
Проведение вебинаровОнлайн-обучение сейчас на пике популярности. Если вы что-то умеете и чувствуете, что вам есть что рассказать аудитории — можете попробовать продавать свой опыт: проводить тренинги и лекции, записывать онлайн-уроки. Это не только принесет дополнительный заработок, но и повысит вашу узнаваемость и востребованность в качестве специалиста.
Юзабилити аудитЕсли у вас со временем накопился большой опыт в определенной нише, можно проводить аналитику сайтов или приложений. UX-аудит это – не только выявление проблем в юзабилити, но и разработка рекомендаций по улучшению пользовательского взаимодействия с продуктом. Владельцам сайтов он помогает подтянуть качество пользовательского опыта, улучшить метрики критичные для конверсии. Такие эксперты имеют огромную ценность, однако стоит учитывать, что и требования к ним чрезвычайно высокие.
На этом все! Если какие-то виды заработка забыл упомянуть, пишите в комменты.
🔥20👍5❤1
Сопроводительное письмо, главные навыки в дизайне, метод архетипов...
Дайджест постов за эту неделю:
– Как написать сопроводительное письмо к резюме
– 3 главных профессиональных навыков дизайнера
– Психология в дизайне – Теория двойного кодирования
– Метод архетипов в дизайне
– На чем можно заработать дизайнеру
Не забывайте про ваш фидбек! Если был полезный контент, дайте знать в реакциях.
Дайджест постов за эту неделю:
– Как написать сопроводительное письмо к резюме
– 3 главных профессиональных навыков дизайнера
– Психология в дизайне – Теория двойного кодирования
– Метод архетипов в дизайне
– На чем можно заработать дизайнеру
Не забывайте про ваш фидбек! Если был полезный контент, дайте знать в реакциях.
🔥13🍌1
Частые ошибки в сопроводительном письме
Если вы хотите попасть в интернациональную компанию, тому как оформлена ваша заявка будет уделяться большое внимание. Мы уже рассмотрели требования к сопроводительному письму, теперь разберем ошибки, которые могут перечеркнуть все усилия.
1. Плохая читаемость и орфографические ошибки
Там, где заявок приходит очень много, будут придираться к каждой мелочи. Много текста, сложно читать – даже не откроют портфолио. Орфографические ошибки – значит невнимательный, неопрятный соискатель!
Решается очень проосто: если текста получилось больше половины страницы, перечитайте и сократите! Проверяйте читаемость, например сервисом Главред. Обязательно дайте просмотреть ваше письмо знакомым.
Также проверяйте письмо на опечатки и ошибки, прежде чем отправить. Для этого можно воспользоваться онлайн-сервисами Текст-ру или Languagetool
2. Много про личную жизнь или хобби
Пишите про личную жизнь и хобби только в том случае, если это повысит вашу ценность в глазах работодателя.
Что-то типа: "Ещё у меня есть кот Фёдор. В свободное время я люблю гулять в парке." Вряд ли это как-то приблизит вас к получению работы мечты.
Ваша вставка про личную жизнь должна быть адекватной и логичной. Например, вы можете написать, что хотите вернуться в карьеру после двухгодичного перерыва на воспитание ребенка. Это одновременно закроет все вопросы, почему вы так долго не работали.
Пишите кратко! Одного предложения должно полностью хватить. Если про хобби писать нечего – просто не пишите! Это тоже норм.
3. Невнятный адрес электронной почты
При отправке, используйте вразумительный адрес электронной почты, а также фамилию и имя в строке отправителя. Например, отправитель: Иван Пирогов; ivan.pirogov(a)yа .ru а не отправитель: Иван; pirojok4(a)ya .ru
Лучше заведите отдельный ящик на бесплатном почтовом сервисе, где будет удобнее организовать рассылку не смешивая с приватными сообщениями.
4. Непоследовательное повествование
Не дублируйте сопроводительное письмо в резюме. В сопроводительном основная цель – привлечь внимание рекрутера. Резюме в свою очередь должно быть логичным продолжением вашего сопроводительного письма, раскрывать как вы применяли все ваши скилы на практике.
И самое главное! Если вы отправляете резюме не рекрутеру, а тому кто отвечает за дизайн – арт директору или дизайн лиду, сокращайте ваш текст в 2-3 раза. Эти люди не будут уделять внимание тексту. Первым делом они хотят увидеть, что вы умеете – ваше портфолио. В этом случае долгие вступления могут только помешать.
На этом все! Про то, как составлять и упаковывать портфолио напишу в другой раз.
Если вы хотите попасть в интернациональную компанию, тому как оформлена ваша заявка будет уделяться большое внимание. Мы уже рассмотрели требования к сопроводительному письму, теперь разберем ошибки, которые могут перечеркнуть все усилия.
1. Плохая читаемость и орфографические ошибки
Там, где заявок приходит очень много, будут придираться к каждой мелочи. Много текста, сложно читать – даже не откроют портфолио. Орфографические ошибки – значит невнимательный, неопрятный соискатель!
Решается очень проосто: если текста получилось больше половины страницы, перечитайте и сократите! Проверяйте читаемость, например сервисом Главред. Обязательно дайте просмотреть ваше письмо знакомым.
Также проверяйте письмо на опечатки и ошибки, прежде чем отправить. Для этого можно воспользоваться онлайн-сервисами Текст-ру или Languagetool
2. Много про личную жизнь или хобби
Пишите про личную жизнь и хобби только в том случае, если это повысит вашу ценность в глазах работодателя.
Что-то типа: "Ещё у меня есть кот Фёдор. В свободное время я люблю гулять в парке." Вряд ли это как-то приблизит вас к получению работы мечты.
Ваша вставка про личную жизнь должна быть адекватной и логичной. Например, вы можете написать, что хотите вернуться в карьеру после двухгодичного перерыва на воспитание ребенка. Это одновременно закроет все вопросы, почему вы так долго не работали.
Пишите кратко! Одного предложения должно полностью хватить. Если про хобби писать нечего – просто не пишите! Это тоже норм.
3. Невнятный адрес электронной почты
При отправке, используйте вразумительный адрес электронной почты, а также фамилию и имя в строке отправителя. Например, отправитель: Иван Пирогов; ivan.pirogov(a)yа .ru а не отправитель: Иван; pirojok4(a)ya .ru
Лучше заведите отдельный ящик на бесплатном почтовом сервисе, где будет удобнее организовать рассылку не смешивая с приватными сообщениями.
4. Непоследовательное повествование
Не дублируйте сопроводительное письмо в резюме. В сопроводительном основная цель – привлечь внимание рекрутера. Резюме в свою очередь должно быть логичным продолжением вашего сопроводительного письма, раскрывать как вы применяли все ваши скилы на практике.
И самое главное! Если вы отправляете резюме не рекрутеру, а тому кто отвечает за дизайн – арт директору или дизайн лиду, сокращайте ваш текст в 2-3 раза. Эти люди не будут уделять внимание тексту. Первым делом они хотят увидеть, что вы умеете – ваше портфолио. В этом случае долгие вступления могут только помешать.
На этом все! Про то, как составлять и упаковывать портфолио напишу в другой раз.
👍19
Психология в дизайне – эффект прайминга
Прайминг – один из наиболее мощных эффектов помогающий дизайнерам влиять на подсознательное поведение пользователей.
Название происходит от английского prime — “первичный” и описывает психологический феномен, при котором первичный стимул влияет на восприятие последующей информации, воздействуя на наши ожидания и подсознательные действия. Как и любой опыт, прайминг бывает как позитивным, так и негативным.
Как применять в дизайне
В контексте UX прайминг помогает разработать интерфейс таким образом, чтобы подсознательно направить пользователя к определенному действию. Чтобы умело применить эффект, необходимо учитывать предыдущий опыт пользователя, проводить исследования ЦА и тестировать. Выделю несколько примеров, когда прайминг может улучшить пользовательский опыт.
Не изобретайте велосипед заново, проектируйте интерфейс на основе общепринятых паттернов. Пользователи будут охотно пользоваться тем, что им уже знакомо. Если их ожидания подтверждаются, то общий опыт будет позитивным.
Визуальные образы, графика, цвета, контент – все это создает определенный эмоциональный настрой, вызывая доверие и подталкивая пользователя к принятию решений.
Пример от приложения Lime под постом: графический элемент в комбинации с аргументацией создают доверительный стимул – пользователь с большей вероятностью разрешит доступ к сервису местоположения на своем телефоне
Упоминания негативных эффектов в контексте продукта могут вызвать нежелательные ассоциации у аудитории и повысить отток пользователей. Например, попытка убедить пользователей при подписке на рассылку "100% гарантия – никакого спама" может скорей иметь обратный эффект.
Создавая дизайн четко продумывайте сценарии использования интерфейса, заранее предупреждая ошибки со стороны пользователя. Используйте очевидные и предсказуемые шаблоны взаимодействия не требующие объяснений.
На этом все!
Прайминг – один из наиболее мощных эффектов помогающий дизайнерам влиять на подсознательное поведение пользователей.
Название происходит от английского prime — “первичный” и описывает психологический феномен, при котором первичный стимул влияет на восприятие последующей информации, воздействуя на наши ожидания и подсознательные действия. Как и любой опыт, прайминг бывает как позитивным, так и негативным.
Как применять в дизайне
В контексте UX прайминг помогает разработать интерфейс таким образом, чтобы подсознательно направить пользователя к определенному действию. Чтобы умело применить эффект, необходимо учитывать предыдущий опыт пользователя, проводить исследования ЦА и тестировать. Выделю несколько примеров, когда прайминг может улучшить пользовательский опыт.
Оправдывайте ожидания Не изобретайте велосипед заново, проектируйте интерфейс на основе общепринятых паттернов. Пользователи будут охотно пользоваться тем, что им уже знакомо. Если их ожидания подтверждаются, то общий опыт будет позитивным.
Подтолкните к принятию решенийВизуальные образы, графика, цвета, контент – все это создает определенный эмоциональный настрой, вызывая доверие и подталкивая пользователя к принятию решений.
Пример от приложения Lime под постом: графический элемент в комбинации с аргументацией создают доверительный стимул – пользователь с большей вероятностью разрешит доступ к сервису местоположения на своем телефоне
Избегайте негативных ассоциацийУпоминания негативных эффектов в контексте продукта могут вызвать нежелательные ассоциации у аудитории и повысить отток пользователей. Например, попытка убедить пользователей при подписке на рассылку "100% гарантия – никакого спама" может скорей иметь обратный эффект.
Направляйте без прямых указаний Создавая дизайн четко продумывайте сценарии использования интерфейса, заранее предупреждая ошибки со стороны пользователя. Используйте очевидные и предсказуемые шаблоны взаимодействия не требующие объяснений.
На этом все!
👍14🔥1
Какими скилами необходимо владеть начинающему UX/UI-дизайнеру?
Если вы недавно стартовали в профессии, то начните с изучения базовых навыков графического дизайна. Тут важна как теория, так и практика. Получив представление о том, как разрабатывается интерфейс, UX/UI-джун под менторством лида или старшего коллеги может работать по техническому заданию (ТЗ), создавать макеты сайтов-визиток или лендингов.
1) Базовые знания типографики
2) Умение работать с цветом и конрастом
3) Лейаут и работа с сетками
4) Основы проектирования интерфейсов / понимание UI-паттернов
Умение ретушировать в Фотошопе или рисовать иллюстрации в векторе – не обязательны, но будут большим плюсом!
Один из главных инструментов в работе – Figma. Тут можно строить макеты, рисовать графику, собирать презентации и прототипы. Овладеть Figma довольно просто – в интернете есть огромное количество бесплатных туториалов и уроков.
К инструментам также можно отнести и базовые методологии: Design Thinking, создание мудбордов, метод персон, понимание как устроен дизайн процесс, не помешают и знания основных методов пользовательских исследований. О многих я уже подробно писал на канале.
– владеть базовыми знаниями в разработке интерфейсов
– владеть инструментами (Figma, оновные дизайн методологии, исследование ЦА)
– уметь различать плохой дизайн от хорошего (тренировать насмотренность)
– уметь реализовывать простые проекты под руководством старших коллег
– уметь самостоятельно учиться
Также не забываем про софт-скилы – навыки взаимодействия с командой и презентации.
На этом все! В следующий раз напишу про то, какие методы исследования нужно изучать на старте и как качаться в мидла. А пока дайте знать было ли все понятно? Может какие-то вопросы остались нераскрыты?
Если вы недавно стартовали в профессии, то начните с изучения базовых навыков графического дизайна. Тут важна как теория, так и практика. Получив представление о том, как разрабатывается интерфейс, UX/UI-джун под менторством лида или старшего коллеги может работать по техническому заданию (ТЗ), создавать макеты сайтов-визиток или лендингов.
Какие основные знания в дизайне необходимо освоить на старте1) Базовые знания типографики
2) Умение работать с цветом и конрастом
3) Лейаут и работа с сетками
4) Основы проектирования интерфейсов / понимание UI-паттернов
Умение ретушировать в Фотошопе или рисовать иллюстрации в векторе – не обязательны, но будут большим плюсом!
Какими инструментами нужно уметь владеть джунуОдин из главных инструментов в работе – Figma. Тут можно строить макеты, рисовать графику, собирать презентации и прототипы. Овладеть Figma довольно просто – в интернете есть огромное количество бесплатных туториалов и уроков.
К инструментам также можно отнести и базовые методологии: Design Thinking, создание мудбордов, метод персон, понимание как устроен дизайн процесс, не помешают и знания основных методов пользовательских исследований. О многих я уже подробно писал на канале.
Итак, что должен уметь UI/UX-джун?– владеть базовыми знаниями в разработке интерфейсов
– владеть инструментами (Figma, оновные дизайн методологии, исследование ЦА)
– уметь различать плохой дизайн от хорошего (тренировать насмотренность)
– уметь реализовывать простые проекты под руководством старших коллег
– уметь самостоятельно учиться
Также не забываем про софт-скилы – навыки взаимодействия с командой и презентации.
На этом все! В следующий раз напишу про то, какие методы исследования нужно изучать на старте и как качаться в мидла. А пока дайте знать было ли все понятно? Может какие-то вопросы остались нераскрыты?
👍34🔥9
Как избежать доработок в дизайне веб страниц
Большинство недочетов в макетах веб-страниц всплывают на стадии верстки, когда дизайн уже одобрен заказчиком. Так согласования с разработчиками и последующие доработки могут затянуться на неопределенный срок, потребовав значительного количества времени.
Собрал для вас наиболее распространенные аспекты, которые следует учитывать при подготовке макета.
Проектируя дизайн сайта всегда стоит продумывать как он будет выглядеть на разных устройствах. Проектируйте макет под три основных разрешения:
– Ноутбуки и стационарные компьютеры с шириной макета 1024 или 1920 пикселей
– Планшеты: ширина макетов — 768 пикселей
– Мобильные телефоны: ширина макетов — 360 пикселей
Стоит отметить, что проектировать макет под планшет не обязательно, если у вас не сложный лейаут: в нем нет таблиц, сеток со скрытием или переносом контента.
Не стоит сдавать макет в верстку не отобразив состояния интерактивных элементов: кнопок, меню, полей ввода и прочих элементов с которыми может взаимодействовать пользователь. Как правило, верстальщик либо не отобразит состояния совсем, либо будет пользоваться стандартными стилями для их отображения.
– Отображайте следующие состояния: не выбранный элемент, выбранный элемент, ховер (наведение курсора), нажатие, неактивное состояние (элемент нельзя выбрать)
– все элементы с примерами и описанием состояний можно вынести на отдельную страницу. Так верстальщику будет проще разобраться что к чему.
– для полей ввода не забывайте про сообщения об ошибках/успешной отправке формы
Страницам без контента почему-то обычно уделяют мало внимания, несмотря на то, что они тоже являются частью пользовательского опыта. Задача таких страниц проинформировать пользователей, почему страница пуста, и какие данные могут там быть. Например: пустой результат поиска, список сообщений, пустая категория товаров итд.
– прорабатывайте внешний вид “пустых страниц”, даже если никаких действий от пользователя не требуется
– создавайте дизайн страницы подгрузки данных, если вывод данных должен занимать какое-то время
Создавая мобильную версию страницы используйте другие стили для шрифтов, не смешивая их с десктопной. Например, если у вас в десктопной версии заголовок Title (80px) не стоит менять его на Subtitle (45px) в мобильной версии только потому, что там используется шрифт меньшего размера.
– создавайте отдельные стили для каждого устройства, соответственно подписывая их в макете, например Desktop/MainTitle, Tablet/MainTitle, Mobile/MainTitle итд
– вынесите все варианты на отдельную страницу с указанием, где и как применять
В заключение
Предусмотрите все возможные сценарии и действия пользователей, уделите внимание функциональности, а не только внешнему виду макета. Это позволит избежать последующих доработок и упростить взаимодействие с разработчиками.
Также почитайте по теме: Топ 6 частых ошибок в дизайне лендингов
Если было полезно дайте знать в реакциях!
Большинство недочетов в макетах веб-страниц всплывают на стадии верстки, когда дизайн уже одобрен заказчиком. Так согласования с разработчиками и последующие доработки могут затянуться на неопределенный срок, потребовав значительного количества времени.
Собрал для вас наиболее распространенные аспекты, которые следует учитывать при подготовке макета.
1. Продумайте адаптивную версткуПроектируя дизайн сайта всегда стоит продумывать как он будет выглядеть на разных устройствах. Проектируйте макет под три основных разрешения:
– Ноутбуки и стационарные компьютеры с шириной макета 1024 или 1920 пикселей
– Планшеты: ширина макетов — 768 пикселей
– Мобильные телефоны: ширина макетов — 360 пикселей
Стоит отметить, что проектировать макет под планшет не обязательно, если у вас не сложный лейаут: в нем нет таблиц, сеток со скрытием или переносом контента.
2. Проработайте состояния интерактивных элементовНе стоит сдавать макет в верстку не отобразив состояния интерактивных элементов: кнопок, меню, полей ввода и прочих элементов с которыми может взаимодействовать пользователь. Как правило, верстальщик либо не отобразит состояния совсем, либо будет пользоваться стандартными стилями для их отображения.
– Отображайте следующие состояния: не выбранный элемент, выбранный элемент, ховер (наведение курсора), нажатие, неактивное состояние (элемент нельзя выбрать)
– все элементы с примерами и описанием состояний можно вынести на отдельную страницу. Так верстальщику будет проще разобраться что к чему.
– для полей ввода не забывайте про сообщения об ошибках/успешной отправке формы
3. Предусмотрите пустые состояния динамических страницСтраницам без контента почему-то обычно уделяют мало внимания, несмотря на то, что они тоже являются частью пользовательского опыта. Задача таких страниц проинформировать пользователей, почему страница пуста, и какие данные могут там быть. Например: пустой результат поиска, список сообщений, пустая категория товаров итд.
– прорабатывайте внешний вид “пустых страниц”, даже если никаких действий от пользователя не требуется
– создавайте дизайн страницы подгрузки данных, если вывод данных должен занимать какое-то время
4. Последовательно используйте стили в десктопной и мобильной версияхСоздавая мобильную версию страницы используйте другие стили для шрифтов, не смешивая их с десктопной. Например, если у вас в десктопной версии заголовок Title (80px) не стоит менять его на Subtitle (45px) в мобильной версии только потому, что там используется шрифт меньшего размера.
– создавайте отдельные стили для каждого устройства, соответственно подписывая их в макете, например Desktop/MainTitle, Tablet/MainTitle, Mobile/MainTitle итд
– вынесите все варианты на отдельную страницу с указанием, где и как применять
В заключение
Предусмотрите все возможные сценарии и действия пользователей, уделите внимание функциональности, а не только внешнему виду макета. Это позволит избежать последующих доработок и упростить взаимодействие с разработчиками.
Также почитайте по теме: Топ 6 частых ошибок в дизайне лендингов
Если было полезно дайте знать в реакциях!
👍24❤1
Ошибки в сопроводительном письме, эффект прайминга, скилы в UX/UI...
Посты вышедшие на этой неделе:
Частые ошибки в сопроводительном письме
Психология в дизайне – эффект прайминга
Какими скилами необходимо владеть начинающему UX/UI-дизайнеру?
Как избежать доработок в дизайне веб страниц
Если было полезно, жмакайте по реакциям!
Посты вышедшие на этой неделе:
Частые ошибки в сопроводительном письме
Психология в дизайне – эффект прайминга
Какими скилами необходимо владеть начинающему UX/UI-дизайнеру?
Как избежать доработок в дизайне веб страниц
Если было полезно, жмакайте по реакциям!
👍9❤1
Как в разы поднять чек на создании лендинов
Создание одностраничных лендинов одна из самых ходовых услуг на биржах фриланса. Предложений и кандидатов довольно много, поэтому тут непросто выделится на общем фоне.
Стоимость создания лендинга из 5 блоков включая дизайн и верстку на конструкторе в среднем колеблется в пределах $100 - $300
Стоит отметить, что такая цена не может включать в себя, качественный анализ конкурентов, исследования ЦА, проработку пользовательских сценариев, написание контента и тестирование. По сути работа проводится чисто по брифу и контенту клиента. Поэтому конверсия таких страниц будет скорее всего довольно сомнительной.
Сколько на самом деле можно заработать на лендинге?
Создание любого продукта будь то, простой лендинг требует основательного подхода и состоит из нескольких этапов: планирование, исследование, проектирование, тестирование и по возможности аналитика. Таким образом комплексное проектирование может включать следующие этапы:
1. Исследование ЦА
2. Конкурентный анализ
3. Проработка структуры на основе пользовательских сценариев
4. Создание контента на основе УТП
5. Разработка прототипа
6. Тестирование
7. Разработка уникального дизайна
8. Верстка под разные устройства
9. Разработка стратегии продвижения
10. Настройка аналитики
Так за полный цикл разработки лендинга можно попросить на порядки выше, чем просто за дизайн (в размере $900 - $1500) и дать клиенту гораздо более качественный результат.
Что делать если навыков нехватает?
Ответ простой – качать навыки! В первую очередь по исследованиям, а там, где скилов нехватает можно скооперироваться с экспертами, например по SEO, продвижению и маркетингу и предлагать клиенту не просто разовую работу, а долгосрочный пакет услуг. Заодно подтяните навыки в других сферах.
Это лишь один из подходов, есть и другие. О них напишу в другой раз. Стоит также разобрать другие виды фриланс проектов?
Создание одностраничных лендинов одна из самых ходовых услуг на биржах фриланса. Предложений и кандидатов довольно много, поэтому тут непросто выделится на общем фоне.
Стоимость создания лендинга из 5 блоков включая дизайн и верстку на конструкторе в среднем колеблется в пределах $100 - $300
Стоит отметить, что такая цена не может включать в себя, качественный анализ конкурентов, исследования ЦА, проработку пользовательских сценариев, написание контента и тестирование. По сути работа проводится чисто по брифу и контенту клиента. Поэтому конверсия таких страниц будет скорее всего довольно сомнительной.
Сколько на самом деле можно заработать на лендинге?
Создание любого продукта будь то, простой лендинг требует основательного подхода и состоит из нескольких этапов: планирование, исследование, проектирование, тестирование и по возможности аналитика. Таким образом комплексное проектирование может включать следующие этапы:
1. Исследование ЦА
2. Конкурентный анализ
3. Проработка структуры на основе пользовательских сценариев
4. Создание контента на основе УТП
5. Разработка прототипа
6. Тестирование
7. Разработка уникального дизайна
8. Верстка под разные устройства
9. Разработка стратегии продвижения
10. Настройка аналитики
Так за полный цикл разработки лендинга можно попросить на порядки выше, чем просто за дизайн (в размере $900 - $1500) и дать клиенту гораздо более качественный результат.
Что делать если навыков нехватает?
Ответ простой – качать навыки! В первую очередь по исследованиям, а там, где скилов нехватает можно скооперироваться с экспертами, например по SEO, продвижению и маркетингу и предлагать клиенту не просто разовую работу, а долгосрочный пакет услуг. Заодно подтяните навыки в других сферах.
Это лишь один из подходов, есть и другие. О них напишу в другой раз. Стоит также разобрать другие виды фриланс проектов?
👍19🔥4
Что нужно знать про экранные разрешения
Когда мы говорим о разрешении дисплея, мы всегда подразумеваем количество пикселей на экране. Например, первый iPhone имел базовое разрешение 320 x 480. С улучшением качества дисплеев, плотность пикселей на экранах стала расти. Для измерения физической плотности точек традиционно использовался дюйм. Разберем наиболее часто применяемые обозначения:
DPI (Dots Per Inch) — количество точек на дюйм. Величина измерения изначально использовалась в печати. Чем меньше DPI, тем ниже разрешение.
Android позаимствовал термин DPI для обозначая плотности экранных точек (пикселей) на дюйм. Поэтому в описании разрешения андроидных дисплеев можно встретить сочетания HDPI, XHDPI, XXHDPI итд...
PPI (Pixels Per Inch) обозначает плотность пикселей на дюйм для мониторов и Apple дивайсов. Например, в экранном дюйме iPhone 8 помещается 326 экранных точек (пикселей). Стандартные параметры для Mac – 72 PPI, для Windows – 92 PPI.
DP (Device independent Pixel) пиксель независимый от устройства – это единица измерения используемая Android, для обозначения размера пикселя независимо от разрешения устройства. В зависимости от разрешающей способности дисплея в одном DP может поместится от 1 до 4 пикселей.
PT - Point (точка) по существу тоже самое, что и DP, только этот термин использует Apple.
Зачем это нужно знать?
В векторных программах, как например Figma, можно создавать дизайн кратный 1х не зависимо от PPI конечного устройства. Поэтому если вы работаете с векторной графикой, то беспокоится о плотности пикселей устройства не стоит.
Однако в тех случаях когда необходимо передать разработчикам растровую графику для мобильного приложения базовые пиксели придется масштабировать под соответствующие экранные разрешения. Для этого в экспорте PNG/JPG файлов указывается множитель кратный разрешению конечного устройства. Например, для разных версий iPhone достаточно использовать суффиксы @1x, @2x, @3x, чтобы получить соответствующие множители. С Android все немного сложней из-за огромного количества разных устройств.
На картинке под постом – 5 наиболее популярных экранных PPI параметров для Android с соответствующими множителями.
Было полезно? Дайте знать в реакциях!
Когда мы говорим о разрешении дисплея, мы всегда подразумеваем количество пикселей на экране. Например, первый iPhone имел базовое разрешение 320 x 480. С улучшением качества дисплеев, плотность пикселей на экранах стала расти. Для измерения физической плотности точек традиционно использовался дюйм. Разберем наиболее часто применяемые обозначения:
DPI (Dots Per Inch) — количество точек на дюйм. Величина измерения изначально использовалась в печати. Чем меньше DPI, тем ниже разрешение.
Android позаимствовал термин DPI для обозначая плотности экранных точек (пикселей) на дюйм. Поэтому в описании разрешения андроидных дисплеев можно встретить сочетания HDPI, XHDPI, XXHDPI итд...
PPI (Pixels Per Inch) обозначает плотность пикселей на дюйм для мониторов и Apple дивайсов. Например, в экранном дюйме iPhone 8 помещается 326 экранных точек (пикселей). Стандартные параметры для Mac – 72 PPI, для Windows – 92 PPI.
DP (Device independent Pixel) пиксель независимый от устройства – это единица измерения используемая Android, для обозначения размера пикселя независимо от разрешения устройства. В зависимости от разрешающей способности дисплея в одном DP может поместится от 1 до 4 пикселей.
PT - Point (точка) по существу тоже самое, что и DP, только этот термин использует Apple.
Зачем это нужно знать?
В векторных программах, как например Figma, можно создавать дизайн кратный 1х не зависимо от PPI конечного устройства. Поэтому если вы работаете с векторной графикой, то беспокоится о плотности пикселей устройства не стоит.
Однако в тех случаях когда необходимо передать разработчикам растровую графику для мобильного приложения базовые пиксели придется масштабировать под соответствующие экранные разрешения. Для этого в экспорте PNG/JPG файлов указывается множитель кратный разрешению конечного устройства. Например, для разных версий iPhone достаточно использовать суффиксы @1x, @2x, @3x, чтобы получить соответствующие множители. С Android все немного сложней из-за огромного количества разных устройств.
На картинке под постом – 5 наиболее популярных экранных PPI параметров для Android с соответствующими множителями.
Было полезно? Дайте знать в реакциях!
🔥14👍3
Как хотите развиваться профессионально? Хочу...
Anonymous Poll
23%
в фриланс
44%
в продакт или агенство
15%
стать лидом в команде
11%
развиваться в своей теме
8%
ещё не знаю
Как качаться в мидла UX/UI-дизайнеру
Если вы хотите развиваться дальше и браться за более сложные проекты (мобильные приложения, B2B, SaaS сервисы), необходимо не только оттачивать базовые навыки дизайна, но и изучать методологии планирования и проектирования диджитал проектов, освоить методы исследования, научится документировать свою работу, чтобы было проще взаимодействовать с командой.
Самое главное для работодателя – вы тот, на кого можно положиться, вы самостоятельно справитесь с поставленной задачей.
Какими методологиями должен владеть мидл?
Методов исследований довольно много, поэтому важно хорошо овладеть базовыми, это – интервью, опросы, конкурентный анализ, А/Б-тестирование, лабораторные пользовательские исследования, а также иметь представление об аналитике ключевых метрик продукта.
Если вы хотите в продуктовую команду – пригодится умение работать в Agile и Scrum.
Что должен уметь мидл?
– Уверенно владеть всеми основами UI дизайна
– Работать следуя дизайн-процессу
– Иметь базовый опыт UX-исследований
– Уметь строить гипотезы и тестировать их на практике
– Уметь агрегировать и анализировать информацию, приоритизировать задачи
– Уметь работать в команде
– Иметь хорошие навыки самоорганизации, презентации и коммуникации
Важно понимать, что новый грейд, это не просто знания, которым можно научится пройдя курс или прочитав книги – овладение навыками приходит через проектный опыт.
Качайте специальные навыки — найдите что-то в чем вы реально хороши и от чего вы особенно кайфуете. Развивайтесь в направлении, которое будет вас выгодно отличать от других специалистов.
Ключевым фактором для профессионального роста являются также и софт-скилы – их тоже нужно прокачивать на практике.
На этом все! Если было полезно дайте знать в реакциях.
Если вы хотите развиваться дальше и браться за более сложные проекты (мобильные приложения, B2B, SaaS сервисы), необходимо не только оттачивать базовые навыки дизайна, но и изучать методологии планирования и проектирования диджитал проектов, освоить методы исследования, научится документировать свою работу, чтобы было проще взаимодействовать с командой.
Самое главное для работодателя – вы тот, на кого можно положиться, вы самостоятельно справитесь с поставленной задачей.
Какими методологиями должен владеть мидл?
Методов исследований довольно много, поэтому важно хорошо овладеть базовыми, это – интервью, опросы, конкурентный анализ, А/Б-тестирование, лабораторные пользовательские исследования, а также иметь представление об аналитике ключевых метрик продукта.
Если вы хотите в продуктовую команду – пригодится умение работать в Agile и Scrum.
Что должен уметь мидл?
– Уверенно владеть всеми основами UI дизайна
– Работать следуя дизайн-процессу
– Иметь базовый опыт UX-исследований
– Уметь строить гипотезы и тестировать их на практике
– Уметь агрегировать и анализировать информацию, приоритизировать задачи
– Уметь работать в команде
– Иметь хорошие навыки самоорганизации, презентации и коммуникации
Важно понимать, что новый грейд, это не просто знания, которым можно научится пройдя курс или прочитав книги – овладение навыками приходит через проектный опыт.
Качайте специальные навыки — найдите что-то в чем вы реально хороши и от чего вы особенно кайфуете. Развивайтесь в направлении, которое будет вас выгодно отличать от других специалистов.
Ключевым фактором для профессионального роста являются также и софт-скилы – их тоже нужно прокачивать на практике.
На этом все! Если было полезно дайте знать в реакциях.
👍33🔥4
Инструменты UX – Карта эмпатии
Карта эмпатии (Empathy Map) – инструмент позволяющий лучше понять своих пользователей и создать продукт, отвечающий их потребностям и ожиданиям. При этом она не просто ограничивается описанием целевой аудитории, а дает возможность взглянуть на её потребности с точки зрения эмоций, мотивации, поведения и ценностей.
Когда стоит применять?
Если необходимо систематизировать полученную информацию о целевой аудитории и перевести её в ценные идеи. Эти идеи могут стать отправной точкой для разработки новых продуктов или улучшения существующих сервисов продуктовой командой.
Как составить карту эмпатии
Создание карты эмпатии обычно состоит из пяти этапов:
Для начала определите цель. Для чего нужно изучать ЦА? Это может быть запуск нового продукта, улучшение интерфейса или внедрение нового функционала.
Источником для сбора информации могут послужить как социальные сети так и результаты исследований – опросы и интервью. Важно узнать потребности, желания, мотивации, поведение и привычки вашей ЦА. Учитывайте, что это должны быть реальные факты, а не догадки.
На основе собранной информации создаются персонажи, которые представляют целевую аудиторию. Каждый персонаж имеет свои уникальные характеристики и особенности. Им стоит придумать имя, возраст и профессию, как это показано на картинке под постом.
Визуализация карты эмпатии представляет собой диаграмму, которая помогает обобщить данные о персонаже. В этом этапе заполняются следующие категории:
1) Что видит и слышит?
Откуда персонаж получает информацию о вашем продукте. Например от друзей, из рекламы, соцсетей итд.
2) Что он видит и слышит?
С чем персонаж соприкасается в быту и на работе, какими продуктами пользуется, какие места посещает.
3) Что думает и чувствует?
Какие эмоции испытывает совершая действие? Чем мотивированы его решения?
4) Что он говорит и делает?
Как персонаж ведет себя? Как аргументирует свои поступки?
5) Боли
Страхи, сомнения и препятствия, которые мешают принятию решения
6) Выгоды и ценности
Какие проблемы он решает и как ваш товар поможет их удовлетворить
После заполнения диаграммы анализируем полученные данные. Цель анализа – выявить основные потребности и проблемы целевой аудитории, определить насколько ваш продукт им соответствует.
В общем и целом, карта эмпатии является мощным инструментом, который позволяет продуктовой команде увидеть продукт глазами пользователей. Она также может быть полезна и для работы с клиентами, если нет четкого понимания что из себя представляет целевая аудитория.
Шаблон Empathy Map в FigJam
Что думаете? Пригодится вам такое на практике? Дайте знать в реакциях!
❤️ – надо попробовать
🤓 – уже использую
😐 – пока не знаю
Карта эмпатии (Empathy Map) – инструмент позволяющий лучше понять своих пользователей и создать продукт, отвечающий их потребностям и ожиданиям. При этом она не просто ограничивается описанием целевой аудитории, а дает возможность взглянуть на её потребности с точки зрения эмоций, мотивации, поведения и ценностей.
Когда стоит применять?
Если необходимо систематизировать полученную информацию о целевой аудитории и перевести её в ценные идеи. Эти идеи могут стать отправной точкой для разработки новых продуктов или улучшения существующих сервисов продуктовой командой.
Как составить карту эмпатии
Создание карты эмпатии обычно состоит из пяти этапов:
1. Постановка целиДля начала определите цель. Для чего нужно изучать ЦА? Это может быть запуск нового продукта, улучшение интерфейса или внедрение нового функционала.
2. Сбор информации о ЦАИсточником для сбора информации могут послужить как социальные сети так и результаты исследований – опросы и интервью. Важно узнать потребности, желания, мотивации, поведение и привычки вашей ЦА. Учитывайте, что это должны быть реальные факты, а не догадки.
3. Создание персонажейНа основе собранной информации создаются персонажи, которые представляют целевую аудиторию. Каждый персонаж имеет свои уникальные характеристики и особенности. Им стоит придумать имя, возраст и профессию, как это показано на картинке под постом.
4. Заполнение карты эмпатии Визуализация карты эмпатии представляет собой диаграмму, которая помогает обобщить данные о персонаже. В этом этапе заполняются следующие категории:
1) Что видит и слышит?
Откуда персонаж получает информацию о вашем продукте. Например от друзей, из рекламы, соцсетей итд.
2) Что он видит и слышит?
С чем персонаж соприкасается в быту и на работе, какими продуктами пользуется, какие места посещает.
3) Что думает и чувствует?
Какие эмоции испытывает совершая действие? Чем мотивированы его решения?
4) Что он говорит и делает?
Как персонаж ведет себя? Как аргументирует свои поступки?
5) Боли
Страхи, сомнения и препятствия, которые мешают принятию решения
6) Выгоды и ценности
Какие проблемы он решает и как ваш товар поможет их удовлетворить
5. Анализ полученных данныхПосле заполнения диаграммы анализируем полученные данные. Цель анализа – выявить основные потребности и проблемы целевой аудитории, определить насколько ваш продукт им соответствует.
В общем и целом, карта эмпатии является мощным инструментом, который позволяет продуктовой команде увидеть продукт глазами пользователей. Она также может быть полезна и для работы с клиентами, если нет четкого понимания что из себя представляет целевая аудитория.
Шаблон Empathy Map в FigJam
Что думаете? Пригодится вам такое на практике? Дайте знать в реакциях!
❤️ – надо попробовать
🤓 – уже использую
😐 – пока не знаю
❤23👍4😐3🤓3
Как поднять чек на лендингах, экранные разрешения, карта эмпатии...
Дайджест постов за эту неделю:
Как в разы поднять чек на создании лендинов
Что нужно знать про экранные разрешения
Как качаться в мидла UX/UI-дизайнеру
Инструменты UX – Карта эмпатии
Если посты были полезными, дайте знать в реакциях.
Дайджест постов за эту неделю:
Как в разы поднять чек на создании лендинов
Что нужно знать про экранные разрешения
Как качаться в мидла UX/UI-дизайнеру
Инструменты UX – Карта эмпатии
Если посты были полезными, дайте знать в реакциях.
👍12❤3
Как выйти на высокий чек в фрилансе?
К сожалению большинство фрилансеров зарабатывают довольно скромно по сравнению со штатными работниками. Однако, чем выше опыт и уже специализация, тем больше возможности заработать хорошие деньги. Разберем, как выйти на более высокий доход.
Почему клиент заплатит больше?
Помните я писал про правило 1-10-100? Принимая решение о том, какого подрядчика нанять на свой проект опытный клиент исходит именно из этого правила. Чем выше риски в проекте, тем больше клиент готов заплатить специалисту, дабы избежать ошибок в последующих шагах. Поэтому заказчик скорее будет искать дорогих, но высококвалифицированных специалистов, готовых взять на себя сложные задачи.
Разберем три основных фактора, которые определяют бюджет проекта:
Хороших специалистов на самом деле не так много, поэтому чем труднее проект, тем сложнее найти на него подходящего специалиста. Это может быть как и определенная отрасль, так и специализированное направление в дизайне. Например, сколько дизайнеров, ориентированных на разработку интерфейсов для "умных" телевизоров, вы знаете?
Длительные проекты позволяют провести более тщательное исследование, тестирование и разработать более качественный финальный продукт. Кроме того, проекты длительностью в многие месяцы позволяют планировать ваши финансы в долгосрок не беспокоясь о поиске новых клиентов.
Под уровнем подразумевается размер бизнеса клиента, опыт разработки похожих продуктов, а также профессиональный подход в работе. Опытный клиент не будет тратить свое и ваше время на бесполезную коммуникацию и кучу ненужных доработок. Если есть выбор – лучше выбирать клиентов из среднего бизнеса, IT и продуктовых компаний, где налажен эффективный процесс взаимодействия с внештатными работниками. Кроме того, успешные компании банально готовы платить больше.
Вывод
Основная стратегия для фрилансера – получать больше, тратя на работу меньше времени.
Поэтому, не устану повторять – качайте навыки! Ищите нишу где мало хороших специалистов. Когда почувствуете, что вы можете делать то, что не могут большинство, беритесь за более сложные проекты и повышайте свою цену.
В следующей раз разберу наиболее прибыльные направления в дизайне. Дайте знать в реакциях если тема вам интересна!
К сожалению большинство фрилансеров зарабатывают довольно скромно по сравнению со штатными работниками. Однако, чем выше опыт и уже специализация, тем больше возможности заработать хорошие деньги. Разберем, как выйти на более высокий доход.
Почему клиент заплатит больше?
Помните я писал про правило 1-10-100? Принимая решение о том, какого подрядчика нанять на свой проект опытный клиент исходит именно из этого правила. Чем выше риски в проекте, тем больше клиент готов заплатить специалисту, дабы избежать ошибок в последующих шагах. Поэтому заказчик скорее будет искать дорогих, но высококвалифицированных специалистов, готовых взять на себя сложные задачи.
Разберем три основных фактора, которые определяют бюджет проекта:
1. Сложность проектаХороших специалистов на самом деле не так много, поэтому чем труднее проект, тем сложнее найти на него подходящего специалиста. Это может быть как и определенная отрасль, так и специализированное направление в дизайне. Например, сколько дизайнеров, ориентированных на разработку интерфейсов для "умных" телевизоров, вы знаете?
2. Длительность проектаДлительные проекты позволяют провести более тщательное исследование, тестирование и разработать более качественный финальный продукт. Кроме того, проекты длительностью в многие месяцы позволяют планировать ваши финансы в долгосрок не беспокоясь о поиске новых клиентов.
3. Уровень заказчикаПод уровнем подразумевается размер бизнеса клиента, опыт разработки похожих продуктов, а также профессиональный подход в работе. Опытный клиент не будет тратить свое и ваше время на бесполезную коммуникацию и кучу ненужных доработок. Если есть выбор – лучше выбирать клиентов из среднего бизнеса, IT и продуктовых компаний, где налажен эффективный процесс взаимодействия с внештатными работниками. Кроме того, успешные компании банально готовы платить больше.
Вывод
Основная стратегия для фрилансера – получать больше, тратя на работу меньше времени.
Поэтому, не устану повторять – качайте навыки! Ищите нишу где мало хороших специалистов. Когда почувствуете, что вы можете делать то, что не могут большинство, беритесь за более сложные проекты и повышайте свою цену.
В следующей раз разберу наиболее прибыльные направления в дизайне. Дайте знать в реакциях если тема вам интересна!
🔥25👍4
Кейс банковского приложения на Behance
Хочу поделиться с вами хорошим примером презентации кейса. Ссылка на Behance
Что мне особенно понравилось
– Качественно проработанный продукт, видно, что дизайну уделяли много внимания и времени.
– Презентация кейса логичная и понятная, в общих чертах описано из каких шагов состоял дизайн-процесс и используемые инструменты. Кроме того, компактно и наглядно показаны основные компоненты визуального дизайна.
– Ребята создали крутую анимацию в AfterEffects, демонстрирующую работу приложения, а также записали видео о процессе создания макета.
– Также порадовали качественные мокапы с билбордами.
Что можно было бы улучшить
– Не хватает информации о проведенных исследованиях. Хотелось бы узнать какие были основные проблемы пользователей с имеющимся приложением, и как их решали в ходе проекта.
– Упомянуто, что проводились интервью, создавалась CJM, но в презентации этого не видно
– Кроме того, вайрфреймы представлены не очень информативно, хотелось бы более детально понять логику работы приложения.
– Для некоторых блоков не хватает пояснений, и было бы интересно увидеть более детально ключевые моменты пользовательского взаимодействия. Например, как сделан онбординг или процесс оплаты в приложении.
В целом, качественная работа, в которой отлично продуманы детали дизайна, но недостаточно уделяется внимания исследованиям и UX.
Как вам кейс?
Присылайте свои работы в бот @uxtrends_bot
Сделаю по ним разбор на канале.
Хочу поделиться с вами хорошим примером презентации кейса. Ссылка на Behance
Что мне особенно понравилось
– Качественно проработанный продукт, видно, что дизайну уделяли много внимания и времени.
– Презентация кейса логичная и понятная, в общих чертах описано из каких шагов состоял дизайн-процесс и используемые инструменты. Кроме того, компактно и наглядно показаны основные компоненты визуального дизайна.
– Ребята создали крутую анимацию в AfterEffects, демонстрирующую работу приложения, а также записали видео о процессе создания макета.
– Также порадовали качественные мокапы с билбордами.
Что можно было бы улучшить
– Не хватает информации о проведенных исследованиях. Хотелось бы узнать какие были основные проблемы пользователей с имеющимся приложением, и как их решали в ходе проекта.
– Упомянуто, что проводились интервью, создавалась CJM, но в презентации этого не видно
– Кроме того, вайрфреймы представлены не очень информативно, хотелось бы более детально понять логику работы приложения.
– Для некоторых блоков не хватает пояснений, и было бы интересно увидеть более детально ключевые моменты пользовательского взаимодействия. Например, как сделан онбординг или процесс оплаты в приложении.
В целом, качественная работа, в которой отлично продуманы детали дизайна, но недостаточно уделяется внимания исследованиям и UX.
Как вам кейс?
Присылайте свои работы в бот @uxtrends_bot
Сделаю по ним разбор на канале.
Behance
Fintech mobile banking app
It’s a personal challengeable project of improving and redesigning the existing crazy innovative banking app - Kapitalbank, using a complex product design approach, finding points of business growth. For us, working with a product is primarily a search fo...
🔥19👍6