コミュニケーションデザイン研究会、専修大学上平研究室の主催で、来月6/10に、木村博之氏をお招きしてインフォグラフィックスのイベントを行いま す。木村氏は、今年の春にSND審査委員と中国でのワークショップに関わられましたが、その際に見たこと感じたことを含めて、その貴重な経験を一般...
コミュニケーションデザイン研究会、専修大学上平研究室の主催で、来月6/10に、木村博之氏をお招きしてインフォグラフィックスのイベントを行いま す。木村氏は、今年の春にSND審査委員と中国でのワークショップに関わられましたが、その際に見たこと感じたことを含めて、その貴重な経験を一般...
弊社のユーザ行動観察調査では、アイトラッキング（ユーザの視線分析）を利用していますが、ある程度ユーザ理解があれば、「認知的ウォークスルー」（ユーザになりきってそのサイトを検証する）という手法でも、視線の流れを意識したサイト評価・設計ができるようになります。 今回はWebページ内の表のつくり方を例に、「視線を意識したサイト設計」のヒントをご紹介しましょう。 このニュース一覧は、ぱっと見はきれいなのですが、実際にはユーザの情報収集を妨げています。その理由がわかるでしょうか？ この例の場合、ユーザはまず文頭を見て自分に必要な情報を探すのに対し、文章が中央ぞろえになっているため、視線を左右に動かす必要があり、情報収集の効率を下げています。 そこで、文頭を左寄せにすることで視線がスムーズに流れ、表が読みやすくなります。 ただし、左寄せが万能なわけではありません。次の例をご覧ください。 いかがでしょう
サイトを運営していてもっとユーザに知らせたいけれどなかなか認知が取れないサービスがあり、もどかしく思った経験はありませんか？今回は、「ユーザに強制的に情報を見せる」例についてご紹介したいと思います。 このサイトでは、ほとんどのユーザがログインするとまず最新情報ページを閲覧し、すぐにログアウトするか他の個別のサービスページに遷移してしまうため、最新情報ページでいかに新しいサービスを訴求するかが課題となっていました。 このような場合、よく使われる手法として以下のようなものがあります。 ポップアップウインドウ ウェルカムページでのFlashムービー 動画の自動再生 ライトボックス（同一画面上にレイヤーを重ね、背景を暗くすることで上レイヤーに注目させる手法） このサイトでは、ライトボックスによる情報訴求が注目度が高く有効であるという仮説を立て、ログインしたユーザが最新情報ページへ移動すると同時に自
第3回情報デザインフォーラムを企画しましたので、ご案内します。 今回は、ソニー、産業総研、アップルなどでユーザーインタフェースデザインの研究や実践をされている 増井俊之 氏に話題を提供していただき、皆さんとディスカッションをする予定です。また、あわせて参加者からのパネル発表も予定...
第29回 誤魔化す!技術 2009年1月22日 （これまでの増井俊之の「界面潮流」はこちら） 「誤魔化す」という言葉には悪いイメージがありますが、「情報隠蔽」というと多少聞こえが良くなるかもしれません。森の中に木を隠すという記事で、普通の画像やテキストの中に秘密情報を隠すステガノグラフィーという技術を紹介しましたが、これは内容を誤魔化すことにより秘密を守る技術の一例といえるでしょう。 公開情報を隠す!技術 非公開の秘密情報は、普通に暗号化したりステガノグラフィーを利用したりして隠すことができますが、いったん表に出てしまった情報を後から隠すのはなかなか大変です。情報そのものを消すことは不可能ですから、なんらかの方法によってその情報の内容を誤魔化す方法が必要になります。 正しい情報と似て非なる情報を大量に提供する狼少年メソッドを使えば、どれが正しい情報なのか判別不能にすることができます。 たと
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
Here are this week’s set of polish bugs in Firefox. This week is all about alignment. I’ll start with two: 1) Location bar icons (star, rss) not vertically centered in linux (bug 455524) 2) Re-size control between location bar and search bar is misaligned on OS X (bug 457773) Post your alignment bugs in the comments and I’ll add them into the post throughout the week. Also, if you are interested
Design Principles Based on user roles and business processes, SAP Fiori simplifies doing business. To accelerate the transformation of the world’s digital economy, SAP is applying this design language to leading technology platforms. SAP Fiori sets the standard for enterprise user experience by removing unnecessary complexity.
僕は、普段はインフォメーションアーキテクトとして情報アーキテクチャ設計やユーザー経験デザインのプロジェクトに関わったり、プロデューサーとしてプロジェクトを統括する立場に立ったりしています。このコラムでは、僕自身の経験や情報アーキテクチャ分野での議論から、主にWebプロジェクト一般に関わるような課題や考え方を紹介していきたいと思います。 まず、第１回のテーマとしては、僕が代表を務める株式会社コンセントの体制を例にしながら、「情報アーキテクチャ」という考え方がどういうものなのかを紹介します。 そもそも情報アーキテクチャとは何か情報アーキテクチャは、簡単に言ってしまえば情報のつなぎ方のデザインです（図1）。世の中には、平面上のデザイン（グラフィックデザイン）、操作画面のデザイン（GUIデザイン）、主に製品の形のデザイン（プロダクトデザイン）など、さまざまなデザインが存在しますが、情報アーキテクチ
第28回 不在問題 2008年12月 5日 ITデザイン コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら） 何かが存在することを示したり存在に気付いたりすることは簡単ですが、存在しない事物をうまく扱うことは簡単ではありません。シャーロックホームズの白銀号事件（Silver Blaze）では、事件発生時に犬が吠えなかったという事実に気付いたホームズが、それを手掛かりに事件を解決しました。何かが起こらなかったということに着目できたのはホームズならではということでしょう。これは「鳴かなかった犬の推理」（The dog that didn't bark）と呼ばれ、様々な場合に有効な思考法だそうですが、我々はホームズではありませんから、存在しないものには普段はなかなか気付きにくいものです。 利点を沢山聞かされたときは欠点に気付きにくいでしょうし、立派な理屈を並べたてら
Overnewsed but uninformed – jetzt auch in 3D! Overnewsed but uninformed – Finalist als Nachwuchsdesigner beim Designpreis der BRD! Overnewsed but uninformed – bei GO GREEN OR DIE! Overnewsed but uninformed – im design and design book of the year! Overnewsed but uninformed – in der aktuellen Ausgabe novum 01/09! Overnewsed but uninformed – erhält die Silbermedaille vom Deutschen Designer Club! Over
はじめに 前回は、統計学的観点からの情報可視化へのアプローチとして、「階層的クラスタリング」の手法を紹介し、その実装と動作確認を行いました。 今回からは、階層的クラスタリングの実行結果を視覚的に分かりやすく表現する手段として、「ツリーマップ」と呼ばれるテクニックを取り上げます。 ソースコードのダウンロード 今回作成するプログラムのソースコードは、こちらから一括してダウンロードすることができます。ZIPファイルを展開して生成されるフォルダを、プロジェクトとしてNetBeansに読み込むことも可能です。 ツリーマップの概要 ツリーマップ（treemap）とは、二次元平面上の領域を入れ子状に分割することによって、木構造のデータを可視化する手法です。 ツリーマップを利用した情報可視化の有名な例としては、世界のニュース記事をタイル状に並べて閲覧できるnewsmap（図1）があります。 図1 また
一定期間更新がないため広告を表示しています
スポーツ視覚化 北京オリンピックに関するインフォグラフィック Olympic Pictograms 象形文字のような競技ピクトグラム Google Maps Summer Games 2008 メダルの数も分かるスペシャル版 Google Maps。サイトに貼付けることも出来ます。他にもトーチリレーもありますね BBC Sport’s Olympic Map 衛星写真にオーバーレイした形で施設や競技が行われる場所が分かるようになっています。BBCの記者が Twitter をした場所まで表示されてます El mejor nadador de la historia 8冠を達成したマイケル・フェルプスの泳ぎを分析したビデオ。見ているだけでも興味がわいてきます A Map of Olympic Medals NYTimes は今回かなり気合いが入っています。そのひとつが、このメダルの獲得数を地図
現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く