10 распространенных ошибок в дизайне приложений

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

Вот какие элементы в дизайне должны повторяться:
► цвета кнопок, текста и ссылок;
► шрифты и их размеры;
► углы — либо прямые, либо закругленные;
► толщина линий и отступов.

Чем меньше тень, тем лучше. Если в дизайне много элементов, в некоторых из них стоит отказываться от теней совсем.

Вот что стоит помнить при создании теней:
► не используйте стандартную тень кнопок — обязательно корректируйте ее;
► сделайте тень тоньше;
► не используйте черный — выберите более темный оттенок цвета фона.

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

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

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

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

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

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

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

Главный совет: не выравнивайте связанные элементы с разных сторон. Только с одной — например, прибивайте надписи к левому краю.

Без контрастов элементы сольются воедино — получится скучный и плохо читаемый интерфейс.

Чтобы повысить контрастность, следуйте советам:
► используйте контрастные элементы для выполнения основных действий;
► разделяйте с помощью контраста разделы в интерфейсе, например, заливайте верхнюю и нижнюю панель цветом, который выделяется на основном фоне;

если сомневаетесь в читаемости элементов, подкорректируйте цвета с помощью сервиса Colorable.

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

Вот несколько советов:
► объясняйте причину ошибки — если пользователь ввел некорректный пароль, ему нужно показать сообщение об этом;
► если форма длинная, разбейте ее на разделы и добавьте индикатор заполненности, чтобы пользователь знал, когда закончит.

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

Помните, что диаметр площади соприкосновения указательного пальца взрослого человека составляет от 1,6 до 2 сантиметров, а у большого пальца — еще больше. Устанавливайте ширину и высоту кнопок не меньше 45−57 пикселей.