iphone 1160x620 - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях

Я изучил первый экран 25 популярных iOS-приложений, чтобы определить, сколько текста они используют. Результаты демонстрируют ценность принципиального подхода к написанию текста для мобильных приложений, потому что дизайн продукта все еще во многом зависит от слов.

Мобильные приложения доминируют в нашем цифровом опыте. В 2019 году люди загрузили рекордные 204 миллиарда приложений в магазинах Google и Apple. Это в среднем 25 мобильных приложений на каждого жителя Земли.

 «Помимо кода, визуальных эффектов и взаимодействий, что общего у всех этих приложений? — Текст»

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

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

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

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

Измерение

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

Так этот процесс выглядел для приложения Apple Music:

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Около 36% первого экрана iOS-приложения Apple Music содержит текст. И да, это альбом NKOTB

Но помимо того, сколько текста использует приложение, я также хотел узнать кое-что более важное: какое количество текста следует показывать?

Подсчет результатов

Оказывается, что в среднем 36% начального экрана iOS-приложения используется для отображения текста. Это значение колеблется от 3,5% для Snapchat до 57,5% для Ticketmaster. Для большинства приложений это значение было в пределах от 30% до 40%. Резко выделяются Google Maps (44%), Paypal (47%) и Uber (50,5%.)

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Смотрите полное исследование и результаты для всех 25 приложений.

В целом, объем экранного пространства, используемого под текст в этих приложениях, примерно одинаков. Как вы можете видеть на этой диаграмме, более половины выбранных приложений, использовали под текст от 30 до 40% площади экрана:

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях

Текст, отображаемый в зависимости от характера приложений

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

Например, финансовые приложения, такие как PayPal (47%) и Revolut (35%), используют много текста на начальных экранах для отображения информации о счетах, последних транзакциях и активности. Аналогичная ситуация с приложениями, ориентированными на розничную торговлю, например, Amazon (31,5%) и eBay (33%). Такие сервисы, как Deliveroo (33,5%) и Uber (50,5%), часто вынуждены отображать больше текста, чтобы обеспечить немедленную ценность для своей аудитории. Приложения, ориентированные на карты, такие как Google Maps (44%), Strava (41%) и Uber (50,5%), показывают много текста потому, что все метаданные отображаются в виде меток, которые помогают людям ориентироваться.

«Большая часть интерфейсов приложений социальных сетей зарезервирована не для текста, а для обмена видео или изображениями»

С другой стороны, приложения социальных сетей – особенно Snapchat (3,5%), TikTok (16,5%) и Instagram (20%) – резервируют большую часть интерфейса для обмена личными видео или изображениями. Даже, если они содержат текст, он обычно играет второстепенную роль в восприятии навигации или контекста. Приложения для отслеживания активности, такие как Fitbit (29,5%) и Strava (41%), чаще используют свои экраны для отображения визуализации данных об активности, а не для представления этих данных в текстовом виде.

Ниже представлены средние показатели для каждого набора приложений в зависимости от варианта использования (некоторые приложения встречаются несколько раз, поскольку они имеют более одного варианта использования):

  • Социальные сети: (Facebook, Instagram, Snapchat, TikTok, Twitter, YouTube) 26.4%
  • Фитнес: (Fitbit, Strava) 35.3%
  • Путешествия: (Airbnb, Ryanair) 35.5%
  • Музыка и аудио: (Apple Music, Spotify, Stitcher) 36.3%
  • Стриминговые сервисы: (Apple Music, Netflix, Prime Video, Spotify, Stitcher, YouTube) 38.8%
  • Сервисы: (Airbnb, Deliveroo, Uber) 40.5%
  • Розничная торговля: (Amazon, eBay, Ticketmaster) 40.7%
  • Личные финансы: (PayPal, Revolut) 41.0%
  • Карты и транспорт: (Strava, Google Maps, Uber) 45.2%

Какое количество текста следует показывать?

Я начал это исследование, предполагая, что не существует единого универсального ответа на вопрос о правильном или оптимальном количестве текста на экране приложения. Ответ всегда будет зависеть от контекста услуг, которые приложение предоставляет (и кому оно их предоставляет, и как).

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях

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

 «Моя теория заключается в том, что разработчики приложений не должны использовать для текста менее 30% или более 40% своего первого экрана»

Мне нужно изучить еще много приложений, чтобы доказать это, но моя теория заключается в том, что разработчики приложений не должны использовать менее 30% или более 40% первого экрана для текста, если они не сфокусированы на конкретном случае использования. Например, социальные сети (меньше всего текста) или новости / финансы (максимум текста).

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

Как использовать эти результаты, и решить сколько текста показывать в своем приложении?

Принципы контента

Вы, наверное, заметили, что Snapchat сильно отличается от других приложений, которые я изучал. Он использует только 3,5% своего первого экрана для отображения текста:

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Около 3,5% первого экрана Snapchat содержит текст. Кроме того, моя собака на 100% очаровательна

