web-dev-qa-db-ja.com

WP8チュートリアル/ウィザードボタンのレイアウト

Windows Phoneアプリの簡単な初回実行チュートリアルを設計しようとしています。これは線形で情報のみを提供します（ナビゲーション以外にユーザー入力は必要ありません）。次のアクションが何らかの形で必要であると思います。

  • 前の画面に移動
  • 次の画面に移動
  • 今すぐ出る

Windows Phone UI/UXと一致するこれらのボタンの最も直感的なレイアウトは何ですか？

enter image description here

私が試したレイアウトスキーム：

  • "next"左側のボタン。右側の「skip」ボタン。 "previous。"これは、Microsoftの標準に準拠しています。左、キャンセルアクションは右にあります。ただし、「戻る」ボタンと「進む」ボタンがそれぞれ左と右に配置されることを期待しています。また、「前へ」ボタンがないことは、少しわなにかかっているように感じます。
  • "done"ボタンが左側にあります。 画面間を左右にスワイプします。気分は良いですが 非常に非推奨 （少なくとも、実装する実用的な方法は、 ）
  • "done"ボタンが左側にあります。右側の「next」ボタン。 "previous。"繰り返しますが、この前方のみの進行はわなにかかっています。 （「正直なところ、2ページ前に読んだことはすでに忘れていました。」）
  • "前へ"左側のボタン。右側の「next」ボタン。 "skip"リンクボタンはどこか上にあります。これは、一見して予測可能なレイアウトに最も近い感じです。しかし、私はskiplink-buttonがどちらもWPランドでは非標準であり、さらに重要なことに、ページ全体の視覚的な混乱の中で失われるように感じます。

最後に、これは難しい要件のない個人的なプロジェクトです。直感的でネイティブなルックアンドフィールを求めているだけです。

layoutwizardmetrowindows-phone-7tutorial
3
zourtney

WP8ユーザーとして、これは私が以前に見たチュートリアル（つまり、Nokiaアプリ）と一致していないように感じます。

中央に右向きの矢印が付いたこのウェルカム画面を表示して、ユーザーが画面をスワイプするようにしてください（特に、線形である）。

enter image description here

ユーザーはさまざまな画面をスワイプし、最後の画面に到達すると、完了ボタンが表示されます。 2番目の画面以降には、前のページにスワイプするための反対側のボタンもあります。

また、Nokiaがこのように見たチュートリアルのほとんどは横長モードで行われたと言いたいと思いますが、この最後のポイントはわかりません。

2
Tarek

あなたが今持っているものは私にとってかなりネイティブに見えますが、「スキップ」は現時点では気づく（そしてタップする！）には非常に困難です。また、リンクボタンがvery WP-landで非標準であることも正しいです。ファーストパーティアプリでは、非表示にする必要があるテキストがたくさんある場合、[設定]の[もっと読む]リンクなどのあいまいな場所にしか表示されません。通常のボタンを使用できない理由は何ですか？

enter image description here

1
Jessica Yang