web-dev-qa-db-ja.com

アプリバーのタイトル

タブメニューからアプリバーにテキストラベル(説明)を配置することについてどう思いますか?

enter image description here

enter image description here

enter image description here

これはGoogleのマテリアルデザインに準拠していますか? UXの観点からは役に立ちますか?

3
Kirill

準拠していないと思います。

アプリバーのタイトルは、これらのタブの親になることを意図しています:

マテリアルデザイン-ナビゲーションパターン

素材デザイン-タブ

3
Alvaro

私は一般的な方法はこれだと思います:

Parent (title) 
- child (tab)
- child(tab)
- child(tab) 

選択されているタブ(子)は、タイトルではなく、選択されたタブのテキスト/アイコンの異なる透明度で表示する必要があります。

それはこの親子関係を壊すので、あなたのケースは少し誤解を招くものです。

一般的な解決策は、メインセクションをナビゲーションドロワー(サイドバー)またはボトムバーに配置し、タブを使用して各セクションをフィルタリングすることです(たとえば、不在着信、発信、着信など)。

2
daneejela

これは正確に頻繁に使用されるタイトルバーではありませんが、そうです。そのようなソリューションはマテリアルデザインに準拠しています。たとえば、使用しているタブに応じてタイトルが変わるYouTubeアプリを例にとります。

enter image description here

一般的な考え方は、そこに他に書かれるもの(この場合:Youtube)がユーザーにとって重要ではない場合、タイトルが変わる可能性があるということです彼らは実際に彼らがどのアプリにいるかを知っているので。

この種のソリューションは、1ページのアプリでのみ使用されます。 Playストアのように多くのページとカテゴリがあるアプリの場合、ユーザーが実際に履歴、すべてのアプリ、更新などのどのページにあるかを知る必要があるため、タブに従ってタイトルは変わりません。同じテキスト(たとえばGames)が複数の場所に表示される可能性があるため(たとえば、トレンドおよびホームページ)。したがって、上部のバーのタイトルは、選択されているタブではなく、開いているページを表しています。

enter image description here

YouTubeでは、ページが1つしかなく、Subscribtionsがホームページにのみ表示されるため、これは問題ではありません。タイトルが変更されるソリューションはスペースを節約するだけで、機能や使いやすさに影響を与えません。

1
Patryk Michalik