Статьи

Знайте (iOS) правила, прежде чем их сломать

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

Недавно кто-то рассказал мне о своей прекрасной идее продавать продукт в Интернете. «Это уже делается», — сказал я с некоторым извинением. «Ну, у меня появился еще один шанс заработать миллионы!» — ответила она.

Если бы это было так просто, в мире было бы намного больше миллионеров. То, что стоит между идеями и долларами, — это исполнение, детали и тяжелая работа.

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

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

Давайте посмотрим на некоторые из распространенных отклонений и преступников iOS, которые смело делают их (и некоторые с успехом!).

Крошечные краны

Приложение CNN

Рекомендованная область перестановки в iOS составляет 44 балла. Помните, что область смещения не означает размер графического элемента. Это относится к области вокруг кнопки (или другого графического элемента) и вокруг нее, которая должна реагировать на прикосновения.

Очень маленький регион

В этом приложении, накладываемая область составляет 21 балл

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

Приложение Мусульманское Про не нарушает правила. Вы можете видеть, что область их выбора шрифта (значок «tT») довольно мала, около 21 балла. Выступающая область не кажется больше, по крайней мере, ненамного, что затрудняет взаимодействие.

Креативная навигация

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

Ниже приведены два примера приложений, которые нарушают соглашение из панели вкладок.

Нетрадиционные примеры навигации

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

Старое ежедневное приложение Burn с вкладкой

Предыдущая версия Daily Burn с панелью вкладок

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

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

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

Сосредоточенные Модальные Задачи

«Держите модальные задачи достаточно короткими и узконаправленными. Вы не хотите, чтобы ваши пользователи воспринимали модальное представление как мини-приложение в вашем приложении. Будьте особенно осторожны при создании модальной задачи, которая включает иерархию представлений, потому что люди могут потеряться и забыть, как пересмотреть свои шаги. Если модальная задача должна содержать подзадачи в отдельных представлениях, обязательно предоставьте пользователям единый, четкий путь через иерархию и избегайте округлостей ».-HIP от Apple

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

NightStand — это приложение, которое чрезвычайно упрощает основной экран. Его базовая функциональность весьма полезна (будильник, который может разбудить вас под музыку). Настройка приложения, однако, оказывается сложной. Давайте посмотрим на шаги, необходимые для добавления музыки к вашему будильнику.

Шаги, чтобы добавить песню в свой плейлист

Шаги, необходимые в этом модальном поповере, чтобы добавить песню

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

Отказ от стандартного контроля

Здесь есть два способа отключить карту: создать собственные элементы управления вместо предоставленных Apple элементов или неправильно использовать элементы управления Apple. Здесь мы сосредоточимся на создании пользовательских элементов управления CraigsPro:

Элементы пользовательского интерфейса

CraigsPro предлагает то, что трудно найти: просмотр Craigslist по фото. Это действительно полезно! Однако, как вы можете видеть, они не оставили ни одного элемента интерфейса без изменений. Apple дает понять, что если вы собираетесь изменить их стандартные элементы управления, ваши решения должны быть одинакового качества:

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

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

Яблоко HIG

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

Я бы посоветовал всем, кто серьезно хочет превратить свою уникальную идею в успешный продукт, чтобы:

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

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