Этот пример минимального использования текста требует более пристального внимания. Тем более, что следующим ближайшим приложением оказался TikTok, использующий 16,5% первого экрана для отображения текста. Возникает вопрос: как разработчик приложения должен принимать решение о количестве отображаемого текста и его качестве?

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

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

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

Между тем, у приложения Ticketmaster было наибольшее количество текста на первом экране – 57,5%. Это связано не только с акцентом на розничную торговлю, но и с тем, что Ticketmaster использует изображения в виде постеров с крупным текстом для продажи билетов на мероприятия. Они используют для текста даже больше места, чем Medium (51,5%). Хотя, Medium – это приложение, ориентированное на чтение!

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Около 57,5% первого экрана iOS-приложения Ticketmaster содержит текст

Еще один из принципов контент-дизайна Intercom исходит от писателя Саймона Синека: «Начните с почему». Этот принцип напоминает нам, что ценность, которую мы предоставляем людям (и наши мотивы для ее предоставления), должна предшествовать подробным инструкциям.

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

Я предполагаю, что это решает две проблемы, которые eBay обнаружил в своих исследованиях. Продавцы не решаются выставлять товары из-за: 1) отсутствия доверия к покупателям; 2) стоимости создания объявлений. Эти факторы могут сделать этот баннер наиболее ценным сообщением для новых пользователей (и, следовательно, для eBay), когда они открывают приложение.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Около 33% первого экрана iOS-приложения eBay содержит текст, но на первом месте стоит самое важное

Последний принцип контент-дизайна Intercom вдохновлен Стивом Кругом: «Не заставляйте меня думать!» То есть, мы стараемся устранить как можно больше двусмысленности, сохраняя понятность. Мы используем простой язык. И мы всегда подчеркиваем самое важное, то, что пользователь должен сразу увидеть.

Приложение Netflix – отличный пример этого принципа. В нем основной упор делается на сериал под названием «Девчонки из Дерри». Это название сериала является первым сообщением, которое Netflix показывает пользователю, помимо навигации. Оно занимает 8% всего экрана. Для сравнения, весь текст интерфейса Snapchat занимает всего 3,5% экрана. Я думаю, что Netflix стремился к тому, чтобы эти гигантские слова привлекли мое внимание, и это правильно: я люблю это шоу.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Около 38,5% первого экрана iOS-приложения Netflix содержит текст

Дизайн приложений по-прежнему сводится к словам

Таким образом, 36% первого экрана приложения… чуть более одной трети от общего пространства.

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

Но текст – это нечто большее, чем просто средство передачи сообщений. Он также выступает в роли интерфейса. Если вы удалите из мобильных приложений текст интерфейса, они окажутся пустыми и запутанными. 6 лет назад Миг Рейес провел эксперимент с декстопными версиями сайтов. Полученный им вывод и сегодня остается актуальным для мобильных приложений: «Дизайн по-прежнему сводится к словам».

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Почему 36% – волшебное число: Поиск подходящего количества текста в мобильных приложениях
Приложение Revolut, с текстом интерфейса и без него. Вы могли бы получить ценный опыт от работы с таким приложением?

Большинство приложений без текста в интерфейсе станут менее ценными … или совершенно непригодными для использования! Единственным исключением, похоже, являются приложения для камер, такие как Snapchat и TikTok, которые имеют лишь небольшое количество текста на своих первых экранах. Но «камера в первую очередь» не означает «только камера» – оба эти приложения также имеют более глубокие экраны которые содержат много текста. Например, профили, списки друзей, настройки и т. д. Даже, если на поверхности не так много текста, он все равно доминирует над системой в целом.

«Чтобы сделать язык полезным и функциональным, нужно приложить усилия. Не следует оставлять эту работу напоследок»

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

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

Он и есть опыт.

Автор статьи: JONATHON COLMAN

Свежие вакансии
                        Регистратор доменных имен РЕГ.РУ Регистратор доменных имен РЕГ.РУ UX/UI дизайнер Удаленно Москва
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
                        ООО РЖД-Технологии ООО РЖД-Технологии Графический дизайнер Офис Москва
                        Ак Барс Цифровые Технологии Ак Барс Цифровые Технологии UI/UX дизайнер Офис Казань от 70 000 ₽
Все вакансии

Оригинал: https://www.intercom.com

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

Тренды UI/UX дизайна на 2020 год

Подборка основных трендов UI/UX дизайна, которые мы увидим в 2020 году

10 эвристических принципов для мобильных интерфейсов

Якоб Нильсен консультировал и обучал юзабилити-инжинирингу, когда начал изучать множество паттернов. В…

Паттерн нижней панели навигации на мобильных веб-сайтах, исследование

Гамбургер-меню? Есть ли лучшая альтернатива? В этой статье я попытаюсь рассмотреть эти вопросы