Дизайн на мобильных устройствах: все, что вам нужно знать

Назад к Записи
Дизайн на мобильных устройствах

Дизайн на мобильных устройствах: все, что вам нужно знать

Дизайн на мобильных устройствах. На Всемирном мобильном конгрессе в 2010 году Эрик Шмидт, генеральный директор Google, заявил, что дизайнеры должны следовать правилу «сначала мобильные» в дизайне продуктов. Что означает «сначала мобильный дизайн»? Почему это важно? Как это сделать? Я отвечу на эти 3 вопроса в следующей части.

Что такое Дизайн на мобильных устройствах?

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

1. Адаптивный веб-дизайн (RWD)

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

2. «Постепенное развитие» и «постепенная деградация». Дизайн на мобильных устройствах

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

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

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

Насколько я могу судить, Progressive Advancement выиграла игру. Если UI / UX-дизайнеры начнут проектирование продукта с его настольной версии, они неизбежно захотят воспользоваться большинством преимуществ продвинутой версии. Например, эффект наведения, поддерживаемый курсором мыши; Изображения HD и сложные диаграммы, которые могут отображаться нормально только при наличии недавней пропускной способности. Таким образом, дизайнеры будут прилагать усилия, чтобы завершить потрясающую настольную версию, и только обнаруживают, что ее вряд ли можно будет использовать на мобильных устройствах, если они не откажутся от множества красивых идей. Если так, то мобильная версия будет больше похожа на запоздалую мысль, неполный продукт, который разбавлен. Дизайн на мобильных устройствах

Читайте также:  Коучинг для руководителей

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

Вы можете спросить, почему вы тратите так много времени на объяснение этих двух концепций? Ответ заключается в том, что «сначала мобильные» – это и есть правило «прогрессивного развития». Дизайн на мобильных устройствах

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

Почему в дизайне продукта так важен принцип «сначала мобильные»? Дизайн на мобильных устройствах

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

1. Использование мобильного Интернета превысило использование настольных компьютеров в 2016 году.

2. Люди проводят все больше и больше времени в Интернете с мобильных устройств.

3. В начале 2012 года продажи смартфонов превысили продажи ПК. Дизайн на мобильных устройствах

Рост числа мобильных устройств побуждает дизайнеров обращать внимание на мобильные устройства и следовать правилу «сначала мобильные» в дизайне продуктов.

Как применять правило «сначала мобильные» в дизайне продукта?

Фактически, ключ к первому принципу мобильных устройств – это ум, ориентированный на контент.

Следующая часть объяснит продвижение продукта от мобильного телефона до ПК.

Читайте также:  Как создать онлайн-курс ?

Сделаем заявку на бронирование гостиницы. Сначала сортируем контент сайта по важности:

* Название сайта

* Отель (внутренний отель, иностранный отель, часовой номер, специальный отель)

* Селектор времени (время заезда, время отправления)

* Мой заказ

* Обслуживание клиентов

* Продвижение и реклама

Тогда мы получим такую ​​версию для мобильных устройств:

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

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

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

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

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

Ваш помощник в в бизнесе рекламно-полиграфическая компания “АЗБУКА”

Поделиться этой записью

Добавить комментарий

Назад к Записи
Русский Українська