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

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

Давайте начнем!
Прежде всего, давайте ответим на вопрос: что такое дизайн пользовательского интерфейса и дизайн UX, и какова разница между ними?

Кредит изображения
Проще говоря, пользовательский интерфейс — это то, как выглядят вещи, UX — это то, как все работает. UX — это процесс, а пользовательский интерфейс — это результат. Давайте подробнее рассмотрим …

Дизайн пользовательского интерфейса
Дизайн пользовательского интерфейса (UI) — большое поле. Теоретически UI представляет собой комбинацию контента (документы, тексты, изображения, видео и т. Д.), Форму (кнопки, метки, текстовые поля, флажки, раскрывающиеся списки, графический дизайн и т. Д.) И поведение (что произойдет, если Я нажимаю / перетаскиваю / печатаю).

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

Когда я начал, что-то, что я узнал от своего наставника, — это отправиться в путешествие к вашему продукту. Представьте ваше приложение / сайт как путешествие. Каждый пользователь, загружающий ваше приложение прямо из определения его в App Store / web, используя его, достижения целей или выполнения задач в приложении, отправляется в путешествие. И это путешествие должно быть восхитительным.

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

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

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

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

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

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

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

2. Важность выравнивания.

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

Изображения
На изображениях выше изображение слева имеет 1 линию выравнивания. Пока изображение на правой части имеет 4 линии выравнивания.

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

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

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

Изображения
В зависимости от usecase вы выберете тот или другой. Обычно выравнивание края считается лучше. Очень легко выровнять элементы в программном обеспечении, таком как Photoshop. Большинство программных средств разработки обычно предоставляют линейку / направляющую к краю, выравнивающую все элементы.

3. Станьте архитектором внимания.

Вот два способа интерпретировать это: 1) Вам нужно привлечь внимание пользователя к вашему дизайну. 2) Вы должны обратить внимание на каждую мелочь в ваших проектах.
Чтобы стать отличным дизайнером, вам нужно сделать то и другое. Последний позволяет вам достичь первого.

UI Design — это адаптация опыта для ваших пользователей, направляя их внимание на различные важные вещи.

Способы использования текста, чтобы привлечь внимание пользователя:

Сделайте свой размер большим или меньшим.
Бодлер или яркий цвет. Или сделать это приглушенным.
Используйте шрифт с тяжелым весом и тонким или легким.
Курсив слова. Заглавные или строчные слова.
Увеличьте расстояние между каждой буквой, чтобы общий размер слов Купить вебсайт занимал больше места.
Самое главное, когда проектирование — это тестирование! Удостоверьтесь, что вы попробуете различное все: цвета, шрифты, тоны, углы, выравнивание, макет и т. Д. Экспериментируйте с разными проектами, чтобы вы могли архитектовать путешествие пользователей, используя различные способы привлечения внимания.

Подробнее о дизайне интерфейса читайте здесь. Behance and Dribbble — отличные платформы, чтобы найти хороший дизайн, чтобы получить вдохновение.

Дизайн пользовательского опыта
Дизайн пользовательского опыта (UX) — это создание безболезненных и приятных впечатлений.

Вот 7 вопросов, чтобы спросить себя, является ли UX вашего продукта хорошим:

Юзабилити: для чего я использую приложение? Какова основная функциональность моего приложения? Что мне нужно для того, чтобы мое приложение использовалось?
Теперь, как я могу свести к минимуму количество шагов, которые требуется для пользователя, чтобы достичь этого в моем приложении? Какое главное мои пользователи хотят достичь с моим приложением? Как я могу сделать опыт достижения такого же плавного, быстрого и приятного?
Профилирование пользователей: вы должны знать, кто ваши пользователи и что они хотят достичь с помощью вашего приложения. Лучший способ сделать это — профилировать своих пользователей.
Вы должны сделать несколько размышлений, чтобы понять свой рынок. Уточните целевую аудиторию пользователя.
Главный вопрос, который следует задать себе: Какова основная функциональность моего приложения? Профилируйте своих пользователей, чтобы постоянно пересматривать этот вопрос.
Запрашивать разрешения: если ваше мобильное приложение имеет push-уведомления, нуждается в службах определения местоположения, интеграции с социальными сетями, электронной почте и т. Д., Вы знаете, что вам нужно разрешение пользователя на предупреждающее сообщение, которое появляется на экране при использовании вашего приложения. Вместо того, чтобы спрашивать сразу, что бы подавить пользователя, используйте эффект Бенджамина Франклина. Прежде чем попросить кого-нибудь оказать большую услугу, попросите их о небольшой услуге. И медленно подталкивайте пользователя к определенному направлению.
Убедитесь, что ваше приложение отправляет уведомление о разрешении только тогда, когда пользователь собирается использовать эту функцию, а не когда они просто запускают приложение.
Форма vs Функция: Дизайн не всегда о форме — красивая цветовая схема, шрифты, макет и т. Д. Это также о функциональности. Всегда используйте функцию над формой.
Согласованность: Я постоянно придерживаюсь своего приложения? Является ли мое приложение совместимым с моим брендом? Несогласованность в дизайне создает путаницу. Смущенный пользователь — недовольный пользователь.
Подумайте о согласованности не только с точки зрения внешнего вида, но и с Вебсайт под ключ Новосибирск точки зрения функциональности.
Простота: могу ли я сделать это проще?
Убедитесь, что ваше приложение является бабушкой, т. Е. Пожилые люди могут это понять и использовать.
Плохо запутанным приложением будут строки по строкам кнопок, множество разных цветов и плотно упакованный пользовательский интерфейс.
Не заставляйте меня думать: неужели я затрудняюсь для моего пользователя?
Люди не любят смущаться.
Когда мы программируем, мы стараемся сделать наш код максимально легким и эффективным.
Когда мы разрабатываем, мы пытаемся сделать интерфейс понятным и как можно более запутанным. И красивая!
Постарайтесь сделать свою формулировку максимально ясной.
Очки для заметки для отличного UX:
Не используйте длинные учебники при запуске приложения, объясняя, как использовать приложение. Вместо этого вы хотите предоставить своим пользователям информацию о том, когда и когда это необходимо. Сделайте его контекстуальным. Дайте советы и подсказки. Попытайтесь создать дизайн, где пользователь закроет приложение за несколько секунд, не требуя явного учебника. Вот откуда приходят интуитивные принципы дизайна!
Когда что-то настолько укоренилось в умах мобильных пользователей, например, притягивать, чтобы обновить или ущипнуть, чтобы увеличить — придерживайтесь этих правил для вашего приложения. И НЕ используйте эти действия для какой-то другой цели. Подобно pull, чтобы добавить новую запись в журнал, это становится очень запутанным. Приложение журнала, которое я использовал, делало это, и это путано.
Не обращайтесь к своим пользователям, как к идиотам. Не предоставляйте пользователю всплывающее окно / предупреждение, чтобы подтвердить частое действие. Запросите подтверждение только для вредоносных действий, о которых пользователи могут сожалеть — например, что-то удалить или совершить покупку.
Ненужные всплывающие окна и предупреждения прерывают поток и приводят к плохой работе с пользователями. Не заставляйте своих клиентов чувствовать себя глупо.
Узнайте больше о UX Design здесь и здесь.