ウェブサイト製品設計の参考となるいくつかの原則

ウェブサイト製品設計の参考となるいくつかの原則

以下の分析は製品設計原則に関するものですが、そのほとんどはウェブサイト製品に基づいているため、ユーザー、ブラウザツール、SEO、エクスペリエンスなどを含むウェブサイト製品設計原則とも呼ばれます。原則と例の両方があります。多くの原則は Web サイト製品に共通しており、どの Web サイトや製品でも参照できます。

私自身の経験に基づいて、製品設計における 8 つの基本原則をまとめました。製品設計を始めたばかりの友人たちの役に立つことを願っています。

1. スイカはスイカらしく、豆は豆らしく見えるべきです。<br />これを否定的に言うと、「テレビという冷蔵庫がある」となります。クラスメートの中には、あなたの言っていることはナンセンスだと言う人もいるかもしれません。実際、これはナンセンスであるため、デザイナーによって無視されることがよくあります。たとえば、テキスト リンクはクリックできないようです。ボタンのように見えますが、単に画像が異なるだけです。「イノベーション」のために、通常のラジオ ボタンが非常に美しく豪華にパッケージ化されていますが、ユーザーにはこのコントロールで何ができるのかわかりません。同様の問題は数多くありますが、デザイナーによって最も簡単に発生する問題です。したがって、ページを革新したり、より洗練されたものにしたりしたい場合は、まずデザインが「スイカのようなデザインか、豆のようなデザインか」を確認してください。

2. 重要なのはユーザーの学習ではなく、学習が容易かどうかです。
製品を設計する際には、ユーザーが使いやすくなるよう、ユーザーに何も学ばせることなく機能を実装する方法を頭を悩ませて考えることがよくあります。しかし、重要なのは、ユーザーが学習する必要があるかどうかではなく、学習が容易かどうかです。たとえば、ユーザーが保存ボタンのアイコンを試したことも学んだこともない場合、反転したフロッピー ディスクが保存を意味することをどうやって知ることができるでしょうか。そして、フロッピーディスクは現在ではほとんど見かけなくなり、将来的にはUSBディスクに置き換えられると思われます。ただし、初めて使用する場合は、ボタンアイコンの上にマウスを置くと、[保存] ボタンが表示されます。クリックすると、保存が成功したことを示すプロンプトが表示されます。ああ、これでこのアイコンが保存を意味することがわかります。また、アイコンのメタファーが非常によくできているため、覚えやすいです。したがって、実際には、コンピューター アプリケーションに関しては、特定の種類の製品に初めて触れたときに、それらを学習する必要があります。これは避けられません。だから、勉強するか否かについて頭を悩ませる必要はありません。習得しやすいかどうかを考慮する必要があります。

3. まずプロセスを完了し、その後「体験」について話す
製品設計を行う際には、ユーザー エクスペリエンスとクローズド ユーザー エクスペリエンスについてよく話します。しかし、多くの場合、製品のユーザー エクスペリエンスが悪いのは、いわゆる「エクスペリエンス」が原因ではないことがわかりました。それは製品自体の設計上の欠陥です。最も重要な欠陥は、プロセスが不完全であることです。例えば、ユーザーがログインエラーを起こして正常に登録できない場合の対処法や、注文後に注文内容に誤りがあった場合の修正方法などです。したがって、優れた体験を提供するための第一歩は、製品を完成させることです。それでは「経験」についてお話しましょう。

4. 重要なポイントに焦点を当てる<br />詩的な文章と見事な写真で、新製品を紹介する密度の高い文章がページいっぱいに書かれている、このような光景をよく見かけます。しかし、読んでみても、この商品の特徴が何なのかまだわかりません。あるいは、急いでいるユーザーの中には、単にそれを無視して、そのまま立ち去るか、すぐに使用する人もいます。私たちが学生の頃、中国語の授業でよくやらなければならなかった宿題は、文章を段落に分け、各段落の主な考えを分析し、中心となる考えを要約することでした。インターネット製品でも同じことが言えます。ページ上に記事を書くわけではありません。ユーザーは一般的に急いでおり、長い記事を読む気はありません。そのため、記事の「主なアイデア」と「中心となるアイデア」をユーザーに直接伝えるのが最善です。無駄なことは言わないで、要点だけ述べてください。

5. IE6を使用して独自のWebサイトを使用する<br />現在ではIE8、IE7、Firefoxなどさまざまなブラウザがありますが、しかし、何があっても、IE6 は依然として中国のユーザーに最もよく使用されています。もちろん、インターネットの実践者として、私たちは個人的な理由で Firefox を使用し、流行に敏感なので IE8 を使用します。しかし、ほとんどのユーザーは個人的でも流行的でもないので、依然として XP と IE6 を使用していることを忘れないでください。したがって、製品担当者は、ユーザーと同じものを表示できるように、自分の製品を使用するときに IE6 を使用する必要があります。

