iphone - iPhoneアプリのチュートリアル/ヘルプ画面のUI

Question

起動時にiPhoneアプリで表示できるチュートリアルまたはヘルプ画面を作成するための最良の方法は何ですか？

私は2つのパラダイムを使用することの間で議論しています：

1. 画像編集プログラムを使用してアプリのスクリーンショットを編集し、静的ヘルプテキストを追加します。インタラクションとは、ヒントをタップまたはスクロールすることです。これには、次のヘルプ画面に進むためのカスタムUIViewControllerの作成が含まれます。
2. 次のチュートリアルのヒントに進むためにタップできるアプリのユーザーインターフェイスの上にカスタムiPhoneUIControlを作成します。アプリケーションはモード間を移行し、静的ではなくアクティブになります。これには、「TutorialUIControl」オブジェクトを処理するためのフックをアプリのカスタムViewControllerに追加することが含まれます。

ヘルプ画面のUIを作成する必要があるアプリケーションのスクリーンショットを次に示します。これは、アートワークを作成するアプリケーションです。その他のアプリ情報

1. スクリーンショット1：視聴者がUIImagePickerのような画像リストをスクロールできる表示モードですが、カスタム画像コレクション用です。

2. スクリーンショット2：アクションモード-視聴者は、アクティブなアート世代のアルバム「MyEvolution」から「MySaved」アルバムに保存する画像を選択したり、性的/無性生殖を使用して画像を進化させたりできます。

Answer 1

「正しい」答えは、実際には設計しているアプリケーションによって異なります。できるだけ多くのアプリを入手し、それらがどのように役立つかを確認することを強くお勧めします。何が機能し、何が機能しないかを確認し、それが自分のデザインにどのように関連しているかを考えてください。

私のアプリ（ゲーム）では、（Appleのサンプルコードに基づいて）詳細なヘルプを提供するためにスクロールできる一連の静止画像を作成することを選択しました。ただし、ゲームを初めて実行したときに再生されるインタラクティブなチュートリアルも作成しました。また、アプリを初めて実行するときにウェルカムオーバーレイをポップアップし、ゲームを開始するために押すボタンを提案します。

また、多くの異なる人とチュートリアルをテストする場合にも役立ちます。複雑すぎるデザインをいくつか行った後、「緑色のボタンを押す」という非常に単純なものに説明をまとめ、そこから構築しました。

アプリが以前に起動されたかどうかを示す設定を簡単に保存できます。そのエントリが空白の場合は、チュートリアルを再度実行します。

Answer 2

何ヶ月も後に私自身の質問に答えるため。

1. iPhone/iPadアプリのWallpaperEvolutionLiteに見られるように、WEPopoverを改良して使用し、ヘルプポップアップを表示しました。ヘルプが消えるのは、タップするか、取り付けられているボタンを押した場合のみです。このフローを使用して、ユーザーに一連のボタンを強調表示できます。
2. アプリケーション内にヘルプ画像を追加して、コンテンツとの相互作用の動作を強調しました。タップ、ズーム、ドラッグの画像は完全にインタラクティブです。
3. @WrightsCSが述べたように、HTMLは別の手段です。UIWebViewを使用して、連絡先情報を含むより詳細なヘルプ/ヒント画面を提供します。
4. 今後のアプリでは、アプリの機能を強調するヘルプコンテンツを備えたページングUIScrollViewを利用しています。ヘルプ画面はアプリの最初の起動時に読み込まれ、ヘルプメニューオプションからアクセスできます。

これがWEPopovergithubプロジェクトの私のフォークです：https ：//github.com/PaulSolt/WEPopover

Answer 3

を介して表示するHTMLチュートリアルを作成できますUIWebView。私のiPadアプリでは、アプリの使用方法を説明する画像とテキストをモーダルに表示した大きな画像を作成しました。

iPhoneの場合、アプリの「ハウツー」チュートリアルを含めるための最良の方法は、画像やフォーマットされたテキストを追加する方法として、Webドキュメントである必要があります。

または、透明な背景とアニメーション化されたボタンとテキストを使用してコントローラーにビューを追加し、よりインタラクティブな感覚を与えることもできます。