ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。
![ソシオメディア | UIデザインパターン](https://cdn-ak-scissors.b.st-hatena.com/image/square/49d830fc020446de280bd686d17ce59a737032af/height=288;version=1;width=512/https%3A%2F%2Fwww.sociomedia.co.jp%2Fassets%2Fimages%2Fsociomedia-logo-ogp-512.png)
NTTレゾナントは5月22日、実験サイト「gooラボ」において、Flashを活用した検索結果表示の実証実験「空とび検索」を開始した。飛行船に乗って空を飛びながらウェブ上の情報を探しているようなインターフェイスで検索結果を表示する。 この実験はユーザーの多様な検索ニーズに対応することを目的としたもので、検索機能にエンターテインメント性を加える試み。検索サービスの次世代ユーザーインターフェイスデザインを検証するコーナー「検索UIラボ」で提供されている。 対応ブラウザおよびプラグインは、InternetExplorer 5.0以降、Firefox 1.5.0以降、Safari 2.0.x以降、Adobe Flash Player 9。 このほか同コーナーでは、ウェブ検索結果を最大1000件までスクロール表示できる「スクロール検索」や、ウェブ検索や画像検索、動画検索、ブログ検索などの結果をブラウザ
何かサービスをつくったときにはなるべくユーザーの声に耳を傾けたいものです。しかしながら闇雲にユーザーの声を取り入れているとわけがわからなくなってしまいます。 そこで今回はTara Huntさんのブログから「ユーザーのフィードバックをサービスに反映させるときの12の指針」をご紹介します。Taraさんは画像認識ベンチャーのRiyaにもかかわっていらっしゃったようですね。 どういったフィードバックを反映させるべきで、どういったものは反映させるべきではないのでしょうか。サービスの開発をされている方にはかなり参考になるのでは・・・では以下よりどうぞ。 上級者ユーザーの意見は聞くべきだが、(あまり)反映すべきではない。 上級者のためにサービスを設計すると普通の人が使えなくなります。そして普通のユーザーの方が上級者ユーザーよりずっと多いことを知るべきです。 普通のユーザーは何が欲しいのか教えてくれない。
Googleが、新しい機能をテストするために「Google」ブランドではない検索サイト「SearchMash」を開発した。SearchMashのインターフェースは、ほぼ検索語の入力スペースと「popular searches(人気サイトの検索)」をクリックできるオプションだけという、ブルーと白のシンプルなものだ。キーワードを入力すると、検索結果ページの左側に検索結果へのリンク、右側に上位3つの画像の検索結果が表示される。 SearchMashでは、検索結果の順位の数字をドラッグして表示の順序を変えることもできる。また、URLをクリックするとリストが現れ、「Open in this window(リンク先を現在のウインドウに開く)」「Open in new window(新しいウインドウに開く)」「More from this site(そのサイトの他のページを見る)」「More simil
Java GUIコンポーネントといえばSwing。度重なる高速化や改善、新しい要素の追加、NetBeans IDEなど優れたGUIデザイナの提供などがあり、魅力的なコンポーネントである。プラットフォームGUIとの統合もすすみ、Javaで開発されたアプリケーションかシステムネイティブなアプリケーションか区別がつかないところまで自然に動作する。次期Java 6 SEでは新しいレイアウトマネージャが追加されるなど、一層便利になる。 しかし、それでもまだ提供されていないコンポーネントがある。たとえばWindowsで主に使われるようになったコンポーネントのいくつかは、依然としてSwingでは提供されていない。ここではこうしたコンポーネントを補うためのプロダクトとして「L2FProd.com Common Components(以降、L2FProdE)」を紹介したい。同等の機能を自作していた場合は、L
RBB PRESSから『ヤコブ・ニールセンのAlertbox -そのデザイン、間違ってます』が発売されました。この本はウェブユーザビリティの“グル”であるニールセン博士の人気ウェブコラム(日本語版)を書籍化したものです。 「オンラインで無料で提供されているものを、わざわざ書籍に?」と疑問を感じるかもしれませんが、私は紙の本になった価値はあると感じています(価格は別として)。 Alertboxの投稿数は既に300本を超えています。もし“新しい読者”がサイトの目次ページを見ても、どの記事から読めばいいか戸惑うかもしれません。それに、中にははっきり言って“つまらない”コラムや、“時代遅れ”の内容も含まれています。その点、書籍では編集者がコラムを厳選してくれています。もちろん、どのコラムに価値を見いだすかは人によって異なると思いますが、私個人の感想としては「上手く選んでいるな」と思いました。 それ
あー、スッキリした。 溜まっていたムラムラを一気に放出できたって感じです。 かならずしも直感的ではなく、操作をおぼえる必要もあるが、使いものになるから受け入れられる。そんな新しい文字入力システムを考え出せるはずだ。 1つ前のエントリー「Webディレクターに備わる危機察知のパターン認識」でもちょっと紹介したように、『考える脳 考えるコンピュータ』の著者ジェフ・ホーキンスは、PalmやTreoの生みの親として知られている人です。 Palmの「グラフィティ」上記の引用は、Palmの手書き文字認識技術「グラフィティ」の発明により、それまで性能がきわめて悪かった文字認識ソフトウェアの性能を著しく改善するにいたったホーキンスの、キーボード入力との類推過程を端的にあらわしたものです。 キーボード入力はすでにそれに慣れてしまった人にとってはほとんど苦もなく行える文字入力操作の作業ですが、それまで一度もキー
You can search NRI's research and research results from tags, free words, and content types.
ユーザビリティへの取り組みが成熟するに従い、ユーザ調査に対する姿勢を、初期の批判的なものから、大きく依存するものへと、典型的な段階を踏んで変えていく組織が多い。 Corporate Usability Maturity: Stages 1–4 by Jakob Nielsen on April 24, 2006 一般的に組織は、ユーザビリティのプロセスを発展させ、成熟させる過程で、一連の段階を踏み進むことになる。この一連の流れは、ある程度共通的なため、以下の解説と照らし合わせれば、貴方の組織が次の段階でどうなるのか、予測することができる。 第1期: ユーザビリティに対して批判的 最初の段階は、「よいユーザとは、死んだユーザだ」(訳者注:死人のように不平・不満をいわないユーザという意味)というスローガンに象徴される。開発者たちは、単純にユーザのことや、彼らのニーズに耳を貸さない。彼らの唯一の
リッチクライアントの導入を成功させるためには、用途に適した技術の選定が鍵となると同時に、UI設計が重要だ。UI設計がなぜ必要か、そして、UIがいかにユーザーの生産性に影響を与えるかは、連載「Webアプリケーションのユーザーインターフェイス」を参考にしていただきたい。 ・連載「Webアプリケーションのユーザーインターフェイス」(リッチクライアント&帳票フォーラム) もう1つ、忘れられがちなポイントがある。それはアクセシビリティだ。 アクセシビリティについては、国内では日本工業標準調査会が策定した規格「JIS-X8341」が知られている。「JIS-X8341」には、 8341=“(人に)やさしい”JIS という意味が込められている。ソフトウェアおよびサービスの情報アクセシビリティを確保・向上するために、企画・開発担当者および経営者が配慮すべき要件がまとめられた標準規格である。とくに、本規格の第
naoyaさんとmiyagawaさんが面白い議論をされていたので、僕もちょっと考えてみました。 バックエンドアプリケーションの API インタフェースを規定するフロントエンド特化型アプリケーション API, UI as Commons お二人の議論を参考に図にしてみると、こんな感じになるのかなと思いました。 こうして図にしてみると、以下のようなアイデアが出てきました。 データソースは、RSSやAtomフィードよりも知的な感じがする(ロジックが組み込まれるため) ユーザーが定義したデータソースもfeed的に扱って、データソースのランキングができると面白いかも (データソースはURIで一意に選択できるため、データソースをfeed的に扱うことは可能だと思います) 異なるドメインに配置されたデータソースにアクセスするためのGatewayをLivedoorで用意しなければならない (XMLHttpR
Wiiもソフトを一気に拡充--写真で見る「任天堂カンファレンス秋2008」 任天堂のイベント「任天堂カンファレンス2008秋」ではニンテンドーDSの普及状況やWiiの利用状況が明かされ、新ソフトが多数紹介された。その様子を写真で紹介する。 2008/10/02 22:37 [パーソナルテクノロジー] ビデオ:任天堂の宮本氏が実演、Wii Musicはこうして遊ぶ スーパーマリオの開発者としても知られる任天堂 専務取締役の宮本茂氏が、自身が手がけたWii向けの新作ゲーム「Wii Music」を実演して見せた。その様子を動画で紹介する。 2008/10/02 22:30 [パーソナルテクノロジー] Android搭載の「G1」、初期出荷台数は50万台と予測 Googleの「Android」OSを搭載する携帯電話「G1」は、発売時の2008年第4四半期中に、50万台が出荷される計画が
via del.icio.us/popular スパム行為を行うロボットスクリプトを、正規の人間ユーザとどう見分けるか、ということで、「プログラムには(まだ)わからないけれど人間なら簡単にわかる」ような問題を使う、という方法はよく使われる。いわゆる CAPTCHA (キャプチャ)である。 CAPTCHA と言うと、まず思い浮かぶのは、ぐにゃっと曲げられたり上から線をかぶせられたりした文字列を入力させられるものだろう。機械読み取りでは認識できないように文字列を崩すことで、スクリプトの攻撃をある程度防いでいる。 しかし、特に意味のあるわけでもない読みづらいテキストを、投稿のたびに入力させられるのは、利用者にとってあまり楽しい作業とは言えないだろう。サービスがスパムで汚染されるのを防ぐために、仕方なく協力しているというところだ。 であれば、CAPTCHA の入力が、それなりに人間にとって楽しかっ
では、「さまざまなデバイスをネットワークを通じて有機的に結合させ、トータルで見たときのユーザー・エクスペリエンスを向上させる」とは具体的にどんなことなのだろうか? ヒントは私達のまわりにたくさんある。「必要は発明の母」とは良く言ったもので、私たちがさまざまなデジタル機器を使う上で、ちょっとでも不便だな、と思うものをメモしておくだけで良いのだ。 ・子供を連れてディズニーランドに来た夫婦。デジカメを持った父親が子供の楽しんでいる姿を撮影する。家に帰ってから撮影した写真をパソコンに移す。夫の実家にはパソコンがあるので、メールで送れば良いのだが、妻の実家にはパソコンがないので、プリントしたものを次の週末に持って行くことにする。 ・Beatlesが大好きな音楽ファン。Beatlesの曲ならば何でも持っており、全ての曲は彼のiPodに入っている。その彼が週末に友人の車でスキー旅行に行くことになる。ドラ
CNetのブログに「ユーザー・エクスペリエンスとパーベイシブ・アプリケーションの世界」というエントリーを書きつつ考えたことがあるので、今日はそれに関するエントリー。テーマはデジタルデバイドである。 デジタルデバイドとは、さまざまなデジタルデバイスやネットワークの恩恵を受けられる人と受けられない人の間に大きなギャップが生まれることを指す(参照)。ギャップが生まれる原因には、所得、地域、年齢、教育の違いなどさまざまなものがある。「所得・地域格差」に関しては、私のようなエンジニアに何が出来るわけでもないので口を挟むつもりはないが、「年齢・教育」に関しては言いたいことが山ほどある。 この手の議論の際に「デジタルデバイドを解消するために人々の情報リタラシーを高めよう」などという発言を聞くことがあるが、私はこの「○○リタラシー」という言葉が大嫌いだ。もともと「リタラシーがない」とは「文盲である」という
WebInspector(ウェブインスペクター)は、ウェブサイトのアクセシビリティを診断するソフトウェアです。主に、高齢者や視覚に障害のある方にとって重要な問題を指摘します。 お知らせ WebInspectorにおける半角カナのチェック漏れに関するFAQを掲載しました ラ行の文字だけからなる単語、用語を半角カナで表記した場合、問題点として指摘できません。 2007年9月28日から10月10日までにWebInspector 5.1をダウンロードした方へ 先に公開しましたWebInspector 5.1ですが、外部スタイルシートを使用したhtmlファイルのチェックを行った場合、一定の条件によりcssファイルが消失するという不具合等が見つかりました。 この問題を修正したWebInspector 5.11 を公開しましたので、ぜひご利用ください。 WebInspector 5.11 ダウンロードペ
富士通株式会社では、身体に障害のある方や高齢者も含む様々な方が当社のインターネットホームページを利用し易くなるようにアクセシビリティに配慮したホームページの制作を行っております。この指針は、ホームページ制作側が配慮すべきアクセシビリティの観点を当社が策定したものです。他企業や団体などにおいても広く利用していただければ幸いです。 富士通ウェブ・アクセシビリティ指針 第2.01版 富士通ウェブ・アクセシビリティ指針は2004年6月に第2.0版として改訂し、JIS X 8341-3との親和性を図りました。しかしながら、近年、制作者におけるJIS X 8341-3の詳細部の解釈の変化等が生じてきました。 富士通として、よりJIS X 8341-3との親和性を図るために、この度富士通ウェブ・アクセシビリティ指針を第2.01版として改訂いたしました。 富士通ウェブ・アクセシビリティ指針 第2.01版
マイクロソフトの製品などについてお問い合わせしていただく際は、チャットや電話やコミュニティへの質問を選択いただけます。 お電話が難しい場合はチャット、チャットが難しい場合はお電話など、ご自身の状況にあった方法でお問い合わせいただければと思います。 メールとFAXによるお問い合わせの受付は 2020 年 8 月末日をもって終了させていただきました。 チャットでお問い合わせをしていただくことで、より迅速に回答させていただき、オンラインサポートをさせていただくことも可能になります。
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く