デザインにおいて、ボタンはありふれた、地味な存在です。しかしコンバージョンの流れをスムーズにするには欠かせない存在で、非常に重要なのです。今回はボタン実装のベストプラクティスを見ながら、もう一度基本について確認していきましょう。
1.ボタンとわかるデザインにする
形や色をボタンだとわかるように仕上げることで、ユーザーは初めてその要素がボタンであることを認識します。
デザインの際にはタッチターゲットの大きさと余白にも気をつけましょう。大きさも、ボタンと認識させるのに重要な役割を果たします。プラットフォームにより、タッチターゲットの大きさには決まりがあります。研究によれば、タッチターゲットは10ミリ×10ミリ以上にするのが適しているようです。
2.場所と順番
ユーザーが簡単に見つけられる場所に配置しましょう。iOSのUIガイドラインでは、ボタンがよく使われる場所が紹介されています。
順番も大切です。特に対になるボタンが存在する場合(次へ、前へ、など)、もっとも重要なボタンを強調して表示してください。
ひとつ具体例を用意しました。破壊的なアクションを行うボタンを赤く目立たせることで、ユーザーに注意を促しています。
3.ラベル
ラ
スポンサーリンク
【基本を確認!】ボタンに関するUXデザインのポイントと注意すべきこと
最近の投稿
- ElevenLabs has raised a new round at $3B+ valuation led by ICONIQ Growth, sources say
- X expands its vertical video feed to global users
- 自動車メーカー御曹司とのワシントンでの逢瀬…アーリントン墓地で「昭和の女帝」が感じた孤独 – 小説・昭和の女帝
- 「日本の学校では教えてくれない内容ばかり」との声も!投資初心者がこぞって読んでいる“全米ベストセラーのマネー本”の著者が「日本人に伝えたいこと」 – JUST KEEP BUYING
- 株で勝てる人は知っている「絶好の買いタイミング」 – 株トレ ファンダメンタルズ編
- 【幸福研究に関する衝撃の事実】宝くじ高額当選者と下半身不随になった人のその後 – THE ALGEBRA OF WEALTH 一生「お金」を吸い寄せる 富の方程式
- テスラが運行、電池式列車「ギガトレイン」の正体 ベルリン工場の専用線に導入、従業員を輸送 | 海外 | 東洋経済オンライン
- Waymo lobbyist activity in SF skyrocketed in 2024
- 【英会話メソッド】「人脈が広い」は英語でなんて言う? シンプルなのに伝わる英会話術 – 中学英語でペラペラになる! 英語の言い換え図鑑
- Open source alternatives to Instagram, TikTok, and WhatsApp raise funds on Kickstarter
コメント