デザイニング・ウェブナビゲーション
TOPICS Web , Design 発行年月日 2009年05月 PRINT LENGTH 388 ISBN 978-4-87311-410-1 原書 Designing Web Navigation FORMAT PDF ウェブサイトが提供する情報やサービスを、ユーザーが適切に探し出し、利用できるようにすることは、ウェブサイトを構築する上で非常に重要な目標です。本書は、使いやすいウェブサイトの構築において、根幹をなすテーマであるナビゲーションのデザインについて、理論から実践まで、豊富な実例と共に解説した書籍です。 本書は、3部構成となっており、まず第1部ではウェブナビゲーションの概要と、ナビゲーションをデザインする上で考慮すべきポイントを学びます。続いて第2部では、評価、分析、アーキテクチャ、レイアウトなど、最適なナビゲーションを構築するためのフレームワークを解説します。さらに、第3
Webサービス
▶増井俊之 研究テーマ ▶ブログ/書評 ▶雑誌記事 ▶論文 ▶著書/訳書 ▶講演/講義 ▼Webサービス Gyazo ▶QuickML ▶本棚.org 3Memo IQAuth Lexierra GyaTV 索引ナビ ▶システム ▶雑情報 ▶アイデア ▶インタビュー ▶趣味/パズル ▶旅行/写真 ▶意見/感想 ▶連絡先 ▶検索 増井のWebサービス Gyazo: 画像の楽々アップロード QuickML: 超お手軽メーリングリスト 本棚.org 地図帳.org 単語帳.org 3memo: インターネットショートカット IQAuth: 画像なぞなぞ認証 FeedTV: テレビのようにWebを眺める Lexierra: ブラウザ入力 索引ナビゲータ
現在の楽器インターフェースは最適解か？――岩井俊雄氏、TENORI-ONを披露
鍵盤や弦、リードやマウスピースなど、旧来の楽器は入力が発音の仕組みと密接に関わってきた。しかしこうした旧来のインターフェースは、現代の電子楽器にふさわしいものなのだろうか？ メディアアーティストの岩井俊雄氏がヤマハと共同で制作した「TENORI-ON」は、この問題に大きく迫ったデバイスだ。 12月2日、明治大学駿河台校舎にあるアカデミーホールで、「シンポジウム“TENORI-ON＋初音ミク＋BiND＋元気ロケッツ×武田双雲”」というイベントが開催された。これは明治大学の大学院理工学研究科に新領域創造専攻が新たに設けられることに伴うもの。この第1部で行われたのが、岩井俊雄氏による電子楽器TENORI-ONのライブパフォーマンスだった。 TENORI-ONは、LED付きスイッチが16×16のグリッドに集合したような形状をしていて、このスイッチを押すことで音が出る。複数のスイッチを押すと次第に複
「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会
昨日のSIGHCIのメモです。 最速インターフェースの研究と実践： ライブドア mala氏 まず、自己紹介を兼ねて概論 ブログ「最速インターフェース研究会」 WebのUIの進歩の停滞に対する批判を込めて名付けた 自分の肩書きは「インターフェースエンジニア」 よいUIを作るために「実体験に基づいたチューニングをしている」 自分で使ってみる ユーザの反応を見る 欲望に忠実に作る 作業としては、perl, html, jsの記述 「実のところ、プログラミングに詳しいと言える自信はないし、デザインのことも深くはわからないが、一人で一通りこなせる（完成品を作れる）という点は自分の強み。 よいUIを作るための作業は横断的。割り当てられた仕事をするだけの人ではダメ。」 作品紹介 2ch最速検索 キーボード操作だけでスレッド検索 まだAjaxは使っていない 「めくり型」UIの実験 スクロールしながら読むよ
初めて来た人がすぐに使えるはてなにしたい : 2007-11-06 - jkondoの日記
毎日毎日はてなのサービスを使っていると、どこの部分が使いにくいのかがだんだん分かりにくくなります。たとえば「適当にブログを探していてたまたまふらっとはてなに立ち寄った人」の気持ちになって、そこからはてなダイアリーを使ってみようと思うまでを想像するのは実はかなり困難です。 しかし毎日新たに登録して利用を開始する人の多くはそうした初心者であり、こうした方に迷わずにはてなを使い始めて欲しいと思います。そのために誰でも使いやすいインターフェースにしなくてはいけないと考え、昨年末からユーザービリティテストを開始しました。ユーザビリティテストとは、一般の方にパソコンを操作してはてなを使ってもらい、その様子を見せてもらうテストです。 一般の方と言っても、すぐに適当な人を見つけてくるのは大変なので、まずは社員旅行の時に社員の家族の皆さんに順番にいろいろな操作を行ってもらうところから始めました。それからは、
キーをタップしリピート間隔を変更する、タップ&ゴー - FAX
JavaScriptタップした時間間隔でキーをリピートするのを作ってみた、keyTapper。デモビデオ(22秒)、右に四角が増えていくのはリピート、行が増えるのはタップ、数字はリピート間隔。 わかりづらいけど、実際にデモ(Firefox用)をやってみるとわかる。[J]キーを何度かタップして...、押しっぱなしする。トントントン、ツーーーーーーーパッって感じ。 keyTapper Demo 僕が問題に思っていたのは、キーリピート速度が速すぎることと、キー押下回数が多すぎること。例えば、LDRで、[J]を押しっぱなしにすると速すぎて読めない、でも一日2000エントリで2000回キーを押すのもつらい。[J]を押していって、その速度のまま進んで欲しいと思ったところで、押しっぱなしにするような使い方で考えてる。YHCとかStroboは、見るモード/受動の時間が長いから、リピートがトグルでも良かった
iUIを使ってみる
<div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> <ul id="home" title="ページ一覧" selected="true"> <li><a href="#page1">ページ1</a></li> <li><a href="#page2">ページ2</a></li> <li><a href="#page3">ページ3</a></li> </ul> <ul id="page1" title="ページ1"> <li class="group">あ</li> <li><a href="#page1-1">あいうえお</a></li> <li><a href="#page1-2">あああああ</a></li> <li class="g
エンジニアがダメなUIデザインをする原因
ことビジュアルデザインに関しての経験論としては、 ・エンジニアは画面のオブジェクトや文字の単位で画面を見る。 ・デザイナーはピクセル単位で画面を見る。 そもそも見ている解像度が違う。 エンジニアは機能を見る。デザイナーは間隔を見る・・・って言ったら言い過ぎ？ そもそもインフォメーションデザイン、インタラクションデザイン、ビジュアルデザイン、システムデザインは、すべて別個の職能だと思います。このうち、どの範囲の能力を保有してるかで、戦士にも魔法使いにもなれるんじゃないでしょうか。まぁ全部を十分に持ってる人は滅多に見ませんけどね。そういう人は、yugoさんのような世界的なアーティストとして活躍してることでしょう。 Ajaxを作る場合は、いわゆる「エンジニア」と呼ばれる人が、システムデザインはもちろん、インフォメーションデザインとインタラクションデザインのかなりの部分を担当することにならざるを得
Photo Morpher - TwinHelix
Photo Morpher v1.0 beta This is an XHTML based photo gallery viewer that morphs/fades between images. All photos and captions are stored in a standard <ul> list in the document, for excellent compatibility with old browsers. The script dynamically rotates through them with customisable controls including autoplay functionality. Script License Agreement You may use this script only if you agree tha
Upgraded jQuery Spy › Left Logic
Following many requests, I have upgraded the jQuery spy code to support multiple items returned from the AJAX response and custom timestamp functions - so that requests can be completely tailored. Download the latest jQuery spy Examples Import the plug-in, and call the code on the spy container div (assuming you've imported jQuery already). <script type="text/javascript" src="spy.js"></script> <sc
スライドショーのようにテキストを読むGreasemonkeyスクリプト、YHC - FAX
JavaScript YHC – Userscripts.org 長文をスライドショー形式で読むテキストリーダーです。デモビデオ(1分半)は以下。kotorikoさんの『捨松定吉』を、ランダムフィルタをかけて読んでいます。 機能説明ウィンドウ右下のGreasemonkeyメニューから[YHC]を選びスタートさせます。先に文章の一部を選択している場合はその部分を、そうでない場合は対象となる部分をマウスで指定します。 操作は主にキーで行います。 キー機能Esc終了↓ or S再生開始/停止→ or J or Space次のスライド 再生中はスピードアップ← or K前のスライド 再生中はスピードダウンGジャンプHome先頭のスライドEnd最後のスライド ↓キーで再生を開始して、→キーで再生速度を少し速くして、速すぎたら←で遅くして。気になるところに戻りたい場合は、↓で止めて、←→で移動して手動
「HTCのタッチ式新UIはiPhoneより使いやすい」、HTC － ＠IT
「モバイル端末におけるタッチ入力UIは、マウスが登場したときのような分水嶺になる。今から5～10年後に振り返ると2007年は転換点だったということになるだろう」。前日にNTTドコモから発表された新携帯電話端末「HT1100」を開発した台湾HTCは8月31日、都内で会見を開き、チーフ・マーケティング・オフィサーのジョン・ワン（王景弘）氏は、同社が開発した“HTC Touch”について、そう語った。「しかし、タッチ入力UIは、まだ登場したばかり。これからより多くのイノベーションが起こるだろう。われわれは2年前から開発に取り組み、この分野でリーダシップを取っている」（ワン氏）。 iPhoneより使いやすいHTC Touch ワン氏が指摘するとおり、ディスプレイに直接触れて操作するUIは、今後ますます一般化するだろう。ワン氏は言う。「携帯電話は、これまで25年間で形やサイズやモノクロからカラー表示
SIGHCI: 第126回ヒューマンコンピュータインタラクション研究会
招待講演 「最速インターフェースの研究と実践」 mala氏（ライブドア） 略歴 1982年生まれ．株式会社ライブドア開発部所属 2004年12月よりブログ「最速インターフェース研究会」を書き始める． 2006年2月 ライブドア事件直後のライブドアに入社．好評を博す． 2006年4月 livedoor Readerをリリース． 2007年7月 livedoor Readerの海外版となるFastladderをリリース． 招待講演 「他者の力：意思決定における社会的要因」 渡邊克巳（東京大学 先端科学技術研究センター） 略歴 1995年 東京大学文学部心理学科卒業 1997年 東京大学大学院総合文化研究科卒業（学術修士） 2001年 カリフォルニア工科大学（Ph.D） 2001年 日本学術振興会特別研究員（PD）-順天堂大学医学部 2002年 National Eye
fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
未経験者がユーザーテストを行う際の10のポイント - livedoor ディレクター Blog
こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会
ぼくはまちちゃん！(Hatena) - UIについて思うこと
ぼくはライブドアリーダーを使っていない。 なぜならそれがブラウザ上で動くものだから。 ブラウザの画面を占有するから。 ぼくがwindowsのパソコン…というか、 マルチウィンドウのパソコンを使っていて、いちばん気にするところは 「視線の移動だけで変化(新着)の概要が得られるか」 だよ。 新着メールもそうだし、 RSSリーダーもそうだね。 昔、ぼくが作った「弱酸性ミクシィ」っていう拙いソフトもそう。(これは今は動かないけど) でもバルーンとか流れるティッカーはだめ。超だめ。 あれっと思った時には、もう情報が視界から消えているし、なにより目障りだから。 ところでtwitterはいいね！ なぜならあれは、IM (小さな画面) で勝手に情報を流してくれるから素敵だよね。 うん。 たぶん、みんなチャットに飢えているんじゃないかな。 だからtwitterも、ぼくの見える範囲ではチャット化しているよ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jazz Mutant
Home
Snooth - News, Technology, Business, Science & Entertainment
Musicovery : interactive webRadio
