サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
私達WEB屋と言うのは常にユーザビリティにさらされるわけですが、もっと単純に考えていくべき方法と言うのも結構あります。 それはサイト解析ツールによる分析です。 どこに誘導したいのか。 何をしてほしいのか。 そして、アクセス解析1つでどこまでやれるのか。 そこで今回はアクセス解析によるユーザビリティ向上について色々見て回ったので、その結果をまとめておきます。 非常に長くなってしまったので目次を作っておきます。 １．ユーザビリティの原点とは何だろう？ ２．ユーザビリティ８つのガイドライン ３．Ajaxの参入で、より難しくなってきている？ ４．解析と分析でユーザーの流れを作り変える ５．必ず見ておきたいWEBユーザビリティの為の5つのチェックリスト ６．広告に誘導する為の設計とは何なのか ７．わからなくなった。そんなときにはアクセス解析に戻ろう ユーザビリティの原点とはなんだろう？ 多くのWEB
指定したウェブサイトを128の診断ツールでテストしまくってくれる『test everything!』 | POP*POP
オプションが多すぎて逆に使いにくいのでは・・・という懸念はあるものの、機能の豊富さでは他の追随を許さない最強テストツールのご紹介。 HTMLの検証、SEOツール、ドメイン関連ツールなどなど、8つのカテゴリー、128にわたる診断ツールを提供しています。 あなたのサイト、クライアントのサイトを徹底検証してみればいままで気づかなかった改善ポイントが洗いだせるのかもしれません。 以下に使い方をご紹介。 ↑ まずはURLを指定。 ↑ 次に診断ツールを選択します。カテゴリーごとに数ページにわたるオプションがあります。 ↑ 選択したツールで診断した結果はこちら。 ↑ 診断結果ページのすべてをフレームで表示することも可能です。 要は診断ツールへのリンク集ですが、一気に調べられるインターフェースが便利ですよね。 ご利用は無料です。よろしければ以下からどうぞ。 » test everything — 100+
Favicon Generator
What is a favicon? Favicons are the little icons that show next to bookmarks and in the address bar of most browsers. Favicons are 16 pixels square. Upload a picture and click 'Make Favicon!' to create a favicon for your website. This favicon generator supports alpha transparency. Once you create your favicon.ico file, upload it to the root directory of your website and put the following code in y
編集・共有・検索！オンラインで写真を使いこなす ９０＋のサービス | G Mania - グーグルの便利な使い方
編集・共有・検索！オンラインで写真を使いこなす ９０＋のサービス 管理人 @ 6月 24日 10:14am Picasa, 検索Tips Mashable!にて「90+ Online Photography Tools and Resources」というエントリーでオンラインフォトツールや関連サービスが紹介されており、かなり使えるサービスがたくさんあったので、その日本語訳を紹介します。（一部日本で利用できないサービスもあります。） オンラインフォトエディター Fauxto ： Photoshopに似た先進的なインターフェースのオンラインフォトエディター。 XmgImg ： オンラインで画像を管理、編集、共有できる画像ホスティングサービス。 OnlinePhotoTool ： ネット上にある画像だけでなく、ハードディスクから取得した画像も編集できる。 MyImager ： 自分のPCから画像
Lucky bag::blog: 使用中のブラウザの CSS セレクタ対応状況をチェックできる CSS Selectors testsuite
タイトル長っ！ まぁ、そのまんまなのだけれども、今使用しているブラウザが、CSSのセレクタ（CSS3も含む）にどれくらい対応しているかチェックできる CSS Selectors testsuite - CSS3 . info が便利っぽい。 Start testing... をクリックでチェックが開始され、各セレクタの結果が緑色であれば対応、赤色であれば未対応ってな寸法。ただ、ひとつのセレクタに複数のテストを行うんで、そのうちのひとつでも引っかかると failed になっちゃう。 上記画面は、IE7 RC1 でのチェック結果だけど、対応しているはずの属性セレクタで failed となる。セレクタ名の部分をクリックすると、どういったテストが行われて、結果がどうなっているのかソースを確認できるんだけど、どうやら属性が空の場合や属性の記述が不完全の場に、IE7 はうまくパースできないみたい。ちな
色に関する便利WEBサービスいろいろ:phpspot開発日誌
COLORS TOOLBOX: 20 Tools For Working With Colors Sometimes all you need to get inspired to build a site is picking a color scheme, or even if you get stuck later in development you need some color help. 色に関する便利WEBサービスいろいろ。 WEBデザインに色は重要ですが、その色をWEB上でブレンドしたり、探したり、色合いをまとめたサイトなど便利なサイトがいろいろあります。 Color Blender - 2種類の色をブレンドできるサービス。色と色の間の色を調べる場合に便利。 Color-Inspirator - ランダムな色合いの生成が可能。共有することもできます。 colordb -
キーワードアドバイスツールプラス
オンラインカジノとギャンブルサイトは常に新規および忠実なプレーヤーを求めて競争しており、これらの新規プレーヤーを引き付けるために使用されるさまざまなマーケティング戦略があります。 各オンラインカジノは、さまざまな戦略を利…
Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」:phpspot開発日誌
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
リコーのファイル保存・共有サービス quanp（クオンプ）
アップロードが簡単、共有が簡単、見つけるのが簡単。quanpは情報をスマートに使いこなすためのWebサービスです。｜お問い合わせ｜ご利用にあたって｜採用情報｜サイトマップ｜ quanpは株式会社リコーが提供するサービスです。｜ Copyright 2008 Ricoh Company, Ltd. All Rights Reserved.
５０のクールロゴ作成PhotoShopチュートリアル:phpspot開発日誌
50 Essential Photoshop Text Tutorials | Vandelay Website Design ５０のクールロゴ作成PhotoShopチュートリアル。 ログ作成用のチュートリアルがまとまっています。 Smooth Glass Type Slow Shutter Text Effect Stylish Text Grunge Rubber Stamp Old School Type - Line Gradients サービスを作るときのロゴ作成の参考に。 関連エントリ PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル WordPressのロゴを美しく輝かせるPhotoShopチュートリアル
あなたのサイトを色盲の人がどう見ているか教えてくれる『Colour Blindness Simulator』 | P O P * P O P
色盲の人にとってあなたのサイトは見えにくいかもしれません。 そこで便利そうなのが「Colour Blindness Simulator」。 このサイトでは指定した画像を色盲の人がどう見ているかを教えてくれます。 以下に使い方をご紹介。 ↑ とりあえずこのサイトのスクリーンショットでテストします。 ↑ ファイルと色盲の種類を指定します。 ↑ 変換結果。ちょっと小さいですが、まったく違う色になっちゃってますね・・・。 指定できるファイルは100KB以内および、1000ピクセル×1000ピクセル以内のJPEGなのでサイトなどで試すときは気になる部分だけで試してみると良さそうですね。 アクセシビリティに注意しなくてはいけない方はご利用になられてはいかがでしょうか。 » Colour Blindness Check – Etre
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
人気の無料フォントが500種類！『Fonts 500』 | 100SHIKI.COM
ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
あなただけのキーボード画像を作ってくれるジェネレータ | POP*POP
kuler
スケジュールの進行状況アプリに使えそうなAjax*ホームページを作る人のネタ帳
http://e0166nt.com/blog-entry-211.html
QrONE CSS Designer
HTMLタグボード - HTMLタグ一覧、CSSリファレンスなど
