東証一部上場の企業サイト、機能やレイアウトで差異
ビー・オー・スタジオは東証一部上場企業の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」を表示させる。 この方法は、表示させるランディングページをただ入れ替えるだけなので、比較的安価で測定できるメリットがある
WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」
WEBのモックデザインを作る時、便利な素材集「A Collection of Useful Web Design Wireframing Resources」 WEBデザインのモックを制作する時に、クライアントにもっとアップ時の雰囲気を分かってもらう時に必要なのがブラウザ枠などをはじめとしたインターフェイスのデザインです。今日紹介する「A Collection of Useful Web Design Wireframing Resources」はそんなインターフェイスの素材をあつめたモックデザインを作る時、便利な素材集です。 Photoshop Browser Templates from joel laumans 上記は解像度別のブラウザのpsdデータ。PSDで制作を進めている方には便利な素材だと思います。その他にも様々なデータがまとめられていましたので、下記に貼付けておきます。 詳し
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
User Heat : どこが読まれているか見える！無料ヒートマップ・ツール
ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う
アイトラッキングを使ってみた（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 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
マイノリティ・レポート風味のUIをインテルCore i7で実現（動画）
日本の技術力が攻殻機動隊やガンダムを目指すように、米国の技術力はスターウォーズ、スノウクラッシュ、そしてマイノリティ・レポートを目指してるみたいですね。 これはインテルがCore i7のポリゴン処理能力を見せるために作ったデモンストレーション。2枚の半透明なグラスの間に容量結合方式タッチスクリーンを挟み込み、後ろにプロジェクターを設置。マルチタッチはできないようですが、見事マイノリティ・レポート風のユーザーインターフェースの実現に成功しました。 格好いいのはもちろんだし、実際、家を建てるときとかには便利そうですよね。なお実用化の予定はまったくないとのこと。 John Mahoney（いちる） 【関連記事】 ・ノート製造メーカーはインテルNehalemの出荷｢延期｣が希望 ・Windows 7、グラフィックスカードなどなくとも、CPUのみでDirectXに完全対応 ・インテルのバレット会長が
Expired
Expired：掲載期限切れです この記事は，ロイター・ジャパンとの契約の掲載期限（30日間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
【コラム】シリコンバレー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など機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
慶應義塾大学 湘南藤沢キャンパス（SFC）
http://www.yasuhisa.com/could/entries/001000.php
ユーザビリティ会議レポート：実績があがるサイトの秘訣を探りました | 100SHIKI PR Board