Содержание
Ошибки в дизайне Android приложений с примерами из России — CMS Magazine
Гайдлайны Android лихо нарушают известные приложения (нижний таббар у Инстаграма). Приложения гугла, менее лихо, но тоже нарушают. Я сильно удивился, когда в официальном подкасте Android Design In Action запрещают помещать настройки в Navigation Drawer, но гугловские Play Music и Play Books через полгода поместили их именно туда. Следовать рекомендациям гугла про дизайн или нет — вопрос спорный.
Моя точка зрения — стоит. Платформа обретает целостность, почти все свежие приложения следуют гайдлайнам и получается красиво. Инстаграмы будут посрамлены.
Я собрал типичные ошибки из раздела гайдов Pure Android, эпизодов официального подкаста Android Design In Action Common UX Issues и Navigation Anti Patterns и дополнил примерами из российских бизнес приложений.
Больше не нужно искать и обзванивать каждое диджитал-агентство
Создайте конкурс на workspace.ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →
Элементы интерфейса и иконки других платформ
Не стилизуйте кнопки, поля ввода и другие элементы интерфейса под iOS6, 7 или Windows Phone.
Посмотрите как правильно выглядят элементы в Building Blocks и приложениях от Google.
Здорово, что все меньше и меньше российских приложений нарушают это правило. Но примеры еще остались.
Am.ru стилизует табы под iOS6, а Auto.ru кнопки.
Таббар внизу
Казалось, переносить tabbar вверх при портировании iOS приложений на Android мобильные студии научились еще полтора года назад.
Но Сбербанк выпустил новую версию с tabbar внизу:
Пользователей которые используют ваше приложение и на iOS и на Android не существует. Нет причин клонировать iOS навигацию или дизайн.
Переносить таббар вверх недостаточно. В Android нет понятия таббара, есть табы. Правильные Android табы скрываются, когда пользователь переходит на внутренний экран.
Правильно сделано в Delivery Club. При тапе на бургеры табы скрываются:
Неправильно у Ozon.ru, Wildberries и Яндекс Электричек, при переходе на внутренние экраны табы остаются.
Смесь навигации и действий в Navigation Drawer
Изначально Navigation Drawer (боковая панель) предназначался только для навигации. «Настройки» и «Сообщить об ошибке» рекомендовали убирать в Action Bar. Н
Но теперь Google передумал и размещает действия внизу Navigation Drawer, однозначно отделяя их от навигации.
У многих приложений встречается неправильная смесь навигации и действий: Ulmart,HeadHunter, Из рук в руки, Техносила. Банк Тинькова вообще превратил Navigation Drawer во что-то странное.
Это некорректно и сбивает пользователей с толку.
Некорректные иконки на страницах из Navigation Drawer
На всех экранах из Navigation Drawer должна быть иконка из трех полосок, на вложенных экранах — стрелочка назад.
Из рук в руки не имеет такой иконки вообще. Ulmart показывает стрелку назад на некоторых экранах из Navigation Drawer. HeadHunter показывает стрелку назад вместо иконки ND.
Неправильная анимация появления экранов из Navigation Drawer
Новые экраны в Андроид появляются, растягиваясь из центра экрана. А при выборе экрана из Navigation Drawer боковая панель уезжает и экран плавно появляется без растяжения.
Неправильная анимация реализована в приложениях Молотка и ТКС банка.
Модальные диалоги загрузки
Модальные диалоги загрузки ужасны, тем более большинство из них нельзя закрыть кнопкой «Назад». Правильно — индикатор загрузки прямо на экране. Идеально — загрузка данных в фоне.
Модальные диалоги загрузки используются в Объявлениях Из Рук в Руки, Am.ru, Яндекс Авто и Ситилинке.
Только портретная ориентация экрана
Большинство русских бизнес-приложений работает только в портретной ориентации. Такие приложения нельзя использовать на планшетах. И часть пользователей используют телефоны горизонтально (держалка в машине, например) им вы также доставляете неудобства.
По-моему, пункт спорный. Но это официальная позиция Google, посмотрите Play, Music или Books. Ребята из Android Design In Action утверждают, что реализовать поддержку альбомной ориентации наполовину можно за пару часов (и пару недель на остальную половину :).
Правильно сделано у Sports.ru, HeadHunter, Ситилинка, Новостей Mail.ru.
Неправильно — почти у всех остальных.
От редакции
Нужна информация о том, какие команды лучше остальных пишут мобильные приложения на Android? Тогда обратите внимание на первые строчки этого локального рейтинга.
Если вы ищете подрядчиков, работающих и с другими платформами, вам может быть полезен общий рейтинг мобильных разработчиков. Определившись со списком потенциальных партнеров, при желании вы с легкостью можете провести тендер между ними, воспользовавшись удобным онлайн-инструментом.
Оригинал: http://touchin.ru/letters/oshibki-v-dizaine-android-prilozhenii/
5 бесплатных эмуляторов Android на ПК
17 октября 2020
Ликбез
Android
Запускайте мобильные игры и программы на компьютере в пару кликов.
1. BlueStacks
- Версия Android: 7.
- Платформы: Windows, macOS.
Это, пожалуй, самый известный эмулятор Android, особенно популярный среди геймеров. Хотя вы можете работать с самыми разными приложениями в BlueStacks, программу создали с прицелом на игры. Она успешно запускает даже самые тяжёлые из них, если у вас достаточно мощный компьютер. С другой стороны, сам BlueStacks занимает больше места и дольше загружается, чем большинство других эмуляторов.
Бесплатная версия отображает спонсорские рекомендации игр. При желании вы можете подписаться на премиум‑вариант BlueStacks за 3,33 доллара в месяц, чтобы отключить рекламу и получить доступ к техподдержке.
Скачать BlueStacks →
2. NoxPlayer
- Версия Android: 7.
- Платформы: Windows, macOS.
Лёгкий и быстрый эмулятор, который отображает привычный интерфейс Android с кнопками управления на боковой панели. В настройках программы можно включить root‑доступ, регулировать производительность, добавляя ядра процессора и объём выделенной ОЗУ, а также менять разрешение экрана и количество FPS.
NoxPlayer позволяет играть одновременно с нескольких аккаунтов, что может пригодиться для онлайн‑проектов. Изображение для каждого игрового профиля программа выводит в отдельном окне.
Скачать NoxPlayer →
3. MEmu
- Версия Android: 5.
- Платформы: Windows.
По функциям и визуально MEmu очень похож на Nox. Вы можете указывать, какую мощность выделять для эмулятора, сколько памяти для него резервировать и с какой частотой кадров он будет запускать игры. На боковой панели есть кнопки для записи видео с дисплея, создания скриншотов и настроек экранной клавиатуры.
Приложения можно устанавливать из памяти компьютера в виде APK‑файлов или из Google Play. MEmu позволяет быстро активировать root, а также кастомизировать части интерфейса. Программа эмулирует все основные элементы Android, включая панель уведомлений, меню настроек и даже менеджер файлов.
Скачать MEmu →
4. Andy
- Версия Android: 7.
- Платформы: Windows, macOS, Linux.
Andy подойдёт поклонникам минимализма. В окне программы практически нет никаких настроек: после запуска перед вами появляется чистый Android‑интерфейс. Вы можете только изменить ориентацию дисплея и переключить изображение в полноэкранный режим. Но есть и отдельные кнопки для управления звуком, геопозицией и вводом.
Перед запуском Andy предлагает установить браузер Opera и сторонний антивирус. Но вы можете отказаться. Возможностей эмулятора не хватает для требовательных игр, зато он отлично подходит для работы с Android‑утилитами.
Скачать Andy →
5. Gameloop
- Версия Android: не указана.
- Платформа: Windows.
Официальный эмулятор компании Tencent, выпускающей Call of Duty и PUBG для Android. Если вы хотите играть в них на ПК, Gameloop будет идеальным вариантом. Но программа поддерживает и много других игр, которые можно установить из её встроенного каталога.
Gameloop разработан исключительно для геймеров. В эмуляторе есть детальные настройки графического движка, программа отлично взаимодействует с клавиатурой и мышью. Но для неигровых приложений Gameloop совсем не подойдёт.
Скачать Gameloop →
Читайте также 🖥📱💻
- 7 лучших эмуляторов Dendy для разных платформ
- 5 лучших эмуляторов iOS, которые работают в macOS, Windows и браузере
- 7 лучших эмуляторов Sega Mega Drive для разных платформ
- 16 бесплатных программ для Windows, которые должны быть у каждого
- 40 приложений, которые позволят комфортно использовать Android на десктопе
Headless CMS для собственных приложений Android
Этот веб-сайт или его сторонние инструменты используют файлы cookie, которые необходимы для его функционирования и необходимы для достижения цели, указанной в нашей политике использования файлов cookie.
Закрывая этот баннер, прокручивая эту страницу, нажимая на ссылку или продолжая просмотр другим способом, вы соглашаетесь на использование файлов cookie.
Решения/Разработчики/Android/
БЕЗГЛАВНАЯ CMS ДЛЯ ANDROID
Управляйте содержимым приложений Android с помощью Headless Cms
ContentChef — это первая CMS для Android с поддержкой API, которая упрощает управление и предоставление контента для ваших приложений с помощью Kotlin или JAVA.
Ускоренная публикация вашего приложения
Разработка, ориентированная на API
Ускорьте время разработки, позволив вашей команде получать реальные и подходящие данные для вашего приложения Android, поступающие из центрального источника. С ContentChef вы можете быстро внедрить API для доставки контента, чтобы сразу же приступить к разработке пользовательского интерфейса.
Индивидуальные схемы контента
Используйте наш язык схем для разработки структур контента, отвечающих потребностям вашего приложения. Наслаждайтесь гибкостью и свободой работы с нашей безголовой CMS, которая не диктует, как вы должны структурировать свой интерфейс.
Беспроблемная разработка
Создайте свое приложение для Android с помощью Kotlin, как обычно, и предоставьте ему данные из ContentChef. Попрощайтесь с жесткими системами, которые создают неожиданные препятствия на вашем пути, и полностью сосредоточьтесь на разработке своего приложения.
Зачем выбирать ContentChef для приложений Android?
С помощью ContentChef разработчики и редакторы могут одновременно работать над пользовательскими структурами контента, ускорять разработку и улучшать совместную работу. Быстро создавайте и развертывайте API контента, которые помогут вам получать нужные данные в свое приложение в нужное время. Хотели бы вы и дальше продвигать разработку с помощью ContentChef? Затем интегрируйте наш Kotlin-совместимый SKD в свой проект, чтобы программно управлять контентом и извлекать его. Вы также можете использовать все инструменты Kotlin для создания отличных пользовательских интерфейсов!
Инструменты для достижения результатов
Как ContentChef может помочь вашему приложению для Android?
Простой в использовании SDK
Удобное управление контентом
Используйте наш SDK для Kotlin, чтобы тесно интегрировать функции ContentChef в ваше приложение для Android. Таким образом, управление содержимым вашего приложения и доступ к нему становятся несложным процессом, гарантируя, что вся ваша команда будет работать с одними и теми же реальными данными.
Богатые модели
Адаптируемые структуры контента
Создавайте собственные структуры содержимого для своего приложения Android, чтобы создавать уникальные и выдающиеся возможности для пользователей. ContentChef также позаботится об оптимизации ваших медиафайлов, чтобы вы могли легко интегрировать их в свое приложение.
Надежные API-интерфейсы
Оптимизированная доставка контента
Избегайте загрузки ненужных данных в ваше приложение путем создания и развертывания API-интерфейсов доставки контента, которые помогают запрашивать и фильтровать нужный контент. Таким образом, вы можете повысить производительность своего приложения, чтобы ваши пользователи могли в полной мере насладиться использованием вашего продукта.
ContentChef — это высоконадежная автономная CMS, которая позволяет создателям контента эффективно редактировать и управлять контентом. При этом разработчики получают структурированные данные, к которым они могут получить доступ через наш API. Проще говоря, ContentChef разделяет концентратор контента и интерфейс вашего продукта. В результате вы можете доставлять свой контент туда, куда вам нужно — будь то ваш веб-сайт, мобильное приложение или устройство IoT.
Каждое создаваемое вами приложение для Android нуждается в таком содержимом, как активы и данные. Использование жестко закодированные фиктивные данные в вашем приложении для Android во время разработки могут впоследствии привести к различным проблемам и далеко не эффективны. Вот почему наполнение вашего приложения данными через API — самое умное и подходящее решение. Если требования меняются, все, что вам нужно сделать, это переписать вызовы API, чтобы получить другие данные для вашего приложения.
Сначала создайте учетную запись и начните 30-дневную пробную версию. Затем сделайте первые шаги с ContentChef, следуя нашему Руководству по началу работы и изучив документацию, чтобы узнать больше.
Создайте учетную запись и используйте 30-дневную пробную версию. Кредитная карта не требуется!
Нет, поскольку ContentChef — это полностью управляемая SaaS-программа, мы позаботимся об этом за вас!
Начните работу с ContentChef для Android с Kotlin!
Мобильная CMS — Почему ваша мобильная CMS должна быть безголовой
Рынок мобильных устройств развивался невероятными темпами, и мы быстро перешли от настольных компьютеров к мобильным. Новая парадигма требует думать о мобильных устройствах как о предпочтительной платформе. Из-за неоднородности, лежащей в основе мобильного мира, ваша традиционная CMS теперь может оказаться бесполезной. Вот почему вам следует подумать о переходе на мобильную CMS, которая позволяет вам управлять своим контентом независимо от целевого устройства с помощью безголового подхода.
Во-первых, давайте узнаем, что такое мобильная CMS, что делает ее такой и почему она должна быть безголовой. Затем давайте сосредоточимся на том, какие преимущества безголовый подход может принести стратегии, ориентированной на мобильные устройства.
Что такое мобильная CMS?
Мобильная CMS представляет собой систему управления контентом, которая позволяет вам управлять, организовывать и доставлять контент на мобильные устройства. К ним относятся смартфоны, планшеты и смарт-часы. Другими словами, это платформа, которую ваши отделы маркетинга, ИТ и управления контентом могут использовать для обеспечения согласованности контента в приложениях, работающих на iOS или Android, и в мобильных каналах, таких как адаптивные веб-сайты и социальные сети.
Проще говоря, CMS, созданная для мобильных устройств, готова для мобильного мира, в котором мы живем. Следовательно, традиционная, монолитная, устаревшая CMS вряд ли будет мобильной CMS. Это связано с тем, что мир, ориентированный на мобильные устройства, развивается такими темпами, которые не могут поддерживать традиционные технологии. Таким образом, вы можете думать об этом как о термине, описывающем современную многоканальную CMS, готовую для мобильных устройств.
Давайте теперь углубимся в то, что делает CMS идеальной мобильной CMS.
Хотите попробовать демоверсию нашей мобильной CMS?
Если вы хотите сразу приступить к работе с DatoCMS в качестве мобильной CMS, попробуйте установить наше демонстрационное приложение React Native!
Нативное приложение React
Нативное приложение React
Попробуйте полноценный демонстрационный проект DatoCMS за считанные минуты.
Развертывание демонстрационного проекта
Какими функциями должна обладать мобильная CMS?
Вот несколько функций, которые делают CMS мобильной CMS, но четыре из них являются наиболее важными. Давайте теперь посмотрим на четыре характеристики, которыми должен обладать каждый.
1. Поддержка мобильных приложений и SPA, полностью адаптивных веб-сайтов и веб-приложений
Неудивительно, что мобильная CMS должна позволять вам управлять контентом, используемым в мобильных приложениях. Однако мобильность — это не только приложения. Каждый полностью адаптивный веб-сайт, SPA (одностраничное приложение) и веб-приложение являются частью парадигмы, ориентированной на мобильные устройства. В результате это должно позволить вам одинаково и без усилий доставлять контент на любую платформу, доступную через мобильное устройство. Это означает, что он должен поддерживать вашу коммуникационную и контентную стратегию, независимо от мобильного онлайн-канала, который будет использоваться конечным пользователем.
2. Независимое от устройства и платформы управление контентом
За последние годы мобильные устройства, представленные на рынке, сильно изменились. Можно только представить, как будут выглядеть мобильные устройства будущего. По этой причине мобильная CMS должна быть независимой от устройства, чтобы считаться ориентированной на будущее. Другими словами, он должен быть отделен от внешнего устройства и предоставлять контент в той же форме для любого доступного мобильного устройства. Точно так же, учитывая, что операционные системы, которые работают на этих устройствах, постоянно меняются, мобильная CMS должна быть независимой от платформы и поддерживать вашу контент-стратегию как на Android, iOS, так и на будущих платформах.
3. Доступ с мобильных устройств
CMS не может считаться мобильной, если вы не можете использовать ее со своего смартфона, планшета или мобильного устройства. Хотя управление контентом обычно происходит на настольных устройствах, сама мобильная платформа CMS подчиняется парадигме «сначала мобильные» и должна быть полностью адаптивной. Таким образом, он должен дать вам возможность редактировать, изменять и назначать контент в любое время и в любом месте.
4. Создан с учетом производительности
Мобильные устройства работают от аккумулятора, могут работать медленнее по сравнению с настольными устройствами, и обычно требуется больше времени для отображения и обработки данных. Вот почему ваша мобильная CMS должна обеспечивать молниеносную работу независимо от мобильного устройства, платформы или канала. Это возможно только в том случае, если он был построен с учетом производительности.
Мобильный подход к CMS
Почему вам следует использовать Headless CMS в качестве мобильной CMS
Headless CMS — это ориентированное на API, полностью независимое от внешнего интерфейса приложение системы управления контентом, которое позволяет вам управлять, редактировать, и хранить контент в одном месте. Другими словами, безголовая CMS — это серверная платформа, которая действует как единый источник контента, который доставляется через набор API-интерфейсов, вызываемых любым внешним приложением, работающим на устройстве, которое может выходить в интернет.
Эта идея противоположна традиционной CMS, где содержимое не может быть разделено приложением, в котором оно опубликовано и доступно. Это означает, что традиционная CMS является монолитной и не может быть полезной в гетерогенном сценарии с точки зрения устройств и платформ, представленных мобильным миром. Напротив, безголовая CMS поставляется со всеми функциями, представленными ранее, и по определению является решением, удобным для мобильных устройств. Узнайте больше о различиях между традиционной CMS и автономной CMS здесь.
Безголовая CMS не поставляется со встроенной интерфейсной платформой, которая определяет, как контент должен быть представлен конечным пользователям. Таким образом, ваша команда разработчиков и дизайнеров мобильных интерфейсов может создать лучший опыт на основе текущей цели и целевого устройства. Все, что им нужно сделать, — это получить контент из безголовой CMS через предоставляемые ею API-интерфейсы и начать использовать его для создания высококачественных мобильных пользовательских интерфейсов.
С безголовой CMS вашей команде по созданию контента не нужно беспокоиться о том, как контент будет отображаться и использоваться. Это раскрывает их творческий потенциал и избавляет от необходимости снова и снова оптимизировать контент, который они создают, чтобы соответствовать требованиям, предъявляемым новыми платформами или устройствами, выходящими на рынок.
Преимущества Headless для мира мобильных устройств
Движение мобильных устройств включает в себя несколько устройств, платформ и технологий. Ваша мобильная CMS должна быть готова ко всем из них, а это возможно только в безголовом сценарии. Давайте разберемся, почему безголовый — отличный выбор для принятия парадигмы mobile-first.
Он поддерживает вашу многоканальную стратегию : у вас может быть несколько веб-сайтов, веб-приложений, магазинов электронной коммерции, онлайн-сервисов и проведение множества маркетинговых кампаний помимо ваших мобильных приложений. Это распространенный сценарий, и идеальным решением была бы возможность управлять всем контентом на одной платформе. Вот что такое омниканальность, и это то, что вам дает headless.
Это безопасно : смартфоны хранят личную, конфиденциальную и личную информацию о нашей жизни. Имея дело с мобильными устройствами, вы не можете допустить утечки данных или проблем с безопасностью. К счастью, поскольку безголовое решение предназначено только для серверной части, поставщик может поддерживать его в актуальном состоянии, чтобы злоумышленники не могли использовать известные бреши в системе безопасности. Это особенно важно для государственных, крупных, корпоративных компаний.
Масштабируемый подход : безголовый означает, что все находится на одном сервере и предоставляется клиентам через API. Это масштабируемо по определению, потому что внешние приложения могут увеличиваться в количестве и размере без необходимости затрагивать внутреннее решение. Безголовый подход также является идеальным решением для компаний, которые масштабируются на международном уровне и которым требуется управление несколькими площадками.
DatoCMS: мобильная CMS, которую вы ждали
DatoCMS — это безголовая CMS, оснащенная всеми описанными выше функциями, которые должна иметь мобильная CMS, а также многими другими. Это делает DatoCMS отличной автономной мобильной CMS, готовой полностью поддержать вашу стратегию или переход на мобильные устройства.
Подробно, DatoCMS поддерживается любой онлайн-технологией, используемой для адаптивных и мобильных технологий, которые могут вызывать API. Кроме того, DatoCMS разработана с учетом производительности, масштабируемости и безопасности.
Начните работу с приведенным ниже демонстрационным проектом мобильного приложения React Native и DatoCMS за считанные минуты.
Нативное приложение React
Нативное приложение React
Попробуйте полноценный демонстрационный проект DatoCMS за считанные минуты.