フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説

フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。 フォームのボタン配置は、対象のボタンとフォームのタイプに依存されます。 さまざまなタイプのフォームを総合的に調査・分析し、それぞれのタイプでどこにボタンを配置するかについて解説します。 Where to put buttons on forms by Adam Silver 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 プライマリボタンは入力欄の左端に揃える 「戻る」ボタンはフォームの上に配置 分岐するアクションはフォームの上に配置 機能に応じて追加のボタンを配置 一部の単一フィールドのフォームでは、入力欄の横にボタンを配置 マ

[coliss]

フォームのボタン配置はどこが最適、フォームのタイプごとに解説。

[sobatech]

“左:ボタンを右揃え（非推奨）、右:ボタンを左揃え（良）” わかりにくいわw

[kiyo_hiko]

参考になる

[RCHeLEyl]

個人的にはマルチセレクトは下がいいかな。一覧を眺めて選択してボタンを押すわけだから、下にやった目線をまた上に戻すの面倒。下に行ったらそのまま下に次の選択肢へのボタンがあっても。

[Shiiiin-san]

フロントエンド

[table]

この手の話題は遙か昔から聞くけど、結果的に残るサービス、続く会社は全然別次元の論理で動いててどうでもいいんじゃないかと思うようになった

[Eiichiro]

スマホに最適化されたFormノカタチ。

[mayumayu_nimolove]

これって、押されるボタンは緑色って広まってそこらじゅう緑色のボタンになってしまったアレと同じじゃね？

[primedesignworks]

昔からリセットボタン廃絶派だけど、確かに最近見なくなってきた。戻るボタンがフォームの上って慣れてないから、「ここ戻るボタンあらへんねんけど」って思いそう。

[kathew]

細かいけどこういうUX大事

[nisisinjuku]

結構重要。

[masatotoro]

フォームのベストプラクティス