Как разрабатывать приложения для экранов Apple любого размера

яблоко

Экосистема приложений Apple за последнее время значительно расширилась

Когда только появился App Store, проектирование мобильных устройств Apple было относительно простым. Конечно, разработчикам пришлось разобраться с сенсорными экранами и жестами, а также переосмыслить визуальный язык для приложений и игр для смартфонов, вдали от условностей рабочего стола. Но iPhone был одним устройством с одним размером экрана и одной моделью взаимодействия.

Сегодняшний пейзаж совсем другой. Универсальные приложения могут поддерживать все, от Apple Watch до iPad Pro. Размеры экранов сильно различаются, равно как и масштабирование - 9,7-дюймовый дисплей iPad Air может похвастаться тем же количеством пикселей, что и 7,9-дюймовый iPad Mini. Модели взаимодействия на устройствах Apple iOS, watchOS и tvOS тоже сильно различаются.



В текущем ассортименте устройств Apple с сенсорным экраном ввод остается таким же, как на первом iPhone, но в iOS есть новые жесты и дополнительные функции, в основном для обслуживания больших дисплеев iPad. Apple Watch, тем не менее, поддерживают сенсорное взаимодействие, наряду с использованием цифровой короны и голосового ввода. И вы взаимодействуете с новым Apple TV с помощью пульта дистанционного управления, а не напрямую управляете объектами на экране.

Разработчики приложений делают свою работу за них.

Играя в игру

Разработчики, создающие игры для работы на устройствах iOS и tvOS, в основном это не заботят. Зато игры часто неплохо справляются с экранами самых разных размеров. «Я делаю все свои макеты таким образом, чтобы они масштабировались относительно размеров экрана», - говорит дизайнер игр. Пол Придхэм , который признает, что это «не имеет большого значения, так как большинство моих игр по своей природе коренастые и ленивые». Нитром Доктор медицины Мэтью Эннал использует еще один распространенный прием для мобильных игр для разных устройств: в его играх есть «безопасная зона». Важные элементы находятся внутри этого кадра, а удлиненные экраны просто показывают больше окружения.

Ulysses в настоящее время предназначен только для iPad, и приложение должно изменить внешний вид для iPhone.

Ulysses в настоящее время предназначен только для iPad, и приложение должно изменить внешний вид для iPhone.

С приложениями, имеющими более обычные меню, кнопки, панели и рабочие области, все становится сложнее. Текстовый редактор Улисс в настоящее время поддерживает только iPad, но скоро появится версия для iPhone. Соавтор Макс Зелеманн из The Soulmen объясняет, что приложение использует два режима экрана: разделенный вид, в котором секции располагаются бок о бок, и более узкий «сложенный» макет.

Изменения режима автоматически запускаются iOS, что, по словам Зелеманна, полезно, поскольку операционная система Apple становится все более сложной - iPhone 6 Plus в альбомной ориентации похож на iPad, а iPad Split View похож на высокий iPhone; Тем не менее, нужно много раздумывать над тем, как даже относительно простые интерфейсы масштабируются от самых маленьких iPhone до iPad Pro.

Подход Seelemann напоминает современный веб-дизайн: сосредоточьтесь на контенте и показывайте больше по мере увеличения доступного пространства. Программное обеспечение Eternal Storms Основатель Маттиас Гансриглер считает, что это еще более важно при работе с Apple Watch и телевизорами: «Начните разрабатывать интерфейс с наименьшего устройства, на которое вы ориентируетесь». По мере увеличения размеров экранов вы можете вводить больше элементов, хотя Гансриглер предупреждает, что это не всегда необходимо: «Иногда полезно сохранять минимальные размеры, даже если пространство позволяет их больше. Все дело в пользовательском опыте: подавить кого-то может быть так же плохо, как и не впечатлить ».

Что кажется правильным

МОРКОВЬ Погода

Приложения разного размера CARROT Weather были созданы органично

При создании CARROT Weather для iOS, watchOS и tvOS, разработчик Брайан Мюллер признается, что он часто просто делал то, что считал правильным: «Я играл с макетами, поэтому они чувствовали себя хорошо на моем основном тестовом устройстве, iPhone 6 Plus, но знал, что сработает в другом месте. Мне пришлось вырезать некоторые элементы для небольших экранов и добавить что-то на iPad, чтобы экран не казался пустым. Но в основном это было все - делать то, что получалось естественно, и при этом думать о том, как все может работать при масштабировании или повороте ».

Разработчик Джеймс Томсон PCalc также доступен на каждой платформе Apple, и его процесс включает в себя «выяснение того, что имеет смысл на данном устройстве». Он объясняет: «У меня не может быть больше 15 кнопок на экране часов, да и то может быть тесно. Но по телевизору вы будете находиться в другом конце комнаты, поэтому хотите, чтобы все было как можно больше ».

Как и в случае с Ulysses, различие между iPad и iPhone более нечеткое - PCalc в первом случае использует пространство через боковые панели и всплывающие окна, а не переключается между полноэкранными режимами, но в режимах многозадачности iPad приложение использует макет iPhone при наличии свободного места. сужается.

