WalkMeヘルプセンターへようこそ

Please login in order to continue:

Work flows better with WalkMe
Work flows better with WalkMe.

コンテンツブランディング&UIデザイン

Last Updated 10月 30, 2024

Important Note

UX(ユーザーエクスペリエンス)とUI(ユーザーインターフェイス)のデザイン原則は、シームレスで直感的なユーザージャーニーを作成し、ユーザーの満足度とエンゲージメントを向上させます。

この記事では、コンテンツブランディングとUIデザインの原則に焦点を当てます。 マイクロコピーおよびその他のUXのベストプラクティスについては、マイクロコピー&エディタ組織の原則をご覧ください。

概要

UIデザインは、カラースキーム、ボタン形状、フォントの選択、アニメーション、ユーザーインタラクションを容易にするすべてのビジュアルアプリアンスなど、WalkMe実装がどのように見えるかについてのものです。 UIデザインは、グラフィックデザインに例えられますが、インタラクティブに焦点を当てています。 製品のインターフェイスで、一貫性があり、一貫性があり、効果的にユーザーをガイドする美的インターフェイスを作成することです。

一貫性のあるブランドアセットは、エンドユーザーの信頼を促進し、コンテンツ開発労力を削減し、プロジェクトのための合理的で効率的なデプロイメントを作成するのに役立ちます。

これがプログラムに与える影響

運用化利点
  • 将来の純新規プロジェクトとWalkMeアイテムのための配信までのを時間を短縮
  • 一貫性のあるブランドエクスペリエンスを通じて、エンドユーザーとの信頼を構築
  • 意思決定の疲労を排除 - 早期に標準化

運用化しないことのリスク

  • エンドユーザー信頼の欠如
  • 監視なしで作成される認可されていないスタイル

ソフトウェアタイプごとのデザインアプローチ

デザインアプローチは、ソフトウェアのエンドユーザーオーディエンスによって異なります。

社内向けアプリケーション
  • ユーザー: 従業員と請負業者(EX)
  • WalkMeデザイン推奨: 会社のブランディングとスタイリングガイドラインを遵守
  • 考慮事項: 標準デザインからオプトアウトする方法があるかどうかを決定 もしそうなら、理由と承認経路は何か?
    • オプトアウトの最も一般的な理由は、デザインの衝突です(たとえば、青いアプリケーションの背景にある青いWalkMeバルーン)
    • デジタル導入チームは、代替アプローチに同意する必要があります
  • 部門横断的なニーズ: 一般的に必要なし

会社のブランドガイドラインがどのようなものかわからないですか? こちらをご覧ください.

社外向けアプリケーション

  • ユーザー: 顧客または一般向け(CX)
  • WalkMeデザイン推奨: アプリケーションブランディングとスタイリングガイドラインを遵守
  • Considerations:考慮事項: デザインテンプレートの作成と承認において、アプリケーションデザインオーナーを主要なステークホルダーとして指定
  • 部門横断的なニーズ: UX、 デザイン、マーケティング

これが関連する場合

プロジェクトリーダーは、実装のキックオフと改善のディスカバリーの段階で、ステークホルダーに期待されるデザインについて伝える必要があります。

ステークホルダーと一緒に使用するデジタル導入チームのための言語の例:

「[会社]には、エンタープライズ内のすべてのアプリで使用される標準的なCSSフォーマットがあります。デザイン標準は、簡単にデプロイされ、スケーラブルで、[会社]ブランド要件と一致します。標準デザインは、作成時にエディタに適用されます。」

  • サンプルWalkMeバルーン、メニュー、またはデザインアイデアのスクリーンショットを含める

ローカライズデザインコンサルティングのナビゲート

ステークホルダーによっては、グローバル標準とは異なるカスタム、ローカライズされたデザインを望む場合があります。 デジタル導入チームの配信リソースが、これらの会話を処理し、適切な期待を設定する方法をご紹介します。

Note

このセクションは、自給自足のデジタル導入センターオブエクセレンスのフレームワークを提供し、独自のデザインコンサルティングと会話を実行します。 デザインニーズの実行でサポートが必要な場合は、WalkMeにはカスタム製品があります。これについてカスタマーサクセスチームまたはWalkMe担当者と話し合ってください。

継続的な所有

重要なポイント:グローバルデザインは、スケーリングとメンテナンスが最も簡単です。

ステークホルダーに尋ねます:変更が必要な場合、メンテナンスを処理する誰かがいますか?

労力レベル

重要なポイント:ビジュアルエレメント(CSS経由)の変更は、カスタムデザインにとって最も簡単で最低の労力であり、HTMLを変更するには時間/開発作業が必要です。 一般的に、WalkMeテンプレートからデザイン面を削除するのは、新しいデザイン面を追加するよりも労力が少なくてすみます。

ステークホルダーに聞く:テンプレートにデザインアスペクトを追加するために必要な追加の時間に対応するために、必要に応じてプロジェクトのタイムラインへの調整を吸収する準備はしていますか?

リスク管理

重要なポイント:デザインが既存のHTML構造から大きく逸脱した場合、脆弱性とリスクが生じる可能性があります。

ステークホルダーに尋ねます: 変更が必要な場合、メンテナンスを処理する誰かがいますか? これは、破損した場合に重大な損害を被る可視性の高いアイテムですか?

アクセシビリティ

重要なポイント:アクセシビリティコンプライアンスのレベルを理解することが重要です。

ステークホルダーに尋ねます: 組織がUIエレメントを必要とするのは、厳しいアクセシビリティ基準に従うですか? 例。 色のコントラスト、キーボードアクセシビリティなど

インスピレーションを得る:他の顧客から学ぶ

これら2つの動画で、3人の顧客がユニークなブランドをユーザーで強化する方法として、DAP実装をどのように活用したかをご覧ください。 文字、色、ユーザーのエクスペリエンスの改善にフォーカスしたものが、大きな影響を及ぼす小さな変更につながった方法を発見します。

この顧客は、デザイナーを集中型のプログラムチームに招き、DAPセンターオブエクセレンスの徹底的なブランドを行い、ステークホルダーに対する意識、プロフェッショナリズム、規模を継続的にサポートします。

開始する

CSSの作成とテスト - 専門家からのヒント

Other Resources

以下は、ブランディングとスタイルガイドラインを大規模に管理するのに役立つ主要なWalkMeツールです。

この記事は役に立ちましたか?

ご意見ありがとうございます!

Be part of something bigger.

Engage with peers, ask questions, share ideas

Ask the Community
×