スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説

スマホでボタンをどこに配置するとユーザーは操作がしやすいのか？ 上部と下部、水平に並べたボタン、垂直に並べたボタン、3つ以上のボタンなど、ボタン配置について包括的な分析を行い、ボタンをどのように配置するのが最適なのか解説した記事を紹介します。 The Optimal Placement for Mobile Call to Action Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに グーテンベルクの原則 上部と下部のボタン 水平に並んだボタン 垂直に並んだボタン 水平と垂直のハイブリッド スティッキーボタン まとめ はじめに ボタンをどこに配置するかによって、ユーザーがタスクを完了する時間に影響を与えることを知っていますか？ タスクを素早く完了することで、より満足のいくエ

[coliss]

スマホにおける最適なボタンの配置。

[Yutorigen]

スマホがデカく縦長になっていく流れなので上側にボタンは配置しないでほしい

[yoiIT]

ボタンの位置うんぬんではなく、iPhoneSEの画面サイズであることの方が重要。

[lbtmplz]

また右利きの話か。リバースのオプションを用意しろよ

[BRITAN]

スマホ画面でかくなってから右上のボタンがうざくなってきたので真ん中より下に集約してください

[hocopi]

ちょっと話違うけど、iosのtwitterで添付画像の確定ボタンを押した直後おなじ位置にツイートボタンが出てくるの誤爆に繋がるから怖い

[trashtoy]

大きめの端末を無理やり片手で操作することが多いので各種コントロールは基本的に下に配置しておいてほしい

[regularexception]

はてなアプリも下部メニューバーに通知状況確認できるボタンつけて

[primedesignworks]

業務管理システムを作ってるんだけど、それのスマホ版のメニューボタンや押下時の展開を気に入ってもらえた。今度 Quiita あたりに書く。

[boisbo]

上にあるボタンをタップしようとした瞬間に通知バナーが表示されそちらをタップしちゃってイライラする

[nilab]

スマホにおけるボタンの配置、上と下、左と右、どのように配置するのが最適なのか詳しく解説 | コリス

[headless_pasta]

ですよねー。 “スティッキーボタンはネイティブアプリには適していますが、ブラウザベースのWebアプリには使用しないでください。”

[mick_memo]

左上の閉じるとか戻るボタンは総じてクソ

[harumomo2006]

スマホは利き手に関係なくその時の状況によってどちらの手でも使うので難しい

[sakimoridotnet]

“スティッキーボタンはネイティブアプリには適していますが、ブラウザベースのWebアプリには使用しないでください。”

[bigant1200s]

ちょっとしたUIが大きな差になるよな〜

[remoteworker]

メニューは下で統一して欲しい (現状下にあるのはBraveくらい)

[mayumayu_nimolove]

ブコメの不満が参考になる

[eos2323]

スマホを握ったときに届かないところはすべて死活

[ryokujya]

最近使い始めたAndroidのアプリ固有の戻るボタンとシステムが用意する画面下の戻るボタンの挙動に戸惑っている

[urd0401]

右手持ちか左手持ちかでカスタマイズできれば良いんだけどな　もしくはセンサで検知

[kazumi_wakatsu]

“読書重力と呼ばれる走査経路”かっこいい

[umyutan]

スマフォ

[Panthera_uncia]

Android 9のナビゲーションバーにいまだに慣れない

[pptppc2]

上上下下左右左右BA

[hiduki001]

ボタンの配置、日本のユーザーは「はい / いいえ」の並びに慣れてるから「はい」が左 or 上

[yonejill]

状況によって違うので、スマホが前後のタップを記憶して適切に配置するプラットホームないかな。片手操作で下にあった方が良い、両手操作で左/右にあった方がいいとか

[atsushifx]

右利き、左利き問題と、Yes/No、Stop/Nextボタン問題についても書いてほしい