Иногда на макет влияют другие практические соображения, например Полосы Создатель Квентин Зерваас объясняет: «Создание полос для работы с более чем двадцатью языками заставило нас задуматься о том, как текст будет помещаться и размещаться, что, естественно, облегчило масштабирование для устройств разных размеров». Например, строка текста на немецком языке занимает больше места, чем на английском - «это все равно, что вставить что-то, предназначенное для 4,7-дюймового экрана, в 3,5-дюймовый», - в то время как китайские символы требуют меньше места. Auto Layout от Apple был благом, помогая разметить на нескольких устройствах, а также надежную языковую поддержку.

Вопрос масштаба

IPad

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

Размеры экрана - не единственная проблема, связанная с несколькими размерами дисплеев - также необходимо учитывать плотность пикселей. Даже iPad с разными размерами имеют одинаковое разрешение; и некоторые устройства Apple требуют графики @ 2x, в то время как другие предпочитают @ 3x. «Это меня напортачило, когда я снимал CARROT Fit», - признает Мюллер. «Я создал сотни поз для упражнений в виде растровых изображений с @ 2x, потому что это все, что мне было нужно изначально». Когда появились устройства @ 3x, все ассеты пришлось переделывать. Теперь Мюллер рекомендует векторы: «С CARROT Weather все сохраняется в формате PDF, а Xcode обрабатывает создание ресурсов. Я также использую PaintCode PixelCut для генерации ресурсов в коде, чтобы динамически создавать разные размеры ».

Растры все еще могут работать, но вы должны планировать заранее. Режиссер Рон Паккард-младший говорит, что он тоже «испытывал трудности с необходимостью увеличения размеров изображений» и «столкнулся с непростой задачей переделать все наши рендеры». Так что для игры Castle Breakout «все рендеры огромны и при необходимости могут быть понижены до меньшего размера». Для Annal, чьи игры в основном используют пиксельную графику, масштабирование также может быть проблемой: «Поэтому мы, как правило, придерживаемся размера пикселя, намного меньшего, чем плотность экрана, который соответствует плотности самых низких поддерживаемых устройств. Таким образом, пиксели на старых устройствах выглядят четкими, а на новых - такая высокая плотность пикселей, что все в любом случае выглядит великолепно ».

Что касается конкретного взаимодействия с пользователем, мы спрашиваем, может ли масштаб быть проблемой, не в последнюю очередь на iPad Mini. Зелеманн, чей Ulysses в основном управляется клавиатурой, считает, что «Apple определила, что 44pt - это минимальный размер, который должен иметь каждый элемент», и пока вы будете следовать этому, все должно быть в порядке. «Таким образом, хотя некоторые устройства имеют разные значения PPI, пользователи будут адаптироваться к ним. Мы не видим необходимости отклоняться от рекомендаций Apple ».

Чувство сосредоточенности

Apple Watch поставили перед разработчиками приложений еще один набор проблем

Apple Watch поставили перед разработчиками приложений еще один набор проблем

Еще одна вещь, о которой нужно помнить, - говорит Программное обеспечение Open Planet соучредитель Гордон Мюррисон, иногда вы обнаружите, что приложение идеально подходит для конкретного устройства и, следовательно, может «принять решение не поддерживать другие». Так было с инструментом покадровой анимации Smoovie, богатый интерфейс которого был настолько идеален для iPad, что версия для iPhone так и не появилась. Другими словами, ваши приложения не имеют быть везде.

Фактически, некоторые разработчики говорят, что быстро расширяющаяся экосистема Apple может вскоре сделать такие решения обычным явлением. «Я проектирую для« основного »устройства, а затем адаптирую свою работу для других, но тогда инди-разработчики не имеют доступа ко всему спектру устройств для тестирования», - поясняет разработчик. Альваро Марото Конде . Жалобы разработчиков не могут позволить себе продолжать инвестировать в новое оборудование каждые шесть месяцев, Конде говорит, что они должны рискнуть с одним или двумя и «глючным эмулятором». Он добавляет, что секретность Apple в сочетании с «гонкой за датами запуска» также приводит к тому, что магазины приложений забиты программным обеспечением, которое «не было должным образом протестировано», и полагает, что это могло спровоцировать неожиданное решение Apple о выпуске комплектов для разработки Apple TV.

Однако, по возможности, Гансриглер говорит, что разработчики должны попытаться получить хотя бы по одному образцу каждой основной части комплекта, для которой они собираются что-то выпускать. В первую очередь это потому, что симуляторы редко бывают такими тонкими, как настоящие: «Симулятор Xcode tvOS, например, не справляется с Siri Remote. Вы используете мышь или трекпад, но сенсорная область пульта дистанционного управления используется большим пальцем. Вы должны попробовать и почувствовать, как это работает ». Кроме того, он говорит, что при переносе приложений из других систем может потребоваться продумать новые методы взаимодействия: «Коснитесь края сенсорной панели Siri Remote, и фокус продвинется на один шаг в этом направлении. Это взаимодействие недоступно из коробки на iOS, поэтому его необходимо учитывать при переносе приложения на Apple TV ».

