GoodUX
Each week, we'll feature inspiring UX examples, proven frameworks, and hard-earned lessons from in-depth conversations with product, design, customer success, and marketing experts. The end goal is to help you build user onboarding and product experiences that turn more of your new users into lifelong customers.
THE NORTH FACE - ザ・ノース・フェイスブランドサイト
アウトドア、ランニングなどのあらゆるシーンに適したアイテムを展開。株式会社ゴールドウインが運営するTHE NORTH FACE公式オンラインストア。原宿をはじめ直営店情報も。
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
Docs | Sencha Documentation
Introduction The documentation for the ExtReact product diverges somewhat from the documentation of other Sencha products. The sections below describe documentation for all products except where indicated as unique to ExtReact. Terms, Icons, and Labels Many classes have shortcut names used when creating (instantiating) a class with a configuration object. The shortcut name is referred to as an ali
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
Ext JSとprototype.jsで作るリッチなUI：パターンとライブラリで作るAjaxおいしいレシピ（3）（1/4 ページ） 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ（フレームワーク）です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム（拡大表示はこちら、※注意1：FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
「使える、使いやすい、使いたい」と思えるUIとは？ - @IT
最新トレンドやキーワードをわかりやすく解説 WCR Watch ［15］ 「使える、使いやすい、使いたい」 と思えるUIとは？ アドビシステムズ 上条 晃宏 2006/8/31 ここ数年、リッチクライアント技術としてFlashやFlexを採用する例が急速に増加している。この状況の背景としては、アプリケーション開発における“使いやすさ”の実現が重要な要件の1つとして認知されつつあることが挙げられるだろう。 しかし、単にFlash／Flexを使ったからといって使い勝手の良いユーザーインターフェイスができるわけではない。例えば、使いにくかった画面を“そのまま”Flexで置き換えたとしたら、従来からの問題点も再現することになる。これでは改善は望めない。画面設計を行う側にも使いやすさを実現するためのアプローチが求められるだろう。 ここで注目されるのがエクスペリエンスデザイン（XD）だ。エクスペリエン
検索ユーザーの目線はどう動く Yahoo！とGoogleで違い
アイレップとジャパンマーケットインテリジェンスは6月11日、Yahoo！JAPANとGoogleの検索結果画面を見ている際のユーザーの目線の動きを調べた結果を発表した。Yahoo！は「関連検索ワード」や「Yahoo！カテゴリ」が注目されており、Googleはサイトのタイトルを最初から最後までよく読まれているという傾向が見えた。 測定は昨年9月から10月にかけ、目の網膜に照射した赤外線の反射を利用する専用機器を使い、無作為に選んだ76人（男女半々）を対象に実施した。 それぞれ、画面上部に検索連動広告が表示されている場合と、表示されていない場合に分けて調べた。 Yahoo！検索で広告が表示されていない場合、目線は「逆L字型」に動く。検索結果の上に表示される「関連検索ワード」や「Yahoo！カテゴリ」を見るために目線が右に動き、その後目線が左に戻り、検索結果サイトのタイトル先頭部分を下まで流して
これからのモバイルゲームはケータイを“振って”“傾けて”遊ぶ
携帯を傾けたり振ったり、時には自らの手や体を動かして遊ぶ──直感的に操作して楽しめるのがドコモの新サービス「直感ゲーム」だ。対応するのは「P904i」「SH904i」「D904i」の3機種。P904iとSH904iは携帯のインカメラを通じて端末の傾きや人の動きを検出して、その結果をゲームへと反映させる「GestureTek EyeMobile」をインタフェースとして利用し、D904iは端末の傾きを検知する「モーションコントロールセンサー（加速度センサー）」を搭載する。 4月23日の時点で68タイトルの開発が進められており、発表会場では、「塊魂モバイル」（P904iプリインストール）、「直感♪クラッシュ・バンディクー」（SH904iプリインストール）、「タマラン」（D904iプリインストール）、「ハングオン」「直感アルカノイド」「直感☆ボクシング」「直感!!コロリンパ」「なりきりアクション
【レポート】Macユーザなら1度は試してほしい! - Webブラウザ「シイラ 2.0」の魅力に迫る (1) Macの美しいUIを損なわずに、Safariよりも高い操作性を実現するWebブラウザ | パソコン | マイコミジ
皆さんは「シイラ」というオープンソースプロダクトをご存知だろうか。シイラは、木下誠氏を中心とする日本人技術者/デザイナー数名によって開発されたMac OS X用のWebブラウザである。「Macの美しいUIを損なわずに、Safariよりも高い操作性を実現する」ことを目標に開発が進められており、4月24日には約1年半ぶりのバージョンアップとなる「シイラ2.0」がリリースされた。本稿では、木下氏の話を基に新版の特徴をお伝えしよう。 まずは、以下の画面をご覧いただきたい。これは、シイラ2.0で複数のWebサイトを開き、Googleの検索画面をアクティブ表示させたときの画面だ。 シイラ2.0の画面 画面下部に並ぶ大きめのアイコン(わかりやすくするためにアイコンを最大表示させている)に注目してほしい。これは「PageDock」と呼ばれるもので、「サムネイル付きタブ」といった役割を果たす機能だ。ご覧のと
携帯で話すとクーポンが手に入る「ボイスクーポン検索サービス」
飲食店やカラオケ店などのクーポンを音声認識で検索できるサービス「ボイスクーポン検索サービス」だそうです。ガイダンスに従って「店舗名」や「場所＋カラオケ屋」といったようなフレーズを話すだけで検索でき、クーポンを配信してくれるとのこと。通話料以外はかからないそうです。 「クーポン配信サイトでいちいち検索するのが面倒」という人には便利かもしれませんね。 詳細は以下から。 アドバンスト・メディアとサイネックスが『ボイスクーポン検索サービス』を開始 ～タウン情報誌「mi-ya!」のクーポン取得が携帯電話に話すだけで可能に～ このリリースによると、現在はまだ福岡県福岡地区、埼玉県浦和・大宮地区で展開されているタウン情報誌「mi-ya!」において配信されているクーポンのみが対象となっているそうですが、このサービスを利用することで、従来は誌面に掲載されているQRコードからクーポンのサイトへアクセスする必要
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flashで本をペラペラするUI実装いろいろ:phpspot開発日誌
[DESIGN SHOWCASE]
会議支援ツールSargasso eXtreme Meeting
フォームで落書きを投稿できるようにするJavascriptライブラリ『<input type="draw" />』 | P O P * P O P
Microsoft PowerPoint - KEI-FB-SOASIST-Done.ppt
ソシオメディア | UIデザインパターン
増井俊之 (Toshiyuki Masui)
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
http://www.skyarc.co.jp/01/564.html