UX от А до Я – Геймификация: 11 советов по повышению вовлеченности и удовлетворенности пользователей

Давайте поговорим о геймификации и о том, как ее можно использовать для улучшения пользовательского опыта.

Придуманная в 2000-х годах, геймификация остается актуальным методом дизайна, побуждающим пользователей выполнять скучные и обыденные задачи.

Что такое геймификация?
В какой-то момент нам всем приходилось делать то, что мы не хотели или от чего не получали удовольствия. Раньше это было домашнее задание. Теперь это дела по дому или рабочие задачи.

Процесс геймификации – это не превращение продуктов в игры. Это скорее механизм, с помощью которого дизайнеры имитируют аспекты игр и используют их в неигровых продуктах или сервисах.
Интеграция доставляющих удовольствие элементов влияет на человеческие эмоции и мотивацию, поэтому пользователи получают более приятный опыт.

Читать статью: https://ux.pub/editorial/ux-ot-a-do-ia-gieimifikatsiia-11-sovietov-po-povyshieniiu-vovliechiennosti-i-udovlietvoriennosti-polzovatieliei-1fnf

UX vs CX. Пользовательский опыт и опыт клиента: в чем разница?


Первоначально термин UX описывал совокупность вариантов взаимодействия пользователя с организацией. Эта интерпретация появилась в эпоху, когда основной формой цифрового взаимодействия были компьютеры, поэтому значение UX начали сужать, связывая его с одним взаимодействием, а не все отношениями между заказчиком и компанией. А вот совокупность взаимодействий пользователя и организации обозначили CX.
Хотя мы и выступаем против раздувания словаря и создания новых названий для старых вещей и понятий, мы не можем бороться с тем, как развивается язык. Независимо от того, используете вы новый термин CX или предпочитаете старый UX, помните: существует множество уровней опыта, и все они одинаково важны.

Читать статью: https://medium.com/design-pub/ux-vs-cx-пользовательский-опыт-и-опыт-клиента-в-чем-разница-1d12b569b1

16 советов по проектированию отличной формы

Формы – это неотъемлемая и важная часть нашей цифровой жизни. Нам необходимо заполнить форму для регистрации аккаунта, покупки подарка или записи на прием.

Пользователя могут раздражать запросы ненужной информации, сложные вопросы [1], запутанный рабочий процесс или непонятные способы заполнения формы.

Плохо спроектированная форма может иметь серьезные последствия. Исследование показало, что 41% людей, заполнивших форму, указывающую, что делать, если они останутся в вегетативном состоянии, дали противоречивые инструкции. Примерно столько же заявили, что их ответ не соответствует их намерениям

Ниже представлено несколько советов, которые помогут вам избежать этих ошибок, обеспечить наилучший опыт для пользователей и предотвратить отказ заполнения формы на полпути.

Читать статью: https://ux.pub/editorial/ux-ot-a-do-ia-16-sovietov-po-proiektirovaniiu-otlichnoi-formy-2o94

10 лучших приемов в Figma или как вырасти до уровня Senior

Иногда требуется всего несколько небольших изменений в работе, чтобы быстро повысить свой профессиональный уровень. Эти советы помогут вам ускорить рабочий процесс и добиться высшего качества созданных вами проектов. Возможно, кому-то они покажутся очевидными. Но трюк в том, что мы чаще всего отмахиваемся именно от самых очевидных советов, хотя они и лежат в основе профессионального роста.

1. Используйте компоненты для создания наборов элементов

Когда нужно создать большое количество вариантов кнопок, полей ввода и так далее, вам может потребоваться куча драгоценного времени. Что если вы решите, что радиус скругления 8 пикселей выглядит лучше, чем 12, или захотите внести другие корректировки.

2. Сохраняйте файлы с обложками

При большом количестве проектов бывает трудно найти нужный файл в Figma.
Создание обложки – это простое и действенное решение, которое позволит сделать проекты узнаваемыми и упростит их поиск.

