知的?自己流?普利伊待夢な育児ブログ

主に子育て日記。パソコン関連はソフト紹介や備忘録。
美容/健康・ベビー/マタニティに関する商品も紹介中。

cssc cssc cssc
--/--/--  Post at Diskenth
Category スポンサー広告 Tags

MicroAd(マイクロアド)に登録して自分のWeb/Blogに広告を貼るだけでお小遣いが稼げます。 ↓から登録いただければ、報酬アップに必要なサイトランクアップ方法などノウハウを提供します。楽天ぴたっとアドも稼げるのでオススメです。
MicroAd(マイクロアド)の登録はコチラ  楽天ぴたっとアドの登録はコチラ



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2009/10/19  Post at Diskenth
Category Windows / Mac Tags Web Tips ユーザビリティ

MicroAd(マイクロアド)に登録して自分のWeb/Blogに広告を貼るだけでお小遣いが稼げます。 ↓から登録いただければ、報酬アップに必要なサイトランクアップ方法などノウハウを提供します。楽天ぴたっとアドも稼げるのでオススメです。
MicroAd(マイクロアド)の登録はコチラ  楽天ぴたっとアドの登録はコチラ



以前、ガイドラインに準じた説明をしましたので、今度は事例編です。
ガイドライン編は以下です。
実用的なユーザビリティ10のポイント:その1
実用的なユーザビリティ10のポイント:その2

以下の意訳は英語圏内のため、特にタイポグラフィなどは日本語ではなく英語を想定したデータなのでその点ご留意ください。続きに詳細を記載しました。


↓以下、追記です↓

■タイポグラフィ
  • 行間 ÷ フォントのサイズ = 1.48
    ウェブサイトの英語フォントでは、一般的に「1.48」が読みやすいです。
    クラシックなタイポグラフィの本では一般的に「1.5」が推奨されています。
  • 行幅 ÷ 行間 = 27.8
    一つのパラグラフの幅は平均538.64ピクセルです。
    多くのウェブサイトのフォントサイズが12, 13ピクセルであることを考えるとかなり長いものとなっています。
  • パラグラフ間のスペース ÷ 行間 = 0.754
    一つのパラグラフの最後と次のパラグラフの最初の間のスペースは、十分にスペースをとる必要があります。
  • 一行の文字数は55?75文字
    クラシックなタイポグラフィの本によれば、一行の最適な文字数は55?75とされていますが、実際には75?85文字あたりの人気が高いです。

■ブログのデザイン
  • 固定幅を使用したレイアウトは、92%。
    そして、センターに配置しているのは、94%。
    固定幅のサイズが951px?1000pxの間は、56%。
  • トップページに掲載している抜粋記事の数は、10?20。
  • 全体的なデザインの中でコンテンツ箇所が占める割合は、58%。

■フォームのデザイン
  • 登録するリンクの文言は「sign up」が40%で、上右の角に設置。
  • 登録ページのデザインをシンプルにしているのは、61%。
  • 入力フィールドのタイトルが太字なのは、62%。
    フィールドの配置は水平ではなく垂直にしているのは、86%。
  • デザイナーのほとんどは必須とオプションを含まない傾向にあります。
  • メール確認が無いのは82%。
    パスワードの確認があるのは72%。
  • サブミットボタンの配置は、左寄せが56%、中央が26%。

■ポートフォリオのデザイン
  • レイアウトを中央にしているのは、89%。
    そして大部分のサイトが大きな水平型のナビゲーションを配置しています。
  • ポートフォリオサイトの47.2%は、クライアントの紹介ページがあります。
    67.2%が何らかのスタンドアローンのサービスページがあります。
  • 63.6%がプロジェクトやケーススタディなどが紹介されています。
    スクリーンショットやスケッチなどを使用して詳細に説明します。
  • コンタクトのページには、電話番号、メールアドレス、vCardなどの情報が掲載されており、オンラインのフォームがあります。
スポンサーサイト

コメント


この記事に対するコメントの投稿
















この記事に対するトラックバック

トラックバックURL
http://nakano66.blog66.fc2.com/tb.php/156-ae44f085
この記事にトラックバックする(FC2ブログユーザー)
Profile

Diskenth

Author:Diskenth

はじめまして。Diskenthです。
30代のしがないリーマンですw
詳しくは ... 自己紹介 »

Archives
Categorise
Comments

Trackbacks
Links

MyBlog Links

Friend Links

Favorite Links

AffiFrend Links

Software | Material Links

Tips | Customize Links

Affiliate Links

Access Up Links

このブログをリンクに追加する

Ad Rakuten

Ad Micro

マイクロアドBTパートナーでおこづかいゲット!

Ad Sense

Ad Trend Match

Ad Adgger

アフィリエイト

ウェルカムボード

大阪 出張マッサージ 鍼灸 神戸 心理カウンセラー 福岡 Gree 広告 DM 制作 ダイレクトメール 代行 ダイレクトメール 発送代行 ショッピング枠現金化 リサイクルショップ 大阪

AccessUp Parts

キーワードアドバイス
ツールプラス

PING送信プラスSEO対策

RSS | Parts

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。