見出し画像

バナーやカルーセル内にボタンを配置する → ×

銀行のウェブサイトトップページには、各銀行のオンラインバンキングサービスへのログインボタンが設けられていることが多いようです。

しかし、PC用画面に限るとトップページ上部のバナーやカルーセルの中にログインボタンを置いているケースが見受けられます。

画像1

三井住友銀行

特に上段の例ではバナーの中の文字装飾としてのデザインなのか、そこがボタンとして独立していて別のリンク先に飛ぶのか、ボタンがバナーに馴染んでいるがためにどちらかよくわかりません。

また、ボタンの領域とバナーやカルーセルの領域が近く隙間が少ないので、「ログイン」ボタンを押そうとして誤ってバナー部分をクリックしてしまう恐れもあります。

ちなみにここに挙げた両行とも、スマートフォン画面は独立したボタンになっています。PC画面でもバナーやカルーセルと重ねることはしないで、周りにホワイトスペースをとった独立したボタン位置が良いと考えます。


世界中にある使いにくいユーザーインターフェースの改善・研究のために、ご支援をお願いします。