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

​​8 лайфхаков как улучшить свое портфолио и получить Featured на Behance

1. Качество

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

2. Длина
Проект должен быть объемным, в идеале 6–20 изображений без повторений или 3–4 экрана вниз. Вы можете показать в проекте следующее:

Описание проекта (историю создания проекта, философию компании, участников проекта, какие шрифты/цвета/формы/иконки выбрали и почему) все то, что будет описывать ваш бэкстейдж.

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

3. Завершенный проект
Дело в том, что кураторы галерей просматривают все работы вручную, то есть, нет никакого алгоритма или автоматики. Как только нажмете на кнопку “Опубликовать”, то у них в листе появляется ваша работа. Если же она не завершенная, то это уже просто беда, так как никто не будет ставить на них пометки “Посмотрю позже”, и вашу работу не выберут в Featured.

4. Обложка (Cover)
Обложка — это лицо вашего проекта. Это первая вещь, которую люди видят в вашем проекте. Делайте обложку яркой, интригующей, чтобы хотелось пройти и посмотреть весь проект. Отобразите в ней чувства и эмоции вашего проекта. Изображение на обложке должно быть консистентно с тем, что внутри, иначе люди будут разочарованы.

5. Правильная категория
При публикации работы, есть категоризатор работ, в нем нужно правильно выбрать область своей работы. Это важно, так как именно куратор этой области будет смотреть вашу работу, а так же по этому выбору вас будет отфильтровывать в общем листе работ и вы попадете в нужный список дизайнеров вашей области.

6. Быть членом школ/организаций
В разделе “Школы и организации” по максимуму вступите в них (куда подходите по роду своей деятельности). Просто нажимайте кнопку “Вступить” и вас будет переводить на страницу этой школы или организации с условиями вступления в их ряды.

7. Комментировать и лайкать других
Думаю ни для кого не секрет, что всем нравится когда их лайкают и комментируют работы. Не упускайте шанс заводить друзей, фолловеров, последователей, учеников и наставников. Используйте Behance как социальную сеть.

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

Источник