優れたウェブサイトのコピーライティングと優れたユーザーエクスペリエンス

優れたウェブサイトのコピーライティングと優れたユーザーエクスペリエンス
ウェブサイトを見るというのは、実は美しい女性を評価するようなものです。見た目を見るとき、私たちは見た目の面に注目することが多いです。例えば、上司はよく「私が見るために数ページ作って!」と言います。 2番目に、人物を見てください。基準やSEOに注意を払っている人の多くは、ページの構造の良さに注目します。3番目に、性格を見てください。人の言葉や行動は、その人の性格を反映することがよくあります。
ウェブサイトのコピーはウェブサイトの個性を表します。優れたコピーライティングは、情報を正確に伝えるだけでなく、ユーザーに優れた体験を提供することもできます。

重要だが過小評価されているウェブサイトのコピーライティング
ウェブサイトのコピーライティングには、ウェブサイトのナビゲーション、列のタイトル、リアルタイムのプロンプト、警告、ステータス、最も頻繁に表示されるヘルプなどの通知リマインダーが含まれます。
ほとんどのインターネット企業では、製品デザイン、インタラクションデザイン、ビジュアルデザイン、ユーザーエクスペリエンスという言葉を聞いたことがあるでしょう。コピーライティング・デザインというポジションについてはあまり聞いたことがありませんよね?ウェブサイトのコピーライティングの仕事は、パートタイムのデザイナーやプログラマーによって行われることが多いです。彼らは、必要と思われる場所に適切だと思うコピーを追加します。デザイナーの感情的な注意と、機械語に近いプログラマーの率直な警告により、ウェブサイトには 100 通りの意見が生まれます。ほとんどのウェブサイトのコピーライティングには多くの問題があり、改善が必要な領域があります。

ウェブサイトのコピーは正確で簡潔、読みやすいものでなければなりません
ウェブサイトのコピーライティングの目的は、ユーザーにメッセージを伝えることであり、それを明確にするだけです。最近、多くのウェブサイトのコピーライティングは言葉が多すぎて、長時間読んでも理解しにくいものもあります。 (私のIQは低いのでしょうか?)



このシンプルな原則とは、できるなら何も言わない、絵を使えるならテキストを使わない、文章を使えるなら段落を使わない、というものです。
ただし、正確性と読みやすさには注意してください。特に画像を使用する場合。
冗長な Tang Monk は、後期に「最適化」されました。



ウェブサイトのコピーライティングは統一されるべき
ほとんどの企業では、ウェブサイトのコピーライティングを専門に担当する人がいないため、さまざまなプロセスのチームメンバーがパートタイムでコピーライティングを行っており、その結果、異なるアクセントのコピーライティングが生まれます。たとえば、ログインするとき、「account」と言う人もいれば、「pass」と言う人もいますが、プログラマーはおそらく「id」と言うでしょう。このような記述はユーザーを混乱させます。
仮想ホストのプロモーションページにも150元と書いてありましたが、詳細をクリックすると390元という値段でした。これは、Web サイトのコピーライティングの範囲ではない可能性があります。しかし団結は必要だ。我々は武力の行使を放棄することを約束するものではない。ハハハ。

ウェブサイトのコピーは感情的なものでなければならない

ウェブサイトのコピーライティングは、ユーザーにタスクの完了を促し、支援するためによく使用されます。ほとんどのウェブサイトのコピーライティングは、ロボットが仕事をするようなものです。硬くて冷たい!悪い例として、多くのウェブサイトのヘルプセンターを見てみましょう。
1. ユーザーに達成感を与える:
ユーザーが一連の操作を経て目標を達成したときは、私たちも喜んであげましょう。このとき、「おめでとうございます」と惜しみなく伝えましょう。 。 。 、今すぐにでもできます。 。 。このようなプロンプトにより、ユーザーは達成感を感じることができます。
2. ユーザーに次のことを奨励します。
ユーザーが誤って間違った操作をした場合 (この間違った操作は通常、設計の不備が原因であることに注意してください)、あなたは同情心なく「間違いを犯しました!」とユーザーに伝えます。イライラするでしょうか?
優れたコピーライティングでは、通常、何が悪かったのかを明確に伝え、再試行するように促します。一部の Web サイトでは、次のような配慮のあるリマインダーも提供しています。「パスワードを忘れましたか?」
3. タイムリーなマーケティング:
一部の Web サイトでは、タイムリーなリマインダーが表示されます。まだユーザーでない場合は、数秒かけて登録してみてはいかがでしょうか。 (こういう人は本当にビジネスのやり方が分かっている!)ログインの問題について話しているのだから、この話題を広げてみましょう。多くのウェブサイトはパスワードを忘れた場合の問題を考慮していますが、ユーザー名を忘れた場合の問題を考慮することはほとんどありません。 eBay にはこのデザインがあります。

4. ユーザーを考慮する:
多くの Web サイトで情報を公開すると、次のようなプロンプトが表示されることがよくあります: 不完全な情報は削除されます!これは典型的な脅迫ではないでしょうか?



実際、情報ウェブサイトにとって最も厄介なことの一つが虚偽の情報であることはわかっていますが、私たちは別の言い方をすれば、情報が完全であればあるほど、その情報の信頼性が高まるということをユーザーに伝えています。もっといいでしょうか?これは実際には、ユーザーの観点から見ると、ユーザーの利益のためです。

