See what your customers experience. Get a video of a real person reviewing your website.
UserTesting Human Insight Platform | User Feedback & Insight
See what your customers experience. Get a video of a real person reviewing your website.
眼が無くても世界は視える──アフォーダンスの概念── - A Successful Failure
認知科学の基本となる考え方にアフォーダンス(affordance)と呼ばれる概念がある。既に何十年も前に確立された理論であるにも関わらず、人の直感に反するためか、今日でもアフォーダンス以前の古典的な解釈が幅を利かし、ネット上でも誤った解釈に基づく記述をよく見かけるのが現状だ。本エントリでは、佐々木正人著『アフォーダンス──新しい認知の理論』を参照して、アフォーダンスの基本的な考え方を紹介する*1。本エントリで扱う図も本書からの孫引用だが、オリジナルは脚注で示している。アフォーダンスは、なぜ世界がこのように見えるのか、をまったく新たな視点で説明する。 視覚において網膜は重要ではない 人が奥行きを知覚するために、水晶体や眼筋の緊張、両眼の視線の方向差（両眼視差）などが決定的な役割を果たしていると説明されてきた。しかし、網膜の小ささを考えると、両眼視差は対象が数十メートルも離れると無効になる。両
今だからこそ、「軽量なウェブサイト」を作ることが重要、というお話。 - Feel Like A Fallinstar
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
メガメニューはサイトナビゲーションに効果あり
大きな二次元のドロップダウンパネルは、ナビゲーションの選択肢をグループ化することでスクロールの必要性を無くし、タイポグラフィやアイコン、ツールチップを使うことで、ユーザの選択できる内容をわかりやすく提示してくれる。 Mega Menus Work Well for Site Navigation by Jakob Nielsen on March 23, 2009 もうすぐ開催予定のナビゲーションデザインセミナーに向け、我々は様々なナビゲーション機能についてのユーザスタディを実施している。いつものことだが、中にはひどい結果が出てしまった機能もあるし、これまた、いつものことだが、今、流行のようになっている機能（今回の場合はタグクラウド）にはユーザビリティ上の大きな課題が見つかった。 幸いにも、他のウェブトレンドは本質的にユーザビリティに優れており、ユーザの行動やゴールによく合っているというこ
iA - Home
Presenter Story. Visuals. Showtime. Tell your story. Share your mind. Learn More Writer Pure writing pleasure Find your focus. Get into the flow. Learn More Notebook The Notebook for Writers Watermark lines guide your pen. Learn More Room with a View: iA Writer for Windows 2.0 Last December we released the iA Writer for Windows 2.0 beta as part of the iA Winterfest giveaway. After further tweaks a
Webソフトウエアのデザイン
ほかのサイトを研究する 今回は、Webサイトのデザインをすることに対して、Webソフトウエアのデザインと開発することについて紹介します。過去約5年にわたり、ソフトウエアの提供をオンラインへ移行するという傾向が強くなってきました。これらのサービス範囲は、Eメールから、ブログや、写真の保存、管理にまで及びます。これらのWebアプリケーションと典型的なWebサイトとの主な違いの1つは、アプリケーションとユーザー間のインタラクションの種類が豊富であることです。 iKnow!（http://www.iknow.co.jp/）のWebアプリケーションは、いくつかの一般的なWebサービスと、より特有のWebアプリケーションを組み合わせて作っています。私たちはサービスをデザインする時、いくつかのほかのサイトでのサービスへの取り組み方を見て、どんな改善ができるかを考え、そこから、より私たちのアプリケーション
Alertbox: 改善すれば利益があがる〜見直すべき10のポイント（2007年3月12日）
ユーザビリティの知見をいくつか取り入れることで、売り上げを伸ばし、カスタマーロイヤリティを向上させることができる。Webサイトを更新するときに最優先で検討すべきポイントを紹介しよう。 10 High-Profit Redesign Priorities by Jakob Nielsen on March 12, 2007 ウェブサイトのデザインに共通して見られる間違いについてはよく書いてきたが、もっと稼ぐためにできることにはどんなことがあるだろう？ 特に高い投資対効果（ROI）を見込める10のポイントを紹介する。 1. ニュースレターのメール配信 ニュースレターのメール配信を使えば顧客との関係を維持できる。顧客がウェブサイトにアクセスしているときに限らず、顧客とつながっていられるのだ。多様なユーザ・ニーズに応えられるニュースレターは、ウェブサイトにとって貴重な相棒である。顧客に継続して情報
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
text-hatena.js 公開 [tech.nitoyon.com]
本家 Text::Hatena で HTML::Parser を用いている部分は実装できていません。 URL の自動リンクや HTML のエスケープなどは実装できていません。 Cookie を利用するようなサイトに text-hatena.js を利用するのはお勧めできません。 ライセンスは Text::Hatena と同等とします。 技術的なアレコレ Perl と JavaScript って意外と似てるよね、というところから出発しました。特に、Text::Hatena のソースコードはそのまま JavaScript に置き換えられるぐらいに洗練されたコードです。例えば、Hatena.pm の一部に次のようなソースがあるのですが sub parse { my $self = shift; my $text = shift or return; $self->{context} = Text
![text-hatena.js 公開 [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/95abde13f7ed41248843e654a2f2ddcde8983db4/height=288;version=1;width=512/http%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
フォームに入力を促すメッセージを出力する JavaScript
■ フォームに入力を促すメッセージを出力する JavaScript input type="text" なフォームに最初から「ここに入力して下さい」みたいなメッセージを薄い色で表示させておいて入力を促すようなのありますよね。なんか、あれを、現実逃避気味に書いたので。 function inputDefault(elm, msg) { this.elm = elm; this.msg = msg; this.color = '#999999'; this.bgColor = '#F9FFF9'; } inputDefault.prototype.set = function() { this._cleared = false; this._defColor = this.elm.style.color; this._defBGColor = this.elm.style.background
＠IT：Webアプリケーションのユーザーインターフェイス［1］-1
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス（特にGUI）デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
使いにくい業務システムが生まれる理由
「これからは，現場のユーザーのことを考えた使い勝手の高いシステムを作れないITベンダーさんには，発注しません」。ソニー生命保険は最近，取引先のITベンダーに対してこんな方針を打ち出した。 目的は，営業支援システムなど基幹業務システムの刷新を本格化するに当たって，使い勝手の高いシステムを設計開発できる体制を整えるためである。そのため今年1月までに，業務システムの使い勝手（ユーザビリティ）とは何かを定義したうえで，ユーザー・インタフェースの設計プロセスや画面一つひとつのデザイン方法などに関する社内標準を策定。それらに準拠することを，取引先のITベンダーにも求め始めたというわけだ。 ユーザー・インタフェース設計の責任者となった長尾和洋 営業企画本部営業情報支援部web支援課主事は，元営業担当者としての経験を踏まえてこう語る。「システムのちょっとした使い勝手の悪さも，それを日々使う現場のユーザーに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Marketing Blog
https://jp.techcrunch.com/2009/09/23/20090922youtube-comes-to-a-5-star-realization-its-ratings-are-useless/
https://jp.techcrunch.com/2009/08/31/20090830a-look-behind-the-curtain-at-facebooks-optimization-efforts/
fallinstar.org
https://jp.techcrunch.com/2008/01/16/breaking-mozilla-buying-humanized/
ユーザビリティ会議レポート：実績があがるサイトの秘訣を探りました | 100SHIKI PR Board
goo映画: 映画と旅行を愛する人々に向けた情報サイト。「個性的すぎる映画館」、国内外のロケ地めぐりルポ、海外映画祭と観光情報、映画をテーマにしたお店紹介など、旅行に出たくなるオリジナルコンテンツを配信中。