目次
- インタフェース設計論 - Web
- Twitter
- 情報ショートカット
- 本日の話題
- Webサービスの良いところ
- Webサービスの良いところ
- WebサービスとUbicomp
- なめらかなインタフェースとは
- 直接操作インタフェース
- Ben Shneiderman
- Shneiderman氏のUI教科書
- 直接操作の例
- 動的検索
- インクリメンタル検索
- 直接操作でないもの
- 実世界のインタフェース
- (昔の)ブラウザ上のインタフェースの弱点
- ページ移動の何が駄目か
- ブラウザの基本動作
- 問題になるところ
- Webのインタフェース
- リッチインターネットアプリケーション (RIA)
- RIAの要件
- Web上でなめらかなインタフェースを実現する方法
- 似たページを利用して遷移する
- 似たページを利用して遷移する
- ページ内容の一部を動的に書き換える
- ページの内容を書き換える例
- Ajax
- 非同期通信とは
- 同期通信
- インタフェースと並列性
- Ajaxの原理
- 簡単なAjaxの例
- 非同期的にサーバに画像位置を通知
- 複雑なAjaxの例
- Ajaxの問題点
- Flashによるなめらかなインタフェース
- Demo: Flash版LensBar
- Demo: Canvas版LensBar
- サーバからの非同期データ受信
- 例: チャットシステム
- Comet
- サーバの実装
- AJAXとComet
- WebSocket
- Webナビゲーション
- 一般的なWebナビゲーション
- それ以外の可能性
- 受動的なナビゲーション
- テレビとネットの違い
- ネットはテレビ風になる
- ネット
- テレビ
- 計算機ユーザの能動度
- ページの再訪率
- 回転寿司
- 自動的に情報提示されるナビゲーション
- 眺めるインタフェース
- Memorium
- デモ: Memorium
- Feed-TV
- デモ: Feed-TV
- Wikipediaスクリーンセーバ
- 連想的ナビゲーション
- 近傍検索システム
- 近傍関係の例
- これは誰?
- デモ: 近傍検索システム
- 写真管理システム
- デモ: 写真管理システム
- 索引ナビゲータ
- デモ: 索引ナビゲータ
- キーワードナビゲーション
- Gyazz
- デモ: Gyazz
- 情報整理ナビゲーション
- ブックマークの活用
- ソーシャルブックマーク
- 3memo: 公開ブックマーク
- デモ: 3memo
- End