See what your customers experience. Get a video of a real person reviewing your website.
See what your customers experience. Get a video of a real person reviewing your website.
認知科学の基本となる考え方にアフォーダンス(affordance)と呼ばれる概念がある。既に何十年も前に確立された理論であるにも関わらず、人の直感に反するためか、今日でもアフォーダンス以前の古典的な解釈が幅を利かし、ネット上でも誤った解釈に基づく記述をよく見かけるのが現状だ。本エントリでは、佐々木正人著『アフォーダンス──新しい認知の理論』を参照して、アフォーダンスの基本的な考え方を紹介する*1。本エントリで扱う図も本書からの孫引用だが、オリジナルは脚注で示している。アフォーダンスは、なぜ世界がこのように見えるのか、をまったく新たな視点で説明する。 視覚において網膜は重要ではない 人が奥行きを知覚するために、水晶体や眼筋の緊張、両眼の視線の方向差(両眼視差)などが決定的な役割を果たしていると説明されてきた。しかし、網膜の小ささを考えると、両眼視差は対象が数十メートルも離れると無効になる。両
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1)も割合としてはむしろ減少傾向 グラ
Livedoorディレクターblogさんのエントリーを見て、「おっ」と思ったので雑感を。 http://blog.livedoor.jp/ld_directors/archives/51056195.html 上のエントリーにあるように、「来訪者がどうサイトを使っているのか?」という視点はウェブの運用には欠かせません。 が、その一方で、自らが毎日何時間も触れているメディアを客観視することは、よほどの訓練をつまない限り不可能です。 そんなときに使えるのが、「簡易」ユーザビリティテスト。 必要なものはたったの3つ 普段から(テストしたい)サイトの運用に関わっていない人 インターネットが見れるパソコン 鉛筆とメモ帳 そして、カンタンな状況を設定してサイトを使ってもらいます。 たとえば、Livedoorだと あなたは、ある日Livedoor IDを忘れてしまいました。急ぎでログインしてメールを見た
大きな二次元のドロップダウンパネルは、ナビゲーションの選択肢をグループ化することでスクロールの必要性を無くし、タイポグラフィやアイコン、ツールチップを使うことで、ユーザの選択できる内容をわかりやすく提示してくれる。 Mega Menus Work Well for Site Navigation by Jakob Nielsen on March 23, 2009 もうすぐ開催予定のナビゲーションデザインセミナーに向け、我々は様々なナビゲーション機能についてのユーザスタディを実施している。いつものことだが、中にはひどい結果が出てしまった機能もあるし、これまた、いつものことだが、今、流行のようになっている機能(今回の場合はタグクラウド)にはユーザビリティ上の大きな課題が見つかった。 幸いにも、他のウェブトレンドは本質的にユーザビリティに優れており、ユーザの行動やゴールによく合っているというこ
Presenter Story, Visuals, Showtime The Essential Presentation App Learn More Writer Pure Writing Pleasure The Focused Text Editor Learn More All-New Shortcuts: iA Writer 7.1 With 18 built-in actions and 22 ready-made shortcuts, iA Writer 7.1 saves time and helps you focus on writing by avoiding repetitive busywork. AI Videos: ******* Psychotic Remember when you saw the first DALL-E and ChatGPT-tex
ほかのサイトを研究する 今回は、Webサイトのデザインをすることに対して、Webソフトウエアのデザインと開発することについて紹介します。過去約5年にわたり、ソフトウエアの提供をオンラインへ移行するという傾向が強くなってきました。これらのサービス範囲は、Eメールから、ブログや、写真の保存、管理にまで及びます。これらのWebアプリケーションと典型的なWebサイトとの主な違いの1つは、アプリケーションとユーザー間のインタラクションの種類が豊富であることです。 iKnow!(http://www.iknow.co.jp/)のWebアプリケーションは、いくつかの一般的なWebサービスと、より特有のWebアプリケーションを組み合わせて作っています。私たちはサービスをデザインする時、いくつかのほかのサイトでのサービスへの取り組み方を見て、どんな改善ができるかを考え、そこから、より私たちのアプリケーション
ユーザビリティの知見をいくつか取り入れることで、売り上げを伸ばし、カスタマーロイヤリティを向上させることができる。Webサイトを更新するときに最優先で検討すべきポイントを紹介しよう。 10 High-Profit Redesign Priorities by Jakob Nielsen on March 12, 2007 ウェブサイトのデザインに共通して見られる間違いについてはよく書いてきたが、もっと稼ぐためにできることにはどんなことがあるだろう? 特に高い投資対効果(ROI)を見込める10のポイントを紹介する。 1. ニュースレターのメール配信 ニュースレターのメール配信を使えば顧客との関係を維持できる。顧客がウェブサイトにアクセスしているときに限らず、顧客とつながっていられるのだ。多様なユーザ・ニーズに応えられるニュースレターは、ウェブサイトにとって貴重な相棒である。顧客に継続して情報
ユーザビリティのヒント(1) 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
本家 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
■ フォームに入力を促すメッセージを出力する 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
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス(特にGUI)デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
「これからは,現場のユーザーのことを考えた使い勝手の高いシステムを作れないITベンダーさんには,発注しません」。ソニー生命保険は最近,取引先のITベンダーに対してこんな方針を打ち出した。 目的は,営業支援システムなど基幹業務システムの刷新を本格化するに当たって,使い勝手の高いシステムを設計開発できる体制を整えるためである。そのため今年1月までに,業務システムの使い勝手(ユーザビリティ)とは何かを定義したうえで,ユーザー・インタフェースの設計プロセスや画面一つひとつのデザイン方法などに関する社内標準を策定。それらに準拠することを,取引先のITベンダーにも求め始めたというわけだ。 ユーザー・インタフェース設計の責任者となった長尾和洋 営業企画本部営業情報支援部web支援課主事は,元営業担当者としての経験を踏まえてこう語る。「システムのちょっとした使い勝手の悪さも,それを日々使う現場のユーザーに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く