ダッシュボードボタン

Button

目的・詳細

ダッシュボードはホーム画面から各サービスに遷移するためのボタンに使用します。セブン銀行ATMに合わせた、ニューモフィズムデザインを採用しています。
サービスのロゴやサービス内容が簡潔に分かるアイコンを中央に配置しましょう。 ユーザーに現在の連携状態が一目で分かるよう、連携前後でボタンの状態を変化させています。
ダッシュボードボタン ダッシュボードボタン

サービス名について

画面内で優先度がとくに低い場合に使用します。明細や補足説明など、主に情報の詳細にアクセスしてもらう場合を想定しています。 ダッシュボードボタン ダッシュボードボタン

ロゴ・アイコンについて

中央に配置される画像には、サービスロゴが入る場合とアイコンが入る場合があります。 アイコンは基本的に連携前はグレー、連携後はオレンジへと色が変化します。 ダッシュボードボタン ダッシュボードボタン

ボタン下部について

画像下には右にアイコンが入る場合と、金額が表示される場合があります。 アイコンが入る場合は基本的に連携前はプラスアイコン、連携後は矢印アイコンへと変化します。 金額の表示は連携後にされ、ホーム画面のインフォカードを非表示設定にすると、 それに伴って、ダッシュボードボタンの金額も非表示へと変化します。 ダッシュボードボタン ダッシュボードボタン

形について

ボタンの形は、ダッシュボードで横並びに2つ配置できる基本形と、 1つ配置する長方形の2パターンあります。 サービスの内容や用途によって使い分けましょう。 ダッシュボードボタン ダッシュボードボタン