コンテンツブランディング＆UIデザイン
概要
UX（ユーザーエクスペリエンス）とUI（ユーザーインターフェイス）のデザイン原則は、シームレスで直感的なユーザージャーニーを作成し、ユーザーの満足度とエンゲージメントを向上させます。
この記事では、コンテンツブランディングとUIデザインの原則に焦点を当てています。マイクロコピーやその他のUXのベストプラクティスについては、マイクロコピーとエディタ組織の原則をご覧ください。
UIデザインは、WalkMe実装がどのように見えるか、どのように感じるかについてのものです。色スキーム、ボタン形状、フォントの選択、アニメーション、ユーザーのインタラクションを促進するすべてのビジュアル側面を含みます。 UIデザインはグラフィックデザインに例えられますが、インタラクティブに焦点を当てています。 製品のインターフェイスを通じて、一貫性があり、まとまりがあり、効果的にユーザーをガイドする美的インターフェイスを作成することです。
一貫性のあるブランドアセットは、エンドユーザーの信頼を促進し、コンテンツ開発労力を削減し、プロジェクトのための合理的で効率的なデプロイメントを作成するのに役立ちます。
これがプログラムに与える影響
- 将来の純新規プロジェクトとWalkMeアイテムのための配信までのを時間を短縮
- 一貫性のあるブランドエクスペリエンスを通じて、エンドユーザーとの信頼を構築
- 意思決定の疲労を排除 - 早期に標準化
- エンドユーザー信頼の欠如
- 監視なしで作成される認可されていないスタイル
ソフトウェアタイプごとのデザインアプローチ
デザインアプローチは、ソフトウェアのエンドユーザーオーディエンスによって異なります。
- ユーザー： 従業員と請負業者（EX）
- WalkMeデザイン推奨： 会社のブランディングとスタイリングガイドラインを遵守
- 考慮事項： 標準デザインからオプトアウトする方法があるかどうかを決定 もしそうなら、理由と承認経路は何か？
- オプトアウトの最も一般的な理由は、デザインの衝突です（たとえば、青いアプリケーションの背景にある青いWalkMeバルーン）
- デジタル導入チームは、代替アプローチに同意する必要があります
- 部門横断的なニーズ： 一般的に必要なし
会社のブランドガイドラインがどのようなものかわからないですか？ こちらをご覧ください.
- ユーザー： 顧客または一般向け（CX）
- WalkMeデザイン推奨： アプリケーションブランディングとスタイリングガイドラインを遵守
- Considerations:考慮事項： デザインテンプレートの作成と承認において、アプリケーションデザインオーナーを主要なステークホルダーとして指定
- さらに、遵守する必要があるコピーライティング「声」を決定
- これには、テクニカルライティングチームからのリーダーシップとのパートナーシップが必要になる場合があります
- デジタル導入チームが簡単なコラボレーションと対話のために持てる資料をご覧ください
- 部門横断的なニーズ： UX、 デザイン、マーケティング
これが関連する場合
プロジェクトリーダーは、実装のキックオフと改善のディスカバリーの段階で、ステークホルダーに期待されるデザインについて伝える必要があります。
ステークホルダーと一緒に使用するデジタル導入チームのための言語の例：
「[会社]には、エンタープライズ内のすべてのアプリで使用される標準的なCSSフォーマットがあります。デザイン標準は、簡単にデプロイされ、スケーラブルで、[会社]ブランド要件と一致します。標準デザインは、作成時にエディタに適用されます。」
- サンプルWalkMeバルーン、メニュー、またはデザインアイデアのスクリーンショットを含める
ローカライズデザインコンサルティングのナビゲート
ステークホルダーによっては、グローバル標準とは異なるカスタム、ローカライズされたデザインが欲しいと思うかもしれません。 Digital Adoption Teamの配信リソースがこれらの会話を処理し、適切な期待を設定する方法は次のとおりです。
重要なポイント：グローバルデザインは、スケーリングとメンテナンスが最も簡単です。
ステークホルダーに尋ねます：変更が必要な場合、メンテナンスを処理する誰かがいますか？
重要なポイント：ビジュアルエレメント（CSS経由）の変更はカスタムデザインで最も簡単で最低の労力であり、HTMLを変更するには時間/開発作業が必要です。 一般的に、WalkMeテンプレートからデザイン面を削除するのは、新しいデザイン面を追加するよりも労力が少なくてすみます。
ステークホルダーに聞く：テンプレートにデザインアスペクトを追加するために必要な追加の時間に対応するために、必要に応じてプロジェクトのタイムラインへの調整を吸収する準備はしていますか？
重要なポイント：デザインが既存のHTML構造から大きく逸脱すると、脆弱性とリスクが生じる可能性があります。
ステークホルダーに尋ねます。 変更が必要な場合、メンテナンスを処理する人はいますか？ これは、破損した場合に重大な損害を被る可視性の高いアイテムですか？
重要なポイント：アクセシビリティコンプライアンスのレベルを理解することは重要です。
ステークホルダーに尋ねます。 組織がUIエレメントを必要とするのは、厳しいアクセシビリティ基準に従うですか？ 例。 色のコントラスト、キーボードアクセシビリティなど
インスピレーションを得る：他の顧客から学ぶ
ユニークなブランドをユーザーで強化する方法として、2人の顧客がDAP実装をどのように活用したかをご覧ください。 文字、色、ユーザーのエクスペリエンスを改善することに焦点を当てたことが、大きな影響を与えた小さな変更をどのように導いたかを発見します。
開始する
CSSの作成とテスト - 専門家からのヒント