第19回 検索の結果ページについてもう少し考えてみよう
前回は，検索結果ページの「ページャ」について，いろいろなサイトの事例を見ながら考察してみました。前回の最後に述べたように，今回も引き続き，検索結果ページについてもう少し考えてみようと思います。 前回に続いて結果ページを話題として取り上げたのは，前回の記事を書くに当たっていろいろ調べている中で，検索結果ページの使いやすさについての論文を見つけたからです。 それは「Paging vs. Scrolling: Looking for the Best Way to Present Search Results」という2002年の論文です。この論文では，検索結果の表示数を1ページ10件，50件，100件と変化させて，どの場合が一番速く情報を見つけられるか，ということを調べた実験結果を報告しています。 考えてみれば，一般的な検索エンジンの検索結果って，ほとんどの場合，標準の結果表示数は10件です。な
サイトレビュー - G10 Reader : 404 Blog Not Found
2007年03月24日18:30 カテゴリSite Review サイトレビュー - G10 Reader 本blogもおすすめフィードに入っているということで、早速試してみた。 G10 Reader じーてんリーダー | 最新情報を収集するフィードリーダー（RSSリーダー） 概要はすでにPOP*POPなどで報じられているので詳しくは述べない。一目見た限りでは、Livedoor Readerに似ていなくもない。というより今やLivedoor ReaderがWebサイト型のRSS Readerの日本における業界標準になっているので、当然といえば当然ともいえる。 とはいうもの、そのコンセプトは実は180度違っているようにも思われる。Livedoor Readerの至上命題が多数のフィードを片っ端から片付けるということにあるのに対し、G10 ReaderはRSSフィードを、元記事のURIに飛ばず
いま見ておくべきマッシュアップの最先端事例 ― ＠IT
2007/03/22 マッシュアップといえば「Googleの地図が横に表示されるWebページのこと」を指すと思っている人はいないだろうか。マッシュアップという言葉は一時期ほど注目を集めなくなっているのかもしれないが、それはおそらく過小評価だ。3月21日に受賞式が行われたマッシュアップコンテストの受賞作を見ていると、マッシュアップという言葉が単なるバズワードなどではないことを改めて認識させられる。 リクルート、サン・マイクロシステムズをはじめ19の企業・団体が提供するサービスを使った開発コンテスト、「Mash up Award 2nd」は、その名称の通り、今回で2度目。応募作品数は前回の56作品に比べて108作品と倍増しており、裾野の広がりを感じさせる。応募作品は多様化しており、地図を使ったサービスの割合が下がり、独自のアイデアや斬新なインターフェイスを使ったものが増えている。 主催者の発表
iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」:phpspot開発日誌
ColumNav Documentation ColumNav is a hierarchical menu implementation utilizing Bill Scott's Yahoo UI Carousel component. iPod風の階層的なナビゲーションを実装する面白ＵＩサンプル「ColumNav」。 一見、アイコンのついたコンボボックス風ＵＩでiPodライクな次のようなナビゲーションを実装する方法. ファイルをクリックでファイルを表示し、フォルダをクリックでアニメーションしながら階層を移動します。 動きがなめらかでクールな印象を出すことが出来そうです。まさにiPod風。 Ajaxを使って無制限に階層を辿ることが出来たり、なかなか工夫されているようです。 ソースも次のようにクリーンになるので使いやすそう。 <ul id="basketball-list"> <li>
Ajaxを駆使した超リッチUIで4コマ漫画が作れるサービス「Comeeko」:phpspot開発日誌
Comeeko - Creating comic strips from your photos Ajaxを駆使した超リッチUIで4コマ漫画が作れるサービス「Comeeko」 アカウントを作成する必要がありますが、これは1開発者として1回使ってみたいＵＩなので是非使ってみましょう。 尚、ＥメールアドレスのＶａｌｉｄａｔｅは必要ないようで、登録後、すぐつかえます。 「Create」タブを押して作成を開始。 1) 漫画のコマ数を決める 4コマ、と書きましたが、２〜９コマ漫画まで作成できます。 好きなレイアウトを選択したら、ページ下部の「Step 2 Adjust Layout」に移ります。 ここでは3コマにしてみました。 2) 漫画の枠線のボーダーの色、幅などを決める Ajaxによってリアルタイム反映なので、ＵＩ的に非常に便利なものとなっています。 3) 元画像のアップロード or Flick
Shibuya.js パネルDISカッション brazil x mala with 江渡浩一郎 - koyachiの日記
昨年行われたlivedoorテクノロジーセミナーでmalaさんが発表した「Techonology for UI」について、id:brazilさんが感じたこと・疑問にmalaさんが答える、という感じ進められました。 インターフェースにおける速さ エレベータ待ち時間を短くするための対策として鏡の設置。実時間ではなく体感、心理的時間を短くした。こういう観点から、どう？(brazil) 大半のWebアプリケーションがデスクトップアプリケーションより遅いのは事実だが、デスクトップアプリケーションがローカルにデータを持っているから必ず早いというわけではない。設計次第でWebアプリケーションはデスクトップアプリケーションより高速動作可能だ。ldrはそれを実現している。 速読の限界は1秒間に1600文字と言われている。それを再現するデモ実演。1秒毎に1600文字が表示される。 道具を変えることでできること
第12回 Ajaxを利用したサイトで違和感を覚えることがある
「Ajax」という言葉は，2005年2月に情報アーキテクトであるJesse James Garrett氏が「Ajax: A New Approach to Web Applications」という記事の中で初めて使ったと言われています。それから2年近くが経って，すっかりこの言葉やそれが表すテクニックも一般的になった気がします。 今や，単にページの一部の書き換えや，ちょっとしたデータの送信にAjaxのテクニックを利用しているページは珍しくありません。サーバーとのデータのやり取りの多くに，JavaScriptを利用した非同期通信を行って，メールやカレンダー，ワープロなどのオフィス・ツールなど，まるでスタンドアロン・アプリケーションのような見た目を実現しているサイトも少なくありません。 筆者が，JavaScriptを使ってページの遷移をほとんど行わないインタフェースを初めて「意識的に」体験したの
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
第9回 どうすればユーザー登録してもらえるか：ITpro
この連載では，エンジニアの視点から使いやすさを考えています。今回はユーザー登録画面などに代表される，フォームを使った入力画面について考えてみたいと思います。 なぜこのテーマを選んだかというと，フォームを介して利用者からデータを受け取って処理をして返すという一連の処理が，ウェブサイトのバックエンドの処理やデータ形式などによって変化しやすく，プログラマやエンジニアの作業がもっとも使いやすさと関係しやすい分野ではないかなあ，と思っているからです。こうした部分はエンジニアが使いやすさに寄与しやすい部分であり，もっと言えば，使いやすさを向上させるに当たって，エンジニアにしかできない事柄がたくさんある部分だってことになると思います。 今回は「ユーザー登録ページ」を例に，フォームにおける使い勝手を考えていきたいと思っています。その理由としてまずは，筆者が勤務する株式会社はてなにもユーザー登録画面があり，
Leightbox
I've changed ParticleTree's lightbox functionality to allow the use of inline div's instead of AJAX calls. Very often I find that I want the data in the lightbox to be indexable by search engines and visible to people with screenreaders etc. This adaptation makes that possible. Mind you, i've completely removed the AJAX calls. Leightbox 1 Leightbox 2 Leightbox 3 Download Source · Simon de Haan · E
[ThinkIT] 第1回：Ajaxとは (1/3)
まずは、Ajaxが生まれた背景をおさえる必要がある。そのためにはAjaxとは切り離せないインタラクション・デザインに触れておかなければならない。 読者の皆様の中にも、Apple社の「iPod」で音楽を楽しんでいる方は多いと思う。 iPodのディスプレイの下のスクロールホイールを指で回すと、すぐに反応して画面上のカーソルが上下に動く。スクロールホイールを速く回すほど、カーソルの移動は速くなる。中央のボタンを押せば曲を選択できる。 実は、これはとても優れたインタラクション・デザインだ（少なくとも筆者はそう考えている）。 つまり、インタラクション・デザインとは、「人と操作対象との対話がスムーズに進むようにインタラクション（相互作用）をデザインする」ことだ。ユーザにとっては、インタラクション・デザイン自身が商品とも考えられる。
Joel on Software -
プログラマのためのユーザインタフェースデザイン 第 1 章 第 2 章 第 3 章 第 4 章 第 5 章 第 6 章 第 7 章 第 8 章 第 9 章 ストラテジーレターV 2002年6月12日 ミクロ経済学の補完財の原理について考えていて、私はオープンソースソフトウェアに関する興味深いあることに気がついた。それが何かというと、オープンソースソフトウェア開発に多額の資金を使っている企業の多くは、それが彼らにとって良いビジネス戦略だからそうしているのであって、突然資本主義を信じるのをやめて、「言論の自由と言うときの自由」に浮かれるようになったわけではないということだ。ストラテジーレターⅤ 5つの世界 2002年5月6日 5つの世界：すべてのソフトウェア開発が同じではない。 追記：インターナルシステム、コンサルウェア、パッケージソフトの間には大きなグレーゾーンがあり、この3つの世界はしばし
分裂勘違い君劇場 - エンジニアがUIデザインしたがる本当の理由
ハイライトピックアップ Web2.0を引き起こしているのと同じ時代の潮流が、エンジニアの地位の低下を引き起し、エンジニアがUIデザインをしたがる動機を創り出している。 Googleは、「エンジニアの会社」という皮をかぶった「企画・マーケティング・デザイン」の会社である。 エンジニアよりデザイン能力の低いダメデザイナーがうじゃうじゃでてくる構造。 優秀な人ならデザインスキルがなくてもいいデザインができるのは幻想。現実には、デザインスキルの差は容易には超えられない壁。 デザイナーに必要な技術的知識とエンジニアの技術的知識は別物なので、エンジニアの技術力はデザインをする上でそれほど強みにならない。したがって、技術力とデザイン力を兼ね備えた優秀なデザイナーはエンジニアとデザイナーのハイブリッドではない。 一人の人間がUIのデザインと実装を両方やると二兎を追うものになってUIの質が低下する。二兎を追
課題研究『モノの使いやすさとデザインの心理』
『モノの使いやすさとデザインの心理』 東京都立晴海総合高等学校 第２期生（97年度生） 渡辺恵太 ■この課題研究について １． 序文 はじめに 研究領域 ２．インターフェイス インターフェイスとは インターフェイスの重要性と目的
hibomaのはてなダイアリー - Yahoo! UI Librady の訳 まとめ
Yahoo! User Interface Library 概要 【概要の前半】 【概要の後半】 Yahoo! User Interface Library::Core Utilities 【Animation】 【Connection Manager】 【Dom】 【Drag and Drop 】 【 Event】 Yahoo! User Interface Library::UI Controls 【Calender】 【Slider】 【TreeView】 http://d.hatena.ne.jp/hiboma/20060221/1140489162 【Yahoo! Design Pattern Libraryの訳 まとめ】
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/extjs.html
COULD：Webデザインに関する 15 の調査結果
Technologies for UI
JavaScriptを利用してフォームの二重送信を防止する：CodeZine
ユーザビリティ会議レポート：実績があがるサイトの秘訣を探りました | 100SHIKI PR Board