web-dev-qa-db-ja.com

展開可能なリスト内のセカンダリリストアイテムを示す最善の方法は、新しい画面につながるでしょうか? iOSモバイルアプリ

金融のiOSアプリで、アコーディオンリスト(サイドバーメニューではない)のページをデザインしています。私は、eacgのプライマリリストアイテムが展開可能/折りたたみ可能(上下の山かっこで示される)であり、各プライマリリストアイテム内のセカンダリアイテムが新しいページ(右の山かっこで示される)につながることを示しています。

これはリストが折りたたまれたように見えます: List Collapsed

そして拡張:

List Expanded

非常に多くのシェブロンの混合が混乱して散らかっていますか?これを表示する最も明確な方法は何ですか?

1
jyhong

問題は、状況をうまく説明することであり、2つの異なる解決策が考えられます。説明するようにそれらの1つを以下に示し、もう1つは同じソリューションの少し異なるバージョンであるため、ここで提供されるソリューションのバージョンを開発することもできます。

Item and subItems display for iOS

基本的に、subItemsとは対照的に、Itemsをインデントする必要があります。残りのコンテンツ。 subItemsでchevronsを再び使用することを選択できます(同じ垂直線ではなく、インデントを使用し、水平方向に残りの距離の中央に水平に揃えます)が、別の矢印のようなグリフを使用するか、フォントサイズの小さい同じシェブロンを使用することもできます。

あるいは、これに対する2番目の解決策として、subItemsでインデントを付けていますが、subItemsの間の分離点が含まれているだけです。分解を魅力的にするために削除しましたが、自由に追加できます。しかし、私はそれらをより見やすくするために再び差別化を加えたいと思います。

0
Erhan Yaşar

私の意見では、シェブロンは各項目が拡張可能であり、画面が混みすぎているように見せることなく拡張できることをかなり明確にしていると思います。ただし、展開されたメニューの項目の横にある山形を削除して、いくつかの小さな矢印を選ぶか、右向きか何かを指す三角形で塗りつぶすべきだと思います。 1つの小さなスペースに2つの異なる機能の非常に類似したアイコンがあると、混乱が生じる可能性があります。

0
BrettBrettBrett

あなたが取ることができるもう一つのアプローチは、あなたの各アイテムが水平方向のセクション、レイアウトです。

各セクションを選択すると、縦のリストでその下にリストをレイアウトできます。

enter image description here

0
Niki