文字を大きくし背景は白地に

現在のUIへのリニューアルに際しては、最終的に3案のデザインに絞られたという。従来のUIを踏襲しながらも文字を大きくし丸みを帯びたデザインに変更したもの、UIを大きく変化させてイラストも追加したもの、そして現行のUIという3案だ。モニタ評価を行った結果、多くの票が入ったのはイラスト付きのものだったが、年間6億件の取引を支えているリピーター層を重視して「情報量は少なく、シンプルに」を体現した“従来のUIで文字を大きくしたもの”を採用した。

単純に文字を大きくしすぎると画面が見づらくなるし、文字を減らしすぎても情報が正確に伝わらない可能性がある。文章については、コールセンターとチームを組み考察。冗長にならないよう、わかりやすい文章にしているという。わかりやすく簡潔な文章にしたことで、文字を大きくしたのである。また、文字の後ろを白くしたのは、提携金融機関ごとに基調となるカラーが変わるため、場合によっては読みづらくなる。それを防ぐための措置だという。

文字を1.5～2倍に大きくし、丸みを帯びたデザインアイコンに変更された

また、アニメーションを多用しているのも最新のUIの特徴だ。操作してもらいたい箇所の矢印を動かしたり、次に押すべきボタンの周囲がぐるぐる回ったりと、ユーザーが次にどの操作をすればよいのか判断しやすくなっている。さらにカードや明細書、現金が出てくるタイミングに合わせアニメーションを表示。取り忘れを防ぐ効果を生み出している。

画面に表示されたカードや明細書が下に動いて手元に出てくるように見えるアニメーションを導入

UIについての“トリビア”もある。カードを挿入して取引が開始されると起動画面が表示されるのだが、その画面が季節ごとに異なる。9月1日から3カ月は“秋”、12月1日から3カ月は“冬”、3月1日から3カ月は“春”、6月1日から3カ月は“夏”をイメージさせる画面となる。水村氏によると、この変化に気づくユーザーも多いようで、直近の9月1日には「セブンのATMが秋になった！」というようなツイートが散見されたそうだ。

季節ごとに異なる起動画面を用意。お店に並ぶ商品の変化で季節を感じることがあるが、ＡＴＭからも季節を感じ取ってもらおうという思いが込められている

ブラッシュアップの手はさらに明細票までに及んだ。“どんな取引をし、取引金額はいくらで、手数料と残高はどれくらいか”といった必要な情報を大きく表記し、その他の情報はそれよりも小さく表記するよう変更された。さらに可読性を上げるため、一項目あたり一行を利用している。また、コールセンターへご連絡いただいた際、オペレーターに伝えていただく「照会コード」には電話のマークを付け、どの数字を読み上げていただきたいのかお客様に説明しやすくした。

必要な情報を大きくして、読みやすさを向上させた明細書（写真右）

日ごろ何気なく使用しているセブン銀行ATM。開業当時は現在のUIほどにデザインが洗練されておらず、操作に戸惑うこともあったようだ。だが、つねに改善に努め、さらにその改善アイデアは果てることがない。もしセブン銀行ATMを利用することがあったら、そのUIに注目してほしい。いつの間にかさりげなく、さらなる進化を遂げているはずだ。