7 навыков, которыми обязан обладать веб-дизайнер в 2021 году
1. Умение принимать решения
Вся наша жизнь состоит из принятия решений. Начиная от выбора пары носков и заканчивая выбором криптовалюты, в которой вы будете хранить свои сбережения. При этом, у каждого человека ограниченное количество энергии для принятия решений. Чем больше решений за день вы примете, тем быстрее достигнете состояния усталости от принятия решений.
К сожалению, многие люди тратят всю эту энергию на сомнения и колебания. Поскольку именно способность принимать решение и придерживаться его оставляет запас энергии для принятия последующих решений. Поэтому люди делятся на тех, кто способен даже после потери бизнеса оставаться на плаву, и тех, кто не может решить, что им хочется на обед.
2. Понимание цели
Освежить знания основ дизайна – всегда хорошая идея. От теории цвета и типографики до пользовательского интерфейса и макета. Эти основы основ не только полезны для практического применения, но и помогают думать о дизайне на более высоком уровне.
Слишком часто дизайнеры не видят общей картины и это большая ошибка. Ведь общая картина не означает ваше портфолио. Это история, культура и контекст дизайна. В ваших же интересах всегда об этом помнить.
3. Представление о Фантастической Тройке веб-дизайна
Фантастическая тройка веб-дизайна – это HTML, CSS и JavaScript. Узнайте, что они из себя представляют и для чего используются.
Вы должны понимать их достаточно хорошо, чтобы вести разумный и аргументированный диалог. Речь не идет о знании работы фреймворков, библиотек или новейших инструментов сборки. Эти знания необходимы программистам. Вам же, важно знание строительных блоков архитектуры сайта. Чтобы, когда у вас спросят, действительно ли нужно размещать логотип компании в нижнем колонтитуле сайта, вы могли без заминок ответить и подкрепить свой ответ аргументами.
4. Создание убедительной и доступной презентации
Независимо от того, в какой области дизайна вы работаете, часто приходится презентовать свои идеи тому, кто не обладает вашими знаниями. Объясняете ли вы основы клиенту или объясняете свое решение коллеге, презентация идеи – лучший способ быть услышанным.
Презентация становится более убедительной, если исключить ненужные детали.
Часто в успешных и убедительных презентациях используется подход «меньше значит больше». Это похоже на финальный процесс работы над дизайном, когда вы удаляете все лишнее.
5. Знание стратегического SEO
SEO – это обширная сфера, в которой столько же подразделений, сколько и названий должностей в UX.
Есть несколько направлений SEO, которые обязательно нужно учитывать при создании сайта. Техническое SEO – это то, чем занимаются программисты и, если вы не программист, можете просто игнорировать это. В свою очередь контентным SEO занимаются маркетологи. А вот стратегическое SEO – это макро-взгляд на планы сайта. Каждый участник проекта должен понимать, что такое стратегическое SEO.
6. Владение вторым языком
Для вас не станет открытием, что Интернет выходит за территориальные границы вашего города. Он имеет мировое значение и объединяет миллиарды людей, разговаривающих на разных языках.
Если вы не являетесь носителем английского языка, выучить базовый английского – совсем не сложно. Вам не нужно бегло разговаривать или быть поэтичным, но знание основ – обязательно. Подавляющее большинство документации, графических интерфейсов пользователя, сообщений в блогах, форумов, конференций и сама сеть существует за счет на английского языка.
7. Умение сказать: «Нет»
Не зависимо от того, являетесь вы фрилансером или опытным штатным дизайнером, вам все равно нужно уметь отказывать.
У каждого работника существуют опасения, что, если отклонить проект или выполнение задачи, в следующий раз к нему не обратятся. Многие думают, что это приведет к плачевной ситуации, которая может грозить потерей карьеры.
Источник
1. Умение принимать решения
Вся наша жизнь состоит из принятия решений. Начиная от выбора пары носков и заканчивая выбором криптовалюты, в которой вы будете хранить свои сбережения. При этом, у каждого человека ограниченное количество энергии для принятия решений. Чем больше решений за день вы примете, тем быстрее достигнете состояния усталости от принятия решений.
К сожалению, многие люди тратят всю эту энергию на сомнения и колебания. Поскольку именно способность принимать решение и придерживаться его оставляет запас энергии для принятия последующих решений. Поэтому люди делятся на тех, кто способен даже после потери бизнеса оставаться на плаву, и тех, кто не может решить, что им хочется на обед.
2. Понимание цели
Освежить знания основ дизайна – всегда хорошая идея. От теории цвета и типографики до пользовательского интерфейса и макета. Эти основы основ не только полезны для практического применения, но и помогают думать о дизайне на более высоком уровне.
Слишком часто дизайнеры не видят общей картины и это большая ошибка. Ведь общая картина не означает ваше портфолио. Это история, культура и контекст дизайна. В ваших же интересах всегда об этом помнить.
3. Представление о Фантастической Тройке веб-дизайна
Фантастическая тройка веб-дизайна – это HTML, CSS и JavaScript. Узнайте, что они из себя представляют и для чего используются.
Вы должны понимать их достаточно хорошо, чтобы вести разумный и аргументированный диалог. Речь не идет о знании работы фреймворков, библиотек или новейших инструментов сборки. Эти знания необходимы программистам. Вам же, важно знание строительных блоков архитектуры сайта. Чтобы, когда у вас спросят, действительно ли нужно размещать логотип компании в нижнем колонтитуле сайта, вы могли без заминок ответить и подкрепить свой ответ аргументами.
4. Создание убедительной и доступной презентации
Независимо от того, в какой области дизайна вы работаете, часто приходится презентовать свои идеи тому, кто не обладает вашими знаниями. Объясняете ли вы основы клиенту или объясняете свое решение коллеге, презентация идеи – лучший способ быть услышанным.
Презентация становится более убедительной, если исключить ненужные детали.
Часто в успешных и убедительных презентациях используется подход «меньше значит больше». Это похоже на финальный процесс работы над дизайном, когда вы удаляете все лишнее.
5. Знание стратегического SEO
SEO – это обширная сфера, в которой столько же подразделений, сколько и названий должностей в UX.
Есть несколько направлений SEO, которые обязательно нужно учитывать при создании сайта. Техническое SEO – это то, чем занимаются программисты и, если вы не программист, можете просто игнорировать это. В свою очередь контентным SEO занимаются маркетологи. А вот стратегическое SEO – это макро-взгляд на планы сайта. Каждый участник проекта должен понимать, что такое стратегическое SEO.
6. Владение вторым языком
Для вас не станет открытием, что Интернет выходит за территориальные границы вашего города. Он имеет мировое значение и объединяет миллиарды людей, разговаривающих на разных языках.
Если вы не являетесь носителем английского языка, выучить базовый английского – совсем не сложно. Вам не нужно бегло разговаривать или быть поэтичным, но знание основ – обязательно. Подавляющее большинство документации, графических интерфейсов пользователя, сообщений в блогах, форумов, конференций и сама сеть существует за счет на английского языка.
7. Умение сказать: «Нет»
Не зависимо от того, являетесь вы фрилансером или опытным штатным дизайнером, вам все равно нужно уметь отказывать.
У каждого работника существуют опасения, что, если отклонить проект или выполнение задачи, в следующий раз к нему не обратятся. Многие думают, что это приведет к плачевной ситуации, которая может грозить потерей карьеры.
Источник
Сей-Хай
7 навыков, которыми обязан обладать веб-дизайнер в 2021 году – Сей-Хай
Веб-дизайн – это постоянно развивающаяся область. И те из нас, кто работает в ней долгое время (более шести месяцев), могут это подтвердить. За свою
Обзор 11 лучших портфолио UI-дизайнера: примеры, зачем нужно, из чего состоит
UI-портфолио — это клевый способ упаковать ваши навыки и продемонстрировать, на что вы готовы как дизайнер.
За основу материала взята и расширена статья “9 Of The Best UI Design Portfolios That Will Inspire You”. Над материалом работали: Анастасия Свеженцева и Валерия Новожилова.
Потенциальные работодатели и клиенты пристально изучают портфолио UI-дизайнеров. Принято считать, что UI-дизайнер хорош настолько, насколько цепляет его портфолио. Все кругом говорят о портфолио, но как на самом деле выглядит клевое портфолио UI-дизайнера и как прокачать свое портфолио до нового уровня?
В этой статье получился самый полный чек-лист из актуальных практик с передовой UI-дизайна, который призван помочь начинающим UI-дизайнерам увидеть высоту, а опытным UI-дизайнерам задать уверенное направление для дальнейших изысканий и экспериментов. Рассчитываю, что статья поможет сделать ваше портфолио еще привлекательнее.
Давайте разберем, почему портфолио UI-дизайнера так важно и сделаем это прямо пункт за пунктом. Рекомендую изучать каждое портфолио друг за другом.
Читать статью: https://ux-journal.ru/top-11-luchshih-portfolio-ui-dizajnera.html
UI-портфолио — это клевый способ упаковать ваши навыки и продемонстрировать, на что вы готовы как дизайнер.
За основу материала взята и расширена статья “9 Of The Best UI Design Portfolios That Will Inspire You”. Над материалом работали: Анастасия Свеженцева и Валерия Новожилова.
Потенциальные работодатели и клиенты пристально изучают портфолио UI-дизайнеров. Принято считать, что UI-дизайнер хорош настолько, насколько цепляет его портфолио. Все кругом говорят о портфолио, но как на самом деле выглядит клевое портфолио UI-дизайнера и как прокачать свое портфолио до нового уровня?
В этой статье получился самый полный чек-лист из актуальных практик с передовой UI-дизайна, который призван помочь начинающим UI-дизайнерам увидеть высоту, а опытным UI-дизайнерам задать уверенное направление для дальнейших изысканий и экспериментов. Рассчитываю, что статья поможет сделать ваше портфолио еще привлекательнее.
Давайте разберем, почему портфолио UI-дизайнера так важно и сделаем это прямо пункт за пунктом. Рекомендую изучать каждое портфолио друг за другом.
Читать статью: https://ux-journal.ru/top-11-luchshih-portfolio-ui-dizajnera.html
Продуктовый дизайн (UX/UI), брендинг и аналитика
ТОП-11 портфолио UI-дизайнера: зачем нужно, из чего состоит
Разобрала 11 сильных UI-портфолио. Результаты исследования собрала чек-лист. Внедряйте и раскачайте ваш личный бренд. Заходи изучать!
Пользовательский опыт и психология. 7 психологических приемов, которые помогут вам создать привлекательный UX
1. Постарайтесь вспомнить, что вы зевали в последний раз, в большинстве случаев люди рядом с вами тоже зевают
Это может быть физиологический феномен, называемый зеркальным рефлексом, а официальный термин для этого – эффект хамелеона. Создавая идеальную копию эмоций, это является попыткой имитировать эмоции своих пользователей. Глядя на иллюстрацию пользователь быстрее воспримет информацию, так как считает эмоцию.
2. Это должно быть хорошо, потому что выглядит красиво
Люди, которым не хватает технических знаний о конкретной нише технологий, судят о результате или продукте по тому, как они выглядят эстетически. Это явление называется эффектом эстетического удобства Эмоциональными факторами, которые побуждают вас сделать такие выводы, может быть что угодно, фотография, которая вам понравилась, может быть, дизайн с вашими любимыми цветами или классная анимация, которая привлекла ваше внимание.
Эстетичный дизайн, безмерно симпатичный, но нигде не видно, почему? Как бы красиво не выглядел дизайн, но дизайнерам жизненно важно поставить галочку в поле «Удобство использования», то есть простота использования, и именно поэтому такие красивые дизайны практически не применяются.
3. Я только что слышал свое имя
Вам удалось услышать свое имя в разговоре, в котором вы не участвовали?
Это психологический феномен и называется эффектом коктейльной вечеринки. Вспомните, как вы покупаете новую машину и каждый раз, когда видите, что та же самая модель проезжает мимо, вы думаете: «Почему так много людей купили эту машину после того, как я купил ее?», Это именно то, что вам нужно.
4. Среднего ребенка просто не слушают
Возможно, вы читали о синдроме среднего ребенка , это психологическое состояние, которое существует у детей, родившихся после и до ребенка, то есть промежуточных. Дети с этим синдромом часто чувствуют себя обделенными и изолированными от своих семей.
Очень похожий психологический эффект можно наблюдать, когда дело касается запоминания вещей среди людей, он называется эффектом последовательного позиционирования . Этот термин демонстрирует, что люди склонны запоминать только первую и последнюю часть серии, которую они только что видели или читали, и часто игнорируют среднюю часть.
5. Да, много вариантов
Когда пользователю предлагается несколько стимулов, ему в большинстве случаев требуется больше времени, чтобы выбрать один из доступных вариантов.
Пользователи не хотят, чтобы их засыпали выборами, с большим количеством вариантов, им нужно больше времени, чтобы интерпретировать и принимать решения, заставляя их работать над своим умом, чего они не хотят.
6. Вы выглядите знакомо, так что, думаю, я вас знаю
Вы бы заметили, что люди выбирают варианты, которые кажутся им знакомыми, например, люди, которые использовали iPhone, как правило, продолжают его использовать или обновляются только тогда, когда доступна лучшая версия, вы вряд ли увидите iPhone пользователь обновляет или переключается на Android. Люди склонны развивать это психологическое предпочтение из-за знакомства с продуктом или опыта. Это называется эффектом простой экспозиции.
7. Отмена
Дизайнеры используют метод повторяющихся действий, чтобы предоставить пользователям иллюзию контроля . Дизайнеры создают эту ситуацию, чтобы пользователи поверили, что они сами держат рулевое управление. Это позволяет пользователям быть уверенными в возможности результата. Психологи подтвердили, что мы, люди, склонны тревожиться, если не можем предопределить события своего жизненного пути. Один из простейших примеров – кнопка «X» в диалоговых окнах. На самом деле, у пользователя есть только два варианта на выбор: либо отменить действие, либо нажать кнопку «ОК», чтобы продолжить. Между тем, есть еще одна кнопка «X», которая имеет те же функции, что и кнопка «Отмена», но для пользователей она переводится как «Я не уверен, поэтому я не хочу принимать решение».
Источник
1. Постарайтесь вспомнить, что вы зевали в последний раз, в большинстве случаев люди рядом с вами тоже зевают
Это может быть физиологический феномен, называемый зеркальным рефлексом, а официальный термин для этого – эффект хамелеона. Создавая идеальную копию эмоций, это является попыткой имитировать эмоции своих пользователей. Глядя на иллюстрацию пользователь быстрее воспримет информацию, так как считает эмоцию.
2. Это должно быть хорошо, потому что выглядит красиво
Люди, которым не хватает технических знаний о конкретной нише технологий, судят о результате или продукте по тому, как они выглядят эстетически. Это явление называется эффектом эстетического удобства Эмоциональными факторами, которые побуждают вас сделать такие выводы, может быть что угодно, фотография, которая вам понравилась, может быть, дизайн с вашими любимыми цветами или классная анимация, которая привлекла ваше внимание.
Эстетичный дизайн, безмерно симпатичный, но нигде не видно, почему? Как бы красиво не выглядел дизайн, но дизайнерам жизненно важно поставить галочку в поле «Удобство использования», то есть простота использования, и именно поэтому такие красивые дизайны практически не применяются.
3. Я только что слышал свое имя
Вам удалось услышать свое имя в разговоре, в котором вы не участвовали?
Это психологический феномен и называется эффектом коктейльной вечеринки. Вспомните, как вы покупаете новую машину и каждый раз, когда видите, что та же самая модель проезжает мимо, вы думаете: «Почему так много людей купили эту машину после того, как я купил ее?», Это именно то, что вам нужно.
4. Среднего ребенка просто не слушают
Возможно, вы читали о синдроме среднего ребенка , это психологическое состояние, которое существует у детей, родившихся после и до ребенка, то есть промежуточных. Дети с этим синдромом часто чувствуют себя обделенными и изолированными от своих семей.
Очень похожий психологический эффект можно наблюдать, когда дело касается запоминания вещей среди людей, он называется эффектом последовательного позиционирования . Этот термин демонстрирует, что люди склонны запоминать только первую и последнюю часть серии, которую они только что видели или читали, и часто игнорируют среднюю часть.
5. Да, много вариантов
Когда пользователю предлагается несколько стимулов, ему в большинстве случаев требуется больше времени, чтобы выбрать один из доступных вариантов.
Пользователи не хотят, чтобы их засыпали выборами, с большим количеством вариантов, им нужно больше времени, чтобы интерпретировать и принимать решения, заставляя их работать над своим умом, чего они не хотят.
6. Вы выглядите знакомо, так что, думаю, я вас знаю
Вы бы заметили, что люди выбирают варианты, которые кажутся им знакомыми, например, люди, которые использовали iPhone, как правило, продолжают его использовать или обновляются только тогда, когда доступна лучшая версия, вы вряд ли увидите iPhone пользователь обновляет или переключается на Android. Люди склонны развивать это психологическое предпочтение из-за знакомства с продуктом или опыта. Это называется эффектом простой экспозиции.
7. Отмена
Дизайнеры используют метод повторяющихся действий, чтобы предоставить пользователям иллюзию контроля . Дизайнеры создают эту ситуацию, чтобы пользователи поверили, что они сами держат рулевое управление. Это позволяет пользователям быть уверенными в возможности результата. Психологи подтвердили, что мы, люди, склонны тревожиться, если не можем предопределить события своего жизненного пути. Один из простейших примеров – кнопка «X» в диалоговых окнах. На самом деле, у пользователя есть только два варианта на выбор: либо отменить действие, либо нажать кнопку «ОК», чтобы продолжить. Между тем, есть еще одна кнопка «X», которая имеет те же функции, что и кнопка «Отмена», но для пользователей она переводится как «Я не уверен, поэтому я не хочу принимать решение».
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Пользовательский опыт и психология. 7 психологических приемов, которые помогут вам создать привлекательный UX
UX-дизайн и психология имеют долгосрочные отношения (социальные, поведенческие и когнитивные). Большинство человеческих действий обусловлено мотивацией и конкуренцией
7 правил хорошего инклюзивного веб-дизайна
Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие станет наслаждением, можно считать ваш сайт успешным.
Как вам такой факт, что около 1 миллиарда человек не получают наслаждение от дизайнов? Этим людям удается перейти по ссылке и посетить сайт, но они могут не понять, какой продукт продается, или как перейти на страницу оформления заказа.
Согласно статистике Всемирного банка, в мире насчитывается 1 миллиард людей с ограниченными возможностями. Это 15% от всего населения земного шара.
Несмотря на это, в попытке создать привлекательное приложение или сайт, многие дизайнеры не берут в расчет клиентов с особенностями. Ведь если клиент прямо не скажет, что он поддерживает пользователей с ограниченными возможностями, вы можете даже о них не вспомнить.
Применение концепции инклюзивного веб-дизайна означает, что дизайнер будет приносить лучшие результаты своим клиентам. Чем больше клиентов смогут привлечь ваши клиенты, тем больше похвалы и положительных отзывов вы получите.
Итак, как сделать выбор в пользу доступности, принимая дизайнерские решения?
Читать статью: https://say-hi.me/design/web-design/7-pravil-xoroshego-inklyuzivnogo-veb-dizajna.html
Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие станет наслаждением, можно считать ваш сайт успешным.
Как вам такой факт, что около 1 миллиарда человек не получают наслаждение от дизайнов? Этим людям удается перейти по ссылке и посетить сайт, но они могут не понять, какой продукт продается, или как перейти на страницу оформления заказа.
Согласно статистике Всемирного банка, в мире насчитывается 1 миллиард людей с ограниченными возможностями. Это 15% от всего населения земного шара.
Несмотря на это, в попытке создать привлекательное приложение или сайт, многие дизайнеры не берут в расчет клиентов с особенностями. Ведь если клиент прямо не скажет, что он поддерживает пользователей с ограниченными возможностями, вы можете даже о них не вспомнить.
Применение концепции инклюзивного веб-дизайна означает, что дизайнер будет приносить лучшие результаты своим клиентам. Чем больше клиентов смогут привлечь ваши клиенты, тем больше похвалы и положительных отзывов вы получите.
Итак, как сделать выбор в пользу доступности, принимая дизайнерские решения?
Читать статью: https://say-hi.me/design/web-design/7-pravil-xoroshego-inklyuzivnogo-veb-dizajna.html
Сей-Хай
7 правил хорошего инклюзивного веб-дизайна – Сей-Хай
Разрабатывая сайт, мы должны побеспокоиться о том, чтобы у пользователей не возникало сложностей, и они получали лучший опыт. Только когда взаимодействие
Свежие сервисы по Figma
Figma Link Shortener!
Каждый раз, когда вы отправляете ссылку на макет заказчику, она выглядит длинной и некрасивой. Этот сервис позволяет сокращать ссылки для Figma до короткого, красивого формата.
Шорткаттер
Хотите быстрее выполнять действия в программе, но не помните горячие клавиши? Тогда эта утилита поможет вам изучить шорткаты в Figma и работать в разы быстрее.
Figma comments
Это приложение позволяет следить и отвечать на комментарии в макетах даже если вы далеко от компьютера.
Figside
Сервис позволяет быстро и качественно сверстать несложный макет из Figma.
FigmaStats
Если вы разработчик плагинов для Figma, то вам будет полезно вести статистику по его использованию и взаимодействию с ним.
Источник
Figma Link Shortener!
Каждый раз, когда вы отправляете ссылку на макет заказчику, она выглядит длинной и некрасивой. Этот сервис позволяет сокращать ссылки для Figma до короткого, красивого формата.
Шорткаттер
Хотите быстрее выполнять действия в программе, но не помните горячие клавиши? Тогда эта утилита поможет вам изучить шорткаты в Figma и работать в разы быстрее.
Figma comments
Это приложение позволяет следить и отвечать на комментарии в макетах даже если вы далеко от компьютера.
Figside
Сервис позволяет быстро и качественно сверстать несложный макет из Figma.
FigmaStats
Если вы разработчик плагинов для Figma, то вам будет полезно вести статистику по его использованию и взаимодействию с ним.
Источник
9 принципов дизайна на основе 30-летнего опыта в индустрии
За время работы автор узнал несколько вещей о дизайне и бизнесе, которые прошли проверку временем.
Приведенные в статье принципы ни в коем случае не являются универсальными истинами, но это одни из самых важных вещей, которые автор усвоил. Возможно они помогут вам в вашем творческом пути.
Содержание статьи
Типографика имеет решающее значение
Хорошему вкусу трудно научить, а еще труднее овладеть им
Лидерство исходит изнутри
Умение писать и формулировать свое творческое мышление имеет решающее значение
Одиночество и сотрудничество нуждаются друг в друге
Не путайте дизайн с дизайнерской работой
Чем больше у вас контекста, тем более правильные решения вы принимаете
Просите за свою работу соответствующую цену
Тяжелый труд окупается
Читать статью: https://ux.pub/moi-9-printsipov-dizayna-na-osnove-30-letnego-opyta-v-industrii/
За время работы автор узнал несколько вещей о дизайне и бизнесе, которые прошли проверку временем.
Приведенные в статье принципы ни в коем случае не являются универсальными истинами, но это одни из самых важных вещей, которые автор усвоил. Возможно они помогут вам в вашем творческом пути.
Содержание статьи
Типографика имеет решающее значение
Хорошему вкусу трудно научить, а еще труднее овладеть им
Лидерство исходит изнутри
Умение писать и формулировать свое творческое мышление имеет решающее значение
Одиночество и сотрудничество нуждаются друг в друге
Не путайте дизайн с дизайнерской работой
Чем больше у вас контекста, тем более правильные решения вы принимаете
Просите за свою работу соответствующую цену
Тяжелый труд окупается
Читать статью: https://ux.pub/moi-9-printsipov-dizayna-na-osnove-30-letnego-opyta-v-industrii/
UXPUB 🇺🇦 Дизайн-спільнота
Мои 9 принципов дизайна на основе 30-летнего опыта в индустрии
За время работы я узнал несколько вещей о дизайне и бизнесе, которые прошли проверку временем. Я надеюсь, что они помогут вам в вашем творческом пути
ТОП-11 основных правил композиции в веб-дизайне
Правила и лайфхаки, которые пригодятся для создания композиции в веб-дизайне. Проверено в проектах, берите на вооружение. 🔥👇
Композиция — это схема построения графического произведения, например, страницы сайта. Композиция задает расположение материалов в логическом порядке, при котором дизайн становится цельным и обретает внутренний смысл.
Сегодня поделюсь практическими советами и фишками, которые пригодятся при построении композиции в веб-дизайне.
Содержание
Что такое композиция, какая бывает и зачем она нужна?
Лучшие практики в работы с композицией
Правило 1. Акцентируйте внимание на герое в кадре
Правило 2. Поддержите историю второстепенной графикой
Правило 3. Направляйте взгляд читателя с помощью намеков из сюжетной графики и анимации
Правило 4. Примените контраст и нюанс
Правило 5. Захватите внимание асимметрией и задайте динамику, или примените симметрию и создайте пространство для сосредоточения
Правило 6. Создайте точку фокусировки
Правило 7. Покажите действие в разгар событий на сцене исходя из истории
Правило 8. Обеспечьте узнавание и удивление с помощью ритма и графической рифмы
Правило 9. Привлеките внимание к главному с помощью свободного пространства
Правило 10. Организуйте пространство с помощью модульной сетки
Правило 11. Проверьте смыслы через гештальт-принципы
Вывод и рекомендации
Читать статью: https://ux-journal.ru/top-11-osnovnyh-pravil-kompozitsii-v-veb-dizajne-7-vas-udivit.html
Правила и лайфхаки, которые пригодятся для создания композиции в веб-дизайне. Проверено в проектах, берите на вооружение. 🔥👇
Композиция — это схема построения графического произведения, например, страницы сайта. Композиция задает расположение материалов в логическом порядке, при котором дизайн становится цельным и обретает внутренний смысл.
Сегодня поделюсь практическими советами и фишками, которые пригодятся при построении композиции в веб-дизайне.
Содержание
Что такое композиция, какая бывает и зачем она нужна?
Лучшие практики в работы с композицией
Правило 1. Акцентируйте внимание на герое в кадре
Правило 2. Поддержите историю второстепенной графикой
Правило 3. Направляйте взгляд читателя с помощью намеков из сюжетной графики и анимации
Правило 4. Примените контраст и нюанс
Правило 5. Захватите внимание асимметрией и задайте динамику, или примените симметрию и создайте пространство для сосредоточения
Правило 6. Создайте точку фокусировки
Правило 7. Покажите действие в разгар событий на сцене исходя из истории
Правило 8. Обеспечьте узнавание и удивление с помощью ритма и графической рифмы
Правило 9. Привлеките внимание к главному с помощью свободного пространства
Правило 10. Организуйте пространство с помощью модульной сетки
Правило 11. Проверьте смыслы через гештальт-принципы
Вывод и рекомендации
Читать статью: https://ux-journal.ru/top-11-osnovnyh-pravil-kompozitsii-v-veb-dizajne-7-vas-udivit.html
Продуктовый дизайн (UX/UI), брендинг и аналитика
11 правил композиции в веб-дизайне – №7 вас удивит!
Разобрала 11 правил композиции. Результаты исследования собрала в практические советы по созданию продуманного дизайна. Заходите изучать!
Полное руководство по User Flow: как сделать, примеры и советы
User flow — это наглядное представление последовательности действий, которые выполняет пользователь для достижения значимой для себя цели на сайте или в приложении. Может охватывать как какую-то отдельную функцию, так и весь продукт. Рассказываем на примерах, как построить карту и с помощью каких инструментов это удобнее сделать. 👩💻👇
Фактически концепцию потока в UX-дизайне впервые предложил психолог Михай Чиксентмихайи. Поток (англ. flow) — это психическое состояние, в котором человек полностью включён в то, чем он занимается, что характеризуется деятельным сосредоточением, полным вовлечением в процесс деятельности. Поэтому при проектировании User Flow мы будем опираться на эти фундаментальные концепции психологии восприятия.
Руководство призвано помочь вам сориентироваться в любом User Flow, независимо от формата, контекста и целей.
Содержание:
Что такое User Flow и для чего он нужен?
Инструкция по разработке User Flow
Что важно учесть при построении User Flow
Что еще нужно знать: связь User flow Map и User Story Mapping
Пример User Flow мобильного приложения
Пример User Flow для веб-сайта и веб-приложения
Вывод и рекомендация
Читать статью: https://ux-journal.ru/polnoe-rukovodstvo-po-user-flow-kak-sdelat-primery-i-sovety.html
User flow — это наглядное представление последовательности действий, которые выполняет пользователь для достижения значимой для себя цели на сайте или в приложении. Может охватывать как какую-то отдельную функцию, так и весь продукт. Рассказываем на примерах, как построить карту и с помощью каких инструментов это удобнее сделать. 👩💻👇
Фактически концепцию потока в UX-дизайне впервые предложил психолог Михай Чиксентмихайи. Поток (англ. flow) — это психическое состояние, в котором человек полностью включён в то, чем он занимается, что характеризуется деятельным сосредоточением, полным вовлечением в процесс деятельности. Поэтому при проектировании User Flow мы будем опираться на эти фундаментальные концепции психологии восприятия.
Руководство призвано помочь вам сориентироваться в любом User Flow, независимо от формата, контекста и целей.
Содержание:
Что такое User Flow и для чего он нужен?
Инструкция по разработке User Flow
Что важно учесть при построении User Flow
Что еще нужно знать: связь User flow Map и User Story Mapping
Пример User Flow мобильного приложения
Пример User Flow для веб-сайта и веб-приложения
Вывод и рекомендация
Читать статью: https://ux-journal.ru/polnoe-rukovodstvo-po-user-flow-kak-sdelat-primery-i-sovety.html
Продуктовый дизайн (UX/UI), брендинг и аналитика
Как создать User Flow за 5 шагов + 2 примера для Mobile и Web
Расскажу о ценности User Flow, а также покажу, как создать User Flow по шагам. Чек-лист с примерами и рекомендациями в конце статьи.
Болевые точки в клиентском опыте: Три уровня
Болевые точки – это проблемы, которые возникают на разных уровнях клиентского опыта: на уровне взаимодействия, на уровне клиентского флоу или на уровне взаимоотношений.
UX-профессионалы стремятся создать непрерывный CX, который будет выполнять поставленные пользователями задачи максимально эффективно. С этой целью мы проводим исследования пользователей, чтобы понять потребности и определить проблемы наших клиентов. Мы обычно называем эти проблемы болевыми точками – помехами в клиентском опыте использования продукта или услуги. Словосочетание «клиентский опыт» имеет решающее значение для определения болевой точки. Мы уже определяли, что клиентский опыт охватываеть три уровня: уровень взаимодействия, уровень флоу и уровень отношений. Болевой точкой может оказаться проблема на любом из них – она может быть связана с конкретным взаимодействием с интерфейсом (в таком случае это называется проблемой юзабилити), с флоу, когда у клиента не получается достичь цели, или с долгосрочным опытом взаимодействия клиента с компанией.
Читать статью: https://design-glory.com/7063/tri-urovnya-bolevyh-tochek-v-ux
Болевые точки – это проблемы, которые возникают на разных уровнях клиентского опыта: на уровне взаимодействия, на уровне клиентского флоу или на уровне взаимоотношений.
UX-профессионалы стремятся создать непрерывный CX, который будет выполнять поставленные пользователями задачи максимально эффективно. С этой целью мы проводим исследования пользователей, чтобы понять потребности и определить проблемы наших клиентов. Мы обычно называем эти проблемы болевыми точками – помехами в клиентском опыте использования продукта или услуги. Словосочетание «клиентский опыт» имеет решающее значение для определения болевой точки. Мы уже определяли, что клиентский опыт охватываеть три уровня: уровень взаимодействия, уровень флоу и уровень отношений. Болевой точкой может оказаться проблема на любом из них – она может быть связана с конкретным взаимодействием с интерфейсом (в таком случае это называется проблемой юзабилити), с флоу, когда у клиента не получается достичь цели, или с долгосрочным опытом взаимодействия клиента с компанией.
Читать статью: https://design-glory.com/7063/tri-urovnya-bolevyh-tochek-v-ux
Как успешно сдать дизайн заказчику
Итак, вы получили вкусный заказ, Заказчик кажется потрясающе адекватным (даже не отправляет по 5 голосовых в минуту), вы понимаете, как быстро выполнить заказ, и уже даже прикинули, куда потратить денежку...Однако, спустя время что-то пошло не так…
1. Очевидное - заключайте договор и получайте деньги частями
Без договора - вы примерно всегда неправы. Ваши слова будут истрактованы неверно, а оставшихся денег, если вы не используете 100% предоплату, вы не получите примерно никогда. К слову, даже если предоплата получена, у Заказчика всегда есть шанс подать на “необоснованное обогащение” и еще парочку веселых статей, и дальше уже вам придется доказывать, что деньги получены не случайно, что вы выполнили всю работу и так далее.
Составить договор относительно просто - обратиться к недорогому юристу или надрать шаблонов студий и с их помощью скомпилировать результат. Работать можно от лица самозанятого, ИП или через безопасную сделку какой-нибудь биржи.
Сдавать работу и принимать оплату лучше частями, например: 20% за ТЗ по брифу, 30% за прототип, 15% за итоговую концепцию главной, 35% после сдачи остатка. После сдачи части работы - обязательно подписывайте акт приемки-передачи.
2. Неочевидное - записывайте все диалоги
Один раз договора не хватило. Заказчик почти месяц под разными предлогами настаивал, что я должна предоставить ему 3 дизайна всех страниц (!) вместо одного, хотя в диалоге по телефону обсуждались исключительно 3 концепции. Потерь нервов и времени можно было бы избежать, если бы я тогда записывала все диалоги, чего и вам советую.
3. Очевидное - заполняйте и утверждайте бриф
Как оказалось, многие из коллег, особенно на простых услугах, до сих пор минимально брифуют клиента по телефону или посредством переписки, не предоставляют клиенту “под подпись” конечный вариант брифа и начинают работу. Часто это заканчивается фатально - Заказчик недоволен, остаток средств вы не получаете, работа уходит в никуда. Вывод простой: опросили заказчика - составили бриф, получили финальное “да”, предоплату - и только потом начинаете действовать.
Если бриф финализировать не удалось - лучше даже не начинать работу.
4. Неочевидное - брифа почти всегда мало.
Бриф - хороший документ для начала. Кроме брифа на дизайн сайта, по-хорошему, нужны:
Референсы, примеры того, что нравится или не нравится, и самое главное - почему! Как минимум по 2-3 примера по каждой части. Удивительно, но далеко не у всех в брифах это есть.
Прототипы и CJM, если их делаете не вы.
Цель создания сайта, максимально приближенные конкуренты.
Пожелания по стилю/стилистике, по тем же сайтам можно назвать как минимум 12 стилистик, из которых может выбрать заказчик.
5. Очевидное - обсудите в чем будете сдавать макеты
Не раз мне на голубом глазу Заказчик сообщал что ему нужен только дизайн, верстальщик у него есть, хотя на самом деле ему нужен был Тильда-сайт. Как-то раз это выяснилось в процессе, и было крайне неудобно отказываться от выполнения после того, как 70% проекта сделано.
6. Неочевидное - обсудите правила сдачи, размеры макетов, наличие верстальщика и программиста у заказчика
Возможно, это тема для холивара, однако я считаю так: несмотря на то, что я лично занимаюсь только UX и дизайном, для меня важно, чтобы в свет вышел достойный сайт, а не глючное нечто, которым невозможно пользоваться. Чтобы проект не остался “на полке”, потому что Заказчик не смог доделать его до конца силами сторонних исполнителей.
7. Очевидное - подготовьте макеты для верстки
Тут просто - разложите все по полочкам, чтобы верстальщику было удобно.
8. Неочевидное - напишите подробное ТЗ по шрифтам, анимациям, предложите свою помощь в проверке результата
В случае, если проект сложнее чем 3 экрана статичного контента, чаще всего, у верстальщика будут вопросы. Переборов свою лень и сделав ТЗ для верстальщика со скриншотами за полчаса - вам не придется в дальнейшем отвлекаться на различные диалоги.
Источник
Итак, вы получили вкусный заказ, Заказчик кажется потрясающе адекватным (даже не отправляет по 5 голосовых в минуту), вы понимаете, как быстро выполнить заказ, и уже даже прикинули, куда потратить денежку...Однако, спустя время что-то пошло не так…
1. Очевидное - заключайте договор и получайте деньги частями
Без договора - вы примерно всегда неправы. Ваши слова будут истрактованы неверно, а оставшихся денег, если вы не используете 100% предоплату, вы не получите примерно никогда. К слову, даже если предоплата получена, у Заказчика всегда есть шанс подать на “необоснованное обогащение” и еще парочку веселых статей, и дальше уже вам придется доказывать, что деньги получены не случайно, что вы выполнили всю работу и так далее.
Составить договор относительно просто - обратиться к недорогому юристу или надрать шаблонов студий и с их помощью скомпилировать результат. Работать можно от лица самозанятого, ИП или через безопасную сделку какой-нибудь биржи.
Сдавать работу и принимать оплату лучше частями, например: 20% за ТЗ по брифу, 30% за прототип, 15% за итоговую концепцию главной, 35% после сдачи остатка. После сдачи части работы - обязательно подписывайте акт приемки-передачи.
2. Неочевидное - записывайте все диалоги
Один раз договора не хватило. Заказчик почти месяц под разными предлогами настаивал, что я должна предоставить ему 3 дизайна всех страниц (!) вместо одного, хотя в диалоге по телефону обсуждались исключительно 3 концепции. Потерь нервов и времени можно было бы избежать, если бы я тогда записывала все диалоги, чего и вам советую.
3. Очевидное - заполняйте и утверждайте бриф
Как оказалось, многие из коллег, особенно на простых услугах, до сих пор минимально брифуют клиента по телефону или посредством переписки, не предоставляют клиенту “под подпись” конечный вариант брифа и начинают работу. Часто это заканчивается фатально - Заказчик недоволен, остаток средств вы не получаете, работа уходит в никуда. Вывод простой: опросили заказчика - составили бриф, получили финальное “да”, предоплату - и только потом начинаете действовать.
Если бриф финализировать не удалось - лучше даже не начинать работу.
4. Неочевидное - брифа почти всегда мало.
Бриф - хороший документ для начала. Кроме брифа на дизайн сайта, по-хорошему, нужны:
Референсы, примеры того, что нравится или не нравится, и самое главное - почему! Как минимум по 2-3 примера по каждой части. Удивительно, но далеко не у всех в брифах это есть.
Прототипы и CJM, если их делаете не вы.
Цель создания сайта, максимально приближенные конкуренты.
Пожелания по стилю/стилистике, по тем же сайтам можно назвать как минимум 12 стилистик, из которых может выбрать заказчик.
5. Очевидное - обсудите в чем будете сдавать макеты
Не раз мне на голубом глазу Заказчик сообщал что ему нужен только дизайн, верстальщик у него есть, хотя на самом деле ему нужен был Тильда-сайт. Как-то раз это выяснилось в процессе, и было крайне неудобно отказываться от выполнения после того, как 70% проекта сделано.
6. Неочевидное - обсудите правила сдачи, размеры макетов, наличие верстальщика и программиста у заказчика
Возможно, это тема для холивара, однако я считаю так: несмотря на то, что я лично занимаюсь только UX и дизайном, для меня важно, чтобы в свет вышел достойный сайт, а не глючное нечто, которым невозможно пользоваться. Чтобы проект не остался “на полке”, потому что Заказчик не смог доделать его до конца силами сторонних исполнителей.
7. Очевидное - подготовьте макеты для верстки
Тут просто - разложите все по полочкам, чтобы верстальщику было удобно.
8. Неочевидное - напишите подробное ТЗ по шрифтам, анимациям, предложите свою помощь в проверке результата
В случае, если проект сложнее чем 3 экрана статичного контента, чаще всего, у верстальщика будут вопросы. Переборов свою лень и сделав ТЗ для верстальщика со скриншотами за полчаса - вам не придется в дальнейшем отвлекаться на различные диалоги.
Источник
vc.ru
Как успешно сдать дизайн заказчику в 2021 году — Дизайн на vc.ru
Истории моего “успеха” по лишению денег и времени, а также подробный гайд, как работать с заказчиком по дизайну и не собрать все возможные грабли.
20 советов из книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов»
1. Сократите количество шагов, которые включает в себя процесс оформления заказа. Совет настолько же очевидный, насколько и неоднозначный. Казалось бы, логично – чем больше действий нужно совершить, чтобы оформить заказ, тем больше риск отказа. В действительности всё несколько сложнее, уверены авторы книги: если покупатель нашёл действительно необходимую ему вещь, он оформит заказ, сколько бы времени не пришлось на это потратить. И наоборот – известны случаи, когда владелец сайта сокращал количество шагов до одного-двух, но отказов при этом меньше не становилось. Так что прежде чем уменьшать количество шагов, стоит попробовать один из способов, описанных далее.
2. На каждую страницу оформления заказа добавьте «индикатор прогресса» (например, шаг 2 из 5). На самом деле, не принципиально, сколько шагов должен выполнить покупатель; гораздо важнее, чтобы он каждый раз понимал, на каком этапе оформления заказа находится.
+ Чётко обозначьте задачу, которую выполняет пользователь на каждом этапе; обеспечьте ему возможность при необходимости сделать пару шагов назад, а затем легко вернуться к достигнутой ступени.
3. Ссылка на страницу с описанием товара всегда должна быть на виду. Это нужно, чтобы покупатель в любой момент мог быстро проверить, то ли он купил, что хотел. Лучше всего поместить эту ссылку в корзину вместе с наименованием товара.
4. Показывайте на странице корзины изображения товаров. Небольшое изображение выбранного товара, добавленное в корзину, способно увеличить коэффициент конверсии на 10%.
5. Как можно раньше сообщите покупателю стоимость доставки. Общая стоимость покупки – один из самых важных вопросов для покупателя, и чем раньше вы на него ответите, тем лучше. Лучше всего поместить предположительную стоимость доставки рядом с наименованием товара в каталоге.
+ Не заставляйте пользователя несколько раз вводить один и тот же адрес. Лучше спросите, совпадают ли адреса плательщика и получателя, и если ответ положительный – заполните соответствующие поля за него.
6. Указывайте наличие товара на странице с его описанием. Если товара нет на складе – покупателю лучше узнать об этом до того, как он приступит к оформлению заказа.
+ Полезно также указывать предположительное время доставки, например, «Обычно на доставку уходит Х дней».
7. Подскажите посетителю, какую кнопку или ссылку нужно нажать. Пусть кнопка «Следующий шаг» или «Продолжить» будет самым заметным элементом на странице.
8. У покупателя должна быть возможность отредактировать корзину. Предоставьте покупателям удобные средства редактирования корзины. Пусть они без труда смогут изменить расцветку или размер товара, добавить или убрать его из корзины.
9. Помогите исправить ошибку и возьмите вину на себя. Если при оформлении заказа пользователь ввёл не все данные или заполнил какие-то поля неправильно, в сообщении об ошибке чётко и понятно объясните, что и где именно нужно исправить. Преподнесите это так, будто ваша система виновата, что не смогла понять полученные данные, а не пользователь допустил нелепую ошибку.
10. Укрепите уверенность покупателей, что они имеют дело с реально существующей компанией. На этапе оформления заказа клиентам особенно важно убедиться в вашей надёжности. Предоставьте им информацию, подтверждающую реальность вашей фирмы, добавьте на страницу заказа свои телефоны и все необходимые контакты.
По книге Брайана и Джеффри Айзенберг «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов»
Источник: https://vc.ru/design/227878-20-sovetov-iz-knigi-dobavte-v-korzinu-klyuchevye-principy-povysheniya-konversii-veb-saytov
1. Сократите количество шагов, которые включает в себя процесс оформления заказа. Совет настолько же очевидный, насколько и неоднозначный. Казалось бы, логично – чем больше действий нужно совершить, чтобы оформить заказ, тем больше риск отказа. В действительности всё несколько сложнее, уверены авторы книги: если покупатель нашёл действительно необходимую ему вещь, он оформит заказ, сколько бы времени не пришлось на это потратить. И наоборот – известны случаи, когда владелец сайта сокращал количество шагов до одного-двух, но отказов при этом меньше не становилось. Так что прежде чем уменьшать количество шагов, стоит попробовать один из способов, описанных далее.
2. На каждую страницу оформления заказа добавьте «индикатор прогресса» (например, шаг 2 из 5). На самом деле, не принципиально, сколько шагов должен выполнить покупатель; гораздо важнее, чтобы он каждый раз понимал, на каком этапе оформления заказа находится.
+ Чётко обозначьте задачу, которую выполняет пользователь на каждом этапе; обеспечьте ему возможность при необходимости сделать пару шагов назад, а затем легко вернуться к достигнутой ступени.
3. Ссылка на страницу с описанием товара всегда должна быть на виду. Это нужно, чтобы покупатель в любой момент мог быстро проверить, то ли он купил, что хотел. Лучше всего поместить эту ссылку в корзину вместе с наименованием товара.
4. Показывайте на странице корзины изображения товаров. Небольшое изображение выбранного товара, добавленное в корзину, способно увеличить коэффициент конверсии на 10%.
5. Как можно раньше сообщите покупателю стоимость доставки. Общая стоимость покупки – один из самых важных вопросов для покупателя, и чем раньше вы на него ответите, тем лучше. Лучше всего поместить предположительную стоимость доставки рядом с наименованием товара в каталоге.
+ Не заставляйте пользователя несколько раз вводить один и тот же адрес. Лучше спросите, совпадают ли адреса плательщика и получателя, и если ответ положительный – заполните соответствующие поля за него.
6. Указывайте наличие товара на странице с его описанием. Если товара нет на складе – покупателю лучше узнать об этом до того, как он приступит к оформлению заказа.
+ Полезно также указывать предположительное время доставки, например, «Обычно на доставку уходит Х дней».
7. Подскажите посетителю, какую кнопку или ссылку нужно нажать. Пусть кнопка «Следующий шаг» или «Продолжить» будет самым заметным элементом на странице.
8. У покупателя должна быть возможность отредактировать корзину. Предоставьте покупателям удобные средства редактирования корзины. Пусть они без труда смогут изменить расцветку или размер товара, добавить или убрать его из корзины.
9. Помогите исправить ошибку и возьмите вину на себя. Если при оформлении заказа пользователь ввёл не все данные или заполнил какие-то поля неправильно, в сообщении об ошибке чётко и понятно объясните, что и где именно нужно исправить. Преподнесите это так, будто ваша система виновата, что не смогла понять полученные данные, а не пользователь допустил нелепую ошибку.
10. Укрепите уверенность покупателей, что они имеют дело с реально существующей компанией. На этапе оформления заказа клиентам особенно важно убедиться в вашей надёжности. Предоставьте им информацию, подтверждающую реальность вашей фирмы, добавьте на страницу заказа свои телефоны и все необходимые контакты.
По книге Брайана и Джеффри Айзенберг «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов»
Источник: https://vc.ru/design/227878-20-sovetov-iz-knigi-dobavte-v-korzinu-klyuchevye-principy-povysheniya-konversii-veb-saytov
vc.ru
20 советов из книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов» — Дизайн на vc.ru
В ходе организации UX-Марафона 24, посвящённого теме электронной торговли, изучаем литературу, делаем заметки на память.
20 советов из книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов». Часть 2
11. Предложите сделать заказ по телефону. Если у посетителя возникли сложности при оформлении заказа или он опасается вводить на сайте номер кредитной карты – пусть позвонит по телефону. Выделите для этого отдельную линию. Особо недоверчивым дайте возможность заполнить бланк заказа вручную и выслать вам фото или скан.
12. Обеспечьте удобство новым покупателям. Сделайте процесс оформления заказа максимально простым для пользователей, которые решили воспользоваться вашими услугами впервые. Зарегистрированные клиенты так или иначе найдут способ попасть в свой аккаунт; но для нового покупателя слишком сложная регистрация станет препятствием на пути к покупке.
13. Продумайте политику скидок. Определитесь, где и как стоит предлагать скидки и бонусы. Не стоит рассказывать новому клиенту об акции, рассчитанной только на давних покупателей – так информация о скидке вместо удовольствия вызовет досаду, а это не способствует продажам.
14. Смело заявляйте о реальных преимуществах. Если вы продаёте продукцию отличного качества по цене ниже средней, вполне можно позволить себе заявление: «Если найдёте товар дешевле, мы ещё снизим цену».
15. Обеспечьте покупателю как можно больше вариантов оплаты: по карте, чеком, через платёжные системы или другим доступным способом.
16. Поддержите покупателя в точке действия. Предоставьте клиенту максимум необходимой информации там, где он принимает решение о покупке. Добавьте ссылки на страницы с гарантийными обязательствами, отзывами других покупателей, правилами возврата и обмена товаров, а также условиями сервисного обслуживания. Пусть страница подгружается в новой вкладке или открывается во всплывающем окне.
17. Подкрепляйте уверенность клиента везде, где это необходимо. Когда пользователь вводит личные данные, укажите, что сохраните их в строгом секрете. В том месте, где покупателя заинтересует стоимость доставки, предоставьте конкретные цифры. А когда он захочет узнать о ваших гарантиях, дайте понять, что без проблем обменяете товар или вернёте деньги.
18. Отслеживайте ошибки. Разработайте систему, которая будет сообщать вам об ошибках, возникающих при оформлении заказа. Это поможет оперативно выявлять и устранять проблемы, снижающие конверсию.
19. Сохраняйте текущее состояние корзины. Покупатели нередко покидают сайт, оставив товары в корзине, но ведь кто-то из них может и вернуться. Когда пользователь покидает сайт, предложите ему сохранить текущее состояние корзины. Можно сообщить в электронном письме о том, что в корзине остались товары, которые будут ждать его возвращения.
20. Если ничего не помогает, задайте вопрос напрямую. Когда посетитель покидает сайт, оставив заполненную корзину, попросите его указать причину. Дайте пользователю бонус за ответ или продумайте другой стимул, чтобы он захотел ответить на ваш вопрос.
***
Возможно, некоторые из этих советов помогут вам фантастически повысить эффективность сайта, в то время как другие не дадут сколько-либо заметных результатов. Единственный способ узнать, что подойдёт конкретно вам – это попробовать.
В целом же следует понимать, что такова уж особенность продаж через Интернет – многие пользователи уходят с сайта, оставив корзину, полную товаров. Даже если вы доведете до совершенства каждую мелочь, люди все равно будут покидать сайт по причинам, которые вам не подвластны.
Но есть и хорошие новости: со страницы корзины сайт покидает гораздо меньшее количество пользователей, чем со всех предшествующих страниц. Если стараться удержать посетителей в процессе покупки с самого начала, у вас есть все шансы повысить коэффициент конверсии в несколько раз.
Источник: https://vc.ru/design/228489-20-sovetov-iz-knigi-dobavte-v-korzinu-klyuchevye-principy-povysheniya-konversii-veb-saytov-chast-2
11. Предложите сделать заказ по телефону. Если у посетителя возникли сложности при оформлении заказа или он опасается вводить на сайте номер кредитной карты – пусть позвонит по телефону. Выделите для этого отдельную линию. Особо недоверчивым дайте возможность заполнить бланк заказа вручную и выслать вам фото или скан.
12. Обеспечьте удобство новым покупателям. Сделайте процесс оформления заказа максимально простым для пользователей, которые решили воспользоваться вашими услугами впервые. Зарегистрированные клиенты так или иначе найдут способ попасть в свой аккаунт; но для нового покупателя слишком сложная регистрация станет препятствием на пути к покупке.
13. Продумайте политику скидок. Определитесь, где и как стоит предлагать скидки и бонусы. Не стоит рассказывать новому клиенту об акции, рассчитанной только на давних покупателей – так информация о скидке вместо удовольствия вызовет досаду, а это не способствует продажам.
14. Смело заявляйте о реальных преимуществах. Если вы продаёте продукцию отличного качества по цене ниже средней, вполне можно позволить себе заявление: «Если найдёте товар дешевле, мы ещё снизим цену».
15. Обеспечьте покупателю как можно больше вариантов оплаты: по карте, чеком, через платёжные системы или другим доступным способом.
16. Поддержите покупателя в точке действия. Предоставьте клиенту максимум необходимой информации там, где он принимает решение о покупке. Добавьте ссылки на страницы с гарантийными обязательствами, отзывами других покупателей, правилами возврата и обмена товаров, а также условиями сервисного обслуживания. Пусть страница подгружается в новой вкладке или открывается во всплывающем окне.
17. Подкрепляйте уверенность клиента везде, где это необходимо. Когда пользователь вводит личные данные, укажите, что сохраните их в строгом секрете. В том месте, где покупателя заинтересует стоимость доставки, предоставьте конкретные цифры. А когда он захочет узнать о ваших гарантиях, дайте понять, что без проблем обменяете товар или вернёте деньги.
18. Отслеживайте ошибки. Разработайте систему, которая будет сообщать вам об ошибках, возникающих при оформлении заказа. Это поможет оперативно выявлять и устранять проблемы, снижающие конверсию.
19. Сохраняйте текущее состояние корзины. Покупатели нередко покидают сайт, оставив товары в корзине, но ведь кто-то из них может и вернуться. Когда пользователь покидает сайт, предложите ему сохранить текущее состояние корзины. Можно сообщить в электронном письме о том, что в корзине остались товары, которые будут ждать его возвращения.
20. Если ничего не помогает, задайте вопрос напрямую. Когда посетитель покидает сайт, оставив заполненную корзину, попросите его указать причину. Дайте пользователю бонус за ответ или продумайте другой стимул, чтобы он захотел ответить на ваш вопрос.
***
Возможно, некоторые из этих советов помогут вам фантастически повысить эффективность сайта, в то время как другие не дадут сколько-либо заметных результатов. Единственный способ узнать, что подойдёт конкретно вам – это попробовать.
В целом же следует понимать, что такова уж особенность продаж через Интернет – многие пользователи уходят с сайта, оставив корзину, полную товаров. Даже если вы доведете до совершенства каждую мелочь, люди все равно будут покидать сайт по причинам, которые вам не подвластны.
Но есть и хорошие новости: со страницы корзины сайт покидает гораздо меньшее количество пользователей, чем со всех предшествующих страниц. Если стараться удержать посетителей в процессе покупки с самого начала, у вас есть все шансы повысить коэффициент конверсии в несколько раз.
Источник: https://vc.ru/design/228489-20-sovetov-iz-knigi-dobavte-v-korzinu-klyuchevye-principy-povysheniya-konversii-veb-saytov-chast-2
vc.ru
20 советов из книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов». Часть 2 — Дизайн на vc.ru
Как улучшить UX страницы оформления заказа, чтобы снизить число отказов от корзины? Предлагаем вам вторую часть статьи по мотивам одной из глав книги «Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов» Брайана и Джеффри Айзенберг. Первые…
Измените свой дизайн для глобальной аудитории: исследование кросс-культурного UX-дизайн
Межкультурная адаптация дизайна варьируется от перевода до локализации. Изучение общих и контекстуальных культурных различий поможет вам решить, какие изменения дизайна вам следует внести.
Когда бренды и организации стремятся к росту за счет выхода на глобальный рынок, они могут обнаружить, что их цифровые продукты не так популярны, как на внутреннем рынке.
Помимо маркетинговых факторов, одной из частых причин является то, что их сайты и приложения изначально разрабатываются и тестируются с учетом местного демографического профиля. То, что отлично подходит для домашней группы, может не иметь никакого смысла для людей из другой культурной среды. Вот почему дизайнеры должны модифицировать продукты для глобальной аудитории и тестировать их с этой целевой аудиторией, чтобы подтвердить изменения.
Содержание статьи
Два типа адаптации
Факторы, влияющие на кросс-культурный дизайн
Уровень неоднородности ваших целевых аудиторий
Общие культурные различия
Культурные различия в использовании продуктов
Брендинг
Потенциальная стоимость целевого рынка
Проверьте свою целевую аудиторию
Советы по кросс-культурному UX дизайну
Читать статью: https://ux.pub/izmenite-svoy-dizayn-dlya-globalnoy-auditorii-issledovanie-kross-kulturnogo-ux-dizayn/
Межкультурная адаптация дизайна варьируется от перевода до локализации. Изучение общих и контекстуальных культурных различий поможет вам решить, какие изменения дизайна вам следует внести.
Когда бренды и организации стремятся к росту за счет выхода на глобальный рынок, они могут обнаружить, что их цифровые продукты не так популярны, как на внутреннем рынке.
Помимо маркетинговых факторов, одной из частых причин является то, что их сайты и приложения изначально разрабатываются и тестируются с учетом местного демографического профиля. То, что отлично подходит для домашней группы, может не иметь никакого смысла для людей из другой культурной среды. Вот почему дизайнеры должны модифицировать продукты для глобальной аудитории и тестировать их с этой целевой аудиторией, чтобы подтвердить изменения.
Содержание статьи
Два типа адаптации
Факторы, влияющие на кросс-культурный дизайн
Уровень неоднородности ваших целевых аудиторий
Общие культурные различия
Культурные различия в использовании продуктов
Брендинг
Потенциальная стоимость целевого рынка
Проверьте свою целевую аудиторию
Советы по кросс-культурному UX дизайну
Читать статью: https://ux.pub/izmenite-svoy-dizayn-dlya-globalnoy-auditorii-issledovanie-kross-kulturnogo-ux-dizayn/
UXPUB 🇺🇦 Дизайн-спільнота
Измените свой дизайн для глобальной аудитории: исследование кросс-культурного UX-дизайн
Изучение общих и контекстуальных культурных различий поможет вам решить, какие изменения дизайна вам следует внести
Что на самом деле означает простой дизайн? Правильный подход к созданию UI-kit для iOS
Простой дизайн – это клише. Мы все делаем вид, что стремимся к простому дизайну. Это звучит так же, как фраза: «Сделай мир лучше!» из сериала «Silicon Valley». Подобно эпитетам «минималистичный» и «ясный», кажется, что просто написав эти заезженные слова, мы повысим ценность дизайна. Но что означает простой дизайн? Думаю, что каждый человек понимает это по-своему.
То же самое и с понятием красивый. Как мы можем определить, что прекрасно? Есть некая волшебная формула?
Читать статью: https://ux.pub/chto-na-samom-dele-oznachaet-prostoy-dizayn-pravilnyy-podhod-k-sozdaniyu-ui-kit-dlya-ios/
Простой дизайн – это клише. Мы все делаем вид, что стремимся к простому дизайну. Это звучит так же, как фраза: «Сделай мир лучше!» из сериала «Silicon Valley». Подобно эпитетам «минималистичный» и «ясный», кажется, что просто написав эти заезженные слова, мы повысим ценность дизайна. Но что означает простой дизайн? Думаю, что каждый человек понимает это по-своему.
То же самое и с понятием красивый. Как мы можем определить, что прекрасно? Есть некая волшебная формула?
Читать статью: https://ux.pub/chto-na-samom-dele-oznachaet-prostoy-dizayn-pravilnyy-podhod-k-sozdaniyu-ui-kit-dlya-ios/
UXPUB 🇺🇦 Дизайн-спільнота
Что на самом деле означает простой дизайн? Правильный подход к созданию UI-kit для iOS
Пройдем весь процесс создания дизайна для iOS и попытаемся понять, что такое простой дизайн
10 хитростей Figma, которые я хотел бы знать раньше
Хаки Figma, о которых вы, возможно, не слышали.
Меня всегда поражало количество полезных функций, которые Figma встроила в свое приложение. То, что раньше было обходным решением в Sketch, теперь является продуманной функцией в Figma.
Я часто натыкаюсь на функции, позволяющие сэкономить время, я хотел бы узнать о них раньше. Надеюсь, часть из них будет вам интересна и пригодится в работе.
1. Самое легкое создание кругового прогресса, которое вы когда-либо делали в своей жизни
Я понятия не имел об инструменте «Arc», пока однажды случайно не перетащил его на артборд, это просто взорвало мой мозг. Он позволяет создавать простые и красивые индикаторы прогресса.
2. Используйте инструмент масштабирования, чтобы избежать искажения
Сохраняйте идеальные пропорции вашего дизайна с помощью инструмента масштабирования – просто выберите элемент, который вы хотите масштабировать, затем нажмите клавишу K на клавиатуре и потяните курсор, вуаля.
Раньше я всегда отказывался от масштабирования дизайна, потому что всегда что-то ломалось, и мне приходилось вносить коррективы. С помощью инструмента масштабирования этих проблем больше нет – все идеально масштабируется и сохраняет пропорции без необходимости доработки.
3. Перетаскивайте объекты за пределы фрейма, удерживая их внутри контейнера
Удерживайте клавишу пробела при перетаскивании объекта за пределы фрейма, чтобы он оставался внутри контейнера. Вы также можете отключить функцию «Clip contents» для фрейма, содержащего объект, чтобы вы все еще могли видеть его, когда он находится за пределами контейнера – вы также можете нажать CMD (CTRL) + Y, чтобы отобразить контуры.
4. Приведите сетку в порядок
Приведите в порядок свои проекты, щелкнув по иконке сетки в углу после выбора нескольких объектов в массиве. Это сделает все интервалы между объектами одинаковыми, а затем вы сможете перетаскивать объекты, чтобы изменить их расположение и отрегулировать интервалы.
5. Продублируйте последнее действие
Нажмите CMD + D, чтобы продублировать предыдущее действие. CMD + D также будет дублировать объекты, фреймы и все остальное.
6. Предварительно просмотрите цвет с помощью пипетки
При использовании инструмента «Пипетка» (i) удерживайте левую кнопку мыши, чтобы просмотреть как меняется цвет элемента.
7. CMD + / разблокировать все объекты
Сочетание клавиш СMD + / имеет массу полезных быстрых действий, которые помогут в рабочем процессе и позволят сэкономить массу времени. Если вы еще не используете его, я настоятельно рекомендую посмотреть, какие действия доступны в меню. Действие, которое я часто использую – это быстрая разблокировка всех объектов и изменение шрифтов.
8. Легко вставляйте изображения внутрь фигур-плейсхолдеров
Нажмите CMD + Shift + K, чтобы заменить заливку фигур или фреймов с кучей изображений.
9. Другие приемы с пробелом
Перетащите область выделения, а затем удерживайте пробел, чтобы увеличить размер выделения указателя.
Если вы рисуете фигуру, вы также можете удерживать пробел, чтобы переместить объект во время его создания.
А если этого недостаточно, вы можете удерживать клавишу пробела, чтобы запретить Figma автоматическое вложение объектов внутри фреймов или отключить auto-layout. Клавиша пробела очень удобна!
10. Content Reel + Unsplash
Content Reel и Unsplash были двумя незаменимыми плагинами, экономящими время и позволяющими избежать использования «John Doe» в качестве имени для всех пользователей. С Content Reel вы можете одним кликом мыши вставлять в свой дизайн аватары, lorem ipsum, имена, адреса и многое другое. Unsplash – это бесплатная библиотека высококачественной графики.
11. БОНУС! Исправить высоту строки за секунду
Если у вас нет определенного значения высоты строки просто введите «auto» в поле line-height, и оно автоматически отрегулируется!
Источник с примерами: https://ux.pub/10-hitrostey-figma-kotorye-ya-hotel-by-znat-ranshe/
Хаки Figma, о которых вы, возможно, не слышали.
Меня всегда поражало количество полезных функций, которые Figma встроила в свое приложение. То, что раньше было обходным решением в Sketch, теперь является продуманной функцией в Figma.
Я часто натыкаюсь на функции, позволяющие сэкономить время, я хотел бы узнать о них раньше. Надеюсь, часть из них будет вам интересна и пригодится в работе.
1. Самое легкое создание кругового прогресса, которое вы когда-либо делали в своей жизни
Я понятия не имел об инструменте «Arc», пока однажды случайно не перетащил его на артборд, это просто взорвало мой мозг. Он позволяет создавать простые и красивые индикаторы прогресса.
2. Используйте инструмент масштабирования, чтобы избежать искажения
Сохраняйте идеальные пропорции вашего дизайна с помощью инструмента масштабирования – просто выберите элемент, который вы хотите масштабировать, затем нажмите клавишу K на клавиатуре и потяните курсор, вуаля.
Раньше я всегда отказывался от масштабирования дизайна, потому что всегда что-то ломалось, и мне приходилось вносить коррективы. С помощью инструмента масштабирования этих проблем больше нет – все идеально масштабируется и сохраняет пропорции без необходимости доработки.
3. Перетаскивайте объекты за пределы фрейма, удерживая их внутри контейнера
Удерживайте клавишу пробела при перетаскивании объекта за пределы фрейма, чтобы он оставался внутри контейнера. Вы также можете отключить функцию «Clip contents» для фрейма, содержащего объект, чтобы вы все еще могли видеть его, когда он находится за пределами контейнера – вы также можете нажать CMD (CTRL) + Y, чтобы отобразить контуры.
4. Приведите сетку в порядок
Приведите в порядок свои проекты, щелкнув по иконке сетки в углу после выбора нескольких объектов в массиве. Это сделает все интервалы между объектами одинаковыми, а затем вы сможете перетаскивать объекты, чтобы изменить их расположение и отрегулировать интервалы.
5. Продублируйте последнее действие
Нажмите CMD + D, чтобы продублировать предыдущее действие. CMD + D также будет дублировать объекты, фреймы и все остальное.
6. Предварительно просмотрите цвет с помощью пипетки
При использовании инструмента «Пипетка» (i) удерживайте левую кнопку мыши, чтобы просмотреть как меняется цвет элемента.
7. CMD + / разблокировать все объекты
Сочетание клавиш СMD + / имеет массу полезных быстрых действий, которые помогут в рабочем процессе и позволят сэкономить массу времени. Если вы еще не используете его, я настоятельно рекомендую посмотреть, какие действия доступны в меню. Действие, которое я часто использую – это быстрая разблокировка всех объектов и изменение шрифтов.
8. Легко вставляйте изображения внутрь фигур-плейсхолдеров
Нажмите CMD + Shift + K, чтобы заменить заливку фигур или фреймов с кучей изображений.
9. Другие приемы с пробелом
Перетащите область выделения, а затем удерживайте пробел, чтобы увеличить размер выделения указателя.
Если вы рисуете фигуру, вы также можете удерживать пробел, чтобы переместить объект во время его создания.
А если этого недостаточно, вы можете удерживать клавишу пробела, чтобы запретить Figma автоматическое вложение объектов внутри фреймов или отключить auto-layout. Клавиша пробела очень удобна!
10. Content Reel + Unsplash
Content Reel и Unsplash были двумя незаменимыми плагинами, экономящими время и позволяющими избежать использования «John Doe» в качестве имени для всех пользователей. С Content Reel вы можете одним кликом мыши вставлять в свой дизайн аватары, lorem ipsum, имена, адреса и многое другое. Unsplash – это бесплатная библиотека высококачественной графики.
11. БОНУС! Исправить высоту строки за секунду
Если у вас нет определенного значения высоты строки просто введите «auto» в поле line-height, и оно автоматически отрегулируется!
Источник с примерами: https://ux.pub/10-hitrostey-figma-kotorye-ya-hotel-by-znat-ranshe/
UXPUB 🇺🇦 Дизайн-спільнота
10 хитростей Figma, которые я хотел бы знать раньше
Я часто натыкаюсь на функции Figma, позволяющие сэкономить время, я хотел бы узнать о них раньше. Надеюсь, часть из них будет вам интересна и пригодится в работе
Объединение бренда и продукта на примере дизайн-системы Netflix
Сколько раз вы запускали новый сериал на Netflix и через несколько часов видели знакомый экран: «Вы все еще смотрите?» Конечно, да, и алгоритм это знает.
За каждым опытом стоит множество визуальных элементов и компонентов.
Все это можно напрямую связать с дизайн-системой, которая может позволить командам повторно использовать эти элементы обеспечивая более эффективную согласованность в масштабе.
Читать статью: https://ux.pub/netflix-design-system/
Сколько раз вы запускали новый сериал на Netflix и через несколько часов видели знакомый экран: «Вы все еще смотрите?» Конечно, да, и алгоритм это знает.
За каждым опытом стоит множество визуальных элементов и компонентов.
Все это можно напрямую связать с дизайн-системой, которая может позволить командам повторно использовать эти элементы обеспечивая более эффективную согласованность в масштабе.
Читать статью: https://ux.pub/netflix-design-system/
UXPUB 🇺🇦 Дизайн-спільнота
Объединение бренда и продукта на примере дизайн-системы Netflix
Моя специальность – создание централизованных и распределенных фреймворков для дизайн-систем. В настоящее время я работаю в Netflix на должности Design Systems Lead
Пять советов для junior UX-дизайнеров
1. Читайте каждый день
Дизайн развивается довольно быстро, и если вы хотите работать в этой сфере, вам необходимо читать статьи (желательно на английском языке) и смотреть видео о дизайне (например, на Youtube). Хочу отметить, что информации слишком много и прочитать все невозможно. Чтобы сделать обучение проще и быстрее, я предлагаю вам организовать тематические недели. Это означает, что на следующей неделе ваша цель – прочитать статьи по типографике. Посвятив целую неделю этой теме, вы получите более точное представление о работе со шрифтами, чем читая случайные статьи по типографике раз в 3 недели.
2. Развивайте коммуникативные навыки и сосредоточьтесь на общении
Дизайнер – это человек, который всегда должен общаться с большим количеством людей – заказчиками, разработчиками, менеджерами, бизнес-аналитиками, тестировщиками, другими дизайнерами и, конечно же, целевой аудиторией. Коммуникативные навыки играют важную роль в профессиональном росте дизайнера. Чтобы достичь более высоких уровней, вы должны обладать хорошими социальными навыками и постоянно работать над их совершенствованием.
3. Много практикуйтесь
Сосредоточившись на теории, а не на практике, вы вряд ли добьетесь быстрых и качественных результатов. Вы можете изучить все правила, но важно уметь применять их на практике. Часто бывает, что одно и то же правило необходимо использовать и сочетать с другими, в зависимости от характера проблемы, и только практикуясь вы получите этот бесценный опыт.
Вы можете сами создать проект и работать над ним.
Например, вы выучили все виды кнопок и полей. Попробуйте создать регистрационную форму на сайте или в приложении. По мере работы вы будете сталкиваться с разными задачами, вопросами и проблемами, но со временем вы узнаете, как создать процесс регистрации.
4. Подпишитесь на других дизайнеров
Многие дизайнеры добились больших успехов в области UX / UI дизайна. Некоторые из них выступают на конференциях, вебинарах, преподают на курсах, пишут статьи или публикуют сообщения в социальных сетях. У этих людей можно многому научиться, они делятся своим опытом, рассказывают об успешных проектах и неудачах в работе. Например, на Youtube вы можете найти множество видеороликов о том, как другой дизайнер создает дизайн страницы или сайта. Наблюдая за чужой работой, вы можете найти для себя много полезной информации, а столкнувшись с трудной задачей в будущем, вы сможете вспомнить опыт другого дизайнера и применить его в своей работе.
5. Найдите наставника
В некоторых странах наставничество не распространено. Не расстраивайтесь, попробуйте найти дизайнера среди друзей или напишите незнакомому дизайнеру и попросите его стать вашим наставником. Кроме того, вы можете попробовать посещать курсы, посвященные непонятной вам теме, и во время обучения преподаватель будет вашим наставником. Для чего нужен наставник? Когда вы тратите много времени на перечисленные выше 4 пункта, вы можете потерять азарт в обучении. Это может проявляться по-разному, но основные признаки таковы: вы потратили много времени на дизайн и внесли множество исправлений, но теперь ваше зрение затуманено, и вы понимаете, что работа не идеальна, но вы не можете понять, что именно не так; вы выучили много теории, но на практике не справляетесь с задачей; вы создали портфолио, но по какой-то причине несколько рекрутеров отказываются от него; вы запутались в тренировках и не знаете, в каком направлении дальше развиваться. Наставник может помочь вам со всеми этими проблемами.
Источник: https://ux.pub/pyat-sovetov-dlya-junior-ux-dizaynerov/
1. Читайте каждый день
Дизайн развивается довольно быстро, и если вы хотите работать в этой сфере, вам необходимо читать статьи (желательно на английском языке) и смотреть видео о дизайне (например, на Youtube). Хочу отметить, что информации слишком много и прочитать все невозможно. Чтобы сделать обучение проще и быстрее, я предлагаю вам организовать тематические недели. Это означает, что на следующей неделе ваша цель – прочитать статьи по типографике. Посвятив целую неделю этой теме, вы получите более точное представление о работе со шрифтами, чем читая случайные статьи по типографике раз в 3 недели.
2. Развивайте коммуникативные навыки и сосредоточьтесь на общении
Дизайнер – это человек, который всегда должен общаться с большим количеством людей – заказчиками, разработчиками, менеджерами, бизнес-аналитиками, тестировщиками, другими дизайнерами и, конечно же, целевой аудиторией. Коммуникативные навыки играют важную роль в профессиональном росте дизайнера. Чтобы достичь более высоких уровней, вы должны обладать хорошими социальными навыками и постоянно работать над их совершенствованием.
3. Много практикуйтесь
Сосредоточившись на теории, а не на практике, вы вряд ли добьетесь быстрых и качественных результатов. Вы можете изучить все правила, но важно уметь применять их на практике. Часто бывает, что одно и то же правило необходимо использовать и сочетать с другими, в зависимости от характера проблемы, и только практикуясь вы получите этот бесценный опыт.
Вы можете сами создать проект и работать над ним.
Например, вы выучили все виды кнопок и полей. Попробуйте создать регистрационную форму на сайте или в приложении. По мере работы вы будете сталкиваться с разными задачами, вопросами и проблемами, но со временем вы узнаете, как создать процесс регистрации.
4. Подпишитесь на других дизайнеров
Многие дизайнеры добились больших успехов в области UX / UI дизайна. Некоторые из них выступают на конференциях, вебинарах, преподают на курсах, пишут статьи или публикуют сообщения в социальных сетях. У этих людей можно многому научиться, они делятся своим опытом, рассказывают об успешных проектах и неудачах в работе. Например, на Youtube вы можете найти множество видеороликов о том, как другой дизайнер создает дизайн страницы или сайта. Наблюдая за чужой работой, вы можете найти для себя много полезной информации, а столкнувшись с трудной задачей в будущем, вы сможете вспомнить опыт другого дизайнера и применить его в своей работе.
5. Найдите наставника
В некоторых странах наставничество не распространено. Не расстраивайтесь, попробуйте найти дизайнера среди друзей или напишите незнакомому дизайнеру и попросите его стать вашим наставником. Кроме того, вы можете попробовать посещать курсы, посвященные непонятной вам теме, и во время обучения преподаватель будет вашим наставником. Для чего нужен наставник? Когда вы тратите много времени на перечисленные выше 4 пункта, вы можете потерять азарт в обучении. Это может проявляться по-разному, но основные признаки таковы: вы потратили много времени на дизайн и внесли множество исправлений, но теперь ваше зрение затуманено, и вы понимаете, что работа не идеальна, но вы не можете понять, что именно не так; вы выучили много теории, но на практике не справляетесь с задачей; вы создали портфолио, но по какой-то причине несколько рекрутеров отказываются от него; вы запутались в тренировках и не знаете, в каком направлении дальше развиваться. Наставник может помочь вам со всеми этими проблемами.
Источник: https://ux.pub/pyat-sovetov-dlya-junior-ux-dizaynerov/
UXPUB 🇺🇦 Дизайн-спільнота
Пять советов для junior UX-дизайнеров
В чем сильные стороны дизайнера? В каком направлении вы можете развивать свои навыки? Давай обсудим это
Доступность против трендов дизайна
Неоморфизм? Глассморфизм? Material Design? Все тренды дизайна могут быть доступными.
Помните, как в конце 2019 года разговоры о неоморфизме разделили сообщество дизайнеров пополам? Одной половине понравилась идея нового скевоморфизма, поскольку людям постепенно надоедают текущие тенденции дизайна. Они хотели заняться изучением и посмотреть, как его можно использовать и можно-ли вообще? Но более громкой и агрессивной группой были сторонники доступности. Что же их заботило? Неоморфизм НЕ является доступным. Они написали бесчисленное количество сообщений в различных блогах об этом, даже не смотря на то, что самая большая проблема доступности была ясно сформулирована ещё в самой первой статье. То же самое начало происходить и с Глассморфизмом.
Читать статью: https://design-glory.com/?p=6974
Неоморфизм? Глассморфизм? Material Design? Все тренды дизайна могут быть доступными.
Помните, как в конце 2019 года разговоры о неоморфизме разделили сообщество дизайнеров пополам? Одной половине понравилась идея нового скевоморфизма, поскольку людям постепенно надоедают текущие тенденции дизайна. Они хотели заняться изучением и посмотреть, как его можно использовать и можно-ли вообще? Но более громкой и агрессивной группой были сторонники доступности. Что же их заботило? Неоморфизм НЕ является доступным. Они написали бесчисленное количество сообщений в различных блогах об этом, даже не смотря на то, что самая большая проблема доступности была ясно сформулирована ещё в самой первой статье. То же самое начало происходить и с Глассморфизмом.
Читать статью: https://design-glory.com/?p=6974
Design Glory
Design Glory - Сайт для дизайнеров
Материалы для начинающих и опытных UX\UI дизайнеров. Делимся инсайдами от лучших брендов, даем практические советы и публикуем свежие новости сферы дизайна.
Как создавать доступные цифровые продукты
Качественный UX-writing – это приглашение использовать ваши цифровые продукты.
Всем читающим эту статью можно дать один отличный совет: Читайте вслух то, что вы написали. Да, вслух. Не про себя, в голове. Вслух – значит вслух. Шевелите ртом. Произнесите звуки. Слушайте свои предложения. Простой, но действительно рабочий метод. Слушание позволяет вам отвлечься от мыслей, уловить и исправить то, что вы могли не заметить. Это способ сгладить ситуацию. Слова ощущаются иначе при произношении. Первая цель хорошего UX writing – это юзабилити. Прежде чем сделать цифровые продукты индивидуальными, они должны приобрести смысл. Это означает, что ваши слова должны работать для всех. Для UX-писателей, работающих над цифровыми продуктами, вдвойне полезно слушать, как пишется интерфейс. Данный метод является довольно хорошим аналогом того, как работает чтение содержимого экрана. Слушание может улучшить ваш UX-текст, что сделает ваши продукты более удобными.
Цифровые продукты с их номенклатурой дизайна основаны на одном слове:
пользователь. Пользовательский опыт. Пользовательское тестирование. Исследование пользователей. Одно это слово иногда может скрыть очевидную, но важную истину: Пользователи – это разные люди, которые читают по-разному. Одни хорошо понимают английский язык. Другие – делают размер шрифта просто огромным. У некоторых людей есть когнитивные нарушения, или проблемы с словарным запасом. А может у кого-то есть специфический фон и окружение, которые формируют иное понимание слов. Инклюзивный и доступный UX writing — это способ напомнить людям о их принадлежности, что в этом продукте — и на этой планете — есть место для всех. Так что начните с чтения вслух.
Читать далее: https://design-glory.com/?p=6946
Качественный UX-writing – это приглашение использовать ваши цифровые продукты.
Всем читающим эту статью можно дать один отличный совет: Читайте вслух то, что вы написали. Да, вслух. Не про себя, в голове. Вслух – значит вслух. Шевелите ртом. Произнесите звуки. Слушайте свои предложения. Простой, но действительно рабочий метод. Слушание позволяет вам отвлечься от мыслей, уловить и исправить то, что вы могли не заметить. Это способ сгладить ситуацию. Слова ощущаются иначе при произношении. Первая цель хорошего UX writing – это юзабилити. Прежде чем сделать цифровые продукты индивидуальными, они должны приобрести смысл. Это означает, что ваши слова должны работать для всех. Для UX-писателей, работающих над цифровыми продуктами, вдвойне полезно слушать, как пишется интерфейс. Данный метод является довольно хорошим аналогом того, как работает чтение содержимого экрана. Слушание может улучшить ваш UX-текст, что сделает ваши продукты более удобными.
Цифровые продукты с их номенклатурой дизайна основаны на одном слове:
пользователь. Пользовательский опыт. Пользовательское тестирование. Исследование пользователей. Одно это слово иногда может скрыть очевидную, но важную истину: Пользователи – это разные люди, которые читают по-разному. Одни хорошо понимают английский язык. Другие – делают размер шрифта просто огромным. У некоторых людей есть когнитивные нарушения, или проблемы с словарным запасом. А может у кого-то есть специфический фон и окружение, которые формируют иное понимание слов. Инклюзивный и доступный UX writing — это способ напомнить людям о их принадлежности, что в этом продукте — и на этой планете — есть место для всех. Так что начните с чтения вслух.
Читать далее: https://design-glory.com/?p=6946
Design Glory
Design Glory - Сайт для дизайнеров
Материалы для начинающих и опытных UX\UI дизайнеров. Делимся инсайдами от лучших брендов, даем практические советы и публикуем свежие новости сферы дизайна.
Аптечка от выгорания дизайнера
Лечение симптомов, а не только причин выгорания.
На протяжении своей карьеры дизайнера, я несколько раз переживал эмоциональное выгорание, и пришел к выводу, что неразумно искать лекарство, сначала не устранив симптомы. Решение проблемы выгорания требует от нас уравновешенности и продуктивности. А это трудно сделать, когда боль – это все, о чем вы можете думать.
Стоит потратить несколько минут на оказание первой помощи при эмоциональном выгорании.
1. Сообщите своему телу, что это безопасно
Наш мозг склонен интерпретировать повседневные тревоги, как физические угрозы.
Когда мы думаем о дедлайне, наша симпатическая нервная система реагирует, вызывая дрожь, повышая кровяное давление и помещая нас в псевдосостояние борьбы. Хотя такая реакция хороша при физических угрозах, она может быть разрушительной в отношении тревожных состояний на рабочем месте, которые могут оставаться с нами после того, как мы закончим работу или даже когда мы пытаемся заснуть.
Хотя мы не можем контролировать свои физиологические реакции, их влияние можно значительно смягчить, просто сигнализировав нашему телу, что мы в безопасности (вызывая реакцию расслабления):
Медленно сделайте несколько глубоких вдохов.
Отойдите подальше от рабочего стола или ноутбука – всего, что ваш мозг связывает с тревогами на рабочем месте.
Откиньтесь в кресле или прилягте.
Поговорите с кем-нибудь о чем-то неважном.
Они не требуют больших затрат времени или усилий и могут быть объединены в одно действие. Например, вы можете встать из-за стола и поболтать с коллегой на диване или прилечь в зоне отдыха, где вы можете откинуться назад или поднять ноги.
Один или несколько этих методов, использованных во время перерыва на кофе или после работы, может помочь снять стресс и заставить ваш мозг снизить реакции на угрозы.
2. Осознайте, что вы чувствуете
Когда вы приходите домой и пытаетесь избавиться от мыслей о работе, не совершайте ошибку, игнорируя свои чувства. Вы горите и испытываете целый спектр эмоций. Все эти опасения вполне реальны, и исследования показывают, что их осознание может смягчить их влияние.
Постарайтесь подумать о том, что вы чувствуете, отвлекаясь от мыслей о самой работе, составлении планов, решении проблем или рассуждениях о том, почему что-то произошло.
Ответьте на три вопроса:
Какие эмоции я сейчас испытываю?
Что я думаю обо всем этом?
Как я себя чувствую, меняя свое обычное поведение?
Найдите время, чтобы серьезно подумать над своими ответами на эти вопросы. Самый простой способ сделать это – вести дневник, но, если вы предпочтёте поговорить с кем-нибудь об этом, убедитесь, что этот человек восприимчив и способен сосредоточить обсуждение на ваших чувствах, а не на работе или на поиске решений. Кроме того, вы можете поговорить об этом с домашним животным или растением. Звучит слегка безумно, но вы обнаружите, что они потрясающие слушатели.
3. Сделайте что-нибудь
Вы не устали, вы разочарованы.
Выгорание часто связывают с физическим истощением, но на самом деле это состояние эмоционального истощения или разочарования. Расслабление или сидение без дела, не обязательно улучшит ваше самочувствие.
Легкая физическая активность, такая как уборка или ходьба, может творить чудеса с вашим психическим благополучием и избавлять от любых нежелательных мыслей или разочарований. Ее также можно направить на продуктивные дела, которые помогут облегчить остаток недели или поднять необходимый моральный дух.
Другое определение «выгорания» – когда автомобиль вращает колеса в неподвижном состоянии, в результате чего шины начинают дымиться – это подходящая метафора для подобной ситуации. Будет много дыма, если вы нажмете на тормоза и попытаетесь остаться на месте, лучше всего найти правильное направление, чтобы направить машину и поехать.
Источник
Лечение симптомов, а не только причин выгорания.
На протяжении своей карьеры дизайнера, я несколько раз переживал эмоциональное выгорание, и пришел к выводу, что неразумно искать лекарство, сначала не устранив симптомы. Решение проблемы выгорания требует от нас уравновешенности и продуктивности. А это трудно сделать, когда боль – это все, о чем вы можете думать.
Стоит потратить несколько минут на оказание первой помощи при эмоциональном выгорании.
1. Сообщите своему телу, что это безопасно
Наш мозг склонен интерпретировать повседневные тревоги, как физические угрозы.
Когда мы думаем о дедлайне, наша симпатическая нервная система реагирует, вызывая дрожь, повышая кровяное давление и помещая нас в псевдосостояние борьбы. Хотя такая реакция хороша при физических угрозах, она может быть разрушительной в отношении тревожных состояний на рабочем месте, которые могут оставаться с нами после того, как мы закончим работу или даже когда мы пытаемся заснуть.
Хотя мы не можем контролировать свои физиологические реакции, их влияние можно значительно смягчить, просто сигнализировав нашему телу, что мы в безопасности (вызывая реакцию расслабления):
Медленно сделайте несколько глубоких вдохов.
Отойдите подальше от рабочего стола или ноутбука – всего, что ваш мозг связывает с тревогами на рабочем месте.
Откиньтесь в кресле или прилягте.
Поговорите с кем-нибудь о чем-то неважном.
Они не требуют больших затрат времени или усилий и могут быть объединены в одно действие. Например, вы можете встать из-за стола и поболтать с коллегой на диване или прилечь в зоне отдыха, где вы можете откинуться назад или поднять ноги.
Один или несколько этих методов, использованных во время перерыва на кофе или после работы, может помочь снять стресс и заставить ваш мозг снизить реакции на угрозы.
2. Осознайте, что вы чувствуете
Когда вы приходите домой и пытаетесь избавиться от мыслей о работе, не совершайте ошибку, игнорируя свои чувства. Вы горите и испытываете целый спектр эмоций. Все эти опасения вполне реальны, и исследования показывают, что их осознание может смягчить их влияние.
Постарайтесь подумать о том, что вы чувствуете, отвлекаясь от мыслей о самой работе, составлении планов, решении проблем или рассуждениях о том, почему что-то произошло.
Ответьте на три вопроса:
Какие эмоции я сейчас испытываю?
Что я думаю обо всем этом?
Как я себя чувствую, меняя свое обычное поведение?
Найдите время, чтобы серьезно подумать над своими ответами на эти вопросы. Самый простой способ сделать это – вести дневник, но, если вы предпочтёте поговорить с кем-нибудь об этом, убедитесь, что этот человек восприимчив и способен сосредоточить обсуждение на ваших чувствах, а не на работе или на поиске решений. Кроме того, вы можете поговорить об этом с домашним животным или растением. Звучит слегка безумно, но вы обнаружите, что они потрясающие слушатели.
3. Сделайте что-нибудь
Вы не устали, вы разочарованы.
Выгорание часто связывают с физическим истощением, но на самом деле это состояние эмоционального истощения или разочарования. Расслабление или сидение без дела, не обязательно улучшит ваше самочувствие.
Легкая физическая активность, такая как уборка или ходьба, может творить чудеса с вашим психическим благополучием и избавлять от любых нежелательных мыслей или разочарований. Ее также можно направить на продуктивные дела, которые помогут облегчить остаток недели или поднять необходимый моральный дух.
Другое определение «выгорания» – когда автомобиль вращает колеса в неподвижном состоянии, в результате чего шины начинают дымиться – это подходящая метафора для подобной ситуации. Будет много дыма, если вы нажмете на тормоза и попытаетесь остаться на месте, лучше всего найти правильное направление, чтобы направить машину и поехать.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Аптечка от выгорания дизайнера
Решение проблемы выгорания требует от нас уравновешенности и продуктивности. А это трудно сделать, когда боль – это все, о чем вы можете думать