金融のiOSアプリで、アコーディオンリスト(サイドバーメニューではない)のページをデザインしています。私は、eacgのプライマリリストアイテムが展開可能/折りたたみ可能(上下の山かっこで示される)であり、各プライマリリストアイテム内のセカンダリアイテムが新しいページ(右の山かっこで示される)につながることを示しています。
そして拡張:
非常に多くのシェブロンの混合が混乱して散らかっていますか?これを表示する最も明確な方法は何ですか?
問題は、状況をうまく説明することであり、2つの異なる解決策が考えられます。説明するようにそれらの1つを以下に示し、もう1つは同じソリューションの少し異なるバージョンであるため、ここで提供されるソリューションのバージョンを開発することもできます。
基本的に、
subItems
とは対照的に、Items
をインデントする必要があります。残りのコンテンツ。 subItemsでchevrons
を再び使用することを選択できます(同じ垂直線ではなく、インデントを使用し、水平方向に残りの距離の中央に水平に揃えます)が、別の矢印のようなグリフを使用するか、フォントサイズの小さい同じシェブロンを使用することもできます。
あるいは、これに対する2番目の解決策として、subItems
でインデントを付けていますが、subItems
の間の分離点が含まれているだけです。分解を魅力的にするために削除しましたが、自由に追加できます。しかし、私はそれらをより見やすくするために再び差別化を加えたいと思います。
私の意見では、シェブロンは各項目が拡張可能であり、画面が混みすぎているように見せることなく拡張できることをかなり明確にしていると思います。ただし、展開されたメニューの項目の横にある山形を削除して、いくつかの小さな矢印を選ぶか、右向きか何かを指す三角形で塗りつぶすべきだと思います。 1つの小さなスペースに2つの異なる機能の非常に類似したアイコンがあると、混乱が生じる可能性があります。