Вместе, но врозь

iPad и iPhone, которые когда-то были доступны в двух размерах, теперь представлены в шести вариантах.

iPad и iPhone, которые когда-то были доступны в двух размерах, теперь представлены в шести вариантах.

Тогда следует ли считать их отдельными платформами, учитывая различия между устройствами? И если да, то как добиться согласованности, когда единое универсальное приложение (на самом деле отдельные двоичные файлы, но это невидимо для пользователя) становится доступным для всех? «Очень многое зависит от брендинга и верности духу вашего приложения», - предполагает Анна. «Если вы повторяете ту же визуальную идентичность, сохраняя при этом то, что делает ваш продукт особенным, не имеет значения, что вводимые данные или размеры экрана меняются».

По словам Зервааса, это должно сочетаться с осознанием использования. С полосами ключевой особенностью является вознаграждение, которое люди ощущают, удерживая нажатой кнопку мыши, чтобы отметить ее как выполненную. «Но такая модель взаимодействия невозможна на Apple Watch или Apple TV», - говорит он. «Поэтому на Apple Watch мы используем Force Touch, который представляет собой другую модель взаимодействия, но по-прежнему дает это интуитивное ощущение выполнения задачи. В Streaks Workout для Apple TV мы используем простой щелчок на пульте дистанционного управления, чтобы отметить упражнение как выполненное. Это соответствует стилю приложения, но вы по-прежнему получаете вознаграждение в виде анимации, заполняющей индикатор выполнения и показывающей большую галочку ».

Любые попытки зайти слишком далеко, по сути, создать одно и то же приложение для разных платформ, категорически отвергаются. «Наша цель как дизайнеров и разработчиков - не уменьшать нашу рабочую нагрузку, а создавать отличные продукты», - говорит Меррисон. «Помните общие рамки пользовательского интерфейса для Mac и Windows? Ужасный. Вы получаете то, чего нигде нет дома. То же самое и при создании приложений для разных семейств устройств в экосистеме Apple ».

OfficeTime на Apple Watch

OfficeTime на Apple Watch

OfficeTime основатель Стивен Додд соглашается: «Недостаточно просто переносить проекты на разные платформы. У вас может возникнуть соблазн создать «облегченную» версию приложения iPhone для Apple Watch, но последнее устройство используется в кратких встречах. Вместо этого вы должны спросить, что достаточно ценно, чтобы показать пользователю во время такого мини-взаимодействия, а не просто вынимать свой iPhone ».

Идеально подходит

Таким образом, успешное развитие современной экосистемы Apple в первую очередь зависит от контекста; как отмечает Томсон, вы должны «по возможности проектировать с учетом сильных сторон каждой платформы». С помощью PCalc он объясняет, что люди не будут выполнять долгие многоступенчатые вычисления на часах, но могут подсчитать продукты или разделить счет. «Так что, хотя мое приложение для tvOS, iOS и watchOS похоже с точки зрения программирования, интерфейсы разработаны таким образом, чтобы соответствовать - даже на iPhone и iPad вы делаете все по-другому».

Додд обнаружил то же самое с OfficeTime - люди используют счетчик времени на разных платформах, но не для одних и тех же задач: «Они могут запускать таймер на часах, останавливать его на iPhone, редактировать детали на iPad и составлять счета. на Mac: «Каждое приложение имеет все больше возможностей, но требует немного более высокой стоимости взаимодействия. Каждый использует сильные стороны своего устройства ».

Однако весь этот выбор может также служить предупреждением о все более сложном будущем. Мы начали с того, что заметили, что когда-то все было просто: одно устройство; один размер экрана; одна модель взаимодействия. Теперь, хотя экосистема Apple никогда не будет иметь такого же разнообразия, как Android, она продолжит расти. «Вы увидите новые задачи, такие как разделение экрана iPad», - говорит Зелеманн. «В одном выпуске было представлено пять совершенно новых размеров пользовательского интерфейса с беспрецедентным соотношением сторон. Стало ясно, что приложения должны поддерживать любой размер экрана. Оптимизация для них всех больше невозможна и больше не имеет смысла ».

По словам разработчика Энрико Сусатьо , никто, создающий приложения для комплекта Apple, больше не должен удивляться таким изменениям. «Apple умеет вести разработчиков к будущему своих платформ, ничего не раскрывая», - говорит он. «В 2011 году у нас появился Auto Layout, за год до iPhone 5. Классы размеров появились за год до iPhone 6, что облегчило разработчикам поддержку больших iPhone и iPad. Image Assets были представлены до устройств @ 3x Retina ».

Поэтому он советует обратить внимание на то, что делает Apple, чтобы вас не поймали: «Apple хочет, чтобы мы внедрили новые технологии. Они могут быть не сразу очевидны, но рано или поздно все они будут адаптированы для новых функций ».

какие лучшие художественные принадлежности

Статьи по Теме:

  • Как Apple Watch навсегда изменят приложения
  • Как создать приложение : начните с этих замечательных руководств
  • Создавайте макеты приложений для умных часов с помощью Генератор CSS Apple Watch