web-dev-qa-db-ja.com

iOSの積み重ねられたセグメント化されたコントロールタブ-クライアントを説得するのに役立つ

配信アプリの予約ページを設計しています。セクションを次のカテゴリに分割する必要があります:新規、アクティブ、完了。 「アクティブ」カテゴリの下には、「今日」と「未来」(明日以降)を提供する必要がある仕事があります。

クライアントは、ユーザーがアクティブなジョブをタップするとメインタブの下に「今日」と「未来」が表示されたセカンダリタブバーが表示されるスタックタブバーアプローチを採用します。 、今日、未来、そして終わりました。

これまでのところ、次の理由により、スタックされたタブバーは間違ったアプローチであるとクライアントに納得させることができませんでした。

1)画面の面積:このアプローチは、タブの単一行よりも多くの画面スペースを消費します

2)ユーザーの混乱:画面の表示が多すぎるため、何が起きているのか100%明確ではありません。つまり、2つのタブがすぐに選択されました。

皆さんはどう思いますか?私のアプローチは正しいアプローチですか?これを見る別の方法はありますか?それとも、これが間違ったアプローチであることをクライアントに納得させようと続ける必要がありますか?これに関するAppleの公式の言葉は何ですか?正直なところ、それは究極の切り札です;)

enter image description here

3
tmbo80

アップルに固有ではありませんが、マテリアルデザインにはこの問題に関する有益な洞察があります。下の画像を参照してください enter image description here

ご覧のとおり、これは例と同じケースで、ネストされたタブであり、として表示されますしてはいけないことの例

今、これらは材料タブの仕様です

フォーマット仕様:

  • タブを単一の行として表示します。
  • 必要に応じてタブラベルを2行目に折り返してから切り捨てます。
  • **タブ内に一連のタブ付きコンテンツを含めないでください。 **
  • 表示されているコンテンツに対応するタブを強調表示します。
  • タブを階層的にグループ化します。
  • タブのグループをそのコンテンツに接続します。
  • 2つの間の関係を維持するために、タブをコンテンツに隣接させてください。

(詳細は Material Design Tab's Sepcifications

繰り返しますが、これはAppleに固有のものではありません。それでも、UXの適切な推論を含む広く受け入れられている設計ガイドラインなので、クライアントを納得させるには十分以上のはずです。

最後に、ネストされたタブでディメンションを混在させています。具体的には時間とステータスです。これは、あなたが言うように、物事を本当に混乱させます。一番上の行はあまり意味がありません、それが何を意味するのか理解しようと頭を悩ませていますが、最初のアプローチは本当に明確です(そして私はいくつかの予約アプリを作ったので、私が得ない場合それ、あなたのユーザーがそれを得るチャンスは本当にスリムです)

3
Devin

これは、提示された情報で行うのは難しい決定です。

ナビゲーションがこの画面につながった方法についてあまり知らなかったので、どちらのオプションも少し混乱しているように見えます。

「新規」[あなたのおすすめ]は「アクティブ」と「今日」[クライアントのおすすめ]をどのように表していますか?アプリをナビゲートする際にユーザーがどこにいるのかをユーザーに理解してもらうことが重要である理由を明らかにすることができるかもしれません。

提案

おそらく単一のセグメント化されたコントロールで同じナビゲーションを実現できるので、推奨される両方の画面がアプリ階層のどこにつながると考えられるかを検討する価値があると思います。

デフォルトのカレンダーアプリと同様に、ListViewを日付で分割することを検討してください。

Apple Human-Interface Guideでこの状況に関連すると思われるのは、次のとおりです。

セグメント化されたコントロールを使用して、密接に関連しているが相互に排他的な選択肢を提供します。

0
Duke