3

What is the best way to create tutorial or help screens that can be viewed in an iPhone App on launch?

I'm debating between using two paradigms:

  1. Edit a screenshot of the app with an image editing program to add static help text. Interaction is tapping or scrolling through the tips. This involves creating a custom UIViewController to advance to the next help screen.
  2. Create a custom iPhone UIControl on top of the App user interface that can be tapped to advance to the next tutorial tip. The application will transition between the modes and will be active, rather than static. It involves adding hooks into the App's custom ViewController's to handle "TutorialUIControl" objects.

Here's some screenshots of the application that I need to make help screen UI for, it's an application that creates artwork. More App Information

  1. Screenshot 1: View mode that allows viewers to scroll through an image list, like the UIImagePicker, but for custom image collections.

  2. Screenshot 2: Action mode - allows viewers to select images to save to the "My Saved" album from the active art generation album "My Evolution" or evolve images using sexual/asexual image reproduction.

Image View Mode

Image Action Mode

4

3 回答 3

2

“正确”的答案实际上取决于您正在设计的应用程序。我强烈建议您尽可能多地获取应用程序并查看它们如何提供帮助。看看哪些有效，哪些无效，并思考它与您自己的设计有何关联。

在我的应用程序（游戏）中，我选择构建一组静态图像，可以滚动浏览以提供详细帮助（基于 Apple 的示例代码）。但是，我还构建了一个交互式教程，可以在您第一次运行游戏时播放。我还会在应用程序第一次运行时弹出一个欢迎叠加层，并建议按下哪个按钮来开始游戏。

如果您与许多不同的人一起测试您的教程，这也会有所帮助。经过几次过于复杂的设计后，我将我的指令归结为非常简单的东西：“按下绿色按钮”，然后从那里开始构建。

您可以轻松存储首选项以说明该应用程序之前是否已启动，如果该条目为空白，则再次运行教程。

于 2010-12-21T19:04:31.260 回答
1

几个月后回答我自己的问题。

  1. 我改进并使用了 WEPopover 来显示我的帮助弹出窗口，如 iPhone/iPad 应用程序 Wallpaper Evolution Lite 中所示。仅当点击或按下它所附加的按钮时，帮助才会消失。使用这个流程，我可以向用户突出显示一系列按钮。
  2. 我在应用程序中添加了帮助图像，以突出显示与内容的交互行为。点击、缩放和拖动图像是完全互动的。
  3. 正如@WrightsCS 提到的那样，HTML 是另一种途径。我使用 UIWebView 提供更深入的帮助/提示屏幕，其中包含联系信息。
  4. 在我即将推出的应用程序中，我正在使用分页 UIScrollView 和帮助内容突出显示应用程序功能。帮助屏幕在应用程序首次启动时加载，可通过帮助菜单选项访问。

这是我的 WEPopover github 项目的分支：https ://github.com/PaulSolt/WEPopover

Wallpaper Evolution Lite 帮助 UI UIWebView 帮助内容和提示

于 2011-08-24T20:54:30.533 回答
1

您可以创建一个 HTML 教程，您可以通过UIWebView. 在我的 iPad 应用程序中，我刚刚制作了一张大图像，以模态方式呈现，其中包含解释如何使用该应用程序的图像和文本。

对于 iPhone，为您的应用程序包含“操作方法”教程的最佳方式必须是 Web 文档，以了解如何添加图像和格式化文本。

或者，您可以为控制器添加更多具有透明背景和动画按钮和文本的视图，以获得更具交互性的感觉。

于 2010-12-21T18:57:19.563 回答