再利用可能なブロックで画面を構成
見出し、説明、同意、資格情報要求、進捗、状態、アクションを共通パターンから組み立てます。
SYS_OK
DEC_A
ID_VERIFIED
LIVENESS_1
DEC_A
ENCRYPT_256
LIVENESS_1
SYS_OK
ID_VERIFIED
ENCRYPT_256
本人確認画面をデザインブランドらしさをそのまま反映
Dynamic Flowのステップ、状態、結果を、わかりやすい顧客体験へ。すべての画面を一か所で設計・翻訳・プレビュー・検証できます。
Interface Studio インタラクティブワークスペース
ロゴを表示
ライブプレビュー (ライト)
IDIDENTRA
ステップ ようこそ安心できるスタート
本人確認を始める前に、流れと期待される内容を案内します。
インターフェース設定
Interface Studioで生成された設定
import { IdentraVerifySDK } from '@identra/sdk';
<IdentraVerifySDK
brandColor="#354CE1"
borderRadius="rounded"
showLogo={true}
theme="light"
/>
デザイントークン
--brand-primary: #354CE1;
--corner-radius: 12px;
INTERFACE STUDIOを選ぶ理由
本人確認の各判断に合わせた体験を一か所で設計。
プロダクト、デザイン、運用、コンプライアンスが、顧客に見える内容を共通認識として扱えます。
ジャーニーデータとコンテンツを接続
承認済みの実行時フィールドを利用し、条件に合う場合だけ適切な内容を表示します。
言語、テーマ、デバイスに適応
翻訳、ライト・ダークテーマ、レスポンシブ調整を同じ文脈でプレビューできます。
エクスポート前に問題を発見
アクセシビリティ、ビジュアル基準、ブロッキング課題を引き渡し前に確認します。
ジャーニーロジックから顧客体験へ
すべての画面をつなぎ、意図を保ち、変化に備える。
Interface StudioはDynamic Flowの構造に沿いながら、内容、表現、リリース品質を管理します。
01 / 01 / 接続
既存のジャーニーから開始
画面とバリアントをDynamic Flowのモジュール、状態、結果に関連付けます。
- 開始、同意、モジュール、処理、成功、エラーの画面を用意
- 対応する状態と結果にバリアントを割り当て
- ロジック変更時も体験を整合
ジャーニー接続
ロジック同期済みステップを接続
状態を準備
結果を関連付け
02 / 02 / 構成
再利用可能なブロックで各状態を設計
顧客に必要な内容とアクションを、安全なデータと表示条件に接続します。
- 再利用可能なブロックを配置
- ローカライズ済み代替文を持つ動的コンテンツを接続
- フローとモジュール条件で表示を制御
画面構成
編集可能コンテンツブロック
動的バインディング
表示ルール
03 / 03 / 適応
文脈ごとに適切な体験をプレビュー
言語、デバイス、テーマ、文字、レイアウトを一体として確認します。
- 既定言語を編集し翻訳を追加
- モバイル、タブレット、デスクトップを明暗テーマで確認
- レスポンシブ調整やデザインシステムを適用
文脈プレビュー
文脈を確認5言語
3デバイス
ライトとダーク
04 / 04 / 検証
ワークスペース内で体験を検証
シナリオ、アクセシビリティ、ビジュアル基準をエクスポート前に確認します。
- シナリオを手動または自動で再生
- アクセシビリティとマニフェストの課題を検出
- ビジュアル回帰とエクスポートゲートで不完全な引き渡しを防止
リリース準備
エクスポート可能プレビュー合格
アクセシビリティ確認
基準画像一致
一つのジャーニー、連携する二つのワークスペース
ロジックと体験を同期
判断と体験を一緒に設計。
Dynamic Flowが動作を、Interface Studioが各ステップの見せ方を管理し、画面、状態、結果を通じて連携します。
ジャーニーロジック
Dynamic Flow
次の動作を決めるモジュール、条件、経路、結果を定義します。
常に同期
顧客体験
Interface Studio
画面、内容、テーマ、レスポンシブ動作、翻訳バリアントを設計します。
組み込みのリリース品質
エクスポート前に体験の問題を発見。
設計と同じ場所で品質を確認し、文脈を保ったまま修正できます。
アクセシビリティ確認
ラベル、代替テキスト、読みやすい構造などの要件を確認します。
ビジュアル基準
画面、状態、デバイス、テーマ、言語の組み合わせを保存して比較します。
エクスポート準備
インターフェース、フロー、回帰の課題が残る引き渡しを防ぎます。
INTERFACE STUDIO FAQ
本人確認の顧客体験をより明快に管理。
最初の体験を設計する前によく寄せられる質問です。
必要ありません。対応ブロックから画面を構成し、内容、テーマ、一般的な動作を視覚的に設定できます。必要に応じてデザインシステムの取り込みや構造化エクスポートも利用できます。
ジャーニーのモジュール、状態、結果から画面と対応バリアントを導きます。ロジックが変わっても、最初から作り直さず体験を調整できます。
はい。既定言語と翻訳を管理し、ライト・ダークテーマやレスポンシブ調整を含めて3種類のデバイスで確認できます。
はい。シナリオプレビュー、マニフェスト検証、アクセシビリティ、ビジュアル基準、エクスポートゲートを利用できます。
より一貫した体験を始める
ジャーニーロジックを、顧客が理解し信頼できる画面へ。
DashboardでInterface Studioを開くか、作りたい体験についてIdentraにご相談ください。