リダイレクト型画面のUIを変更しました
fincode開発チームです! 先日、リダイレクト型決済画面のUI変更を行いましたので紹介します! 目的 お客様のご意見で、「リダイレクト型のデザインがイマイチ」とのお声があり、 より良いデザインを目指し、デザインを一新しました。 リダイレクト型とは 加盟店様で決済画面を構築することなく、購入者にfincodeが提供する決済画面にリダイレクトさせるだけで決済を完了できる機能です。 リダイレクト型について詳しくはこちら https://docs.fincode.jp/payment/redirect_type 新デザイン決済画面のイメージはこちらです! ■新デザイン ■旧デザイン 変更ポイント 色のパターンをシンプルにしました。 モバイルファーストを意識して、縦画面1本に変更。 お支払い情報確認~お支払い までの目線の負荷を減らしました。 ■新デザイン ■旧デザイン カーソルを当て直さなくても、有効期限MMを入力すれば、YYに自動で遷移するようにしました。 プレースホルダーの冗長な説明をシンプルなものに変更しました。 直感的に入力すべき内容が伝わる(はず)なので、余計な情報は削除して見やすさを重視しました。 ■新デザイン ■旧デザイン 今後もお客様のご意見ヒアリング(&エゴサ)を続け、より良い物にしていきたいと思います。 あわせて読みたい開発者におすすめの記事 fincodeの構築方法~リダイレクト型編~ エンジニアファーストの決済ソリューション–fincodeの強みとは