ГАЙДЛАЙНЫ МОБИЛЬНЫХ СИСТЕМ (ЧАСТЬ 1 - ОБЩЕЕ, HIG)

✅ Гайдлайны мобильных систем - это набор правил для создания приложений, максимально удобных для пользователей разных платформ. Данные гайдлайны не ультимативные руководства, а список рекомендаций, которые помогут пользователям эффективнее взаимодействовать с мобильным интерфейсом. Если приложение будет неудобным, то пользователям будет некомфортно им пользоваться, и это скажется на его распространении и монетизации. Также одна из ключевых задач гайдлайнов ― дать руководства, которые помогут сохранить приложениям разных разработчиков единый вид и механику взаимодействия в рамках одной операционной системы. Благодаря этому пользователю будет легко освоить приложения разных разработчиков в рамках одной определенной платформы (например, iOS или Android). Например, в десктопных приложениях приходится привыкать к странице каждого разработчика по отдельности, так как везде разный интерфейс. Мобильные приложения ― это «быстрый контент», у пользователя нет времени осваивать каждое заново. То есть гайдлайны описывают как UX (как использовать приложение), так и UI интерфейс (верстка, шрифты, цвета, анимации и подобное). По мере обновления систем обновляются и гайдлайны, поэтому нужно постоянно следить за актуальными требованиями. Гайдлайны есть у многих операционных систем и оболочек, остановимся на подробностях самых популярных: iOS и Android.

🍏 Apple Human Interface Guidelines (HIG). Human Interface появился в 2013 году, с выходом iOS 7. В основе дизайна ― воздушность, лаконичность, минимализм и отзывчивость к действиям пользователя. Интерфейсы используют плоские элементы и ограниченное количество визуальных эффектов, что дает чистоту дизайна. Это придает приложениям Apple современный и сдержанный вид, в котором внимание уделяется содержанию, а не лишним украшениям. Активно используются градиенты, подложки, размытость, но всё в очень умеренных количествах, чтобы не мешать взаимодействию с приложениями. Особое внимание уделяется микровзаимодействиям, которые могут заключаться не только в цветовой индикации или звуках, но и в вибрации. HIG предоставляет рекомендации по цветам и типографии, но с уклоном в четкость и удобочитаемость. Минималистичная цветовая палитра и простая типография помогают создать приятный и легкий для восприятия пользовательский интерфейс. В гайдлайне намеренно не даются чёткие указания по поводу внешнего вида элементов, что даёт большую свободу в решениях. Правда, начинающим дизайнерам без точных данных работать будет сложнее. Принципы HIG:

• Подчинение. Все элементы (картинки, шрифты, отступы, цвета и прочее) должны помогать пользователю отделить важное от второстепенного. Интерфейс не отвлекает от контента.
• Ясность. В основном управление происходит не с помощью меню, а с помощью понятных для пользователей Apple жестов.
• Глубина. Анимация может быть любой, но не отвлекающей от основного взаимодействия. Включает в себя использование слоев и анимаций для создания визуальной глубины. Ключевые технические возможности:
• Единица измерения: Point (pt), 1/72 дюйма
• Размер экрана: стандарта нет, но рекомендовано ориентироваться на самый маленький размер экрана ― 320×568 pt
• Использование теней: применяются редко
• Минимальный размер области для нажатия: 44×44 pt
• Основная навигационная панель: снизу
• Дополнительная навигационная панель: кнопка «Ещё» (More) внизу или элементы в теле страницы
• Уведомления в приложении: всплывающие окна с необходимостью ответного действия
• Переход назад: свайп слева направо
• Механика управления: жестами