MENU
CLOSE
デザイン Edit : 2024.12.17 Update : 2024.12.17
さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。

Back(バック)ボタンの必要性

Webサイトにおいてブラウザの戻るボタン以外に、バックボタンがついていることで、サイトを訪れる人にとって便利な事があります。 この記事では、どのような戻るボタンがあるのか2024年のボタンデザイントレンドより調査してピックアップして紹介していきます。

AMZIGO

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。 「View All Articles」と斜めの矢印が背景になじんでいて素敵。

MI-6株式会社

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。 「ニュース一覧に戻る」リンクにマークがついてあって分かりやすい。

Better Off®

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。 「Explore Plans」と大き目の文字で下線がついている。

サロン開業支援 by タカラベルモント

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。 詳細記事の下部へ「一覧へ戻る」ボタンがついています。

Pioneers community Airtree

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。 タイトルの上へさりげなく「← Back to all」がオシャレ。

XAPO BANK

さりげなく使いやすい、Backボタンのデザイン6選!最新トレンドWebサイトより。 小さいボタンデザインで「Go Back」が分かりやすい。


Backボタン、必ずつけなくちゃいけない?

Backボタンは、詳細ページから一覧に戻る際にUI的に便利なボタンですが、全ページに必ずつけなくてはならない訳ではありません。
おとずれたユーザーの目的を理解し、Backボタンの有無やデザイン構成を決めていく必要があります。


ボタンデザインに関しては、こちらの記事でもまとめています。




Webサイトのコンセプトってどのように決めるの?という事をこちらの記事でも紹介しているので参考にしてみてください。


KOHIMOTO LABO

WebプロダウションKOHIMOTO Inc.が発信を通して成長していくためのラボ🧪 IT企業出身。世界中の人へ発信できるWebサイトを通じて、社会がより良い方向へアップデートしていく為に日々学び、技術を生かしていきます。