iPhone App教程/帮助屏幕UI

Question

创建可在启动时在iPhone App中查看的教程或帮助屏幕的最佳方法是什么？

我正在讨论使用两种范式：

1. 使用图像编辑程序编辑应用程序的屏幕截图，以添加静态帮助文本。交互正在点击或滚动提示。这涉及创建自定义UIViewController以进入下一个帮助屏幕。
2. 在App用户界面上创建自定义iPhone UIControl，可以点击该界面进入下一个教程提示。应用程序将在模式之间转换，并且将是活动的，而不是静态的。它涉及在App的自定义ViewController中添加钩子来处理“TutorialUIControl”对象。

以下是我需要制作帮助屏幕UI的应用程序的一些屏幕截图，它是一个创建图稿的应用程序。 More App Information

1. 屏幕截图1：查看模式，允许查看者滚动图像列表，如UIImagePicker，但用于自定义图像集。

2. 屏幕截图2：动作模式 - 允许观众从活动艺术生成专辑“My Evolution”或 evolve 中选择要保存到“我保存”专辑的图像strong>使用性/无性图像复制的图像。

Answer 1

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

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

如果您与很多不同的人一起测试您的教程，这也会有所帮助。经过几次设计过于复杂的设计之后，我将我的指示简化为非常简单：“按下绿色按钮”，然后从那里建立起来。

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

Answer 2

您可以创建通过UIWebView查看的HTML教程。在我的iPad应用程序中，我只是制作了一个大图像，我用图像和文字模拟地展示了如何使用该应用程序。

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

或者，您可以使用透明背景和动画按钮和文本向控制器添加更多视图，以获得更多交互式感觉。

Answer 3

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

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

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