Хорошие примеры in-app туров/учебников/пошаговых руководств на Android или iPhone

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

Общий вопрос: есть ли приложения для Android и/или iPhone, которые вы можете рекомендовать в качестве приятных примеров?

Конкретный вопрос: какие компоненты пользовательского интерфейса лучше всего использовать в Android? Тост и AlertDialog являются отвратительными. Возможно, мне нужно как-то скрыть диалог?

Ответ 1

В iOS Tapbots сочетаются некоторые действительно приятные демонстрации - в зависимости от приложения, они сделали анимированные пошаговые руководства и другие руководства,.

Есть несколько сайтов, о которых я слышал вчера, которые включают примеры пошаговых инструкций в iOS. Мобильные шаблоны пользовательского интерфейса и pttrns.

Ответ 2

Я искал похожие примеры и нашел время, чтобы найти этот ресурс:

топ-6 шаблонов оформления справки для приложений iphone

Кстати, у меня нет связи с вышеуказанным сайтом:)

Ответ 3

Огромное количество экранов прохода можно найти на http://inspired-ui.com/tagged/walk_throughts

Ответ 4

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

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

Например, это - это руководство, которое я связываю в моем приложении iOS, используя веб-представление, которое загружает локальный HTML, CSS, и изображения, чтобы отобразить это, не выходя на сервер. Я использовал стиль, который хорошо вписывается в размер экрана iPhone или может появиться в приятном всплывающем окне на iPad. Подобное форматирование также применимо к большинству устройств Android.

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

Теперь я рассматриваю возможность включения такого рода документации в другие мобильные приложения.

Ответ 5

Хорошим примером, который я видел, является учебник по приложению, если вы еще не видели его, вы должны его проверить. Огромное количество экранов прокрутки вы можете найти в www.articletrafficlink.com/ipad-video-lessons