Хватит тратить свое время на курсах, появилась крутая альтернатива 😳
Команда Design Line запустили принципиально новый способ обучения для дизайнеров.
Подписка для дизайнеров Design Line Pro — это all inclusive в мире дизайна.
За 1900 рублей в месяц ты получаешь:
— система прокачки твоих дизайн-навыков по критериям (есть даже уровни и лиги)
— 2 боевые задачи от ведущих агентств страны;
— менторство каждого участника;
— все события Design Line уже включены в стоимость подписки (а если какие-то пропустил сразу получаешь записи);
— крутейший закрытый чат, который наполнен только полезной информацией;
Попробуй новый формат дизайн-тусовки прямо сейчас: https://clc.to/RJgx9w
Команда Design Line запустили принципиально новый способ обучения для дизайнеров.
Подписка для дизайнеров Design Line Pro — это all inclusive в мире дизайна.
За 1900 рублей в месяц ты получаешь:
— система прокачки твоих дизайн-навыков по критериям (есть даже уровни и лиги)
— 2 боевые задачи от ведущих агентств страны;
— менторство каждого участника;
— все события Design Line уже включены в стоимость подписки (а если какие-то пропустил сразу получаешь записи);
— крутейший закрытый чат, который наполнен только полезной информацией;
Попробуй новый формат дизайн-тусовки прямо сейчас: https://clc.to/RJgx9w
Хотите стать лучшим UX дизайнером? Создавайте эмоциональный дизайн
Давным-давно молодой выпускник инженерного колледжа попал в мир дизайна.
Он сформировал сильный аналитический подход к UX-дизайну и его интересовали только черные линии и прямоугольники (вайрфреймы). Он придерживался аналитической позиции, согласно которой дизайн должен быть исключительно полезным.
Все могло быть хорошо, но он выработал другой сильный подход. И такой подход был антиискусством.
Наверное, потому, что все вокруг считали дизайн просто цветами и одеждой, не имеющей ничего общего с аналитикой.
Он упорно боролся, пытаясь доказать, что дизайн сводиться только к функциональности. И в этой борьбе он отгородился стеной от искусства. Он отгородился от эмоционального аспекта дизайна.
Увы! Он был не прав.
Этим дизайнером был я (неудивительно). А теперь я, наконец-то, перестану говорить о себе в третьем лице.
Что я обнаружил?
Хотя это далеко не открытие десятилетия, это изменило мой взгляд на дизайн. В прошлом году я заинтересовался эмоциональным дизайном
Я согласился с тем, что дизайн – это не просто функционал. Это также эмоциональный аспект.
Функциональный дизайн можно назвать хорошим дизайном. Но если вы хотите сделать отличный дизайн, вам нужно понять и эмоциональную часть.
Почему эмоциональный дизайн?
Он был бы не нужен, если бы проектировал для машин. Машины не действуют на основе эмоций. Они запрограммированы на выполнение определенных действий, и они будут выполнять их до тех пор пока миссия не будет выполнена! (Помните фильм Терминатор?)
Люди не машины. Люди не думают нулями и единицами.
Но мы, люди – странные существа. И наши эмоции играют еще более странную и сильную роль в нашем опыте.
А теперь представьте, что вам нужно пройти по толстой и прочной деревянной доске, соединяющей два небоскреба.
Возможно, у вас сильный выброс адреналина. Вы напуганы и не хотите идти, хотя это все та же доска. Страх меняет весь опыт. И так устроены люди.
Давайте поговорим подробнее об этом новом аспекте эмоционального дизайна.
3 круга эмоционального дизайна
Это один из лучших способов объяснить элементы эмоционального дизайна. И я узнал это от Дона Нормана.
Круг 1: Интуитивный дизайн
Что вам подсказывает ваша интуиция, когда вы видите красивую мебель или декор?
Интуитивный уровень дизайна – это
внешний вид
Нельзя игнорировать восхитительные или пугающие визуальные эффекты, потому что они напрямую апеллируют к нашему сознанию.
Это глубоко укоренившиеся бессознательные, субъективные и автоматизированные чувства.
Он широко используется в брендинге, где продукты обращаются к нам не потому, что предлагают ощутимые выгоды, а потому, что отражают наши
взгляды, убеждения, чувства
и то, как мы хотим себя чувствовать.
Круг 2: Поведенческий дизайн
Сколько раз вы проклинали красивое платье, в котором вам трудно дышать?
Вы когда-нибудь ударялись лбом о полностью прозрачную стеклянную дверь?
Почему вы не можете добиться идеальной температуру для теплого душа?
Поведенческий уровень дизайна – это удобство использования. Вы хотите, чтобы эти вещи работали быстро и эффективно, чтобы вы могли достичь своих целей. Это практический аспект эмоционального дизайна.
Продукты, которые позволяют нам беспрепятственно достигать наших целей, без ошибок и препятствий, как правило, доставляют нам положительные эмоции.
Круг 3: Рефлеторный дизайн
Вы гордитесь тем, что носите обувь Nike, шорты Nike, Nike это, Nike то, Nike все?
Как вы думаете, что подумают ваши друзья, если вы купите эти смарт-часы?
Вы хотите сделать фото нового кафе, которое вы открыли для себя, и поделиться им со всем миром?
Рефлексивный уровень дизайна связан с рационализацией и интеллектуализацией продукта. Вы начинаете думать об этих вопросах. Могу я рассказать об этом историю? Апеллирует ли это к моей самооценке, к моей гордости?
Уровень рефлекторного дизайна относится к размышлениям пользователя о продукте до, во время и после использования.
Источник
Давным-давно молодой выпускник инженерного колледжа попал в мир дизайна.
Он сформировал сильный аналитический подход к UX-дизайну и его интересовали только черные линии и прямоугольники (вайрфреймы). Он придерживался аналитической позиции, согласно которой дизайн должен быть исключительно полезным.
Все могло быть хорошо, но он выработал другой сильный подход. И такой подход был антиискусством.
Наверное, потому, что все вокруг считали дизайн просто цветами и одеждой, не имеющей ничего общего с аналитикой.
Он упорно боролся, пытаясь доказать, что дизайн сводиться только к функциональности. И в этой борьбе он отгородился стеной от искусства. Он отгородился от эмоционального аспекта дизайна.
Увы! Он был не прав.
Этим дизайнером был я (неудивительно). А теперь я, наконец-то, перестану говорить о себе в третьем лице.
Что я обнаружил?
Хотя это далеко не открытие десятилетия, это изменило мой взгляд на дизайн. В прошлом году я заинтересовался эмоциональным дизайном
Я согласился с тем, что дизайн – это не просто функционал. Это также эмоциональный аспект.
Функциональный дизайн можно назвать хорошим дизайном. Но если вы хотите сделать отличный дизайн, вам нужно понять и эмоциональную часть.
Почему эмоциональный дизайн?
Он был бы не нужен, если бы проектировал для машин. Машины не действуют на основе эмоций. Они запрограммированы на выполнение определенных действий, и они будут выполнять их до тех пор пока миссия не будет выполнена! (Помните фильм Терминатор?)
Люди не машины. Люди не думают нулями и единицами.
Но мы, люди – странные существа. И наши эмоции играют еще более странную и сильную роль в нашем опыте.
А теперь представьте, что вам нужно пройти по толстой и прочной деревянной доске, соединяющей два небоскреба.
Возможно, у вас сильный выброс адреналина. Вы напуганы и не хотите идти, хотя это все та же доска. Страх меняет весь опыт. И так устроены люди.
Давайте поговорим подробнее об этом новом аспекте эмоционального дизайна.
3 круга эмоционального дизайна
Это один из лучших способов объяснить элементы эмоционального дизайна. И я узнал это от Дона Нормана.
Круг 1: Интуитивный дизайн
Что вам подсказывает ваша интуиция, когда вы видите красивую мебель или декор?
Интуитивный уровень дизайна – это
внешний вид
Нельзя игнорировать восхитительные или пугающие визуальные эффекты, потому что они напрямую апеллируют к нашему сознанию.
Это глубоко укоренившиеся бессознательные, субъективные и автоматизированные чувства.
Он широко используется в брендинге, где продукты обращаются к нам не потому, что предлагают ощутимые выгоды, а потому, что отражают наши
взгляды, убеждения, чувства
и то, как мы хотим себя чувствовать.
Круг 2: Поведенческий дизайн
Сколько раз вы проклинали красивое платье, в котором вам трудно дышать?
Вы когда-нибудь ударялись лбом о полностью прозрачную стеклянную дверь?
Почему вы не можете добиться идеальной температуру для теплого душа?
Поведенческий уровень дизайна – это удобство использования. Вы хотите, чтобы эти вещи работали быстро и эффективно, чтобы вы могли достичь своих целей. Это практический аспект эмоционального дизайна.
Продукты, которые позволяют нам беспрепятственно достигать наших целей, без ошибок и препятствий, как правило, доставляют нам положительные эмоции.
Круг 3: Рефлеторный дизайн
Вы гордитесь тем, что носите обувь Nike, шорты Nike, Nike это, Nike то, Nike все?
Как вы думаете, что подумают ваши друзья, если вы купите эти смарт-часы?
Вы хотите сделать фото нового кафе, которое вы открыли для себя, и поделиться им со всем миром?
Рефлексивный уровень дизайна связан с рационализацией и интеллектуализацией продукта. Вы начинаете думать об этих вопросах. Могу я рассказать об этом историю? Апеллирует ли это к моей самооценке, к моей гордости?
Уровень рефлекторного дизайна относится к размышлениям пользователя о продукте до, во время и после использования.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Хотите стать лучшим UX дизайнером? Создавайте эмоциональный дизайн
Вы смело заявляете, что UX-дизайн – это не что иное, как функционал? Если да, то вам стоит прочитать эту статью
Как несмотря на апатию завершить дизайн проект
Если и есть что-то хуже творческого ступора, так это апатия к работе. У вас бывало такое состояние, когда попросту плевать, как все пройдет? Если да, то вы знаете, насколько удручает осознание, что ранее радовавшая работа стала в тягость.
В периоды апатии мы хоть и осознаем, что обязаны сделать, но в этом абсолютно не заинтересованы. К этому может привести масса причин. Возможно, вам надоела однотипность задач. Или попался клиент, который настаивал на проведении заведомо провальных изменений. А может в вашей жизни происходят события, которые отвлекают от работы и вызывают постоянное чувство беспокойства.
Даже зная причины, которые могут привести к этому состоянию, мы не можем оградиться от апатии. Разве только не подымать пятую точку с дивана, что грозит апатией ко всему миру.
Также, вы можете страдать от того, что нет свободы творчества. Многие дизайнеры загнаны в рамки, поэтому им приходится придерживаться определенного шаблона.
В свое время меня полностью затянул веб-дизайн, он казался очень интересной и увлекательной сферой. Даже сейчас, я уверен, что кодинг сайтов никогда мне не надоест. Но несмотря на сильное увлечение работой, у меня бывают не самые лучшие времена.
Когда попадается проект, требующий большого количества времени и монотонной работы, у меня могут опуститься руки. Раньше я боролся с этим так – брал в руки геймпад и погружался в виртуальный мир, пока дедлайн не начнет гореть ярким огнем. Очевидно, это не лучший выход, но как это контролировать? Если вы сталкиваетесь с подобным, сначала ответьте себе на вопрос: «Кому нужен этот проект?».
Клиенту
Если проект нужен клиенту, относитесь к нему, как к заданию, которое нужно завершить. Вариант только один – выполнить свои обязательства. Как профессионал, вы должны приложить все усилия и довести дело до конца. Делать хуже, чем можешь – вредить себе.
Мне
На этот счет существует несколько мнений. С одной стороны, вы имеете полное право забросить проект, когда утратили интерес. В том смысле, что это ваше свободное время, и кому как не вам им распоряжаться.
Как себя пересилить:
И так, для начала определитесь вы должны это сделать потому, что хотите или потому что нужно.
Вот пять советов, которые помогут пересилить себя:
1. Для начала нужно начать
Это, пожалуй, самая сложная часть, особенно, когда работа вас не интересует. Здесь часто находятся более важные дела или вы постоянно переносите проект на другой день. В любом деле самое главное – начать.
2. Переключитесь на другую часть проекта
Если работа позволяет переключаться между задачами или этапами, попробуйте этот способ. Малейшее разнообразие в процессе, переключение между задачами или перерыв помогут освежить мысли.
И правда, эта хитрость не раз помогала найти решение в ситуациях, когда, казалось бы, совсем не было идей. Кроме этого, получится ускорить процесс работы.
3. Делайте привычные вещи непривычными способами
У этого совета есть свои плюсы и минусы.
Начнем с плюсов. В случае с веб-разработкой можно попробовать новый тип структуры сетки, скрипт, редактор кода и все в этом роде. Если вы совместите процесс изучения новых инструментов со скучными заданиями, будет намного интереснее и вы проведете это время с большей пользой.
4. Балуйте себя за проделанную работу
Награждайте себя за успехи. Отмечайте преодоление трудностей чем-то приятным, ведь вы этого заслужили. Сделайте перекус, похлопайте себе, если вам это доставит удовольствие. В такие моменты очень важно ощущать значимость своего труда.
5. Передайте проект другому специалисту
Это крайняя мера, к которой можно прибегнуть. В безвыходной ситуации вы всегда можете передать выполнение проекта другому специалисту. Прежде чем это сделать убедитесь в его профессиональности. Качество работы должно быть не ниже того уровня, на котором находитесь вы. И обязательно убедитесь в этом, перед сдачей проекта клиенту. Или же, можно перепоручить часть обязанностей, которые вам даются хуже всего или бесят.
Источник
Если и есть что-то хуже творческого ступора, так это апатия к работе. У вас бывало такое состояние, когда попросту плевать, как все пройдет? Если да, то вы знаете, насколько удручает осознание, что ранее радовавшая работа стала в тягость.
В периоды апатии мы хоть и осознаем, что обязаны сделать, но в этом абсолютно не заинтересованы. К этому может привести масса причин. Возможно, вам надоела однотипность задач. Или попался клиент, который настаивал на проведении заведомо провальных изменений. А может в вашей жизни происходят события, которые отвлекают от работы и вызывают постоянное чувство беспокойства.
Даже зная причины, которые могут привести к этому состоянию, мы не можем оградиться от апатии. Разве только не подымать пятую точку с дивана, что грозит апатией ко всему миру.
Также, вы можете страдать от того, что нет свободы творчества. Многие дизайнеры загнаны в рамки, поэтому им приходится придерживаться определенного шаблона.
В свое время меня полностью затянул веб-дизайн, он казался очень интересной и увлекательной сферой. Даже сейчас, я уверен, что кодинг сайтов никогда мне не надоест. Но несмотря на сильное увлечение работой, у меня бывают не самые лучшие времена.
Когда попадается проект, требующий большого количества времени и монотонной работы, у меня могут опуститься руки. Раньше я боролся с этим так – брал в руки геймпад и погружался в виртуальный мир, пока дедлайн не начнет гореть ярким огнем. Очевидно, это не лучший выход, но как это контролировать? Если вы сталкиваетесь с подобным, сначала ответьте себе на вопрос: «Кому нужен этот проект?».
Клиенту
Если проект нужен клиенту, относитесь к нему, как к заданию, которое нужно завершить. Вариант только один – выполнить свои обязательства. Как профессионал, вы должны приложить все усилия и довести дело до конца. Делать хуже, чем можешь – вредить себе.
Мне
На этот счет существует несколько мнений. С одной стороны, вы имеете полное право забросить проект, когда утратили интерес. В том смысле, что это ваше свободное время, и кому как не вам им распоряжаться.
Как себя пересилить:
И так, для начала определитесь вы должны это сделать потому, что хотите или потому что нужно.
Вот пять советов, которые помогут пересилить себя:
1. Для начала нужно начать
Это, пожалуй, самая сложная часть, особенно, когда работа вас не интересует. Здесь часто находятся более важные дела или вы постоянно переносите проект на другой день. В любом деле самое главное – начать.
2. Переключитесь на другую часть проекта
Если работа позволяет переключаться между задачами или этапами, попробуйте этот способ. Малейшее разнообразие в процессе, переключение между задачами или перерыв помогут освежить мысли.
И правда, эта хитрость не раз помогала найти решение в ситуациях, когда, казалось бы, совсем не было идей. Кроме этого, получится ускорить процесс работы.
3. Делайте привычные вещи непривычными способами
У этого совета есть свои плюсы и минусы.
Начнем с плюсов. В случае с веб-разработкой можно попробовать новый тип структуры сетки, скрипт, редактор кода и все в этом роде. Если вы совместите процесс изучения новых инструментов со скучными заданиями, будет намного интереснее и вы проведете это время с большей пользой.
4. Балуйте себя за проделанную работу
Награждайте себя за успехи. Отмечайте преодоление трудностей чем-то приятным, ведь вы этого заслужили. Сделайте перекус, похлопайте себе, если вам это доставит удовольствие. В такие моменты очень важно ощущать значимость своего труда.
5. Передайте проект другому специалисту
Это крайняя мера, к которой можно прибегнуть. В безвыходной ситуации вы всегда можете передать выполнение проекта другому специалисту. Прежде чем это сделать убедитесь в его профессиональности. Качество работы должно быть не ниже того уровня, на котором находитесь вы. И обязательно убедитесь в этом, перед сдачей проекта клиенту. Или же, можно перепоручить часть обязанностей, которые вам даются хуже всего или бесят.
Источник
Сей-Хай
Как несмотря на апатию завершить дизайн проект – Сей-Хай
Если и есть что-то хуже творческого ступора, так это апатия к работе. У вас бывало такое состояние, когда попросту плевать, как все пройдет? Если да, то
Как создавать профессиональные формы?
В этой статье мы рассмотрим, как создавать формы на профессиональном уровне и взглянем на самые популярные советы по созданию таких форм.
Форма, представляет собой интерфейс, который собирает у пользователя необходимую информацию, а затем передает ее третьей стороне. Формы выглядят как самые невинные и простые компоненты пользовательского интерфейса, но в ту же очередь они являют собой наиболее важный вид взаимодействий с вашим продуктом. Они помогут вашим пользователям зарегистрироваться и провести оплату. Их основная цель — помочь пользователям и предприятиям достичь своих личных целей путем установления отношений или диалога между ними. Даже с учетом их огромного значения, достаточно часто можно встретить плохо сделанные формы. Вот несколько советов по созданию правильных форм:
Подберите ярлыки
Ярлыки над полями — это эффективный способ создания форм и ускорения их заполнения. Кроме того, формы, разработанные таким образом являются более гибкими и лучше «реагируют» на различные устройства.
Сгруппируйте поля
Ярлыки должны находится ближе к полям ввода, а между самими полями должно быть некоторое пространство. Такой подход поможет пользователям не запутаться и сделает их опыт более приятным и легким.
Необязательные поля вместо обязательных
Лучше будет сделать так, чтобы необязательные поля были более четкими, чем обязательные. Таким образом форма будет понятной и менее утомительной для пользователя. Пользователи чувствуют себя более комфортно, если они знают, что это поле необязательно заполнять, а не наоборот.
Разделить на группы
Длинные формы, заполненные большим количеством полей, могут быть ошеломляющими и сложными для понимания. Их следует разделить на логические группы, добавив соответствующий пробел и соответствующий заголовок. Благодаря такому подходу пользователи не чувствуют себя перегруженными длинными формами, ведь они разделены на несколько составляющих частей.
Сообщайте пользователям встроенные коды ошибок
Нет ничего более пугающего, чем непонятная ошибка. Ошибки перекладывают всю ответственность и работу на конечных пользователей, что скорее всего, приведет либо к разочарованию пользователя, либо к отказу от использования формы в целом. Предоставьте пользователям четкие инструкции по исправлению ошибок.
Заключение:
В целом, никто на самом деле не хочет заполнять формы, в этом нет ничего зазорного. Но существует множество способов сделать ваши формы более простыми в и понятными для пользователей. Простая в использовании форма — это эффективный способ увеличения конверсии, продаж и вовлеченности со стороны вашей аудитории. Не стоит ими пренебрегать.
Источник
В этой статье мы рассмотрим, как создавать формы на профессиональном уровне и взглянем на самые популярные советы по созданию таких форм.
Форма, представляет собой интерфейс, который собирает у пользователя необходимую информацию, а затем передает ее третьей стороне. Формы выглядят как самые невинные и простые компоненты пользовательского интерфейса, но в ту же очередь они являют собой наиболее важный вид взаимодействий с вашим продуктом. Они помогут вашим пользователям зарегистрироваться и провести оплату. Их основная цель — помочь пользователям и предприятиям достичь своих личных целей путем установления отношений или диалога между ними. Даже с учетом их огромного значения, достаточно часто можно встретить плохо сделанные формы. Вот несколько советов по созданию правильных форм:
Подберите ярлыки
Ярлыки над полями — это эффективный способ создания форм и ускорения их заполнения. Кроме того, формы, разработанные таким образом являются более гибкими и лучше «реагируют» на различные устройства.
Сгруппируйте поля
Ярлыки должны находится ближе к полям ввода, а между самими полями должно быть некоторое пространство. Такой подход поможет пользователям не запутаться и сделает их опыт более приятным и легким.
Необязательные поля вместо обязательных
Лучше будет сделать так, чтобы необязательные поля были более четкими, чем обязательные. Таким образом форма будет понятной и менее утомительной для пользователя. Пользователи чувствуют себя более комфортно, если они знают, что это поле необязательно заполнять, а не наоборот.
Разделить на группы
Длинные формы, заполненные большим количеством полей, могут быть ошеломляющими и сложными для понимания. Их следует разделить на логические группы, добавив соответствующий пробел и соответствующий заголовок. Благодаря такому подходу пользователи не чувствуют себя перегруженными длинными формами, ведь они разделены на несколько составляющих частей.
Сообщайте пользователям встроенные коды ошибок
Нет ничего более пугающего, чем непонятная ошибка. Ошибки перекладывают всю ответственность и работу на конечных пользователей, что скорее всего, приведет либо к разочарованию пользователя, либо к отказу от использования формы в целом. Предоставьте пользователям четкие инструкции по исправлению ошибок.
Заключение:
В целом, никто на самом деле не хочет заполнять формы, в этом нет ничего зазорного. Но существует множество способов сделать ваши формы более простыми в и понятными для пользователей. Простая в использовании форма — это эффективный способ увеличения конверсии, продаж и вовлеченности со стороны вашей аудитории. Не стоит ими пренебрегать.
Источник
Руководство для новичков по применению цвета в UI дизайне
Вас разочаровывает теория цвета? Вы устали от старых пресетов палитр? Устали нажимать кнопку «regenerate» для создания цветовой палитры?
Не волнуйтесь, вы не одиноки …
Мы надеемся, что эта статья станет вашим виртуальным гидом по мистической горе цвета. К тому времени, как вы достигнете вершины, вы обретете все необходимые навыки для создания красивых, согласованных палитр.
Содержание статьи
Предпосылки
Формат этого руководства
Выбор вашего продукта
Работа с HSL
Проектирование в оттенках серого
Определение оттенков серого
Применение оттенков серого
Примечание о доступности – проверьте контраст
Выбор индивидуальности
Выбираем основной цвет + оттенки
Применение базового цвета
Слегка окрашенные оттенки серого (Tinted grays)
Расширяя свою палитру
Вывод
Читать: https://ux.pub/rukovodstvo-dlya-novichkov-po-primeneniyu-tsveta-v-ui-dizayne/
Вас разочаровывает теория цвета? Вы устали от старых пресетов палитр? Устали нажимать кнопку «regenerate» для создания цветовой палитры?
Не волнуйтесь, вы не одиноки …
Мы надеемся, что эта статья станет вашим виртуальным гидом по мистической горе цвета. К тому времени, как вы достигнете вершины, вы обретете все необходимые навыки для создания красивых, согласованных палитр.
Содержание статьи
Предпосылки
Формат этого руководства
Выбор вашего продукта
Работа с HSL
Проектирование в оттенках серого
Определение оттенков серого
Применение оттенков серого
Примечание о доступности – проверьте контраст
Выбор индивидуальности
Выбираем основной цвет + оттенки
Применение базового цвета
Слегка окрашенные оттенки серого (Tinted grays)
Расширяя свою палитру
Вывод
Читать: https://ux.pub/rukovodstvo-dlya-novichkov-po-primeneniyu-tsveta-v-ui-dizayne/
UXPUB 🇺🇦 Дизайн-спільнота
Руководство для новичков по применению цвета в UI дизайне
Вас разочаровывает теория цвета? Вы устали от старых пресетов палитр? Устали нажимать кнопку «regenerate» для создания цветовой палитры?
6 способов снизить когнитивную нагрузку при проектировании интерфейса
Усталость от принятия решений – это популярный термин, используемый для описания случаев, когда люди приняли слишком много решений за определенный период времени. Исследования показывают, что это в основном происходит из-за того, что когнитивные ресурсы человека со временем уменьшаются. Вот почему после 30 минут серфинга на Netflix в поисках чего-то нового, вы в конечном итоге смотрите сериал «Офис». Ваша способность принимать решения начала давать сбой – даже если это неплохое шоу!
Содержание статьи
1. Уменьшите количество вариантов, из которых пользователю нужно выбрать
2. Сделайте так, чтобы было легче вернуться на правильный путь, если вы допустили ошибку
3. Используйте для навигации визуальные подсказки
4. Снизьте когнитивную нагрузку, используя знакомые паттерны и соглашения
Используйте последовательную цветовую схему
Используйте повторение в дизайн-паттернах и соглашениях
Используйте знакомые иконки и символы для обозначения повседневных действий, например, корзину для удаления файлов.
5. Создавайте дизайн, думая о пользователях, а не о себе или своей компании.
6. Будьте проще – не перегружайте пользователей сразу слишком большим количеством опций или функций
Читать: https://ux.pub/6-sposobov-snizit-kognitivnuyu-nagruzku-pri-proektirovanii-interfeysa/
Усталость от принятия решений – это популярный термин, используемый для описания случаев, когда люди приняли слишком много решений за определенный период времени. Исследования показывают, что это в основном происходит из-за того, что когнитивные ресурсы человека со временем уменьшаются. Вот почему после 30 минут серфинга на Netflix в поисках чего-то нового, вы в конечном итоге смотрите сериал «Офис». Ваша способность принимать решения начала давать сбой – даже если это неплохое шоу!
Содержание статьи
1. Уменьшите количество вариантов, из которых пользователю нужно выбрать
2. Сделайте так, чтобы было легче вернуться на правильный путь, если вы допустили ошибку
3. Используйте для навигации визуальные подсказки
4. Снизьте когнитивную нагрузку, используя знакомые паттерны и соглашения
Используйте последовательную цветовую схему
Используйте повторение в дизайн-паттернах и соглашениях
Используйте знакомые иконки и символы для обозначения повседневных действий, например, корзину для удаления файлов.
5. Создавайте дизайн, думая о пользователях, а не о себе или своей компании.
6. Будьте проще – не перегружайте пользователей сразу слишком большим количеством опций или функций
Читать: https://ux.pub/6-sposobov-snizit-kognitivnuyu-nagruzku-pri-proektirovanii-interfeysa/
UXPUB 🇺🇦 Дизайн-спільнота
6 способов снизить когнитивную нагрузку при проектировании интерфейса
В статье мы предложили шесть способов снизить усталость от принятия решений в отношении продуктов и услуг, чтобы клиенты с большей вероятностью не сбились с пути и совершили покупку
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
В 2012 году Google Ventures создала дизайн-спринт. Это пятидневное взаимодействие с членами вашей продуктовой команды. Вы «пробегаете» весь процесс проектирования за неделю, от определения проблемы до создания прототипа. Его суть в том, чтобы привнести идеи от ключевых заинтересованных сторон и помочь им сочувствовать своим клиентам.
И, похоже, это сработало.
Девять лет спустя семинары и сессии по выработке идей стали обычным явлением в продуктовых командах. Теперь не дизайнеры так же часто используют такие термины, как «юзабилити» и «дизайн-мышление». Но каковы последствия этого? Повредило ли нам такое вовлечение заинтересованных сторон в процесс?
Читать статью: https://ux.pub/fetishizatsiya-ux-dizayna-byt-dizaynerom-znachit-namnogo-bolshe-chem-my-sebe-predstavlyaem/
В 2012 году Google Ventures создала дизайн-спринт. Это пятидневное взаимодействие с членами вашей продуктовой команды. Вы «пробегаете» весь процесс проектирования за неделю, от определения проблемы до создания прототипа. Его суть в том, чтобы привнести идеи от ключевых заинтересованных сторон и помочь им сочувствовать своим клиентам.
И, похоже, это сработало.
Девять лет спустя семинары и сессии по выработке идей стали обычным явлением в продуктовых командах. Теперь не дизайнеры так же часто используют такие термины, как «юзабилити» и «дизайн-мышление». Но каковы последствия этого? Повредило ли нам такое вовлечение заинтересованных сторон в процесс?
Читать статью: https://ux.pub/fetishizatsiya-ux-dizayna-byt-dizaynerom-znachit-namnogo-bolshe-chem-my-sebe-predstavlyaem/
UXPUB 🇺🇦 Дизайн-спільнота
Фетишизация UX-дизайна. Быть дизайнером – значит намного больше, чем мы себе представляем
В 2012 году Google Ventures создала дизайн-спринт. Это пятидневное взаимодействие с членами вашей...
8 трендов дизайна, которые не прижились
Каждый год мы начинаем со списка трендов дизайна, которые, по мнению экспертов, будут доминировать в проектах в следующем году. Безусловно, в таких прогнозах бывают и промахи.
В одном приложении это фишка, которая работает отлично, а в другом – плоско. Вот некоторые из трендов, которые быстро исчезают.
Элементы вне экрана
Одна из тенденций дизайна, которая набирала обороты в начале года, заключалась в использовании элементов вне экрана. Это способствовало горизонтальной прокрутке. Все, от текста до изображений, будто выходило за рамки.
Почему тренд не прижился: это исключительно сложная техника. Внеэкранные элементы выглядят по-разному при разных размерах экрана, и это может существенно повлиять на удобочитаемость и понимание.
Перекрывающиеся элементы дизайна
Использование перекрывающихся элементов дизайна – еще одна тенденция, которая может быть визуально ошеломляющей, но которую сложно заставить работать в реальных ситуациях.
Почему тренд не прижился: требовалось много времени и усилий, что все работало как надо. И у вас должен быть только правильный контент, который хорошо наслоится.
Супер минимальная эстетика
В то время как настоящий минимализм никогда не выходит из моды надолго, супер-минималистичный стиль просуществовал относительно недолго. На главной странице этих дизайнов почти ничего не было. Вы, наверное, уже догадались, почему эта тенденция не продержалась долго.
Почему тренд не прижился: в этой школе нет ничего плохого, но есть проблема – здесь мало того, что привлекает внимание.
Интересные паттерны при прокрутке
Как и многие тренды из этого списка, классными паттернами при прокрутке сложно управлять и контролировать на разных устройствах и размерах. Основа использования – помочь посетителям сайта перемещаться по дизайну.
Почему тренд не прижился: пользователи хотят знать, чего ожидать, и не хотят думать о том, как взаимодействовать с дизайном. Это создает когнитивную нагрузку и люди могут уйти с сайта, так и не разобравшись.
Преувеличенное белое пространство
Этот тренд не так и плох, но выглядит очень непривычно. Просто посмотрите на скрин выше: контент занимает здесь около трети места – слишком расточительно.
Почему тренд не прижился: если у вас много контента, то эта фишка превратится в бесконечную прокрутку. Это никому не нужно.
Видео везде
Перед началом 2021-го во многих блогах и статьях высказывалась идея, что этот год станет годом видео. И хотя тренд отошел на второй план, но наверняка быстро вернется.
Почему тренд не прижился: похоже, тенденция не так широко разошлась из-за ковидных сокращений: в ограниченном бюджете сложно найти деньги на видео.
Формы пузырей и капель
Почти удивительно, что эта тенденция исчезла – по многим из тех же причин, по которым исчезло видео. Хотя формы пузырей и капель казались хорошей альтернативой реальным изображениям.
Почему тренд не прижился: при таком количестве проектов эта тенденция, возможно, исчезла из-за общей усталости от дизайна.
Подсказки ИИ
Мы верили, что этот год станет годом дополненной реальности и искусственного интеллекта. Но поспешили: бывает такое, что технология не поспевает за прогнозом.
Почему тренд не прижился: ИИ – интересная технология, которую тяжело осознать. Многое происходит в фоновом режиме. Возможно, дизайнеры просто не могли придумать больше способов показать это визуально.
Источник
Каждый год мы начинаем со списка трендов дизайна, которые, по мнению экспертов, будут доминировать в проектах в следующем году. Безусловно, в таких прогнозах бывают и промахи.
В одном приложении это фишка, которая работает отлично, а в другом – плоско. Вот некоторые из трендов, которые быстро исчезают.
Элементы вне экрана
Одна из тенденций дизайна, которая набирала обороты в начале года, заключалась в использовании элементов вне экрана. Это способствовало горизонтальной прокрутке. Все, от текста до изображений, будто выходило за рамки.
Почему тренд не прижился: это исключительно сложная техника. Внеэкранные элементы выглядят по-разному при разных размерах экрана, и это может существенно повлиять на удобочитаемость и понимание.
Перекрывающиеся элементы дизайна
Использование перекрывающихся элементов дизайна – еще одна тенденция, которая может быть визуально ошеломляющей, но которую сложно заставить работать в реальных ситуациях.
Почему тренд не прижился: требовалось много времени и усилий, что все работало как надо. И у вас должен быть только правильный контент, который хорошо наслоится.
Супер минимальная эстетика
В то время как настоящий минимализм никогда не выходит из моды надолго, супер-минималистичный стиль просуществовал относительно недолго. На главной странице этих дизайнов почти ничего не было. Вы, наверное, уже догадались, почему эта тенденция не продержалась долго.
Почему тренд не прижился: в этой школе нет ничего плохого, но есть проблема – здесь мало того, что привлекает внимание.
Интересные паттерны при прокрутке
Как и многие тренды из этого списка, классными паттернами при прокрутке сложно управлять и контролировать на разных устройствах и размерах. Основа использования – помочь посетителям сайта перемещаться по дизайну.
Почему тренд не прижился: пользователи хотят знать, чего ожидать, и не хотят думать о том, как взаимодействовать с дизайном. Это создает когнитивную нагрузку и люди могут уйти с сайта, так и не разобравшись.
Преувеличенное белое пространство
Этот тренд не так и плох, но выглядит очень непривычно. Просто посмотрите на скрин выше: контент занимает здесь около трети места – слишком расточительно.
Почему тренд не прижился: если у вас много контента, то эта фишка превратится в бесконечную прокрутку. Это никому не нужно.
Видео везде
Перед началом 2021-го во многих блогах и статьях высказывалась идея, что этот год станет годом видео. И хотя тренд отошел на второй план, но наверняка быстро вернется.
Почему тренд не прижился: похоже, тенденция не так широко разошлась из-за ковидных сокращений: в ограниченном бюджете сложно найти деньги на видео.
Формы пузырей и капель
Почти удивительно, что эта тенденция исчезла – по многим из тех же причин, по которым исчезло видео. Хотя формы пузырей и капель казались хорошей альтернативой реальным изображениям.
Почему тренд не прижился: при таком количестве проектов эта тенденция, возможно, исчезла из-за общей усталости от дизайна.
Подсказки ИИ
Мы верили, что этот год станет годом дополненной реальности и искусственного интеллекта. Но поспешили: бывает такое, что технология не поспевает за прогнозом.
Почему тренд не прижился: ИИ – интересная технология, которую тяжело осознать. Многое происходит в фоновом режиме. Возможно, дизайнеры просто не могли придумать больше способов показать это визуально.
Источник
Сей-Хай
8 трендов дизайна, которые не прижились – Сей-Хай
Каждый год мы начинаем со списка трендов дизайна, которые, по мнению экспертов, будут доминировать в проектах в следующем году. Безусловно, в таких
Как создать дизайн-концепцию сайта в 5 шагов
Дизайн-концепция — это визуальная концепция будущего дизайн-проекта, которая наглядно представляет стиль и общее настроение будущего сайта, какие ассоциации он будет вызывать у пользователей, какая палитра цветов будет использоваться, какие шрифты, иконки и прочие визуальные паттерны будут взяты в работу. Это важный этап перед стартом дизайна, потому как с его помощью можно задать общий стиль и настроение сайта, который будет устраивать заказчика.
Фундаментальная отсылка. Концепция – это объединение в систему всех идей (взглядов), выработанных для понимания направления развития. Она дает ответ на вопрос — как достичь намеченной цели. По сути, это единый определяющий замысел (стратегия) для решения любой задачи.
Термин дизайн-концепция произошел от объединения двух латинских слов «designare» и «conceptio». «Designare» значит «определять» и «conceptio» – «понимание, система».
Руководство призвано помочь вам сориентироваться в любой дизайн-концепции, независимо от формата, контекста и целей.
Содержание:
Что такое дизайн-концепция сайта для чего она нужна
Инструкция по разработке дизайн-концепции сайта
Этап 1. Сбор данных о деле клиента
Этап 2. Дизайн-исследование и пространство для концепции
Этап 3. Дебют стиля: конструктор образа и примерка
Этап 4. Информационная архитектура и текстовые прототипы
Этап 5. Стильная дизайн-концепция и тестирование
Что важно учесть при создании дизайн-концепции сайта
Читать статью: https://bit.ly/2YefnfZ
Дизайн-концепция — это визуальная концепция будущего дизайн-проекта, которая наглядно представляет стиль и общее настроение будущего сайта, какие ассоциации он будет вызывать у пользователей, какая палитра цветов будет использоваться, какие шрифты, иконки и прочие визуальные паттерны будут взяты в работу. Это важный этап перед стартом дизайна, потому как с его помощью можно задать общий стиль и настроение сайта, который будет устраивать заказчика.
Фундаментальная отсылка. Концепция – это объединение в систему всех идей (взглядов), выработанных для понимания направления развития. Она дает ответ на вопрос — как достичь намеченной цели. По сути, это единый определяющий замысел (стратегия) для решения любой задачи.
Термин дизайн-концепция произошел от объединения двух латинских слов «designare» и «conceptio». «Designare» значит «определять» и «conceptio» – «понимание, система».
Руководство призвано помочь вам сориентироваться в любой дизайн-концепции, независимо от формата, контекста и целей.
Содержание:
Что такое дизайн-концепция сайта для чего она нужна
Инструкция по разработке дизайн-концепции сайта
Этап 1. Сбор данных о деле клиента
Этап 2. Дизайн-исследование и пространство для концепции
Этап 3. Дебют стиля: конструктор образа и примерка
Этап 4. Информационная архитектура и текстовые прототипы
Этап 5. Стильная дизайн-концепция и тестирование
Что важно учесть при создании дизайн-концепции сайта
Читать статью: https://bit.ly/2YefnfZ
Продуктовый дизайн (UX/UI), брендинг и аналитика
Как разработать дизайн-концепцию сайта за 5 шагов + Пример
Расскажу о ценности дизайн-концепции, а также покажу, как создать дизайн-концепцию сайта по шагам. В финале чек-лист с примерами и советами.
Доступность | Как правильно использовать эмодзи
1. Не используйте эмодзи для замены слов.
2. Не используйте слишком много эмодзи.
3. Не помещайте эмодзи перед важным сообщением или призывом к действию: текст прежде всего
4. Не помещайте эмодзи между слов.
5. Используйте понятные эмодзи, широко известные всей аудитории.
6. Не используйте скобочки
7. Используйте эмодзи, которые подходят как для светлого, так и для темного фона.
Когда дело доходит до использования эмодзи в дизайне продукта, нам нужно узнать людей, использующих продукт. Слепые пользователи и пользователи со слабым зрением в значительной степени полагаются на тексты и альтернативные текстовые описания, которые мы помещаем в наш продукт, поэтому мы проводим черту использования смайлов в продуктах, чтобы избегать плохого UX для определенной группы пользователей. Дизайнерам необходимо обеспечить максимальную доступность разрабатываемых нами продуктов по умолчанию, и мы рассматривали ВСЕХ пользователей как часть нашей аудитории.
Читать полностью
1. Не используйте эмодзи для замены слов.
2. Не используйте слишком много эмодзи.
3. Не помещайте эмодзи перед важным сообщением или призывом к действию: текст прежде всего
4. Не помещайте эмодзи между слов.
5. Используйте понятные эмодзи, широко известные всей аудитории.
6. Не используйте скобочки
7. Используйте эмодзи, которые подходят как для светлого, так и для темного фона.
Когда дело доходит до использования эмодзи в дизайне продукта, нам нужно узнать людей, использующих продукт. Слепые пользователи и пользователи со слабым зрением в значительной степени полагаются на тексты и альтернативные текстовые описания, которые мы помещаем в наш продукт, поэтому мы проводим черту использования смайлов в продуктах, чтобы избегать плохого UX для определенной группы пользователей. Дизайнерам необходимо обеспечить максимальную доступность разрабатываемых нами продуктов по умолчанию, и мы рассматривали ВСЕХ пользователей как часть нашей аудитории.
Читать полностью
12 рекомендаций, которые помогут улучшить процесс регистрации и входа в систему
Когда необходимо создать учетную запись, процесс регистрации должен быть максимально простым. Ниже представлены 12 практических рекомендаций, которые помогут вам улучшить пользовательский опыт регистрации и входа в систему.
Содержание статьи
1. Поддержка входа в систему с помощью аккаунтов в социальных сетях и функции «Вход с Apple».
2. Не используйте имя пользователя
3. Попросите пользователей соблюдать правила безопасности при создании пароля.
4. Запретите пользователям использовать распространенные пароли
5. Добавьте индикатор надежности пароля
6. Разрешите пользователям делать пароль видимым
7. Не просите пользователей дважды вводить адрес электронной почты или пароль
8. Не просите пользователей подтверждать электронную почту сразу после регистрации
9. Используйте двухфакторную авторизацию или приложение для авторизации
10. Разрешить людям использовать аутентификацию по отпечатку пальца или лицу для входа (в основном с мобильных устройств)
11. Поддержка функции «Забыли пароль»
12. Поддержка входа без пароля.
Читать: https://bit.ly/3BDqaPh
Когда необходимо создать учетную запись, процесс регистрации должен быть максимально простым. Ниже представлены 12 практических рекомендаций, которые помогут вам улучшить пользовательский опыт регистрации и входа в систему.
Содержание статьи
1. Поддержка входа в систему с помощью аккаунтов в социальных сетях и функции «Вход с Apple».
2. Не используйте имя пользователя
3. Попросите пользователей соблюдать правила безопасности при создании пароля.
4. Запретите пользователям использовать распространенные пароли
5. Добавьте индикатор надежности пароля
6. Разрешите пользователям делать пароль видимым
7. Не просите пользователей дважды вводить адрес электронной почты или пароль
8. Не просите пользователей подтверждать электронную почту сразу после регистрации
9. Используйте двухфакторную авторизацию или приложение для авторизации
10. Разрешить людям использовать аутентификацию по отпечатку пальца или лицу для входа (в основном с мобильных устройств)
11. Поддержка функции «Забыли пароль»
12. Поддержка входа без пароля.
Читать: https://bit.ly/3BDqaPh
UXPUB 🇺🇦 Дизайн-спільнота
12 рекомендаций, которые помогут улучшить процесс регистрации и входа в систему
В статье представлены 12 практических рекомендаций, которые помогут вам улучшить пользовательский опыт регистрации и входа в систему
Сквирклморфизм (Squirclemorphism) в дизайне интерфейсов
Сквиркл? Что это?
Это не прямоугольник с закругленными углами и не круг. Эта фигура уникальна, но имеет огромное значение. Впервые она была замечена в цифровом дизайне с появлением iOS 7. К иконкам приложений была применена маска в форме сквиркла. С тех пор дизайнеры полюбили эту фигуру.
Если вы хотите узнать формулу, лежащую в ее основе, ознакомьтесь с описанием из Википедии или исследованиями, проведенными Figma Engineere.
Рассвет сквирклморфизма
Первоначально сквиркл использовался для воссоздания иконок iOS-приложений. Как я уже упоминал, разница между стандартным прямоугольником с закругленными углами и суперэллипсом была небольшой, но заметной. Мы всегда стремимся к тому, чтобы наши дизайны выглядели современно, поэтому мы хотели, чтобы к иконкам приложений была применена маска в виде этой новой фигуры.
Потом дизайнеры поняли, что его можно использовать для других элементов. Некоторые из нас начали использовать его в углах карточек, другие сделали элегантные иконки. Это было только начало…
Теперь вы можете повсюду встретить сквирклы в различных формах в UI дизайне. Маска в форме суперэллипса применяется к целым страницам мобильных приложений!
Повсеместное распространение сквирклов побудило меня назвать этот тренд – Сквирклморфизм (Squirclemorphism)! Что интересно, сам стиль заключается только в использовании формы суперэллипса. Он может быть связан с нейоморфными или глассморфными элементами.
Изначально я заметил, что суперэллипсы становятся все более популярными в Instagram, потому что в ленте полно новых творений. На Dribbble я обычно ищу определенные элементы или категории, и было труднее заметить новый восходящий тренд.
Я люблю просматривать дизайны на Dribbble, чтобы найти вдохновение или интересные стили и композиции. Введите «squircle» в поиске Dribbble, и вы увидите сотни результатов.
Как вы наверняка заметили, большинство дизайнов создаются только для демонстрации навыков своих создателей. Они не используются в реальных приложениях.
Сквирклы в Figma
По умолчанию закругленные углы указывают на правильный радиус. Но это касается только закругленных прямоугольников, а не суперэллипсов.
Чтобы добиться особой формы, вам нужно добавить «Corner Smoothing» (Сглаживание углов) к радиусу скругления угла. Чтобы активировать сглаживание, вы должны нажать иконку радиуса скругления угла, чтобы отобразить подробные настройки радиус для каждого угла. Затем под иконкой меню с тремя точками вы найдете параметр «Corner Smoothing». Кликните по нему, и вы увидите всплывающее окно с ползунком.
Если вы хотите добиться эффекта, подобного iOS, установите значение примерно на 60%, для максимального эффекта используйте 100%. Все просто!
Сквирклы в Sketch
Создавать сквирклы в Sketch еще проще. Когда у вас есть слой в форме прямоугольника с закругленными углами, все, что вам нужно сделать, это перейти на панель Inspector (та, что справа) и выбрать раскрывающийся список «Radius (Round Corners»). Измените параметр на «Smooth Corners». Все, ваш сквиркл готов!!
В последние месяцы появилось много трендов. Сквирклморфизм начался с небольшого элемента – иконок приложений iOS7. Сейчас он применяется практически ко всем элементам, имеющим закругленные углы. Очевидно, что не все сквирклы хороши в реальных приложениях, но эта тенденция, безусловно, вдохновляет.
Источник
Сквиркл? Что это?
Это не прямоугольник с закругленными углами и не круг. Эта фигура уникальна, но имеет огромное значение. Впервые она была замечена в цифровом дизайне с появлением iOS 7. К иконкам приложений была применена маска в форме сквиркла. С тех пор дизайнеры полюбили эту фигуру.
Если вы хотите узнать формулу, лежащую в ее основе, ознакомьтесь с описанием из Википедии или исследованиями, проведенными Figma Engineere.
Рассвет сквирклморфизма
Первоначально сквиркл использовался для воссоздания иконок iOS-приложений. Как я уже упоминал, разница между стандартным прямоугольником с закругленными углами и суперэллипсом была небольшой, но заметной. Мы всегда стремимся к тому, чтобы наши дизайны выглядели современно, поэтому мы хотели, чтобы к иконкам приложений была применена маска в виде этой новой фигуры.
Потом дизайнеры поняли, что его можно использовать для других элементов. Некоторые из нас начали использовать его в углах карточек, другие сделали элегантные иконки. Это было только начало…
Теперь вы можете повсюду встретить сквирклы в различных формах в UI дизайне. Маска в форме суперэллипса применяется к целым страницам мобильных приложений!
Повсеместное распространение сквирклов побудило меня назвать этот тренд – Сквирклморфизм (Squirclemorphism)! Что интересно, сам стиль заключается только в использовании формы суперэллипса. Он может быть связан с нейоморфными или глассморфными элементами.
Изначально я заметил, что суперэллипсы становятся все более популярными в Instagram, потому что в ленте полно новых творений. На Dribbble я обычно ищу определенные элементы или категории, и было труднее заметить новый восходящий тренд.
Я люблю просматривать дизайны на Dribbble, чтобы найти вдохновение или интересные стили и композиции. Введите «squircle» в поиске Dribbble, и вы увидите сотни результатов.
Как вы наверняка заметили, большинство дизайнов создаются только для демонстрации навыков своих создателей. Они не используются в реальных приложениях.
Сквирклы в Figma
По умолчанию закругленные углы указывают на правильный радиус. Но это касается только закругленных прямоугольников, а не суперэллипсов.
Чтобы добиться особой формы, вам нужно добавить «Corner Smoothing» (Сглаживание углов) к радиусу скругления угла. Чтобы активировать сглаживание, вы должны нажать иконку радиуса скругления угла, чтобы отобразить подробные настройки радиус для каждого угла. Затем под иконкой меню с тремя точками вы найдете параметр «Corner Smoothing». Кликните по нему, и вы увидите всплывающее окно с ползунком.
Если вы хотите добиться эффекта, подобного iOS, установите значение примерно на 60%, для максимального эффекта используйте 100%. Все просто!
Сквирклы в Sketch
Создавать сквирклы в Sketch еще проще. Когда у вас есть слой в форме прямоугольника с закругленными углами, все, что вам нужно сделать, это перейти на панель Inspector (та, что справа) и выбрать раскрывающийся список «Radius (Round Corners»). Измените параметр на «Smooth Corners». Все, ваш сквиркл готов!!
В последние месяцы появилось много трендов. Сквирклморфизм начался с небольшого элемента – иконок приложений iOS7. Сейчас он применяется практически ко всем элементам, имеющим закругленные углы. Очевидно, что не все сквирклы хороши в реальных приложениях, но эта тенденция, безусловно, вдохновляет.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
Сквирклморфизм (Squirclemorphism) в дизайне интерфейсов
Сквирклморфизм начался с небольшого элемента – иконок приложений iOS7. Сейчас он применяется практически ко всем элементам, имеющим закругленные углы
Как создать веб-игру для образовательной платформы за неделю и привлечь 24 тысячи уникальных пользователей
Преодолеть преграды в игре, а затем — в учёбе и в жизни. Такую цель перед пользователями поставило агентство Go Mobile, создав игру для онлайн-платформы GeekBrains. В этой статье вы узнаете, как сделать лендинг-игру на JavaScript всего за неделю и какие результаты можно получить, используя креативный подход.
Содержание статьи:
Цель: привлечение новых пользователей
Механика игры: ловить или избегать
Дизайн: хищники, монстры и злые люди
Разработка и вёрстка: неделя на все
Дизайн дополнительных материалов
4 совета тем, кто создает игры для брендов
Читать:
https://bit.ly/2XiLtXJ
Преодолеть преграды в игре, а затем — в учёбе и в жизни. Такую цель перед пользователями поставило агентство Go Mobile, создав игру для онлайн-платформы GeekBrains. В этой статье вы узнаете, как сделать лендинг-игру на JavaScript всего за неделю и какие результаты можно получить, используя креативный подход.
Содержание статьи:
Цель: привлечение новых пользователей
Механика игры: ловить или избегать
Дизайн: хищники, монстры и злые люди
Разработка и вёрстка: неделя на все
Дизайн дополнительных материалов
4 совета тем, кто создает игры для брендов
Читать:
https://bit.ly/2XiLtXJ
vc.ru
Как мы создали веб-игру для GeekBrains за неделю и привлекли 24 тысячи уникальных пользователей — Маркетинг на vc.ru
Преодолеть преграды в игре, а затем — в учёбе и в жизни. Такую цель перед пользователями поставило агентство Go Mobile, создав игру для онлайн-платформы GeekBrains. В этой статье расскажем, как сделали увлекательную лендинг-игру на JavaScript всего за неделю…
6 правил UX, которые тебе нужны
Правило 1: Откажитесь от тщеславия
Ваши внутренние технические идеи могут быть полностью революционными, но это не значит, что любой дизайн, который вы придумываете, автоматически соответствует цели. Единственное мнение, которое действительно имеет значение, когда дело доходит до UX, – это мнение пользователей.
Нам всем нравится думать, что мы знаем лучше всех, даже по темам, которые немного далеки от нашей области знаний – в конце концов, UX по-прежнему в основном часть разработки программного обеспечения, не так ли? Наверняка пользователям просто нужно привыкнуть к новой парадигме дизайна, которую вы им предлагаете?
Но не пытайтесь изобретать велосипед. Если у вас нет невероятно убедительного обоснования, придерживайтесь существующих стандартов UX и дайте своим пользователям что-то узнаваемое вместо чего-то революционного.
Творчество – это весело и может заставить вас почувствовать себя успешным, но если это не впечатляет пользователей, оно не может быть частью процесса UX-дизайна.
Правило 2: Психология пользователя
Контент – это лишь один способ повлиять на него, а UX – другой. На самом деле, лучшие UX-дизайнеры являются мастерами психологии. Они изучают как и почему пользователи совершают какие-либо действия.
Пользователи будут различаться бесчисленным множеством способов. Вы не можете учесть их все, но вы можете провести серьезное исследование и придумать общие образы, которые охватывают большую часть вашей целевой аудитории.
Если у персонажа 1 большой располагаемый доход, а у персонажа 2 – нет, и они оба важны для вашего дизайна, вам нужно найти способ приспособить их обоих, а не просто сосредоточиться на одном из них. В противном случае вы получите «идеальный» UX, которому удастся пренебречь большой частью ваших посетителей.
Правило 3: Не усложняйте
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?». Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое? Будет ли им труднее достичь своей цели или сайт им станет меньше? Если элемент не оправдывает своего присутствия, выбросьте его.
Правило 4: Поддерживайте последовательность
Некоторые макеты могут быть чрезвычайно запутанными, с изменчивыми элементами дизайна и нечеткими контекстными подсказками, а путаница приводит к гневу и раздражению, отталкивающим пользователей. Вот почему важно обеспечить единообразие вашего UX-дизайна во всех аспектах проекта.
Правило 5: Проверяйте
Вы не создадите окончательный UX-дизайн одним махом. Требуется время, чтобы пройти все этапы – придумывать идеи, создавать их прототипы, тестировать прототипы – но даже тогда вы еще не закончили. Вы наверняка что-то упустили, и вам нужно будет продолжать повторять этот процесс, если вы хотите, чтобы ваша работа была настолько хорошей, насколько это возможно.
Если кто-нибудь задаст вопрос: «Разве мы еще не разобрались с UX?», Он не обращает на это внимания. Самая ценная информация и отзывы часто становятся доступными только в конце дня, а достаточно хорошее на самом деле недостаточно хорошо в долгосрочной перспективе.
Правило 6: Текст
В какой-то момент истории UX-дизайна кто-то решил, что создание макетов и заполнение их поддельным текстом (обычно Lorem ipsum) – хорошая идея. На самом деле это не так, и чем раньше вы избавитесь от привычки использовать пустую копию, тем лучше вам будет.
По крайней мере, это связано с тем, что текст является основным компонентом UX. Это уводит людей от одних областей к другим и оказывает влияние на восприятие остальной части интерфейса.
Источник
Правило 1: Откажитесь от тщеславия
Ваши внутренние технические идеи могут быть полностью революционными, но это не значит, что любой дизайн, который вы придумываете, автоматически соответствует цели. Единственное мнение, которое действительно имеет значение, когда дело доходит до UX, – это мнение пользователей.
Нам всем нравится думать, что мы знаем лучше всех, даже по темам, которые немного далеки от нашей области знаний – в конце концов, UX по-прежнему в основном часть разработки программного обеспечения, не так ли? Наверняка пользователям просто нужно привыкнуть к новой парадигме дизайна, которую вы им предлагаете?
Но не пытайтесь изобретать велосипед. Если у вас нет невероятно убедительного обоснования, придерживайтесь существующих стандартов UX и дайте своим пользователям что-то узнаваемое вместо чего-то революционного.
Творчество – это весело и может заставить вас почувствовать себя успешным, но если это не впечатляет пользователей, оно не может быть частью процесса UX-дизайна.
Правило 2: Психология пользователя
Контент – это лишь один способ повлиять на него, а UX – другой. На самом деле, лучшие UX-дизайнеры являются мастерами психологии. Они изучают как и почему пользователи совершают какие-либо действия.
Пользователи будут различаться бесчисленным множеством способов. Вы не можете учесть их все, но вы можете провести серьезное исследование и придумать общие образы, которые охватывают большую часть вашей целевой аудитории.
Если у персонажа 1 большой располагаемый доход, а у персонажа 2 – нет, и они оба важны для вашего дизайна, вам нужно найти способ приспособить их обоих, а не просто сосредоточиться на одном из них. В противном случае вы получите «идеальный» UX, которому удастся пренебречь большой частью ваших посетителей.
Правило 3: Не усложняйте
Оптимизированный пользовательский интерфейс сокращен для повышения скорости и эффективности. Вы можете подумать, что для этого нужно просто сжать изображения, использовать понятный язык и избежать ненужного ввода данных, но почти всегда нужно сделать больше.
При создании прототипа пользовательского интерфейса вы должны внимательно следить за каждым элементом – каждым изображением, призывом к действию, абзацем, кнопкой или элементом стиля – и спрашивать: «Это действительно необходимо?». Если от него избавиться, потеряет ли конечный пользователь что-нибудь значимое? Будет ли им труднее достичь своей цели или сайт им станет меньше? Если элемент не оправдывает своего присутствия, выбросьте его.
Правило 4: Поддерживайте последовательность
Некоторые макеты могут быть чрезвычайно запутанными, с изменчивыми элементами дизайна и нечеткими контекстными подсказками, а путаница приводит к гневу и раздражению, отталкивающим пользователей. Вот почему важно обеспечить единообразие вашего UX-дизайна во всех аспектах проекта.
Правило 5: Проверяйте
Вы не создадите окончательный UX-дизайн одним махом. Требуется время, чтобы пройти все этапы – придумывать идеи, создавать их прототипы, тестировать прототипы – но даже тогда вы еще не закончили. Вы наверняка что-то упустили, и вам нужно будет продолжать повторять этот процесс, если вы хотите, чтобы ваша работа была настолько хорошей, насколько это возможно.
Если кто-нибудь задаст вопрос: «Разве мы еще не разобрались с UX?», Он не обращает на это внимания. Самая ценная информация и отзывы часто становятся доступными только в конце дня, а достаточно хорошее на самом деле недостаточно хорошо в долгосрочной перспективе.
Правило 6: Текст
В какой-то момент истории UX-дизайна кто-то решил, что создание макетов и заполнение их поддельным текстом (обычно Lorem ipsum) – хорошая идея. На самом деле это не так, и чем раньше вы избавитесь от привычки использовать пустую копию, тем лучше вам будет.
По крайней мере, это связано с тем, что текст является основным компонентом UX. Это уводит людей от одних областей к другим и оказывает влияние на восприятие остальной части интерфейса.
Источник
UXPUB 🇺🇦 Дизайн-спільнота
6 правил UX, которые тебе нужны
Любой, кто знаком с лучшими практиками в области дизайна, знает, насколько важно вкладывать время и...