ソシオメディア | UIデザインパターンソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。
Geekなぺーじ：選択肢を減らすことの重要性
Google TechTalksでBarry Schwartz博士による講演が公開されていました。 「The Paradox of Choice - Why More Is Less」というタイトルでした。 最初は、UNIXコマンドのmoreがlessよりも劣っている理由の事だと思って見始めましたが、そうではありませんでした。 何でも選べてベストじゃないと満足しないというのは、アメリカ人っぽい気もしましたが、かなり面白かったです。 ユーザビリティと機能の問題は良くある問題ですが、お店で展示されている商品の種類を減らした方が売り上げが上昇する話などが新鮮でした。 以下に要約してみました。 ここでは書いていない部分も多いので、詳細はビデオをご覧下さい。 字幕も入っていますし、ゆっくりと話してくれる人なので非常に見やすいと思います。 ただ、スライド(PPT?)が見られないので、何故観客が笑ってい
習作UI: 縁日の金魚を再現してみた
Flashでプログラムを書く機会があったら一度は作らねばと思っていたのが、鳥や魚の群れ（flock）のシミュレーション。そこでカスタムクラスのプログラミングの練習も兼ねて作ったのがこれ。アルゴリズムそのものは、良く知られた（１）仲間と同じ方向に泳ごうとする気持ち、（２）仲間と一緒に泳ごうとする気持ち、（３）衝突を避ける気持ち、をそれぞれの魚に持たせて泳ぐ方向を少しずつ変化させる、というものである。 プログラムはそれほど時間をかけずに作ることができたのだが、苦労したのがそういった「気持ち」の部分を表現するのに必用な具体的なパラメーター（どのくらい離れた仲間まで認識しているか、どのくらいの距離までの接近を許すか、など）を見つけ出す部分。金魚すくいの水槽の中の金魚の動きをちょうど良い感じで再現するためのパラメーターを見つけるのにかなりの試行錯誤が必要であった。 しかし、これを作って思ったのは、F
アクセルとブレーキを間違えたぐらいで暴走する車が悪い - A Successful Failure
毎日新聞の報道によれば、83歳の女性の運転する乗用車が急発進し、若い女性を轢き殺した事故が発生したという。 調べでは、小林さんは知人の見舞いの後、帰宅するため駐車場からバックで車を出そうとして、ギア操作を誤ったとみられる。車は公園との境にあった木１本を押し倒し、約４０センチ下にある公園に進入。車は約５メートル離れたベンチに背を向けて座っていた新田さんをはね、さらに約５メートル先の立ち木に衝突して停車した。 新田さんは同病院でカルテ整理を担当しており、昼食のため１人でベンチに座っていた。小林さんは調べに「車が前進したのでパニックになり、ブレーキではなくアクセルを踏んでしまった」と話しているという。 http://www.mainichi-msn.co.jp/today/news/20070429k0000m040048000c.html この件に関し、運転者が83歳と高齢の女性であったことか
ソーシャルウェア･ユーザビリティ : 小野和俊のブログ
これまで長い期間に渡って、ソフトウェアは一人で使うためのものだった。 ここで言う「一人で使う」ということの意味は、自分以外にも家族も使うかどうかというような意味ではない。例えばテキストエディタは他の PC の前に座っている誰かとリアルタイムで共同編集するものではなかったし、ゲームはネットに接続せずに自分一人で遊ぶものだった。そういう意味でソフトウェアはこれまで長い期間に渡って一人で使うためのものだった。 だからこれまで私たちは、ユーザビリティのことを考えるとき、まず自分が一人で使うときに使いやすいかどうかを考えてきた。 例えば、昨日はてなの伊藤さんが書いていたような、コミュニティに蓄積されるコンテンツを良質なものにするために、あえて一人で使うときの利便性に目を瞑るという考え方は、ソーシャルウェア・ユーザビリティを重視したアプローチと言えるだろう。 以前、はてなブックマークと del.ici
ウノウラボ Unoh Labs: Webサイトのテキストを読みやすくする
こんにちは！ 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら（？）仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ
無料でアンケートを作成できる『THE FORM ASSEMBLY』が最強すぎる | i d e a * i d e a
ドットインストール代表のライフハックブログ
本物の机の上で作業するような感覚が味わえる『BumpTop』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
本物の机の上で作業するような感覚が味わえる『BumpTop』 March 11th, 2007 Posted in 未分類 Write comment どこかで紹介したような気がしないでもないが、とにかくご紹介。 デスクトップをより本物の机の上のようにしようじゃないか、と考えているのがBumpTopだ。 このサイトではファイルやプログラムの管理をより直感的に行えるようなランチャー（？）を開発中である。 同サイトにはYouTubeの映像が上がっているので是非みてもらいたい。 これを使えば関連あるファイルを積み重ねていったり、今作業中のものは目立つところに配置したりといったことができる。 あたかも本当の机で書類をあちらこちらに動かしているような感覚だ。 仕事を効率よくこなすにはある程度のテンションが必要だ。そのテンションを高めてくれるような気持ちの良いインタフェースが求められている。BumpT
Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」:phpspot開発日誌
ColumNav Documentation ColumNav is a hierarchical menu implementation utilizing Bill Scott's Yahoo UI Carousel component. iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」。 一見、アイコンのついたコンボボックス風ＵＩでiPodライクな次のようなナビゲーションを実装する方法. ファイルをクリックでファイルを表示し、フォルダをクリックでアニメーションしながら階層を移動します。 動きがなめらかでクールな印象を出すことが出来そうです。まさにiPod風。 Ajaxを使って無制限に階層を辿ることが出来たり、なかなか工夫されているようです。 ソースも次のようにクリーンになるので使いやすそう。 <ul id="basketball-list"> <li>
iPhoneの割り切りと次の一手 - 雑種路線でいこう
ユーザー体験を軸にニュースを探していた私にとって，CES期間中で一番の衝撃は皮肉なことに同時期に開催されたMac World ExpoでのiPhoneの発表だった．iPod以来Appleはデバイスからユーザーに分かりにくい機能は全て省き，連携するパソコン側に持たせる戦略を取ってきた． これはデバイスに詰め込める機能は全て詰め込むという日本の家電メーカーや世界のITベンダの姿勢と対照的である．利用者から分かりにくい機能とは，単に煩雑な操作だけでなく，意識しなければ困ったことの起る状態や一貫性の欠如を含む． 中島氏は「アップルはいったい全体、なんでiPhoneを使って直接iTune Music Storeから購入できるようにしなかったのだろうか？」と謎かけしているが，この割り切りはAppleの戦略を端的に示している． まず操作の煩雑さ．小さな画面と指を使った操作は既存コンテンツを快適にブラウズ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
http://www.missingmethod.com/projects/slider.html
なつみかん＠はてな - ユーザビリティ関連記事 まとめ
IDEA * IDEA
