perfectowebСтудия дизайна и программирования
Блог Дизайн

20 советов дизайнеру мобильных интерфейсов

1. Не скрывайте основную информацию за поиском

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

 

2. Время загрузки вашего интерфейса должна свестись к минимуму

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

 

3. Рисуйте отзывчивый (адаптивный) дизайн

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

 

4. Сделайте удобную навигацию

Навигация должна находиться в максимально доступном и видном месте и помогать быстро перемещаться в нужном направлении.

 

5. Используйте большие и жирные шрифты

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

 

6. Используйте простые и читабельные шрифты

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

 

7. Дизайн мобильных приложений должен быть для пальцев

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

 

8. Подбирайте правильную цветовую схему

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

 

9. Используйте плоский интерфейс

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

 

10. Поставьте себя на место вашей аудитории

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

 

11. Всегда проводите A/B тестирование

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

 

12. Не ставьте ссылки слишком близко друг к другу

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

 

13. Делайте одинаковый дизайн для сайта и его мобильной версии

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

 

14. Ваш дизайн должен быть "живым"

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

 

15. Используйте призывы к действиям

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

 

16. Используйте быстрые кнопки связи

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

 

17. Бесконечные страницы

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

 

18. Используйте изображения в нужных размерах

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

 

19. Привяжите ваш дизайн к эмоциям

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

 

20. Постоянно держите связь с вашей аудиторией

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

Надеемся что наша подборка советов будет полезной для вас!

Like

Понравилась статья? Подпишись!

20 советов дизайнеру мобильных интерфейсов
Понравилось? Поделись с друзьями!
Подпишись
Следи за новыми постами в сфере веб-технологий
Комментарии: 0
Прочитали: 2,722
Дата: 20 Фев 2017

Выберите язык