東証一部上場の企業サイト、機能やレイアウトで差異
ビー・オー・スタジオは東証一部上場企業のWebサイトのユーザビリティやコンテンツの過不足を調査した。必要な機能の実装やレイアウトの設計は行われていたが、Webサイト設計に対する力の入れ具合や配慮が異なることが分かった。 Webサイト設計を手掛けるビー・オー・スタジオは1月19日、東証一部上場企業のWebサイトのユーザビリティ（使い勝手）やコンテンツの実装度合いを調べ、結果を発表した。多くの企業においてWebサイトに必要な機能の実装やレイアウトの設計は行われていたが、Webサイト設計に対する力の入れ具合や配慮が異なることが分かった。 採用している画面サイズは、750ピクセル以上800ピクセル未満のWebサイトが42.5％でトップだった。800ピクセル以上850ピクセル未満が15.9％で続いた。PCのディスプレイの解像度は上がっているものの、標準的な画像解像度である「1024ピクセル×768ピ
NBPC ニュースリリース−「全国大学サイト・ユーザビリティ調査2008/2009」より
2008年12月22日 日経BPコンサルティング調べ ――「全国大学サイト・ユーザビリティ調査2009/2010」より―― 大学サイトの「使い勝手」を横断的に評価 3年連続で徳島大学が総合1位。2割の大学が総合スコア60以上に 日経BPコンサルティング（東京都港区、樫村弘幸社長）は、大学サイトのユーザビリティ（使いやすさ）を横断的に評価した「全国大学サイト・ユーザビリティ調査2009/2010」の結果をまとめた。調査165大学中、最も使いやすい大学サイトは、3年連続で徳島大学だった。 インターネットの普及により、多くの人にとって何らかの情報を探す際、最初にアクセスする時の第一のメディアは、Webサイト（ホームページ）となっている。大学の価値向上のためには、その価値・魅力を、受験生のみならず、在学生、卒業生、一般社会人など、大学がターゲットにする層に向けて的確に伝えていくことが重要に
ABテストは必須！ - ランディングページ（LP）集めました。
ランディングページはただ作っただけでは終わりません。その後の効果測定を行うことで、その効果が最大限生かせます。 ランディングページの効果測定を行ううえで有効なのが「ABテスト」です。 ABテストとは従来のランディングページを「A」とした場合、「A」にちょっとの変更（キャッチコピーの変更など）を施したランディングページを「B」として、どちらのランディングページがよりコンバージョンするか？を測定する手法。 測定の方法は、時間差ABテストと同時ABテストの2つが代表的。 【時間差ABテスト】 時間差ABテストは、「A」「B」それぞれ同じ条件の同じ日数を決め、「A」と「B」の効果を比較するもの。 たとえば、測定日数を１週間と決め、最初の１週間で「A」を表示させ、次の１週間で「B」を表示させる。 この方法は、表示させるランディングページをただ入れ替えるだけなので、比較的安価で測定できるメリットがある
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
Webサイトのマウス操作をトラッキングする·simple mouse tracking MOONGIFT
Webサイトの運営は孤独だ。ユーザからのフィードバックを得るというのはかなり難しい。対面式でない分、時間や地理的条件に束縛されないというメリットがある反面、訪問者が何を考え、どういう動きをしているのかといった情報が分からずユーザビリティの改善は困難だ。 ユーザのマウスの動きをトラッキングする だがデジタルだけに仕組みをうまく用いればもっとユーザの動向が分かるようになるはずだ。 今回紹介するオープンソース・ソフトウェアはsimple mouse tracking、マウスの軌跡を記録、再現するソフトウェアだ。 simple mouse trackingはJavaScriptとPHPで提供されるソフトウェアで、指定されたJavaScriptタグを埋め込むことで動作する。埋め込まれたWebサイトでマウスを動かすとその軌跡が記録され、管理画面から見ることが出来るようになる。 動きを追っているところ
(smt) simple mouse tracking // home
simple mouse tracking (smt) is a tracking system to follow and record mouse trajectories in a web page, with the proposal to infere Internet human behaviours.The way to create something beautiful is often to make subtle tweaks to something that already exists, or to combine existing ideas in a slightly new way. This kind of work is hard to convey in a research paper. Paul Graham - Hackers and Pain
アイトラッキングを使ってみた（1/2）- ＠IT
Zenコンサルティングユニット 柳沼 孝行 2009/5/25 ユーザーはどのようにWebページを閲覧しているのか？＠ITのページを対象にアイトラッキングで調査してみました 「ユーザー視点」とは何か？ Webサイト構築や、デザインに当たって重要視されるのが「ユーザーの視点」です。 Webに関わる多くの方にとって、「ユーザー視点」に立ったWebサイトの改善策を求められる機会が増えているのではないでしょうか。特定Webページにたどり着いた数はPVという指標で捉えられますが、ユーザーがWebサイトをどのように閲覧し、クリックに至ったのか、目の動線からもWebの改善ポイントが導けます。この記事では、アイトラックという技術を使って、ユーザーの閲覧動向を調査していきます。 「ユーザー」は、バナー広告を見ない？ そこでまず、2006年に英etreが行った、Virgin Megastoresオンラインサイ
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
SFCのサイトリニューアルの件について
SFCのサイトが昨晩変更されたのですが，余りにひどすぎるので最初絶句してしまいました．コメントはweb2008-keio@sfc.keio.ac.jpに送って下さいとのことなので，文章をとりあえず書いてみました sfc site renewal 追記: Geekなページにもコメントがでているようです． 追記2: 大学からの回答を載せました． 政策・メディア研究科/SFC研究所 W3C の加藤文彦です． 新しい Web サイトを受けて，質問・コメントをしたいと思います．なお，このメールに対するご回答はSFCにいる学生，卒業生，教員などの間で広く共有するべきものだと考えております．そのため，頂いたご回答の内容を整理させていただいた後に公開することをご了承ください． 以下の5点が現時点で思いつく問題点です． アクセシビリティ Flash の使用 速いPCのみ対象 SEO ユーザビリティ まず，こ
【コラム】シリコンバレー101 (293) MozillaのUIデザイナーがパイ型のコンテキストメニューを提案 | ネット | マイコミジャーナル
Firefox 3を使っている方は、まずこのページのデモを試してほしい。2つのボックスがあり、上のボックス内でクリックすると1から7までの数字が並んだパイ型のメニュー、下のボックス内ではリスト型のメニューが出てくる。それぞれで"6"を選択するスピードを実感してもらうためのデモだ。 Mozillaのユーザーインタフェース(UI)デザイナーJono DiCarl氏が10月28日に、Webブラウザにおけるパイ型コンテキスト・メニューの可能性をブログで提案した。上記のデモは、その実験1である。 どちらのメニューが"6"を選択しやすかっただろうか。DiCarl氏は、UI操作の効率性を現したフィッツの法則(Fitts’ Law)を挙げて、パイ型の優位性を説いている。 フィッツの法則 T = a+b log2 (D/W + 1) T = ポインターがターゲットまで動くのにかかる時間 D = ポインターの
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
SLOBSERVER - L'actualité de Second Life
App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while
シニアはログインでつまづく？！ - Trans
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
3Sマッチング型Webの作り方 1.戦略と要件 | 実践！Webマーケティング：Blog | ミツエーリンクス
このコーナーでは、企業でWebサイトの運営に携わっている方、マーケティング部門等でWebの活用法について考えておられる方向けに、Webマーケティングの実践のための手法やノウハウ、事例をご紹介していきます。市場に出回る書籍や雑誌では論じられることない、Webマーケティングの最前線に触れていただければと思います。 2006年02月24日 3Sマッチング型Webの作り方 1.戦略と要件 マーケティングユニット 棚橋 本日、弊社では、Web2.0時代のユーザーエクスペリエンス向上を目的した、次世代型Webを構築する「3Sマッチング型Web構築サービス」をリリースさせていただきました。 サービス・リリースの背景となるWeb2.0的環境に関する考察や、ユーザーのWeb2.0的環境に対する環境適応としての3Sに関しては、すでに当Blogでは紹介しているものと重複しますし、また、弊社Webサイトのコラム（
ウノウラボ Unoh Labs: ユーザビリティって何だろう？（基本のまとめ）
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Web2.0ナビ: ウェブサイトの横幅が1000px時代に突入する
いいね！ 0 ツイート B! はてブ 179 Pocket 4 ウェブサイトの横幅は、一昔前までは650pxが最適といわれ、4・5年前からは800pxが最もユーザビリティ上最適なサイズだった。大手ポータルサイトをはじめとして、800px未満で構築されたサービスが殆どだった。 しかし、ここ最近は800pxをあまり意識していないと思われるウェブサイトが多く登場してきた。mixi、AllAboutJapan、朝日/読売などは1000pxで最適化されている。ウェブサイトの横幅が1000px時代に突入しようとしているのだ。 # 厳密には950pxだったりするが、便宜上1000pxとしている。 ウェブサイトの横幅が1000px時代に突入しようとしているのには、大きく3つの理由がある。 画面解像度の向上 1000pxを表示するためには、それ以上の画面解像度のモニタが必要だが、今は1024以上のモニタが主
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブデザインのクオリティをアップする7つのポイント | コリス
IDEA * IDEA
IDEA * IDEA
