最新のWeb開発のチュートリアル
 

ウェブデザイン


ウェブサイトを設計することは、慎重な思考と計画が必要です。

最も重要なことは、あなたの聴衆を知ることです。


ユーザーはスキャナです

典型的な訪問者がWebページのコンテンツ全体を読むことはありません!

彼/彼女がままにするか、滞在するかどうかを決定する前に、どんなにあなたがWebページに入れて有用な情報、訪問者はそれをスキャンし、数秒を費やすことなくなります。

ページの非常に最初の文のあなたのポイントを作るようにしてください!After that, try to keep the user occupied with short paragraphs, and new headers down the page. その後、短い段落、ページダウン、新しいヘッダーで占められ、ユーザーを維持しようとします。


少ないほうがいいですね

できるだけ短く段落を保管してください。

できるだけ短くページを保管してください。

できるだけ短い章を保管してください。

多くのスペースを使用してください!Pages overloaded with text will kill your audience. テキストで過負荷にページが視聴者を殺すでしょう。

あなたが言うことがたくさんある場合は、小さな塊にあなたの情報を分割し、別のページの上に置きます!


ナビゲーション

Webサイト内のすべてのページで使用されている一貫性のあるナビゲーション構造を作成します。

あなたのWeb​​のすべてのページへの訪問者を送信するために、各段落内部のハイパーリンクを使用しないでください。This will destroy the feeling of a consistent navigation structure. これは、一貫性のあるナビゲーション構造の感覚を破壊します。

ハイパーリンクを使用する必要がある場合は、段落の下に、またはメニューに追加します。


ダウンロード速度

時には、開発者はいくつかのページをダウンロードするのに長い時間がかかるという事実に気づいていません。

訪れる人のほとんどは、ダウンロードするには7秒以上かかりますWebページを残します。

低速モデム接続を介してWebページをテストします。If your pages take a long time to download, consider removing graphic or multimedia content. あなたのページには、ダウンロードに時間がかかる場合は、グラフィックやマルチメディアコンテンツを削除することを検討。


視聴者が話してみよう!

フィードバックは非常に良いことです!

あなたの訪問者があなたの "顧客"です。Often they will give you some valuable hints about what you could have done better. 多くの場合、彼らはあなたがよりよい行っている可能性が何についてのいくつかの貴重なヒントを与えるだろう。

あなたに到達するための簡単​​な方法を提供し、あなたは別のスキルと知識を持つ人々からの入力の多くを取得します。


お客様のモニター

インターネット上の誰もがあなたと同じモニターを持っています。

あなたは、高解像度のモニタに表示されるWebサイトを設計する場合、(800×600など)より低い解像度のモニターで訪問者があなたのページを読んで問題を抱えている可能性があります。

あなたが別のモニターでWebサイトをテストしていることを確認します。

私たちを見てみましょうブラウザ表示統計モニター開発の動向を見るために。


彼らはどのようなブラウザを使用していますか?

異なるブラウザ上でWebサイトをテストすることを忘れないでください。

最も一般的なブラウザ今日は、Internet Explorer、FirefoxとGoogle Chromeのです。

Webページを設計する際に行うための一つの賢明なことは、正しいHTMLを使用することです。Correct coding will help the browsers to display your pages correctly. 正しいコーディングはブラウザが正しくページを表示するのに役立ちます。

私たちを見てみましょう、ブラウザの統計ブラウザ開発の動向を見るために。


彼らはどのようなプラグインを持っていますか?

サウンド、ビデオクリップ、または他のマルチメディアコンテンツが別々のプログラム(のプラグイン)の使用が必要な場合があります。

あなたの訪問者がそれらを表示するのに必要なソフトウェアへのアクセス権を持っていることを確認してください。


どのような障害について?

一部の人々は、視聴または聴覚障害を持っています。

彼らは、点字や音声ベースのブラウザでページを読み込むしようとする可能性があり。Always add text alternatives for images and graphic elements. 常にイメージとグラフィックエレメントのための代替テキストを追加します。