3. Используйте стили буквально для всего

Когда мы создаем дизайн с использованием стилей, можно без потери времени поэкспериментировать с обводкой, текстом и цветом во всех элементах дизайна с примененным стилем. Одно быстрое изменение и дизайн автоматически обновится во всех экземплярах, на которые ссылается этот стиль.

4. Организовывайте наборы вариантов с помощью Auto Layout

Знаете ли вы, что можно организовать варианты элементов с использованием автоматического макета? Выделите нажатием фрейм с набором вариантов и нажмите Shift + A. С Auto Layout очень просто упорядочить компоненты.

5. Используйте Auto Layout для всего

Auto Layout полностью меняет правила игры в продуктовом дизайне. Он ​​позволяет более точно подходить к разработке продукта, и поддерживаться согласованности и масштабируемости в проектном файле.

6. Создавайте блок-схемы для экранов

По мере того как проектные файлы растут, в них могут легко запутаться другие люди, которые не сидят над этим дизайном изо дня в день.
Чтобы облегчить процесс восприятия дизайна для клиента или коллеги, вы можете показать процесс работы программы, продемонстрировав блок-схемы.

7. Используйте функцию Сonstraints (Ограничения)

8. Создавайте макеты для компонентов

Создание компонента для карточки — это здорово, но что делать, если нужен целый список карточек? Вот где пригодятся макеты. Они сэкономят массу времени и облегчат нам жизнь.

9. Организация компонентов

Нет ничего хуже, чем открыть чужой дизайн-файл и понять, что у вас нет возможности внести изменения в основные компоненты, не прибегая к щелканью правой кнопкой мыши и нажатию на «Go to the main component». Эта проблема возникает тогда, когда компоненты не организованны отдельно от дизайна.

10. Используйте Loom

Что такое Loom? Loom позволяет записывать экран и быстро отправлять видео. Он очень выручает, когда не совпадает время для обсуждения дизайна или вам приходиться набирать большое количество текста. Это незаменимый инструмент для удаленной работы. Loom сэкономит вам бесчисленное количество встреч и сохранит бесценное время, которые вы можете потратить на дизайн.

Источник

Красивое: о дизайн-концепции в презентациях

О создании дизайн-концепции (то есть, стилистики) для презентаций: что это такое, когда и кому она нужна и как её создавать. В конце статьи разберут парочку кейсов.

Читать: https://vc.ru/design/336967-krasivoe-o-dizayn-koncepcii-v-prezentaciyah

Цвет для чайников. Обширное руководство для начинающих.

Эта статья основана на книге “Искусство цвета” Иоханнеса Иттена и еще бесчисленном количестве различных статей о теории цвета. Тут я попытался сделать “обезжиренную” версию этих знаний, для более легкого понимания материала. Статья подойдет не только дизайнерам, но и всем людям, которые хотят научится понимать и работать с цветом. В статье вы узнаете о физических свойствах цвета, почему мы воспринимаем его таким, что он может значить и как составлять гармоничные схемы.

Читать: https://medium.com/design-pub/цвет-для-чайников-обширное-руководство-для-начинающих-3bea0eb5bacb

7 упражнений для дизайнеров, которые сохранят мозг в тонусе

Сейчас мы переживаем странные, беспрецедентные времена. Справиться со всем этим непросто, особенно если от тебя ждут творческого подхода во всем. Конечно, все это можно использовать в своих целях – как возможность попробовать новые идеи и поэкспериментировать с дизайном.

Но если вы не можете нащупать настроение, упражнения могут помочь запустить переутомленные синапсы и сохранить ваш мозг в тонусе – до того времени, пока снова все придет в норму. Ниже вы найдете серьезные дизайнерские задачи и веселые творческие игры.

Читать статью: https://say-hi.me/design/graphic-design/7-design-exercises.html