タグ

uiとUIに関するoqunoのブックマーク (7)

  • Googleが目指す最高の検索UI

    数ヶ月前にウディ・マンバーがサーチクオリティグループの存在を紹介し、この連載でも前に文書のランキングについて触れました。ウェブ文書のランキンググーグル検索の品質の要ですが、皆さんの行っている検索はそれよりもっと多くのものから成り立っています。今回は、グーグル検索の発展を支えている理念とその実例について述べようと思います。また、グーグルがいかに徹底した実験を通して確実に機能を向上させているかについても述べるつもりです。次回は、現在行っている実験のいくつかを紹介する予定です。 まずは自己紹介から始めましょう。私の名前はベン・ゴメス。1999 年からグーグルで主に検索品質を中心に検索にたずさわってきました。ロボットによるページの収集からランキングまで検索エンジンのほとんどに貢献するという幸運に恵まれ、現在は検索インターフェースと検索機能の技術責任者として働いています。 グーグルの検索ユーザーイ

    Googleが目指す最高の検索UI
  • テキストボックス内でカーソル位置を移動する方法 - Enjoy*Study

    テキストボックス内のカーソル位置を末尾に設定する方法を調べてみました。 IE 6.0、Opera 8.5 の場合 var elm = document.getElementById('text'); // テキストエリアのelement取得 elm.focus(); // Operaの為(IEでは無くても大丈夫) var range = elm.createTextRange(); range.move('character', elm.value.length); range.select();当初、elm.focus()は入れてなかったのですが、Operaではこうしないとちゃんとカーソルが移動してくれません。(この動きに悩まされました) IEだと、range.select()で、フォーカスが移動し、カーソル位置もちゃんと末尾に行くのですが、Operaだと、フォーカスは移動するが、テキス

    テキストボックス内でカーソル位置を移動する方法 - Enjoy*Study
    oquno
    oquno 2008/12/13
  • Mozilla Labの至宝が語る未来のFirefox

    Mozilla LabでユーザーエクスペリエンスのリードとしてUbiquityを初めとするさまざまなプロジェクトを担当するエイザ・ラスキン。ユーザーインタフェース研究の第一人者として知られる彼が未来のFirefoxについてjune29に語った。 こんにちは、june29です。Mozilla LabsからUbiquityがリリースされて約3カ月が過ぎました。この間、Ubiquityを活用するさまざまな試みがなされ、筆者も紹介記事を書かせていただきました。 今回、Ubiquityの生みの親であるMozilla Labsのエイザ・ラスキン(Aza Raskin)さんが来日されているということで、お話を伺ってきました。Mozilla LabsでユーザーエクスペリエンスのリードとしてUbiquityを初めとするさまざまなプロジェクトを担当する彼は、何と1984年生まれ。筆者と同世代です。そんな彼がU

    Mozilla Labの至宝が語る未来のFirefox
  • JKL.Resizable - サイズ可変エレメント

    Kawa.netxp JKL.Resizable - サイズ可変エレメント エレメントの右端・下端・右下隅をマウスでドラッグして、 縦・横のピクセル数を変更できるようにします。 Internet Explorer 6.0、 Firefox 1.0、 Opera 8.0 で動作確認をしています。 ブラウザ依存の制限として、 Opera 8.0 ではエレメントの横幅を縮小(←)することはできません。 エレメントの横幅拡大(→)や、高さ拡大(↑)縮小(↓)はできます。 Opera 8.0 以外では、横幅の縮小も問題ありません。 エレメントの上端・左端を利用したサイズ変更はできません。 右端・下端のみドラッグ→サイズ変更できます。 ダウンロード JKL.Resizable は、下記アーカイブ中の jkl-resizable.js 単独で動作します。 jkl-resizable-0.04.tar.g

  • 内容に合わせて伸縮するテキストエリア - FAX

    JavaScript追記 miya2000の日記 - 「内容に合わせて伸縮するテキストエリア」を Opera にも id:miya2000さんが、クロスブラウザに書き換えられています。GJ!こっちで!! デモビデオは以下(12秒)。 ユーザーが自分でリサイズできるテキストエリアをよく見かける(はてなも)。それを補助するGreasemonkeyスクリプトもある。 テキストエリアを横にリサイズしたいことはあまりない。バーを掴んで最適な高さにするのはめんどくさい。使う人は、ただ全部の内容が見えるぴったりの高さになってほしいだけなんだと思った。 サンプルコードは以下。fitting?、fittable?、expand?(逆に小さくもなる) キーダウンのイベントでも実装してみたけど、日本語入力を検知できないし、方向キーとか無視するコードもいるし、イベントハンドラ内では内容がまだ更新されてなかったり

  • タッチパネルの憂鬱と、その先にある可能性

    タッチパネルは不幸な運命を背負わされている。それはユーザーの期待値が大きく、いつも完璧を求められてしまうことだ。 Appleの「iPhone」を筆頭に、最近なにかと注目のタッチパネルディスプレイ搭載のスマートフォンだが、振り返れば過去にも似たようなコンセプトがなかったわけではない。例えば日では、全面にタッチパネルディスプレイを搭載した携帯電話として、パイオニアのJ-PHONE向け端末「DP-211」(1997年)があった。DP-211は後継機種DP-211SWでスカイメールに対応し、パイオニア製のカーナビに“埋め込んで”使えるなど、今思うとかなり画期的な製品である。当時、バイク便の最大手「ソクハイ」で大量採用されていたので、見かけたことがある読者もいるだろう。そのほかにも、東芝の「GENIO」や松下通信工業の「ピーターパン」など、タッチパネルを搭載した携帯電話やPHSは1990年代末期に

    タッチパネルの憂鬱と、その先にある可能性
  • Microsoft Surface - 新しいタブレット PC

    Microsoft Surface - 新しいタブレット PC
  • 1