仕事の効率を上げる blog

Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選　より

上記ページにてWebサイトデザインを行う上で注意するべき点がカテゴリ別に纏められています。

ここで挙げられているものはWebサイトのユーザビリティの向上やSEO対策、ブランドイメージの向上を計る上でとても重要なものばかりなので、Webサイトデザインに携わっていこうと思っている人は必見です。

既に理解している人もチェックリストとして使えそうです。

ECサイトのユーザビリティ・ガイドライン　より

上記サイトにてECサイトを製作する上で押さえておきたいユーザビリティ・ガイドラインがうまくまとめられています。

新規ECサイトの立ち上げを考えている方や、売り上げの減少に悩むECサイトを運営されている方は必見です。
（お金をかけた露出アップよりも売り上げ増が期待できるかもしれません）

既に運用中のECサイトの見直しチェックリストとして使用した場合、見直し項目が多ければ多いほどコンバージョンレートの改善が見込めるのではないでしょうか。

-ECサイトユーザビリティ・ガイドライン基本5項目-

1. 見つけたい商品・情報を見つけやすくする
2. ユーザーの労力を極力削減する
3. 買いたい気にさせる
4. 購入までのプロセスを簡単にする
5. オンラインショッピングの恐怖心をなくす

各項目の詳細は上記ページにてご覧になれます。

第6回　サイト価値を最大化するためのトップページ設計術～4パターンの訪問者を想定して作る　より

上記ページでトップページ設計時の注意点が解説されています。

要約すると、

• 目的志向ユーザー
• ふらっと訪問ユーザー
• サイト内迷走ユーザー
• サイト内リターンユーザー

の4種類のユーザーが訪れることを想定し、

• サイトのメインサービスの紹介部分が派手な見た目のデザインに埋もれないようにする
• インパクトのある訴求BOXを一部に設置する
• ナビゲーションを明快なレイアウトで配置する
• 「Flashムービーの後にナビゲーションを表示」は避ける

といったことに心がけるといったところでしょうか。

トップページはサイトの顔となるページなのでついつい見た目にばかり気を遣ってしまいがちですが、いくら見た目が良くてもユーザーのニーズを満たせなければ価値の無いサイトとして烙印を押されてしまいますのでご注意を。

実際の例を交えた詳細な情報は上記のページをどうぞ。

未経験者がユーザーテストを行う際の10のポイント　より

上記のページでWebサイトのユーザーテストを行う際の10のポイントが紹介されています。

完璧に設計したと思っていても第三者が実際に触るといろいろと問題点が出てきてしまうものです。

円滑なユーザーテストを行い、ユーザビリティ（使い勝手）を向上させましょう。

1. 被験者は友人か知り合いでいい
2. 被験者は5人でいい
3. カンタンなゴールを与えよう
4. 椅子は相手よりさげよう（被験者がしゃべりやすいよう）
5. プロトタイプは紙芝居でもいい
6. 「今何を考えていますか？」と聞こう
7. 「そこをクリックすると、どうなると思いますか？」と聞こう
8. やたらうなずこう
9. 誘導しない（助言などをしない）
10. 関係者全員で見よう（テスト結果は全員で確認する）

簡単な例など詳しい情報は上記ページにてご覧になれます。

以下のページでサーバーのパフォーマンスを向上させるための様々なテクニックが紹介されています。

特にWebサーバー（Apache）の最適化については多くのTipsが紹介されていますので、Webサイトの表示速度の改善には大変役に立つのではないかと思います。

Ｗｅｂサイトパフォーマンスチューニング
http://www.inter-office.co.jp/performance/

• サイトのログ、モニタリング、解析
• Apahceパフォーマンスチューニング
• （スクリプト）アーキテクチャー
• MySQLパフォーマンスチューニング
• java関係のパフォーマンスチューニング
• IISパフォーマンスチューニング

負荷分散講習会 Apache編
http://tech.feedforce.jp/load_balance_apache.html

• DNSラウンドロビン
• 機能ごとにホストを分割
• 負荷分散クラスタ

Linuxのパフォーマンスを改善する3つのTips
http://opentechpress.jp/developer/article.pl?sid=07/07/17/0043245

