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

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

以下の分析は製品設計原則に関するものですが、そのほとんどはウェブサイト製品に基づいているため、ユーザー、ブラウザツール、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

推薦する

VPS はオフライン ダウンロード サーバーを構築します (ネットワーク ディスクの時代以降)

モチベーション学習の必要性から、海外のサーバーメーカー(どこのメーカーかは言いません)のVPSサービ...

JS ES6コーディング標準の詳細な説明

目次1. ブロックスコープ1.1. let は var を置き換える1.2. グローバル定数とスレッ...

ボタンをクリックした後のCSS読み込み効果を実現する

自社製品にクリック後1~2秒待機時間があるボタン(確認メールを送信する)があるため、クリック後の1~...

JavaScript Canvas は動的なワイヤーフレーム効果を描画します

この記事では、JavaScript Canvasの動的なワイヤーフレーム効果を描画する具体的なコード...

mysql8.0.23 msi インストールの超詳細なチュートリアル

1.MySqlをダウンロードしてインストールする公式ウェブサイトからMySqlデータベースをダウンロ...

Bootstrap 3.0 学習ノートのボタンとドロップダウン メニュー

前回の記事はBootstrap CSS部分の簡単なレビューであり、多くの詳細が見落とされていました。...

Linux カーネル デバイス ドライバー カーネル デバッグ テクニカル ノート集

/****************** * カーネルデバッグ技術 ****************...

HTML 要素 (タグ) とその使用法

a : ハイパーリンクの開始位置または宛先位置を示します。頭字語: 単語の最初の文字からなる略語を示...

Linux学習におけるmkdirコマンドの詳しい説明

目次序文1. ファイルの概念に関する基礎知識2. mkdir コマンド序文最近、Linux にますま...

Windows 上の MySQL バージョン 5.7 でエンコードを UTF-8 に変更する方法

序文MySQLの勉強を始めたばかりで、公式サイトから最新バージョン5.7.14をダウンロードしました...

Xampp サーバーで MySQL パスワードを変更する方法 (画像付き)

今日、PHP で作業しているときに、Xampp サーバーに付属の mysql データベースを使用する...

MySQL ログインおよび終了コマンドの形式

mysql ログインのコマンド形式は次のとおりです。 mysql -h [hostip] -u [ユ...

SQL 面接の質問: 時間差の合計を求める (重複は無視)

ある会社の BI 職の面接を受けたとき、面接で SQL に関する質問がありました。一見すると非常に簡...

MySQLアラームの詳細な分析と処理

最近、あるサービスにアラームが発生し、耐えられなくなっています。アラーム情報は次のとおりです。メトリ...

Javascript Bootstrapのグリッドシステム、ナビゲーションバー、カルーセルの詳細な説明

目次ブートストラップと関連コンテンツの紹介グリッドシステムネストされた列列オフセット列の並べ替えナビ...