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