ジェフ・ハンの画期的なタッチスクリーン
この場でお話できることに興奮しています。研究室で出来上がったばかりのものをこれからお目にかけます。皆さんが最初にこれを直接目にする人間となるのは素晴らしいことです。これは人がコンピュータと接する方法を今後本当に変えるものになるでしょう。 ここにあるのはリアプロジェクション方式の製図台です。幅が36 インチほどあって、マルチタッチセンサを備えています。キオスク端末や対話式ホワイトボードにある通常のタッチセンサは、1 度に1 つの点しか把握できませんが、これは同時に複数の点を捉えることができます。両手が使えます。指を同時に動かす。やりたければ10 本の指全部を使ってもいい。こんな具合に。 マルチタッチセンサというのはまったく新しいものというわけではありません。ビル・バクストンのような人たちが80 年代に研究していました。私のアプローチは、高解像度のものを低価格で作ること、そしてさらに重要なのは
HTTPエラーページに意味を持たせよう
Translation of: Adding meaning to your HTTP error pages! by Stuart Colville This article is licensed under a Creative Commons Attribution, Non Commercial - Share Alike 2.5 license はじめに ウェブ上で何かを検索しようとすると、既に存在しないページしか検索結果になく、それらへのリンクをクリックすることはよくあるだろう。その開いたページにデフォルトのエラー・メッセージの他に何も情報が載っていなかった場合、多くの人々は戻るボタンを押し次の検索結果を開こうとするだろう。 サイト製作者である我々はもっと訪問者に意味のあるエラーページを作成することができる。そうすればたとえエラーページであっても訪問者をサイトに留まらせ、彼ら
あなたのホームポジションは間違っていた
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 1998.9.17 http://www.sol.dti.ne.jp/~cdrcarco/ 索引語：エルゴノミック・ ホームポジション キーボード カスタマイズ キー交換 キー入れ替え keyboard customize home position キーボードにツッコミを入れるの巻 A straight home position gets tired. (fatigue of finger) It will not get tired, Your fingers are rounded naturally and fall on a keyboard as they are. 键盘排列 , 키보드 배열 , （ 変形-QWERTY ）配列 寒い時季の起床 疲れないキー入力をしたい 検索語は エルゴノミックス キ
YUIのJavaScriptカレンダーを日本語化＆ポップアップ対応＆祝日も表示 - Yahho Calendar [ゼロと無限の間に]
コメントと更新履歴の参照はゼロと無限の間のログ » Yahho Calendarでどうぞ。 Webのformで日付を入力する際に日付の選択をしやすくするためのポップアップカレンダー（Datepikcer）を表示するJavaScriptライブラリです。別Windowで開くのではなく、form上に表示します。（サンプルを見てもらうと分かりやすいと思います。） カレンダーはYUI 2 (Yahoo! UI Library version 2)のカレンダーを日本語を含む多国語化してポップアップ対応にしたものです。 また、これと合わせてGCalendar Holidaysを使うとカレンダー上に祝日の表示もできてます。 Yahoo!の日本版ということでヤッホーという名前にしました。（昔、Yahho!てサイトありましたね。）
○×△の起源は？
日本人としては、 ○＝よい、Yes ×＝だめ、No というのは水や空気のように自然な事実。そして △＝○と×の中間 というのも当然のことと考えがち。つまり、いい順に○→△→×ですね。 しかし、これ全くアメリカを初めとした英語圏では通用しないんですよねぇ。それ以外の国はよく知らないが、まず通じないのではないかと。どれくらい通用しないかと言って、たとえば日本人が 「★ ※ ♪ の３つをいい順に並べろ」 と聞かれても呆然とすると思うが、それくらい通じない。つまり、○＝よい、×＝だめ、も通じなければ、△がその間に位置するということも通じないのでした。 当地（やオーストラリア）では、テストの「マルをつける」時も、Vの右側が長めの「チェック」をするだけ。日本風にマルをつけると何のことかわからないか、または 「えっ、零点？」 と思われる可能性あり。 同じ流れで、電化製品のスイッチはマルと縦棒、つまり
ユーザがつい読んでしまう表現方法とは？ (ユーザビリティ実践メモ)
これまで実践メモでは、ウェブライティングの基礎など、ユーザにとって読みやすい文章表現についていくつか考察してきました。 ウェブライティングの記事一覧 今回は、訴求ポイントをFAQ形式で表現することで、ユーザに内容まで読まれやすくする方法をご紹介します。 このサービスでは、ただ子どもを預かるだけでなく、子どもの発達を考えたサービスを行っています。しかし、こうしたこだわりの説明文をコンパクトにすることは難しく、見出しでも曖昧な表現になってしまいがちです。 このページの場合、改善前はユーザは見出し以下の文章まで読まず、独自のサービスを訴求できませんでした。 そこで、特長の説明をQA形式にしたところ、ユーザは文章部分まで読むようになり、他社と違うサービス内容を理解するようになりました。 こういった、QA形式の文章がよく読まれるという行動は、弊社のユーザ行動観察調査の中で多く確認されています。 この
ウェブサイトの第一印象を決める大切な21のポイント
ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力
秀逸なユーザビリティのボタンをデザインするための5つの秘伝 - GIGAZINE
ユーザビリティを考える上でかなり重要なのがボタンのデザイン。聞いた話だと、某どこかのローンお申し込みページではボタンのサイズを極端に大きくして目立つようにして、ボタンに「OK」とか「投稿」ではなくデカデカと「今すぐ申し込む」というようにラベリングしたところ、数百パーセント増しで申込みがあったとのこと。ほんの少しのデザインの差でもバカにはできません。 というわけで、いろいろな有名サイトのアイディアが詰まって練り込まれたボタンのデザインを見てみると、どれもこれも一見すると普通に見えるようでも、実はそうではないことがわかります。それらには共通して5つのルールが適用されています。 秘伝の法則は以下から。 ■秘伝その1：色 ボタンの色はページの他のものよりも目立たせ、より明るく、そしてコントラストを効かせてページのカラーとは対照の色を使いましょう。 ■秘伝その2：場所 ユーザーがすぐに見つけることが
Chromeはなぜ速いのか － ＠IT
Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルのエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年
お前ら、SKKのすごさをもっと知るべきだと思います - good2nd
ATOKなら3倍速く打てる！ 記事を読みましたが、自分は SKK 信者であることをやめる必要を感じませんでした。SKK はフリーの日本語入力システムで、自分は Windows 上では skkime の1.0を使ってます。Mac用には AquaSKK というのがあります。 SKK は、他の日本語入力システムとはまったく違う。他の日本語入力システムについての話を見てて思うのは、あいもからわず「○○は賢い」とか「○○はバカ」とか言ってるんだなぁ、ということです。SKK は「バカ」とか「賢い」とかいう評価を下されることは、ほとんと無いと思います。考え方が全く違うのです。 連文節変換ってのがもう……ダメっ…… 主流の日本語入力ソフトでは、一定の長さの文を仮名で入力して変換キーを押すと、ソフトが文節の区切りを検出して、文節ごとに文脈にあった変換をするという流れになっています。このときの「文節の区切りか
「簡易はてブ」作りました
昨日リニューアルされた「はてなブックマーク」。 新デザインになって見映えが良くなった反面、引用文が増えたりしたことで、以前より使いにくくなったという意見も出たりしています。 もともとはてなブックマークには、カテゴリリンクやタグリンクなどのはてな内リンクがやたらと多く、レンダリング処理が重い欠点などがありました。これは、はてなユーザーのためのページデザインではなく、はてなサイト内のリンク数を飛躍的に増やすリンク構造を重視している結果かと思われます。 だったら、「もっとシンプルなバージョンがあっても良いのでは？」と思い、簡易的なはてなブックマークのエントリ一覧を作ってみました。 簡易はてブ (注目エントリー版) 簡易はてブ (人気エントリー版) デザインとは、「これ以上削るところがないシンプルな状態を目指すことであって、ごちゃごちゃと装飾していくことではない」と考える人もいるくらいで、「デザイ
インタフェースの大変動 最初の三〇年は始まりにすぎなかった。
インタフェースの大変動 最初の30年は始まりにすぎなかった InterCommunication No. 60 Spring 2007 特集「デザイン／サイエンス」 に寄稿 渡邊恵太 本稿は、近年のインターフェイス・デザインの考え方の変化について述べるものである。最初にインターフェイスの視点から現在動きの活発な企業や考え方について紹介する。そして、その企業に共通する点から認知科学的アプローチの限界を示唆する。それを背景に、これからのインターフェイスの考え方について述べる。 はじめに 今日のユーザー・インターフェイス研究の流れは、大きな変化を見せはじめている。たとえば、Macintoshとユーザー・インターフェイスは切っても切れない関係で、常に先端をリードしてきた存在である。そのApple社が先日の「Macworld Expo 2007」にて、「最初の30年は始まりにすぎなかった（The f
三次元お絵かきソフトTeddy開発者・五十嵐健夫｜【Tech総研】
学生時代からインタラクションやユーザーインターフェースの研究を推し進め、二次元の絵から簡単に三次元の絵を生成できる「三次元お絵かきソフトTeddy」の開発で世界の度肝を抜いた五十嵐健夫氏。その画期的技術は、既に製品に組み込まれ、世に送り出されている。 パソコン上で描いた絵が、あっという間に立体化され、3Dになってしまう。しかも、四方八方に自由自在に回転でき、絵はいつでも修正・加筆することができる……。「三次元お絵かきソフト（＝手書きスケッチによる三次元モデリングシステム）Teddy」を五十嵐氏が初めて発表したのは、東京大学大学院博士課程に在籍しながら、カーネギーメロン大学に短期留学していたときだった。学会関係者を中心とした数百人の聴講者は、デモが始まってすぐに総立ちとなったという。革命的な技術が、世に出た瞬間だった。 この1999年に、アメリカのコンピュータ学会主催による世界最高峰のコンピ
素晴らしいロゴをデザインするための45の法則 | CREAMU
ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう
jQueryやCSSを使ったナビゲーションメニュー300選 – creamu
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
XKeymacs
XKeymacs は Windows 上の全てのアプリケーションにおいて Emacs like な操作性を実現するためのキーボードユーティリィティです。XKeymacs を使用すれば、どの Windows アプリケーション上でも、Emacs のキーバインディングが利用できます。自分で作ったキーボードマクロに、任意のショートカットキーを割り当てることもできます。コマンドプロンプトで、bash のようにコマンドを補完することもできます。Emacs, Xemacs, Mule, Meadow という言葉にピンと来ない人にはあまり縁のないソフトです。Keymacs に C-t と C-l を実装したくて作り始めた XKeymacs ですが、現在一通りの機能は揃いました。 今後は利用者の要望による新機能の追加、及び、 bug fix を中心に完成度を高めていきたいと考えてます。 対応 OS: Win
東大の研究チーム、集束超音波で「見えない物体」の感触を実現(動画) | WIRED VISION
東大の研究チーム、集束超音波で「見えない物体」の感触を実現(動画) 2008年9月 5日 サイエンス・テクノロジー コメント： トラックバック (0) Brian X. Chen 日本人の研究者たちが、目には見えないが、触れたり、コントロールすることのできる物体を作り出す技術を開発した。 東京大学の研究者[情報理工学研究科の篠田裕之准教授や岩本貴之研究員ら]によって考案されたこのシステムは、複数の超音波を操作して焦点を作り出すことで、人間の手が「物体」を感じられるようにする。 また、手の位置を追跡するカメラを使用し、手の周囲で焦点を移動させることで、バーチャルな物体の表面をトレースできるようにする。 研究者たちによると、この技術をビデオゲームに応用することで、ゲーマーたちはコントローラーやジョイスティックなどを購入する必要がなくなるかもしれないという。それは素晴らしい！ モニターを処分し、
XULアプリケーション作成入門
XUL(XML-based User-interface Language, ズール)はXMLに基づいたGUI記述言語で、MozillaのGUIを作成するために作られました。外見はCSS(Cascading Style Sheet)によって調整し、動作はJavaScriptによって記述します。XPConnectという仕組みを使ってMozillaのコンポーネントにアクセスすることにより、ファイル操作やソケット通信なども行うことができます。つまり、ごく普通のアプリケーション（Mozillaのような）が作れるわけです。GIMPのGUIを記述するためのGTK+が独自に発展し、GNOMEにも使われているのと同様に、XULもMozilla以外のアプリケーションを作成するために使われていく可能性があります。 XULの最大の長所はクロスプラットフォームだということです。LinuxのGUIもMacintos
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Amazon.co.jp： ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践
