Android 或 iPhone 上的应用内导览/教程/演练的好例子 [关闭]答案

【问题标题】：Good examples of in-app tours/tutorials/walkthroughs on Android or iPhone [closed]Android 或 iPhone 上的应用内导览/教程/演练的好例子 [关闭]
【发布时间】：2011-03-04 20:09:59
【问题描述】：

对于我的 Android 应用，我目前在单独的网页上为用户提供介绍性教程。它包括屏幕截图并且易于阅读，但它仍然是一个单独的文档，最好在成熟的计算机上阅读。我想将这些说明集成到应用内导览/教程中，引导新用户了解该功能。我正在考虑一系列弹出警报或带有箭头的气泡来指出界面的不同部分。

一个一般性问题：您可以推荐任何 Android 和/或 iPhone 应用作为很好的示例吗？

一个具体问题：哪种 UI 组件最适合在 Android 中使用？ Toast 和 AlertDialog 有点丑。也许我应该以某种方式给 Dialog 蒙皮？

【问题讨论】：

我见过的唯一很好的例子是 Swype 的应用内教程，如果你还没有看过，你应该去看看。 swypeinc.com
在您的应用的帮助部分放一段演示视频，了解如何使用它。
是否有任何适用于 android 的实现链接。

标签： iphone android user-interface mobile

【解决方案1】：

在 iOS 上，Tapbots 汇集了一些非常棒的演示 - 根据应用程序，他们完成了动画演练和更多基于指南的内容。

我昨天听说有几个网站包含 iOS 上的演练示例。 Mobile UI Patterns 和 pttrns。

【讨论】：

"Mobile UI Patterns" & "pttrns" 链接不再有效，请更新到mobile-patterns.com/walkthroughs & pttrns.com/?scid=26

【解决方案2】：

我正在寻找一个类似的例子，我花了一段时间才找到这个资源：

top 6 help design patterns for iphone apps

顺便说一句，我与上述网站没有任何关系:)

【讨论】：

【解决方案3】：

您可以在 http://inspired-ui.com/tagged/walk_throughts 找到大量演练屏幕

【讨论】：

链接不再有效。请更新至inspired-ui.com/tagged/walkthroughs

【解决方案4】：

您提到有一本手册，但最好在桌面上阅读。根据我的经验，应用程序内的 HTML 手册（不需要网络连接即可阅读）可以在移动应用程序中很好地工作。

如果您使用适合移动设备的样式（较窄的页面宽度、屏幕截图大小适合设备显示、每个手册部分顶部的快速链接等），则手册可以在其中轻松阅读桌面上的应用程序。

例如，this 是我捆绑在我的 iOS 应用程序中的手册，它使用加载本地 HTML、CSS 和图像的 Web 视图来显示此内容，而无需访问服务器。我使用的样式非常适合 iPhone 的屏幕尺寸，或者可以出现在 iPad 上的漂亮弹出窗口中。类似的格式也适用于大多数 Android 设备。

阅读本手册的用户比我随软件产品提供的任何其他文档都要多。我在第一次启动应用程序时提示他们，这样他们就知道手册在哪里，而且他们似乎在遇到问题时通读了一遍。给我写信的不明白如何在这个应用程序中做某事的人比我预期的要少得多。此外，与没有此类手册的其他类似产品相比，我在文档中放置的联系页面似乎鼓励更多用户使用 cmets 和建议进行编写。

我现在正在考虑将此类文档整合到我的其他移动应用程序中。

【讨论】：

【解决方案5】：

我见过的一个很好的例子是应用内教程，如果你还没有看过，你应该去看看。你可以在www.articletrafficlink.com/ipad-video-lessons找到大量的演练屏幕

【讨论】：