あなたを刺激する新しい動きを発見するための7つのFLASHサイト*ホームページを作る人のネタ帳
これはあるエントリーの一部であることを先に告げておきたい。 Exploring Design: Outstanding Start Pages 海外の記事だけど、これだけは見ておいたほうが良いと思った７つのFLASHサイトへのリンクが、非常に興味深かったので抜粋して紹介しておきます。 見逃してはいけない7つのFLASHサイト すごい。 このFLASHは久しぶりに感動した。 マウスが鉛筆と化し、そのたどる道を書いているまでは良い。 そこから文字をクリックして拡大したとき、鉛筆の起動が3Dとして表現される。 特に動画の開き方などは参考になる。 それぞれのメニューがゴムで挟まれたような感触。 触ってみるとわかるけど、結構癖になる。 ドラック＆ドロップをうまく活用しているのがわかる。 本がばたばた倒れるように開いたり閉じたり。 動作のアイデアがすばらしい。 これだけの動きで十分頭に残るインパクトが
ユーザーエクスペリエンスを考える上でのおすすめの15冊：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Web標準の日々のセッションでも何冊かご紹介しましたが、あらためてここでユーザーエクスペリエンスのデザインを考える上でのおすすめの本をいくつか紹介しておきます。 さっき「ユーザーエクスペリエンスとイノベーションのデザイン」なんてエントリーも書きましたが、ユーザーエクスペリエンスだとか、デザインによるイノベーションなどを考えている方は、このあたりはいちおおさえておいたほうがよいかと。 ビジネス書まずはビジネスサイドで経験価値、ユーザーエクスペリエンスがどのように注目かを知るための3冊。 経験経済／B・J・パインII、 J・H・ギルモアコモディティ、製品、サービスに続く第四の経済価値としての経験について取り上げたビジネス書。顧客の体験を「演劇」というメタファーを用いて説明してい
狐の王国 どエスとかアドエスとかいうAdvanced/W-ZERO3[es]は誰が殺したのか?
#2 どエスとかアドエスとかいうAdvanced/W-ZERO3[es]は誰が殺したのか? 2年使った初代京ぽんの電池がもうボロボロですぐ電池が切れるようになったので、機種変更を検討していた。赤いNineにするかW-ZERO3の新機種にするか悩んだのだが、出先でノートPCを取りださずsshできると便利だろうというだけの理由でAdvanced/W-ZERO3[es]、略して「どエス」に突激することに。 そんなわけで、もうおとといになるが、発売日にどエスを手に入れて来た。 で、使ってみて思ったのだが、これは想像以上にひどい。[これはひどい]のタグを誰かステッカーにしてくれ。どエスに貼っとくから。 何がひどいって、そもそもWindowsであることがひどいといえばひどいのだが、そんなレベルじゃなくひどい。列挙してみよう。 メール書いた後の送信ボタンが、メニュー呼び出さないと無い なんでW-ZERO
赤ん坊でも使えるiPhoneとギークにも使えないW-ZERO3 - アンカテ
狐の王国: どエスとかアドエスとかいうAdvanced/W-ZERO3(es)は誰が殺したのか? Life is beautiful: 直感的なUIとhande-eye-cordinationの話 当然、どちらも私にとっては気になってしょうがないデバイスなんだけど、対照的な報告が上がってきている。 私は、Advancedでない方のW-ZERO3[es]を使っているので、狐の王国のid:KoshianXさんのいらだちはよくわかる(と言ったら「Windows mobile5のイライラ感で同6のイライラ感を語るな!」と言われそうな気もするが)。 アーリーアダプター層が使ってみてブログに何を書くかというのは、これから新商品を売る時の売上に直結する重要項目だ。これまでは、表面的な○×比較によって売上が左右されたのかもしれない。だから、普通のメーカーの商品開発はそういう○×表に最適化されているのかもし
直感的なUIとhand-eye-cordinationの話
下のビデオは一歳度児がiPhoneのフォト・アルバムの機能を使っている姿を撮影したものだが、これを見ると「直感的なUI」とは、まさに人間が赤ん坊のうちにマスターする"hand eye cordination（目からフィードバックを受けながら手先を動かして物をコントロールする能力）"に合致したものなのだということが良く分かる。 【追記】参考までに、私が特に好きなUI関連の書物二冊へのリンクを張っておく。特に「誰のためのデザイン」はUIが単なるソフトウェアやウェブ・サイトのUIデザインの問題ではないことに目を開かせてくれる良書だ。 ・誰のためのデザイン?—認知科学者のデザイン原論 ・Envision Information
NHK、過去1週間の番組をネット配信へ
ＮＨＫが08年度にも番組をネット配信へという記事より。 ＮＨＫが過去１週間に放送したテレビ番組をインターネットで配信する計画が１８日、明らかになった。 おお、ついにNHKが動きますか。継続審議となっている放送法改正案が成立すると、2008年にもNHKの番組のネット配信が始まるそうです。 過去1週間ということで、後から話題になったことを知っても、1週間以内だったら見られるということですね。最近はブログなどで後から知って「見逃した！」なんてこともあるでしょうから、これは嬉しいかも。 しかし、違法複製を懸念する出演者や、公共放送の肥大化を警戒する民放などからの反発も予想され、どれだけの番組を提供できるかは不明だ。 このあたりはNHKに頑張って欲しいところです。また有料が有力ですが、受信料を支払っていれば無料にするという案もあるそうで、できれば無料でお願いしたい‥‥。 計画では、過去７日間に放送し
製品ロゴなどに使われているおなじみのフォント集 - GIGAZINE
企業ロゴやドリンクのパッケージ・本のタイトルなどで見たことがあるような、なじみ深い字体を模したフォントが大量に集められたサイト。使用は自己責任でお願いします。 詳細は以下から。 Famous Fonts at Sharkshock 11種あるカテゴリは以下の通り。 印刷物のロゴフォント。 Famous Fonts at Sharkshock- Publications 飲み物や食べ物のロゴフォント。 Famous Fonts at Sharkshock- Food-Drinks 外食系のフォント。 Famous Fonts at Sharkshock- Restaurants 企業ロゴ。 Famous Fonts at Sharkshock- Companies 映画やテレビのフォント。 Famous Fonts at Sharkshock- Movies-TV アニメ関係。 Famous
観的なインタフェースをめざして
現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな
Geekなぺーじ：選択肢を減らすことの重要性
Google TechTalksでBarry Schwartz博士による講演が公開されていました。 「The Paradox of Choice - Why More Is Less」というタイトルでした。 最初は、UNIXコマンドのmoreがlessよりも劣っている理由の事だと思って見始めましたが、そうではありませんでした。 何でも選べてベストじゃないと満足しないというのは、アメリカ人っぽい気もしましたが、かなり面白かったです。 ユーザビリティと機能の問題は良くある問題ですが、お店で展示されている商品の種類を減らした方が売り上げが上昇する話などが新鮮でした。 以下に要約してみました。 ここでは書いていない部分も多いので、詳細はビデオをご覧下さい。 字幕も入っていますし、ゆっくりと話してくれる人なので非常に見やすいと思います。 ただ、スライド(PPT?)が見られないので、何故観客が笑ってい
MS「ハイテクテーブル」の“ゴリラ腕問題” － ＠IT
米マイクロソフトの新しいテーブル型PC「Microsoft Surface」だが、あれはクールだ。一目見たら、コーヒーテーブルとして1つほしくなるくらいだ。たとえ、LinuxではなくWindows Vistaを搭載しているにせよだ。 だが、おそらく私がこれを買うことは決してないだろう。実際のところ、私には、このテーブル型PCがコンシューマ向けの第2世代が提供されるほど十分に成功するかどうかすら疑問だ。ほら、だって、Surfaceのタッチパネルは複数のユーザーが同時に操作できるということだけれど、そういうアイデアはかなり昔からあるし、それに、結構問題のあるアイデアだから。 30年以上の歴史があるタッチスクリーン タッチスクリーンは1974年以来、存在している。当時、今日のElo Touchsystemsの前身であるElographicsと、その創業者のサム・ハースト博士が初めて真のタッチスク
Microsoft Surface - 新しいタブレット PC
Surface Pro</span>" data-bi-assetid="https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/pro-violet-landing-left-fy25?fmt=png-alpha&wid=516&hei=291&fit=crop" data-bi-bhvr="0" data-bi-hN="<span class="h3 mb-0">Surface Pro</span>" data-bi-compNm="Content card vertical 2 up - noDepth" data-bi-cN="Explore Surface Pro">
別ウィンドウを開くことの是非｜ウェブユーザビリティ向上を支援するWebsite Usability Info
（2012年1月28日追記） この記事内容をアップデートした記事を、別途公開しました。「別ウィンドウを開くことの是非 (その2)」をご参照ください。 Webサイトを制作していると、<a href="xxx" target="_blank"> などとマークアップして、リンク先ページを別ウィンドウを開くようにしたいと思うことがあるでしょう。たとえば、以下のようなケースです。 別サイトにリンクする場合 (できれば 別サイトを回遊した後、自サイトに戻ってきてもらいたい) 開いたページであれこれ操作が予想され、その間、元ページは残しておきたい場合（ブラウザの [戻る] ボタンではすぐに戻れないケースなど） お気持ちはよくわかるのですが、ユーザビリティやアクセシビリティの観点で考えると、リンクは別ウィンドウを開くべきではないと考えます。理由は、以下の通りです。 初心者ユーザーやシニアユーザーは、別ウィ
ソーシャルウェア･ユーザビリティ : 小野和俊のブログ
これまで長い期間に渡って、ソフトウェアは一人で使うためのものだった。 ここで言う「一人で使う」ということの意味は、自分以外にも家族も使うかどうかというような意味ではない。例えばテキストエディタは他の PC の前に座っている誰かとリアルタイムで共同編集するものではなかったし、ゲームはネットに接続せずに自分一人で遊ぶものだった。そういう意味でソフトウェアはこれまで長い期間に渡って一人で使うためのものだった。 だからこれまで私たちは、ユーザビリティのことを考えるとき、まず自分が一人で使うときに使いやすいかどうかを考えてきた。 例えば、昨日はてなの伊藤さんが書いていたような、コミュニティに蓄積されるコンテンツを良質なものにするために、あえて一人で使うときの利便性に目を瞑るという考え方は、ソーシャルウェア・ユーザビリティを重視したアプローチと言えるだろう。 以前、はてなブックマークと del.ici
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
POLAR BEAR BLOG: ユーザーから本音を引き出す10の方法
製品/サービス向上のために、ユーザー側からフィードバックを得る -- という作業をされた方なら誰でも、それがいかに難しいことかは身に染みてお分かりだと思います。問題の1つは、回答者が本音や本心を明かしてくれない（無意識か意図的かどうかを問わず）という点だと思いますが、これについて10個のアドバイスを掲げたエントリがありました： ■ When Observing Users Is Not Enough: 10 Guidelines for Getting More Out of Users’ Verbal Comments (UXmatters) 著者の Isabelle Peyrichoux さんは心理療法（サイコセラピー）を学んだことがあるとのことで、回答者の心理面から正しい情報を引き出すアドバイスを挙げてくれています。以下、ほんとーに抜粋＆意訳しまくりでまとめたもの： 自分の勝手な判断
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」:phpspot開発日誌
Dynamic Page Flip v2 from shift control Based on the popularity of my original adaption of Macc’s page flipping engine, I’ve gone back and made several major improvements to the dynamic page flip files: Flashで本をペラペラめくる感じのUIを実装する「Dynamic Page Flip v2」。 Webページだけど、本を見るみたいなＵＩにしたいっていう需要はなかなかあるんじゃないか、と思っていたのですが、そんなＵＩを実装するためのFlashサンプルが公開されました。 次の画像のように、マウスでページの右端をドラッグ＆ドロップでページをめくれます。 本の中身は自由に書き換えることができるの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
国内６メーカー担当者が実物を見て語った「iPhoneの衝撃と本音」 モバイル-最新ニュース:IT-PLUS
Connection Problem
ソシオメディア | UIデザインパターン
