iPhone App Учебник / Справочный экран UI - PullRequest
3 голосов
/ 21 декабря 2010

Каков наилучший способ создания экранов учебных пособий или справки, которые можно просматривать в приложении iPhone при запуске?

Я спорю между двумя парадигмами:

  1. Редактируйте скриншот приложения с помощью программы для редактирования изображений, чтобы добавить статический текст справки. Взаимодействие - это касание или прокрутка подсказок. Это включает в себя создание пользовательского UIViewController для перехода к следующему экрану справки.
  2. Создайте пользовательский iPhone UIControl поверх пользовательского интерфейса приложения, который можно нажать, чтобы перейти к следующему учебному совету. Приложение будет переходить между режимами и будет активным, а не статическим. Он включает добавление хуков в пользовательский ViewController приложения для обработки объектов "TutorialUIControl".

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

  1. Снимок экрана 1: Режим просмотра, позволяющий зрителям прокручивать список изображений, например UIImagePicker, но для пользовательских коллекций изображений.

  2. Снимок экрана 2: Режим действия - позволяет зрителям выбирать изображения для сохранения в альбом "My Saved" из альбома активного поколения "My Evolution" или evolve изображения с использованием половых / бесполых изображений.

Image View Mode

Image Action Mode

Ответы [ 3 ]

2 голосов
/ 21 декабря 2010

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

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

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

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

1 голос
/ 25 августа 2011

Чтобы ответить на мои собственные вопросы много месяцев спустя.

  1. Я обновил и использовал WEPopover, чтобы показать всплывающие подсказки, как это видно в приложении для iPhone / iPad, Wallpaper Evolution Lite. Справка исчезает только при нажатии или при нажатии кнопки, к которой она была прикреплена. Используя этот поток, я мог бы выделить ряд кнопок для пользователя.
  2. Я добавил изображения справки в приложение, чтобы подчеркнуть поведение взаимодействия с контентом. Коснитесь, увеличьте и перетащите изображения полностью интерактивно.
  3. Как упомянул @WrightsCS, HTML - это еще один путь. Я использую UIWebView, чтобы предоставить более подробный экран справки / подсказок с контактной информацией.
  4. В моем новом приложении я использую UIScrollView с подкачкой страниц с функциями приложения, выделяющими контент справки. Экран справки загружается при первом запуске приложения и доступен через пункт меню справки.

Вот мой форк проекта WEPopover github: https://github.com/PaulSolt/WEPopover

Wallpaper Evolution Lite help UI UIWebView help content and tips

1 голос
/ 21 декабря 2010

Вы можете создать учебник HTML, который просматриваете с помощью UIWebView.В одном из приложений для iPad я только что сделал большое изображение, которое я представил модально, с изображениями и текстом, объясняющими, как использовать приложение.

Для iPhone - лучший способ включить учебное пособие «Как это сделать» дляВаше приложение должно быть веб-документом, поскольку вы можете добавлять изображения и форматированный текст.

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

...