• ハードディスクの速度を最適化する
• ファイルシステムのアクセスを最適化する
• アプリケーションの読み込み時間を最適化する

Webアプリケーションを作る前に知るべき10の脆弱性　より

上記のページにてWebアプリケーションを作る前に知るべき10の脆弱性が例付きで分かりやすく紹介されています。

既にWebアプリケーション製作に取り掛かっている人はチェックリストとして利用し、改めてセキュリティチェックを行ってみてはいかがでしょうか。

1. クロスサイトスクリプティング（XSS）
2. インジェクションの欠陥
3. 悪意のあるファイルを読み込んで実行
4. オブジェクトの直接参照
5. クロスサイトリクエストフォージェリ
6. 設定情報などの漏えい、不適切なエラーハンドリング
7. 不適切な認証やセッション管理
8. 暗号の使い方が不適切
9. 通信方法が不適切
10. URLへのアクセス制限の不備

各項目の詳細は上記ページからご覧になれます。

以下のページで、最近MT（Movable Type）からの乗り換えやブログの新規立ち上げで選ばれることの多くなってきたPHP+MySQLの高機能なWebLogツール「WordPress」の秀逸なテンプレートやプラグインが紹介されています。

【テンプレート（集）】

シンプルでセンスの良い、WordPressのテーマファイル集
http://coliss.com/articles/blog/wordpress/1007.html

21個の素敵なWordPressテンプレート
http://www.smashingmagazine.com/2007/06/26/21-fresh-usable-and-elegant-wordpress-themes/

お気に入りWordpressテーマいっぱい
http://www.designwalker.com/2008/01/wordpress-themes.html

80 Wordpress Themes
http://www.drweb.de/weblog/weblog/?p=767

Theme Browser
http://themes.wordpress.net/

45のクオリティの高いWordPressのテーマファイル
http://coliss.com/articles/blog/wordpress/920.html

【プラグイン（集）】

2008年3月 wordpressプラグインまとめ
http://e0166.blog89.fc2.com/blog-entry-423.html

Yahoo! ShortcutsっていうWordPressのプラグインがなんかとてつもなくすごい件について
http://www.ideaxidea.com/archives/2007/12/yahoo_shortcutswordpress.html

Wordpressで使えるプラグインを9つ
http://www.designwalker.com/2007/07/wordpress-plugin.html

WordPressのプラグイン集 300＋
http://phpspot.org/blog/archives/2007/08/wordpress_300.html

AJAXを使ったWordpressプラグインいろいろ
http://www.designwalker.com/2007/07/wp_ajax_plugins.html

WordPressでsitemap.xmlを生成させるプラグイン
http://www.lllcolor.com/web/wordpress/78.html

コメントを投稿した後も編集できる WordPress のプラグイン
http://www.orioa.com/wp-ajax-edit-comments/

個別にメタタグを記述できるWordPressのプラグイン:Add-Meta-Tags
http://coliss.com/articles/blog/wordpress/plugin/241.html

WordPressのプラグイン一覧 › アンチスパム
http://tekapo.com/st/wp/plugins/spam_tools/

wordpressのエディタ「TinyMCE」をカスタマイズするプラグイン
http://aoina.com/archives/90

WPのプラグイン：WordPress Navigation Tool (NAVT)
http://tekapo.com/st/2007/06/11/navt/

[Web]WordPressで企業サイトを作る際によく使うプラグイン
http://d.hatena.ne.jp/aratako0/20070707/p1

携帯閲覧用プラグイン
http://phpbb.xwd.jp/viewtopic.php?t=341

あなたのWordPress（ワードプレス）をより安全に作るための6つの方法
http://e0166.blog89.fc2.com/blog-entry-292.html

280個から厳選された、WordPressの人気プラグイン：Top30→さらに絞り込み
http://yoshikazuasada.biz/note/blog/795

今後益々充実していくはずなので、他のブログツールを使っている人は乗り換えを検討してみる価値ありです。

WordPressの使い方（インストール方法含む）は以下のサイトで大変分かりやすく紹介されています。
WordPressの使い方
http://www.adminweb.jp/wordpress/index.html