グリッドリストの追加ボタン
私のチームは、グリッドレイアウトを使用してWebページリンクのリストを表示するウィジェットを開発しています。ユーザーがリストにページを追加できるように、インラインの追加ボタンを用意したいと考えています。
リストのどこにボタンを配置するかについては、意見が分かれています。
リストの最後（左側）に置く方が良いと思います。追加された新しいページリンクが表示される場所を示します。
チームの別のメンバーは、最初に配置する方が良いと考えているため、ユーザーは常に追加ボタンの場所を知っています。
ここでユーザーフローについて考える必要があります。何が追加されますか？何かを追加するのは一般的ですか？それから、その直後にそれとやり取りしますか？それとも新しい要素を追加するためだけですか？
また、設計については、スケーラビリティについても検討してください。そのリストが本当に本当に長くなるとどうなりますか？別の要素を追加するには、ユーザーが一番下までスクロールする必要がありますか？そのため、左上（一番最初）に配置する方が適切な方法です。または、次のようにすることもできます。
download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム
ユーザーフローとスケーラビリティについて本当に考えてください。それを知ることは、ユーザーにとってより良いインターフェースを設計するのに役立ちます。
これが実際の問題です。
左上に配置しないと、常に別の位置に配置されるため、ユーザーが見つけにくくなります。
これはページネーションを考慮に入れていません。 10ページあるとしたらどうしますか？最後のページに貼りますか？すべてのページに貼り付けますか？
最新のアイテムが上部に表示される場合は、左上に「追加ボタン」を追加します。最新のアイテムが下部に表示される場合は、下部に「追加ボタン」を追加することをお勧めします。
3列にまたがる幅の広い追加ボタンを上部に追加することも検討してください。これにより、ユーザーにすばやく表示されます。
これは本当に2つだけの選択肢ですか？提示されているよりも多くの解決策があると思います。おそらく、リスト自体にリストを編集する機能を含めない方が良いでしょう。このように、コンテンツと機能の間には明確な違いがあります。
1つのオプションは、右上隅のボタンに配置することです。これは、たとえば、AppleはほとんどのiOsアプリで機能します。下部で修正することもできます。このように、ボタンがいくつあっても、ボタンは常にそこにあります常にシステムの残りの部分と一貫性のある方法で作成することをお勧めします。したがって、プラットフォームと残りのアプリケーションの設計の両方が設計の決定に影響を与えるはずです。
なぜ両方ではない？
リストの先頭（左上）に常に配置します。
リストの先頭に新しいアイテムを追加します（他のアイテムを上/下にスライドします）。
これにより、最新の項目が（リストの最初で）見やすくなり、古い項目が（最後の方へ）見えにくくなります。これは、ユースケースによっては、望ましい場合があります。
私の意見では、新しいボタンはリストの最後にである必要があります。これにより、ユーザーは追加する前にリストを確認する必要があります。これは、たとえば、リンクの重複を避けてください。
リストの最後に移動するボタンを追加することも検討してください。