Текст книги "Дизайн пользовательского интерфейса и дизайн UI/UX в разработке мобильных приложений. Базовые знания"

VII Материальный дизайн против плоского дизайна – какой из них лучше?

7.1 Постоянные споры. Скевоморфизм и отход от него

Постоянные споры

Постоянно ведутся споры о плоском дизайне (Flat Design),материальном дизайне (Material Design) и о том, чем они отличаются друг от друга. Хотя легко спутать один с другим, они не идентичны, и различия можно заметить при ближайшем рассмотрении. В этой главе мы прольем свет на то, чем они отличаются, и что люди могут ожидать от каждой модели дизайна.

Скевоморфизм и отход от него

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

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

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

7.2 Плоский дизайн. За и против

Плоский дизайн

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

За и против

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

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

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

7.3 Материальный дизайн. Различия между плоским и материальным дизайном

Материальный дизайн

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

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

Источник: https://ru.pinterest.com/pin/abduzeedo-material-design–58546863884279983/

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

Внедрив подход с использованием оси Z, компания Google смогла противостоять надвигающимся рискам, которые подстерегают приверженцев плоского дизайна.

Различия между плоским и материальным дизайном

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

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

7.4 Так какой из них лучше? Заключение

Так какой из них лучше?

Один из самых простых способов объяснить эти стили пользовательского интерфейса – использовать ориентировочную временную шкалу: сначала был скевоморфизм, а затем появился плоский дизайн. Google взял плоский дизайн, придал ему очертания и некоторую глубину, и так появился материальный дизайн. Материальный дизайн, похоже, отлично справляется с сохранением преимуществ плоского дизайна, обходя при этом его недостатки. Это означает, что материальный дизайн, без сомнения, лучше, поскольку люди будут использовать его по тем же причинам, что и плоский дизайн. Тот факт, что адепты материального дизайна не увязают в технических трудностях, таких как «слишком плоский» интерфейс, делает его лучше плоского дизайна.

Заключение

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

Смотрите также Приложение 2 данной книги.

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

8.1 Как бы вы определили показатель успешности вашего мобильного приложения? Улучшение навигации в мобильном приложении

Как бы вы определили показатель успешности вашего мобильного приложения?

Очевидно, что каждый из разработчиков приложений стремится создать и запустить приложение, которое будет иметь такой же сладкий вкус успеха, как WhatsApp, одна из самых популярных соцсетей, Uber или Amazon. Если вы хотите, чтобы ваше приложение встало в один ряд с этими популярными приложениями, оно должно обладать всеми необходимыми характеристиками.

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

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

С другой стороны, согласно другим статистическим данным, 52% пользователей, скорее всего, будут меньше взаимодействовать с компаниями, предлагающими плохой мобильный опыт [7].

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

Улучшение навигации в мобильном приложении

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

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

Разработчикам приложений необходимо уделять внимание улучшению процесса входа в приложение, так как, по одним из статистических данных, после правильного процесса входа в приложение только 9% пользователей покидают его, а 61% пользователей будут посещать приложение еще 11 раз [7].

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

8.2 UX-дизайн дополняет время автономной работы. Знание того, кто ваша конкретная целевая аудитория

UX-дизайн дополняет время автономной работы

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

Знание того, кто ваша конкретная целевая аудитория

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

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

8.3 Создание более интерактивных дизайнов. Упрощение процесса регистрации

Создание более интерактивных дизайнов

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

Упрощение процесса регистрации

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

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

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

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

8.4 Полезные советы по созданию интерактивного дизайна приложения

Соответствие отраслевым стандартам

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

Избегайте несвязанного ввода данных

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

Ответы на отзывы пользователей

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

Улучшение скорости загрузки видео и анимации

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

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

Грамотное использование белого пространства

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

Ориентация на доступность

Исследование показало, что около 49% пользователей смартфонов держат свои устройства только одной рукой, а 75% из них буквально используют большой палец для навигации по экрану [7].

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

IX Советы по определению целевой аудитории для мобильного приложения

9.1 Провели ли вы перед выпуском приложения надлежащее и тщательное исследование своей целевой аудитории? Это век жесточайшей конкуренции, где нет права на ошибку

Провели ли вы перед выпуском приложения надлежащее и тщательное исследование своей целевой аудитории?

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

Не относитесь к исследовательской работе небрежно, потому что ваша конечная цель – привлечь в свое приложение больше пользователей. Фактически, одно из исследований показало, что около 14% стартапов не смогли привлечь внимание пользователей, потому что они игнорировали пользователей и применяли плохие маркетинговые стратегии [8]. Все это произошло потому, что они не знали должным образом о своей целевой аудитории.

Это век жесточайшей конкуренции, где нет права на ошибку

Как только пользователи откажутся от вашего приложения, он вряд ли вернется снова. Так зачем же допускать такую возможность? У вас может быть отличная идея приложения, и вы думаете, что это может привлечь большое количество клиентов, но пусть аудитория решает, действительно ли эта идея уникальна.

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

9.2 Чем полезно определение вашей аудитории. Начальные этапы исследования целевых аудиторий

Чем полезно определение вашей аудитории

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

Начальные этапы исследования целевых аудиторий

Сегодня миллионы людей используют смартфоны и различные гаджеты, имея доступ к N количеству приложений на платформах Android и iOS. Потребители ищут в приложениях что-то эксклюзивное и уникальное. Например, если мы возьмем приложения для электронной коммерции, то, согласно одному из опросов, 85% людей хотят воспользоваться скидками на продукты, аналогичные тем, которые были куплены в последний раз [7].

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

9.3 Общее понимание. Исследование вторичного рынка

Общее понимание

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

Исследование вторичного рынка

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

9.4 Преобразование ваших маркетинговых стратегий в более эффективные

Наем агентства

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

Итак, почему бы не принять экономически эффективный метод

Лучший вариант – выбрать стратегии исследования рынка, которые совсем не ударят по карману. Чтобы сказать вам больше, существует ряд этичных и надежных веб-сайтов и доступная онлайн-статистики, которые могут оказаться более чем удобными. Когда вы ищете в Google, вы найдете много таких, как Statista. Он содержит наиболее ценную информацию, статистику и другие данные, связанные с мобильными приложениями, рынками, доходами и т. д. Оттуда можно почерпнуть много информации. Точно так же у вас есть приложение App Annie, которое также предоставляет важные данные о маркетинговых идеях.

Многие другие веб-сайты предлагают цифры и статистику по различным категориям приложений. Google Adwords или Google Trends помогут вам узнать о находящихся в настоящее время в сети и что они ищут в настоящее время. Например, если вы обнаружите, что они специально ищут определенный продукт, вы можете добавить его в список категорий. Кроме того, есть Reddit, который помогает выяснить, чего на самом деле хочет целевая аудитория.

Понимание демографии, поведения и образа жизни аудитории

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