6. なぜですか?
「なぜ」を言う別の方法は、「理由を教えてください」です。製品設計段階では、必ず「なぜ」をさらに問いかけてください。 「なぜこの製品を作りたいのか?」「なぜボタンを左側に配置しているのか?」これらの質問は、高レベルの戦略から詳細な設計まで繰り返し尋ねる必要があります。なぜなら、「なぜ?」を知ったときにのみ、本当の「やり方」を知ることができるからです。

7. お客様は神様です。<br />この前、Twitter で誰かが「レストランが UCD 方式を採用すると、あまり良くない」と言っているのを見ました。そして、伝統的な業界ではこれを「お客様は神様」と呼ぶのだと私は付け加えました。そうです、「ユーザー中心設計」はプロしか知らないけれど、「お客様は神様」というのは一般の人もきっと知っています。実は、伝統的なサービス業界では、「お客様は神様」というのはすでに暗黙のルールになっています。UCDをやればそんなに神秘的だと思わないでください。実は、やっていることは「お客様は神様」なのです。ですから、仕事をするときは、まず UCD の帽子を脱いで、顧客は神であるという心で製品とユーザーを調べてください。

8. SEOとメール
私たちはインターネット マーケティングについてよく話しますが、これは非常に高度な言葉のように思えます。実際、高度な外見を除けば、最も核心的で重要な 2 つは SEO と電子メールです。 SNS時代では、ユーザーのプライバシー保護を理由にSEOを否定する声が多く聞かれるようになりました。しかし、SNS の SEO は実はメールであるということを私たちは見落としているようです。登録、ユーザーフィードバックの提供、xxx の推奨事項など、すべては電子メールに基づいて開始されます。 SEO はユーザーが情報を探すプル モデルですが、電子メールはユーザーに情報を送信するプッシュ モデルです。

<<:  MySQLでorder byを使用せずにランキングを実装する3つの方法のまとめ

>>:  Linux ソースコードの解析 epoll

推薦する

CSS で点線の境界線のスクロール効果を実装するサンプルコード

マウスをある領域の上に置くと、その領域に点線の境界線と線のアニメーションが表示されるというクールな効...

Vuex はシンプルなショッピングカート機能を実装します

この記事の例では、ショッピングカート機能を実装するためのvuexの具体的なコードを参考までに共有して...

Vue2.x と Vue3.x のルーティングフックの違いの詳細な説明

目次vue2.xプレコンセプト:ルーティングフックのカテゴリルーティングとコンポーネントの概念(フッ...

1 行のコードでさまざまな IE 互換性の問題を解決します (IE6-IE10)

x-ua-compatible は、IE ブラウザがページを解析およびコンパイルするためのモデルを...

CSS マージンの重複とその防止方法

2 つ以上のブロックレベル ボックスの垂直に隣接するエッジが重なり合っています。結果として得られる境...

JavaScriptにおける評価戦略の詳細な説明

目次それを覆う栗パラメータの受け渡し値渡し共同配送要約する拡張機能 - 遅延評価私は最近、JavaS...

Docker Consul の概要とクラスター環境構築手順(グラフィカルな説明)

目次1. Dockerコンサルの概要2. nginxとconsulをベースにした自動検出と高可用性の...

ffmpeg 中国語パラメータの詳細な説明

FFMPEG 3.4.1 バージョンパラメータの詳細使用方法: ffmpeg [オプション] [[入...

HTML コードの書き方に関する提案のまとめ

リソースファイルのプロトコルを省略する画像、メディアファイル、スタイル、スクリプトの URL では、...

nginx設定ファイルの場所を見つける方法の詳細な説明

よく知らないサーバーの場合や、かなり前にインストールした場所を忘れてしまった場合、構成ファイルの場所...

MySQL インデックスの種類 (通常、ユニーク、フルテキスト) の説明

MySQL のインデックスの種類には、通常のインデックス、一意のインデックス、全文インデックスがあり...

Mysql の一時テーブルとパーティションテーブルの違いの詳細な説明

一時テーブルとメモリテーブルメモリ テーブルとは、メモリ エンジンを使用するテーブルを指します。テー...

W3C チュートリアル (9): W3C XPath アクティビティ

XPath は、XML ドキュメントの一部を選択するための言語です。 XPath は、XSLT、XQ...

WeChat ミニプログラム ユーザー認証のベストプラクティス ガイド

序文WeChat アプレットを開発する際には、ユーザーの権限が必要なページを使用する必要があることが...