web-dev-qa-db-ja.com

閉じるボタンを使用するか、ボタンのトグルを使用する必要がありますか?

ユーザーのエントリを表示するモバイルWebサイトを持っています。エントリーのスタイルは、TwitterエントリーやFacebookエントリーのスタイルに似ています。したがって、各エントリと共に、ユーザーがコメントを入力した場合、その特定のエントリの最後にメモアイコンが表示されます。ユーザーがメモアイコンをクリックすると、エントリを展開するとコメントがエントリの下に表示されます。私の質問は、コメントに閉じるボタン(右上の閉じるアイコン)を含める必要があるかどうかです。現在、ノートアイコンをもう一度クリックすると、表示を切り替えることができます。

以下はスクリーンショットです。ぼやけてしまってごめんなさい。ノートアイコンをクリックすると、ノート(コメント)セクション(灰色のボックス)が以下に表示されます。現在、右上に閉じるボタンはありません。ページの美しさも考慮すると、最高のユーザーエクスペリエンスは何でしょうか。エントリごとに1つのメモのみが存在します。

entries

1
user3060

+および-ボタンを使用して、トグル機能を簡単に視覚化できます。このタイプの展開/折りたたみボタンは一般的で、簡単に理解できます。

toggle button using + and -

別の代替案は、Twitterのアプローチを実装することです-単語を使用するだけです:

Twitter expand buttonTwitter collapse button

2
Benny Skogberg

私の意見では、同じアイコンを閉じるアイコンに変換する必要があります。コメントを展開すると、スペースと余分な労力の両方が節約されます。ユーザーが閉じるまたは展開するために次に実行できるアクションが明確になるため、閉じるアイコンです。それ以外の場合は、トグルで十分です。

そうは言っても、トグルとクローズは同じディビジョンをクローズするという同じ目的に役立つと思います。

0
sree

既存のトグル機能を維持することは、コンパクトであり、ユーザーが別のプロセスに従う必要がないため、ここに進む方法です。これにより、認知負荷が軽減されます。

これをユーザーに効果的に伝える良い方法は、ノートボタンのアイコン(およびアフォーダンス)を閉じるアイコンに変更することです。これは、ユーザーが他のアプリケーションから慣れている動作でもあります。

0
dhmstark