2019年07月2日(火)

モバイルアプリに最適なボタンサイズと間隔とは

• 0
• 534
• 99
• 229

あなたのユーザーはスマホアプリやモバイルサイトのボタンをちゃんと狙った通りに押せているでしょうか？　きちんと押せているかをユーザーのせいにする前に、ボタンのサイズや間隔が最適化されているかどうか確認しましょう。

ボタンが最適なサイズと間隔になっていないと、ユーザーが狙いを外したり、間違ったボタンを押してしまいます。この記事ではどの程度が最適かを見ていきます。以下の数値は、96DPIでのCSSピクセルを基準にしています。

ボタンサイズの基準

まずは基準となるサイズがわからなければ、ボタンのサイズが最適かどうかを判断できません。幸いなことに、ボタンのサイズと間隔に関するリサーチによって、高齢者を含むほとんどのユーザーに有効な基準が発見されました。

author:

UX MILK

http://uxmilk.jp/

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

購買を促す手段で知っておくべき、プロモーション・ミックスの種類

         

NEXT ›

               

【調査データと考察】一切クリックされない検索は全体の49%。今後は少数の圧倒的勝者にトラフィックが集中する

関連記事

• Cursorをこれから使用する人にお勧めの解説書、コードやテキストを書くときの効率アップにつながる方法を詳しく解説 -Cursor完全入門
• 良書がたくさん揃っているビー・エヌ・エヌ社の貴重なセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です
• 2024年、Web制作・デザインに役立つ記事の総まとめ
• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です
• ビー・エヌ・エヌ社のKindleセールはかなり貴重！ 1年ぶりとなる夏のセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です

Ads

UX MILKはクリエイターのためのUXメディアです。デザインの情報をはじめ、プログラミング、マーケティングなど、モノづくりに関わる話題を幅広く扱っています。UX MILKの記事『モバイルアプリに最適なボタンサイズと間隔とは』についてまとめています。

この記事は特にアイコン・UX・アプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のUX MILKで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとUX MILKの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。