ホームページデザイン101

最後の更新
PDFとして保存

このページは機械翻訳を使用して翻訳されています。

概要

この記事では、購入者の行動を促進し、ユーザーが必要な場所にすばやく移動できるように、ホームページにデータを注意深く表示することの利点について説明します。

多くのCoupa管理者がする最初の誘惑は、Coupaのホームページに考えられるあらゆる情報を載せることです。結果は段落と段落です。正直に言って、誰もそれを全部読んではいません。雑然としていて、しかもあなたの同僚は忙しい。彼らはそれをすべて読む時間がない。

Coupa管理者とは何ですか？あなたはユーザーにとって重要な情報を持っていますが、ユーザーはあなたの重要なお知らせを読みません。

別の方法としては、画像ベースのホームページに切り替えることです。このホームページはすっきりとしていて、ユーザーにさまざまなオプションを明確に表示します。この違いを見てみましょう。

ホームページの上部には、Coupa管理者とユーザーの間のコミュニケーション専用セクション 「はじめに」と「質問する」があります。さらに下には、ユーザーを特定のサプライヤーまたは商品に案内するオプションがあります。次へのリンクを含めることを検討できます。

Coupaシステムの新機能： これは、ユーザーがアカウントを設定するために何をする必要があるかを説明します。これは、既定のアカウントコードや既定の発送先住所を選択するように指示するのに最適な場所です。
質問： ここをクリックすると、「エキスパートに聞く」ように指示され、質問したり、以前に回答した質問をレビューしたりすることができます。
ポリシー：ここをクリックすると、組織でのCoupaシステムの使用に関するポリシーがユーザーに提供されます。
トレーニング： 次のトレーニングWebExがスケジュールされると、このリンクはユーザーを表示します。トレーニングビデオの提供にも使用できます。一部の顧客は、Coupaインスタンスをユーザーに説明するために短いビデオを録画します。ビデオトピックには、検索方法、カートへのアイテムの追加方法、アカウントコードの選択方法、カスタムレポートの作成方法とスケジュール方法などがあります。

Coupaシステムの内部で使用できる1つのコンセプトは、上記の情報をリンクして、Coupaシステム内でポリシーを作成し、ホームページでそのポリシーにリンクすることです。必要な場合（ドキュメントライブラリ、組織図へのリンクなど）を除いて、イントラネットサイトにリンクを戻さないでください。ユーザーをCoupaとイントラネットサイトの間で行ったり来たりさせるのではなく、Coupa環境内に維持します。トレーニングビデオへのリンクをトレーニングビデオと呼ばれるポリシーに 保存します。これにより、サイトが成熟するにつれて編集が容易になります。

最初のセクション以外に、次のセクションを使用して、ユーザーが利用できる商品をすばやく表示できます。ここには複数のオプションがあります：

ユーザーに選択してほしいサプライヤーのアイコン画像を提供できます。オフィス用品の見出しの下に、ステープルズのロゴ、あるいはOfficeMaxのラバーバンドボールを表示することができます。これにより、ユーザーは、オフィス用品の場合、OfficeMaxまたはステープルのアイコンをクリックしてパンチアウトサイトおよびショップに移動する必要があるか、Coupaカタログ内の検索結果に画像がリンクされる可能性があることを認識できます。
商品グループの一般的な画像を提供し、ユーザーにそれをクリックしてパンチアウトサイトに移動させることができます。たとえば、商品が事務用品の場合、定規とはさみの写真を表示できます。これは、サプライヤーを変更する場合に有益です。ユーザーが特定のサプライヤーを探していない場合に、サプライヤーを変更するときに古いアイコンを保持できます。

ステップバイステップガイド

まず、[設定]> [コンテンツコントロール]> [ホームページコンテンツ]に移動します。

ホームページコンテンツに入ると、テキストエディタを使用できるので、ニーズに合わせてホームページをカスタマイズし、購入者の行動を促進できます。

くっきりとしたホームページのルックアンドフィールを維持するには、テーブルを作成してから、テーブルの各セル内に画像と単語を読み込みます。

開始するには、[テーブルを作成]ボタンをクリックして、2列2行のテーブルを作成します（必要に応じて行と列を追加できます）。

次に、テーブルを展開し、画像を挿入するセルをクリックして、画像挿入アイコンをクリックします。

画像のURLを貼り付けて、サイズを80 x 80に設定します。これにより、はっきりと見えるアイコンが表示されます。サイズはいつでも後で調整できます。

明確で鮮明な外観を目指していることを忘れないでください。一貫した表示を維持するために、すべての画像が同じサイズであることを確認してください。

すべての画像を追加します。進捗状況を必ず保存してください。終了してホームページに戻り、処理中の作業を表示します。

必要な調整を行います。社内に厳格なファイアウォールがある場合は、ネットワーク上に表示されない画像にリンクしないようにしてください。会社のアイコンの場合、サプライヤーのホームページはアイコンの画像URLを取得するのに最適な場所です。

次に、トリッキーな部分について、パンチアウトサイトまたはカタログ検索を先ほどロードした画像にリンクします。画像を特定のパンチアウトサイトにリンクする場合は、[設定]、[パンチアウトサイト]にリストされているパンチアウトURLを使用しないでください。リンク先のURLは、オンラインショップセクションのホームページに表示されているURLです。ホームページに移動し、リンクしたいパンチアウトサイトを見つけます（アイコンを右クリックし、 リンクアドレスをコピーを選択）。これは、作成したホームページテーブルの画像にリンクするURLです。[ホームページコンテンツ]セクションに戻り、リンクアイコンをクリックしてURLを貼り付けます。これで画像がパンチアウトサイトにリンクされました。

ホームページ内の特定の検索結果にリンクすることもできます。たとえば、カタログにのみ存在する特定のサプライヤーにリンクしたい場合、そのサプライヤーの名前を検索バーに入力して、URLをコピーできます。サプライヤー「ABC」にリンクする場合、URLは次のようになります。 https://{your_instance}.copuahost.com?search=ABCこのURLをテーブル内の画像にリンクし、ユーザーに複数のカタログを検索させる代わりに、検索結果に直接送信することができます。または、他の場所に移動する前にユーザーに確認してほしい特定の優先ラベルがある場合は、その優先コンテンツの画像を作成し、検索結果 https://yourinstance.coupahost.com/u...arch=preferredにリンクします。

重要なポイント

ユーザーがシステムとどのように相互作用するかを理解します。購入者の行動を望ましい結果に導くホームページを作成します。
イントラネットサイトにリンクを戻さないでください。ユーザーをシステム内に留めておくと、ユーザーのエクスペリエンスが簡単になります。
必要なURLにリンクできます。これは、パンチアウトサイトまたは検索結果にリンクできることを意味します。これを有利に使用してください。検索結果にリンクすることもできます。
イニシアチブを説明するために段落を書かないでください。アイコンを使用して重要な情報にリンクしてください。
あなたが任意のハーフタイムが必要な場合は調整はお問い合わせください Customer Adoption Manager （CAMあなたが持っていない場合）、または Customer Adoption Manager、接触あなたの CVM についての話に CAMのプログラムを。