web-dev-qa-db-ja.com

機能しない2つのボタンではなく、1つの変換ボタンを使用してスペースを節約する必要がありますか?

現在、ユーザーが特定の要素の位置を変更するように求められるWebページを設計しています。現在、私はユーザーが「編集モード」に入ることができる単一のボタンを持っています。これにより、ページ上の付箋の位置をドラッグして移動できます。これは、ユーザーがページで実行できる唯一の編集形式です。現在、編集ボタンを押すと、それは保存ボタンに変わります。ユーザーが要素を変更した後に押すことが期待されています。編集モード以外の機能はありませんが、別の保存ボタンを用意する必要があるのか​​と思っています。個別のボタンを使用すると、逆に、編集モードでは移動ボタンが機能しなくなります。他のボタンが押された場合にのみ機能する2つのボタンではなく、1つの控えめなボタンまたは単一のボタンを使用することについて誰かが何か考えを持っているかどうか知りたいですか?

2
Chad Howard

ボタンが「編集」から「保存」に変更されたことがどれほど明白かによって異なります。どちらも4文字の単語なので、ボタンのサイズと長さはほぼ同じです。ボタンの色を変更して、変換をより明確にし、「保存」アクションを目立たせることをお勧めします。また、ボタンの位置は、編集する内容との関連で考慮する必要があります。

別の方法として、別の[保存]ボタンを使用することもできますが、編集モードの場合を除いて機能がないと言います。このシナリオでは、両方のボタンが常に表示されている必要があると言っているようです。編集モードのときのみ「保存」を表示します。つまり、編集していないときは「保存」を表示しないので、UIが1つずつ表示されます(説明を誤解していない限り)。

また、編集内容をキャンセルして、何が起こっているのかを明確にする方法も含める必要があります。

1
meemio

ページの1つのボタンの二重目的に関心があるようです。これは、間違って行われると、私の意見では大きな不快感になる可能性があります。

あなたの場合、私は必ずしもそれを二重の目的として考えているわけではありません(特に、ミニマリストのUIを狙っている場合)。私はそれをトグルボタンと考えており、その画面の不動産をトグルボタンに割り当てること(編集オン、編集オフ)は自然に聞こえます。

補足質問:保存せずにキャンセルする方法はありますか? UIに2番目のボタンを挿入し、「切り替え」モードの感覚を取り消すと、少し自然に見えなくなる可能性があります。

0
Adam Plocher