Алевтина Шаталова
123
Блоги

Основные принципы дизайна мобильных приложений

Следуя рекомендациям Material Design от Google и Human Interface Guideline от Apple, сложно сделать плохой дизайн мобильного приложения. Арт-директор креативного агентства «Зайчапай» и преподаватель соответствующего курса на Geekbrains (школа Mail Group) собрал основные принципы удачных решений.

Поделиться

В избранное

В избранном

Следуя рекомендациям Material Design от Google и Human Interface Guideline от Apple сложно сделать плохой дизайн мобильного приложения. Арт-директор креативного агентства «Зайчапай» и преподаватель соответствующего курса на Geekbrains (школа Mail Group) собрал основные принципы удачных решений.

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

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

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

Сегодня поговорим об универсальных принципах.

Сразу показывайте преимущества своего приложения

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

Прежде, чем предлагать регистрацию, объясните, зачем она нужна

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

Используйте понятные термины

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

Добавляйте к визуальной информации подписи и графические подсказки

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

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

Изображения, которые не являются 2x и 3x, будут выглядеть размытыми на дисплее Retina.

Разрабатывайте UI Kit

UI Kit — это набор элементов и компонентов, которые используются в приложении. UI Kit позволяет проще поддерживать все компоненты в актуальном состоянии и облегчает работу в команде.

{ "author_name": "Алевтина Шаталова", "author_type": "self", "tags": [], "comments": 1, "likes": -2, "favorites": 2, "is_advertisement": false, "section_name": "blog", "id": "33889", "is_wide": "" }
{ "is_needs_advanced_access": false }

Комментарии Комм.

Популярные

По порядку

0

Прямой эфир

Подписаться на push-уведомления
[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } } ]