Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - outsider reflex
Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « Fox Splitterを作りなおした Main ジム通いを始めた » Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - Jun 30, 2011 あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox
ignore the code: Realism in UI Design
Realism in UI Design The history of the visual design of user interfaces can be described as a gradual change towards more realism. As computers have become faster, designers have added increasingly realistic details such as color, 3D effects, shadows, translucency, and even simple physics. Some of these changes have helped usability. Shadows behind windows help us see which window is active. The
使える GUI デザイン
EmptyPage.jp > Translations > 使える GUI デザイン 使える GUI デザイン: フリー／オープンソース・ソフトウェア開発者のための手引き 2004年11月28日 Benjamin Roe さんの、Usable GUI Design: A Quick Guide for F/OSS Developers の M.Shibata による日本語訳です。プロジェクト杉田玄白正式参加テキスト。 Update: この記事についてたくさんのコメントをいただいたので、FAQを作って、そのうちのいくつかについて回答することにしました（訳注: FAQ も翻訳しました！）。 イントロダクション オープンソース・ソフトウェアの世界は優れたソフトウェアでいっぱいです。ワードプロセッサから Web サービスにいたるまで、コンピュータでしたいと思うようなおおよそすべての作業において、高
Latest topics > Firefox 4のTabs on Topを受け入れられないのは頭が硬直化している証拠 - outsider reflex
Latest topics > Firefox 4のTabs on Topを受け入れられないのは頭が硬直化している証拠 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « pinTab()、unpinTab()への対応 Main 初期化処理を書く時に注意がいるようになったみたい » Firefox 4のTabs on Topを受け入れられないのは頭が硬直化している証拠 - Jun 28, 2010 タイトルは半分は釣り。 Firefox 4のUIのモックアップでそれが目標として示されて以降、「タブがツールバーの上に表示されるようになる」という変更に対しては色んな人が反対の意を示しているようだ。以下もそのひとつ。 Mozilla Firefox Thu
スマートフォン時代の携帯サイト作成術
This document discusses various web technologies supported on the iPhone including Safari, Webkit, CSS properties like borders, shadows and transforms. It also covers viewport meta tags, touch icons, file inputs, hovers, tooltips, plugins and fixed positioning. Finally, it lists common fonts and includes phone number and format detection meta tags as well as examples of Japanese mobile websites.Re
目次
目次 シンプルな インタラクションデザイン 自己紹介 仕事風景 @ Apple 各種雑誌記事 Wired Visionブログ 子供のころ... 何故今の仕事をしているか 好きなこと 頭を使わないものが好き 置くだけCDプレーヤ 直感的なデータ転送 「障害者用」レジ インタラクションデザインの目標 インタラクションデザインの目標 目標 目標 目標 単純なものは素晴らしい 単純なのが残る TreeMap HyperbolicTree ハッカーの心意気 インタラクションデザインの心意気 コロンブス指数 コロンブス指数 コロンブス指数の高いシステム Gyazo QuickML Dynamic Macro 3memo テキスト入力 四字熟語クイズ もしコロンブスが論文を書いたら Gyazo論文 まとめ End
jQuery Text Change Event を使って twitter をインクリメンタル検索するサンプルを書いた - mollifier delta blog
jQuery Text Change Eventってのを見つけた。jQuery のカスタムイベントを定義するプラグインで、テキストボックス、テキストエリアの内容が変わるたびにイベントが発生するようになる。 キー入力をイベントで処理するのってかなりめんどくさいんだけど、これで「テキストボックスに入力があるたびに何かする」みたいなことが簡単にできるようになる。 イベント一覧 具体的には以下の3つのイベントが発生するようになる。 textchange テキストの内容が変わったときに発生するイベント hastext テキストが空の状態から何か入力されたときに発生するイベント notext テキストが空でない状態から空になったときに発生するイベント 使い方はこんな感じ。 $('#inputbox').bind('textchange', function(event, previousText) {
e2wmについて考えたこと（調査や要件定義など） - 技術日記＠kiwanami
ツールを作るのも好き。昔からツールを作って満足して、そもそもの目的が達成できないタイプ。 はじめに この記事では、e2wm.elがなんでこんなUIになっているかを説明します。UIにはストーリーが重要だと思っていて、e2wm.elについて考えたことをまとめたいと思います。また、e2wm.elやこの記事をきっかけに、Emacsに限らず、今後のIDEの開発の貢献に役立てるといいなと思っています。 あんまりうまく使い分けできていませんが、名称について。 e2wm 仕組みや仕様を指すとき e2wm.el 今回の実装を指すとき あらすじ 画面が広くなって、なぜかEmacsが使いにくくなった そこで他のIDE、アプリなどのUIを調査してみた プログラマ（自分）の業務分析して要件を考えた 最初の実装のゴールを定義した 図の一覧@Cacoo (2010/07/03追記) Emacsと画面のサイズの変化 きっ
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
Webカメラを使った視線プロット - ならば
ウェブサイトのユーザビリティテストの方法にはユーザの視線を可視化するものがある。gaze plotと呼ばれる方法はユーザの視線の軌跡を記録し、注視した部分に円を描画する。円内の番号は注視した順番を表し、円の大きさは注視時間の長さを表す。この結果から、ウェブサイトのどの部分がどの順番でどのくらい注目されるのかを知ることができる。 面白そうだったからウェブカメラとオープンソースの視線追跡ソフトで簡易なgaze plot環境を作って遊んだ。対象をウェブサイトに限らずに、いろいろ試した結果一覧。 はてなトップページ（はてな） Google Chromeテーマ選択画面（https://tools.google.com/chrome/intl/ja/themes/google.html） 英文（Eye movement in music readingの冒頭を真面目に読む） 楽譜（ラフマニノフ「ピアノ
FUKUCHI Kentaro
Regular work Professor of School of Interdisciplinary Mathematical Sciences, Meiji University I'm interested in Interactive Media, Human-Computer interaction, information visualization, realtime image processing and entertainment computing. Fukuchi Lab. Web Site Courses Side work Visual Jockey, visual art work, open source software development, etc. They are derived from my research activities. CV
Retrospective: What We Learned from Ubiquity
Retrospective: What We Learned from Ubiquity Posted by jonoscript under Uncategorized [18] Comments Here are my thoughts on things we did well in Ubiquity, and things we should have done differently, and areas for further exploration that we can get into when we start working on the project again. It’s all a bit long and rambly, and the parts aren’t in any particular order, but I want to put it ou
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Iine!
ブレイス・アグエラ・ヤルカスが示す拡張現実地図
Appleが「Safari 5」公開～高速化に加え、記事だけを抜き出す機能も 
IDEA * IDEA
http://rryu.sakura.ne.jp/gui-book/index.html
Redirecting…