ウェブユーザビリティについて考え始めたい人にオススメの5冊 - Liner Note
ウェブユーザビリティについて考え始めたい人にオススメの5冊 書いた人： hash 投稿日： 2008年03月01日（最終更新：5年7ヶ月と15日前） 読者の皆さんの反応 2 被ブックマーク数： 12 要約：ユーザビリティについて興味はあるけど、学ぶためにはどんな本がいいんでしょという方向けに5冊の本をお薦めします ここ3ヶ月ほど就活がらみでウェブユーザビリティに関する本を読んだので、とりあえずその中でオススメできる5冊を挙げておきます。ユーザビリティやUIの話に関しては、海外の方が情報があるのだけど、まだ読めてないので和書だけで。 周りが落ち着いたら、この辺で書いてあることをまとめて書いておこうと思います1 。 ちなみに、私も内容を完璧に理解できているわけではありませんので誤解しているところがあるかもしれません。フィードバックは歓迎しますので、間違いがあればレスポンス頂けるとうれしいです。
Mosaic、アルバム、参考リンク - FAX
photos.svgこういう雑然と並ぶインターフェースあるなぁ。Flashとか。タッチスクリーンとかのデバイスじゃないと本当に楽しくはないんじゃないかしら。でも、触って楽しい。 Rodney Smith - Portfolio写真家さんのポートフォリオ。マウスオーバーで拡大画像がピコピコでる。Lightboxとか使ってるへっぽこいサイトに比べるとかなりいい。ポイントは、マウスカーソルの反対の辺に拡大画像が出るところ。なんでかというと、これからポイントするサムネイルが見えなくなってしまわないように。でも、ポイントする場所と、出てくる画像が離れてしまっていて、実は左右の視線の移動量が多く、本当に見たい拡大画像に意識が集中できない。かたっぽでお手玉しながらラーメン食べるようなもん。そういうことに気がついた。Mosaicでは、拡大画像がマウスカーソルの邪魔にならないようにくっついていくことで、視線
【コラム】OS X ハッキング! (242) Cover Flow時代の到来に備える | パソコン | マイコミジャーナル
「iPod touch」が発表されました! 日本では発売の見込みすら立たないiPhoneにやきもきしていた身には、十二分に魅力的なデバイスであります。未確認ですが、Safariを収録していることからも、OS Xベースのシステムを搭載している可能性は大。ひょっとすると、iPhoneのように"勝手アプリ"が出てくるかも……入手次第、なんらかの形で詳細をお伝えします。 さて、今回は「Cover Flow」について。iTunesおよびiPhoneに採用のユーザインタフェースで、"ジャケット写真をパラパラめくる"表示効果はいまさら説明する必要もないはず。しかし、すでにApple TVや.MacのWebギャラリー(回転トレイ)に採用され、LeopardのFinderでもCover Flow対応が確定していることをあわせると、一過性のものではなくApple製品共通のインタフェースに変化しつつあると考え
第7回 受動的インタフェース | WIRED VISION
第7回 受動的インタフェース 2007年8月10日 IT コメント： トラックバック (0) テレビ画面でWebを楽しむ「ウェブテレビ」というものが注目されたことがありますが、全く流行せずに消えてしまいました。普及しなかった理由はいろいろあるでしょうが、そもそもパソコン上でブラウザを使うときは、前かがみな姿勢で能動的に面白い情報を捜すスタイルが普通なのに対し、テレビというものはソファーにのけぞったり床に寝転がったり、余裕の体勢で受動的に利用するのが普通ですから、両者を同じ機械で扱うというのはそもそも無理があったような気がします。 パソコン上でも何もかも能動的に操作をするのが良いわけではありません。プログラムを起動して時刻を知るよりも画面のどこかに時計を表示しておく方が楽ちんですし、最近は「Widget」を使って天気やニュースなど画面に様々な情報を常に表示させている人もいます。こういう便利系
fladdict.net blog: アフォーダンスってなんザンス？
デザイン業界で一時期大流行だった「アフォーダンス」という言葉なんですが、聴いたことはあるけど意味となるとイマイチ「？」、って人は多いんじゃないでしょうか。 そもそも混乱が起きるのは、生態心理学用語のアフォーダンスと、勝手デザイン用語のアフォーダンスと言うのは指し示すものが違うからです。さらに事態をややこしくしているのは、深沢直人氏や佐々木正人氏がデザインを語るときに使うアフォーダンスは、正統な方のアフォーダンスだったりします。おかげで意味が大混乱。 自分の復習もこめて、そんなアフォーダンスの話。 そもそもアフォーダンスというのは、生態心理学者ギブソンが提案した、「行為者とモノとの物理的な行為の関係性」を示す造語です。 例えば、僕と椅子の間に「僕が座ることができる」という関係性があるときに、両者の間に「座れる」というアフォーダンスが存在する、あるいは「椅子が座るという行為をアフォードする」と
最速インターフェース研究会 :: livedoor Readerの自動スクロール機能
3ヶ月ぐらい前に実装したんだけど、誰も言及してないので書いておきます。livedoor Readerの自動スクロール機能はここにあります。 - ダブルクリックして押しっぱなしにすると自動スクロールになります。 - ダブルクリックの速度で、自動スクロールの速度が変化します。 - 右クリックで逆スクロールします(Opera以外) こういう実験的な機能は試しに実装してみて、親しい人の反応を見てみたりするのだけど、「その場所どうやって表示するの？」と、ことごとく言われた。
antipop - livedoor Reader と GMal に見る、大量のチェックボックス処理 UI における革新的工夫について
HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 これぐらいの量だったら、選択するにせよ解除するにせよ、まぁたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよね。 世界的に優れたフィードリーダである livedoor Reader は、フィードリーダとしての使い勝手は当然として、そんなところにも実は気を配っていたりします。 たとえば、LDR のおすすめフィード登録画面「アルファブロガーズ」を見てみると(livedoor ID でログインする必要があります)、アルファブロガーさんのブログが数十個表示されるのですが、これを選択または解除するに際して、チェッ
Search
Releases, Offers & More Be the first to hear about our newest content, best promotions and upcoming events. Plus get 25% off your next purchase. Newsletter Sign Up Download Accounts Your email address is your account identifier. You can create a password, or just download from the links sent via email. My Orders (Resend order emails) How We're Different Hands-on instructions Solutions to real-worl
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
知覚-行為デザイン論: Googleはユーザインタフェースの企業でしょ？
え、ロングテールとか、新しい経済のモデルとか、そんな話もあるけど、Googleはインタフェースとインタラクションの企業でしょ？って思うわけだが。 AJAXがすごいとか騒いでるのは、ちょっと悲しい。それより、なぜGoogleは、ブラウザ互換など問題にあふれるJavaScriptを駆使して、AJAXを使うのか？そこを考えるべきだ。 当然だが、ユーザインタフェースの話は欠かせない。そして、なぜユーザインタフェースにこだわるのかも考える必要がある。 単純に、使いやすい！便利！をねらっているわけではない、のがたぶんGoogleの戦略だと思っている。 Googleとテリーウィノグラード おそらくGoogleを理解するためのキーとなるのは、テリーウィノグラードだろう。ウィノグラードは、元々人工知能の研究者で有名かつ権威でもあったが、人工知能の限界を提示し、HCI研究者へと移った。（そのことについては以下
fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
hibomaのはてなダイアリー - Yahoo! UI Librady の訳 まとめ
Yahoo! User Interface Library 概要 【概要の前半】 【概要の後半】 Yahoo! User Interface Library::Core Utilities 【Animation】 【Connection Manager】 【Dom】 【Drag and Drop 】 【 Event】 Yahoo! User Interface Library::UI Controls 【Calender】 【Slider】 【TreeView】 http://d.hatena.ne.jp/hiboma/20060221/1140489162 【Yahoo! Design Pattern Libraryの訳 まとめ】
The Yahoo! User Interface Library (YUI)
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
Java技術最前線「一目でわかるProject Looking Glass その2」第2回
図25 日付のパイメニュー 図26 日付から新規作成された惑星のパイメニュー Cosmo Scheduler Dの何が今までのアプリケーションと違うのでしょうか? それを理解するために実際にCosmo Scheduler Dを使ってみましょう。 なお，Cosmo Scheduler Dは，2005年12月4日にコミットされたVersion 0.5を，現在開発中のLG3D Release 0.8.0上で動作させました。 現バージョンのCosmo Scheduler Dは，一番はじめに起動すると，スケジュールのファイルを作るかどうかのダイアログが表示されます。ここで「No」を選択するとデモ・モードで起動します。 Cosmo Scheduler Dは宇宙空間をイメージしたスケジューラです。太陽の周りを回る惑星がスケジュールを表しています。デモ・モードでは手前に地球が表示されますが，これもスケジュ
ITmedia +D LifeStyle：グッドデザイン賞の「ベスト15」が出そろう
日本産業デザイン振興会は10月3日、「2005年度グッドデザイン賞」の受賞結果を発表した。今年度は、開始以来最多となる3010件／1303社が応募。工業デザイナーの喜多俊之氏を委員長とする審査委員会が6月から8月にかけて審査を行い、1158件が「グッドデザイン賞」を受賞した。 挨拶に立った喜多委員長は「今回は突出したものはなかったものの、全体的にレベルが高く、審査も白熱した。応募総数に対して38.5％という数字は例年よりも厳しい」と総括する。「グッドデザイン賞は、“従来にないもの”“質の高いもの”“オリジナル”でなければ選出されることはないが、そういう意味でも今年度は見るところが多かったと思う」。 9月に行われた特別賞審査では、「エコロジーデザイン賞」「ユニバーサルデザイン賞」「インタラクションデザイン賞」などの特別賞と、初の試みとなる「ベスト15」を選出した。ベスト15は、「日本から世界
Usability Testing with Morae
I’m Joel Spolsky, a software developer in New York City. More about me. Read the archives in dead-tree format! Many of these articles have been collected into four books, available at your favorite bookstore. It’s an excellent way to read the site in the bath, or throw it at your boss. Ready to level up? Stack Overflow Jobs is the job site that puts the needs of developers first. Whether you want
もうキーボードは叩かない--IBMが新種の入力手法を公開
カリフォルニア州サンノゼ--あなたが最新式のTech-A-Sketch（2つのダイヤルを使って絵を描く道具）方式を使ったスマートフォンにデータを入力するようになるのに、それほど長い時間はかからないかもしれない。IBMは、点同士を結ぶことでユーザーが文字を書けるキーボードの試験システムを発表した。 Shark（Shorthand-Aided Rapid Keyboarding）は、ペンを使った先進の速記手法だ。Sharkを使えば、ユーザーは仮想キーボード上で入力したい文字から文字をなぞることで、携帯デバイスに単語を入力できるようになる。たとえば「Word」という単語をつづるのに、スタイラスペンを使って4つの仮想キーを別々に叩くのではなく、まず最初に「w」という文字にペンを置いたら、最後の「d」まで順番に文字をなぞり続けるのだ。 「われわれがやろうとしているのは、“Human Machine
＠IT：ユーザーが選びやすいフォームのカタチを考えよう
Webアプリケーションのユーザーインターフェイス[2] ユーザーが選びやすい フォームのカタチを考えよう ソシオメディア 上野 学 2005/6/24 前回「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」は、ユーザーインターフェイスというもののとらえ方と、それをデザインするうえでは、人とシステムとの対話であるインタラクションデザインを論理的に行わなければならないという話をしました。今回は、GUIをデザインするうえで必要な前提知識と、Webアプリケーションの課題、そしてウェブアプリケーションにおけるインタラクションの要となるフォームコントロールについて考えていきたいと思います。 ■WIMPインターフェイス GUIは、別名「WIMPインターフェイス」とも呼ばれます。WIMPとは、ウィンドウ（W）、アイコン（I）、メニュー（M）、ポインター（P）のことで、GUIを構成する代
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Great Design – Table of Contents
hacknot.info