ウェブサイトのコピーは適切な場所に表示される必要があります

専門店で買い物をしていると、ついついつい商品を紹介してくる店員に出会うことがあります。店員の苦労や無力さは理解できますが、それでも私は嫌なので、できるだけ早くその場を立ち去ります。時にはその逆もあります。商品が気に入って、値段を尋ねる販売員を探したいのですが、見つからないのです。
1. 手助けをするときは控えめにし、ユーザーの邪魔をしないでください。
実際、ウェブサイトのコピーも適切な場所に適切なタイミングで表示される必要があります。スケールを把握する原則は、これらのテキストがユーザーがウェブサイトを使用する際に邪魔にならないようにすることであり、そのためにはテキストの色、サイズ、その他の形式を慎重に考慮する必要があります。そしてどこに置くかなど。
2. 適切なタイミングで表示され、適切なタイミングで消えるため、ユーザーはヘルプが必要なときにすぐに見つけることができ、問題の解決を支援できます。そして問題を解決した後は、消え去るのが適切です。ログインプロンプトが表示された後、閉じることができないWebサイトがあったことを覚えています。これはフーリガン行為ではないですか?

ウェブサイトのコピーライティングもインタラクティブである必要がある

このやりとりは、コピーを支援することに重点が置かれている可能性があります。支援は、支援が必要と思われる場所についての私たち自身の想像に基づいていることが多いためです。たとえば、Microsoft のヘルプでは最後に、「この回答は役に立ちましたか?」と尋ねられます。このようにして、ユーザーは私たちとやり取りできるようになります。
中国労働ネットワークが再設計していたとき、ヘルプ センターの改善について議論されました。私の提案は、ユーザーからのよくある質問をリストする FAQ を作成することでした。ユーザーがいくつかの質問に対する答えをすぐに見つけられるので便利です。次に、元の巨大で肥大化したヘルプ センターをフォーラムに移動します。このようにして、もともと堅苦しかったヘルプセンターがインタラクティブになります。ユーザーがヘルプを理解できない場合は、以下の質問をすることができます。ネットユーザーが回答を手伝うことができ、当社のカスタマーサービススタッフも回答します。答えには写真と文章が添えられています!この方法により、ヘルプを必要とするすべてのユーザーとコミュニケーションが取れ、厳格なヘルプを継続的に改善することにも役立ちます。

実際、私がここまで話したのは、皆さんにウェブサイトのコピーライティングに注目してもらうためであり、ウェブサイトのコピーライティングは簡潔かつ正確で、親しみやすくタイムリーであるべきであり、ヘルプにはインタラクションも必要です

<<:  CSS で平均レイアウトを実現するためにネガティブ マージン テクノロジーを使用する方法

>>:  iframe の多層ネスト、無制限のネスト、高度に適応したソリューション

推薦する

Dockerを使用してDjango+MySQL8開発環境をデプロイする方法の詳細な説明

しばらく前にシステムを再インストールしましたが、バックアップを取っていなかったので、コンピューター上...

JSはプログレスバーをドラッグして要素の透明度を変更することを実装しています

今日ご紹介したいのは、ネイティブ JS を使用してプログレス バーをドラッグし、要素の透明度を変更す...

レアタグフィールドセットと凡例の使用方法の詳細な説明

<fieldset>と<legend>については、ほとんどの人はおそらく馴染...

サーバーの購入と初期構築方法

しばらくサーバーいじってなかったけど、やることがなくなったのでモバイルワークスに行って海外サーバーを...

Linuxでファイルを削除してもスペースが解放されない問題の対処方法

問題の背景業務システムのサーバ監視システムからディスク使用率が90%に達したという早期警告通知が来た...

ポップアップはすべて不正なものではありません。ウェブサイトのポップアップをデザインするためのヒント

ポップアップニュースは国内のインターネットサービスでは一般的であり、リアルタイムプッシュ方式はウェブ...

Ubuntu 18.04 Server に静的 IP を設定する方法

1. 背景Netplan は、Ubuntu システムのネットワーク設定を簡単に管理および構成できるよ...

Visual Studio Code + Reactをベースに開発環境を構築するプロセス

開発環境ウィンドウ開発ツール Visual Studio Codeノードのインストールとnpm Wi...

CentOS8 でローカル yum ソースを構成するための詳細なチュートリアル

centos8 ディストリビューションは、BaseOS および AppStream リポジトリを通じ...

CSS 完全な視差スクロール効果

1. 何ですか視差スクロールとは、複数の背景レイヤーを異なる速度で動かすことで、3次元のモーション...

IEウェブページのポップアップウィンドウの共通パラメータは自分で設定できます

ポップアップは、現在のウィンドウにメニューツールバーがあるかどうかとは関係ありません。ページにスクリ...

vuex での mapState の考え方の応用

目次1. マップ方式2. 応用背景:需要開発プロセス中に、一部のインターフェースは、ページに表示する...

Zabbix で監視項目と集約されたグラフを設定するためのサンプルコード

1. ローカルマシンを監視するためにZabbixエージェントをインストールするエージェントソフトウェ...

Tomcatがセッションを管理する方法の例

ConcurrentHashMapを学習しましたが、どのように適用すればよいかわかりませんか? To...

mysql 10進データ型変換の実装

最近、次のデータ型のデータベースに遭遇しました:decimal(14,4)発生した問題は次のとおりで...