ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
デザインは、デザイナーに任せるには重要すぎる - Feel Like A Fallinstar
なんて言葉があります。しばらく前のエントリーでも書いた、IDEOのティム・ブラウンによる言葉。 「デザイン思考」とか「UX」なんて単語に集約すると、出来損ないのユーザエクスペリエンス（自称）専門家みたいで嫌ですが、少し解釈を広げつつ、デザインをすることについて、つらつら書いてみようかなと。 失敗が成功の早道 では、なぜデザインをデザイナーに任せないのか？ それは全てのデザイナーが、とは言いませんが、所謂「デザイナー」「クリエイター」が消費者と比較的切り離されたところでデザインを行ってしまっていることが原因なんだと思います。 卑近な例で言うとバナー広告とか。 クリエイターが経験則であれこれ悩む暇があったら、世に放り込んでみれば、数字でも言葉でもちゃんとフィードバック（欠点/改善点）が跳ね返ってくる。 これが、人間中心のアプローチ。 ちゃんと良い失敗を早期に行うことで、最後の成果がぐんとアップ
あなたのWebを入力しやすくするjQueryプラグイン10選
あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。
nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記
はじめに 【仕事における８０：２０の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode｜世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか？また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう？十分パワーアップしています。 そこに、多くの問題が発生したでしょうか？していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に８０％にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア
Android携帯向け“手描き検索”機能、Google Labsが公開
音声検索が使えないような騒がしい場所では、「Gesture Search」での指入力検索の方が早いかもしれない。 米Googleは3月3日、Android 2.0以上搭載の携帯端末向けに、手描き検索機能「Gesture Search」をGoogle Labsで公開した。米国のユーザーはAndroid Marketからダウンロードできる。 Gesture Searchで検索できるのは、端末内に保存されている連絡先、アプリ、ブックマーク、楽曲などのデータ。Gesture Searchを起動して画面に指でアルファベットを描くと、インクリメンタルに候補が表示される。 例えば入力された文字が「A」か「H」か判断できなかった場合、両方の候補が表示される。描いた文字を全部消すには左から右に指をスライドする。1文字消すには逆方向にスライドする。
Snow Leopardを通して考える「これからのOS」（後編）
Snow Leopardでは1000のプロジェクトの90％、単純計算でも900近い改善が行われているため、それらをここで1つ1つ列挙していくのは到底不可能だ。そこで後編では、Leopardユーザーならすぐに分かる、そしてMacが初めての人でも楽しめるSnow Leopardの特徴を3つに絞って取り上げてみた（→前編）。 最大512×512ドットの高精細アイコン Mac OS Xでは、以前からアイコンサイズを自由自在に変えることができたが、これまでのアイコンサイズは128×128ドットまでが限界だった。これは大きさにして500円硬貨ほどの大きさ。手のひらに握れるような存在感のアイコンだった。 これがSnow Leopardではその16倍、最大512×512ドットまで拡大されている。ほぼCDほどのサイズで、15.4型ワイド液晶内蔵のMacBook Proでも、最大サイズだと2つのアイコンを表示
Snow Leopardを通して考える「これからのOS」（前編）
Macの最新OS「Mac OS X v10.6“Snow Leopard”」がいよいよ明日、8月28日から発売される。今回、幸運にも先行して同OSを試すことができた。Snow Leopardの新機能については、すでにアップルの公式ページに詳しく紹介されているうえに、おそらく今夜、日付が変わるあたりから各所で詳細なレビュー記事が掲載され始めるだろう。実際、筆者もすでにもう少し技術的に詳しく踏み込んだ記事を書いている。 だがここでは、数年に1度のビックイベントを前に、今回Snow Leopardを通して感じた「OSアップグレード」が持つ意味合いというものを、改めて考え直す機会を提供させてほしい。 Leopardを読み解く2つのキーワード、「洗練」と「発展」 いまさらパソコンのOSが新しくなったからといって、本当にそんなことがニュースなのだろうか？ OSなんてアップグレードしなくても、日常業務に
第63回 サイトを嫌わせる五つの要素：あいうえお
五つの要素 とりあげる要素は，画面を見ている人が，基本的にはボソっとつぶやくような言葉です。私自身はこんな言葉になるのですが，多少個人差のあるニュアンスがありそうなので，Weblio 類語辞典からイメージ的にズレの少ないものをそれぞれ列挙しておきます。 【あ】あざと～ サイトに入った途端に感じる匂いというものは存在します。誘い込んで何かを奪おうとする類のサイトは，テンプレートの供給が少ないせいかもしれませんが，一目で「ん？」と感じます。宣伝色の余りに強いサイトは，同系統の匂いを感じます。言葉巧みに，その機能なり商品なり会社なりの宣伝をして，さらにユーザーに「もう一手」をどこか要求しているような感触です。 あざとい - 類語辞典(シソーラス) ▽商法・やり方などがあざとい あくどい ・ えげつない ・ 抜け目がない ・ 強腕による ・ 汚い（やり方） ・ ギンギラギンの ・ 毒々しい ・ ど
エンジニア的発想は危険な気がしている - 矢野勉のはてな日記
雑談「エンジニア主導で作ると、動いたところで満足してしまう。『ちゃんと動いているから、あとは使う人が分かってくれるだろう』と、考えをストップするところがあった。本当は、動いたものを説明して分かってもらい、使ってもらうところまで来てやっと完成なのに」近藤社長「未熟だったと思う」 はてなが目指す“脱IT系” (1/2) - ITmedia News なんかね、私がコンピュータにはまったときに理想とされていたことから比べると、それでもまだ足りないと思っちゃったんです。 自分ができているかどうかは棚に上げて、理想とするところを考えてみる。目標がどこにあるかっていうのはすごく大事なことだと思うし、上記の発言は目標を吐露したものだと思うので。 私はMac OS Xが生まれる前の、漢字Talk 7とか作ってた頃のAppleの、Macintoshを買ってコンピュータの世界に没入しました。そのころのコンピ
【コラム】シリコンバレー101 (293) MozillaのUIデザイナーがパイ型のコンテキストメニューを提案 | ネット | マイコミジャーナル
Firefox 3を使っている方は、まずこのページのデモを試してほしい。2つのボックスがあり、上のボックス内でクリックすると1から7までの数字が並んだパイ型のメニュー、下のボックス内ではリスト型のメニューが出てくる。それぞれで"6"を選択するスピードを実感してもらうためのデモだ。 Mozillaのユーザーインタフェース(UI)デザイナーJono DiCarl氏が10月28日に、Webブラウザにおけるパイ型コンテキスト・メニューの可能性をブログで提案した。上記のデモは、その実験1である。 どちらのメニューが"6"を選択しやすかっただろうか。DiCarl氏は、UI操作の効率性を現したフィッツの法則(Fitts’ Law)を挙げて、パイ型の優位性を説いている。 フィッツの法則 T = a+b log2 (D/W + 1) T = ポインターがターゲットまで動くのにかかる時間 D = ポインターの
ユーザビリティ | 秋元@サイボウズラボ・プログラマー・ブログ
Eric Burkeさんのブログ Staff That Happens(閉鎖)より、単純さ(Simplicity)とは、 Apple や Google と、「あなたの会社の製品」では、カバーする内容が違っているというのもあるだろうけれど、ユーザーが選べる箇所を減らすためにはどうするか、という視点を持つことについて示唆に富む比較かもしれないと思った。 [更新 2015-09-11 リンク先閉鎖確認にあわせて修正] この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
MIX08: The Story of the Ribbon が凄すぎる - NyaRuRuが地球にいたころ
「The Story of the Ribbon - laugh out loudly」にて，MIX08 で行われた Office 2007 Ribbon のトークのムービーがあるよと紹介されていたので観てみたのですよ． http://blogs.msdn.com/jensenh/archive/2008/03/12/the-story-of-the-ribbon.aspx:title= http://msstudios.vo.llnwd.net/o21/mix08/08_WMVs/UX09.wmv すごすぎる！ Miguel de Icaza が "probably the most inspiring talk I have seen in years" と評するのも納得． Every developer building GUI applications should listen
OPC Diary: デブサミ2008 その１ ： Joel on Developper Summit
« Visual Studio 2005 で.NET Fxのソースコードを参照する方法 | メイン | マイクロソフト セキュリティ情報 MS08-008 - 緊急 : OLE オートメーションの脆弱性により、リモートでコードが実行される (947890) » 2008年02月13日 デブサミ2008 その１ ： Joel on Developper Summit こうやってまとめてしまうとつまらなさそうですが、偏に私の筆力が足りない故であって、会場爆笑であったことをも申し加えておきます。 Blue Chip 一級品を作るには 人を幸せにする 感情を考慮する 美学にこだわる 何が違うのか。 人を幸せにする 学習制無力感 Windows XPの例。デジカメで撮った写真1枚Blogにアップしようとしただけで、インストールメディアを要求されたり、再起動を要求されたり、たまたまデジ
Usability 101: Introduction to Usability
Summary: How to define usability? How, when, and where to improve it? Why should you care? Overview defines key usability concepts and answers basic questions. This is the article to give to your boss or anyone else who doesn't have much time, but needs to know the basic usability facts. What — Definition of Usability Usability is a quality attribute that assesses how easy user interfaces are to u
Alertbox: 画面解像度とページレイアウト（2006年7月31日）
ウェブページは 1024 × 768 に最適化するべきだが、800 × 600 から 1280 × 1024 までの幅広い解像度に対応できるリキッド・レイアウトを使おう。 Screen Resolution and Page Layout by Jakob Nielsen on July 31, 2006 ウェブユーザビリティ教室で最も多い質問の内の 1 つは、「どの画面サイズに合わせてデザインすればよいのか」だ。この質問に完全に答えようとすると、少し複雑になるが、基本的な考え方は簡単だ： 現在最も使われている画面サイズ 1024 × 768 に最適化する。もちろんこのガイドラインの基本的な考えは、ターゲットユーザたちの間で最も一般的な解像度に合わせて最適化することであるため、ときとともに具体的な解像度は変わり続ける。現在でも、例えば全従業員に大きなモニタを使わせている企業のイントラネット
人間工学デザインのマウスを使うと肩こりや腕の疲れがマシになる - GIGAZINE
慶應義塾大学 SFC 研究所 (湘南藤沢キャンパス) の福田研究室が、マイクロソフトのエルゴノミクス デザインのマウス製品に注目して研究を行った結果、初回の実験では評価者から、「2週間ないし、それ以上の時間をかけると使いやすさが実感できる製品」「使用しているうちに肩こり、腕の疲れが感じられなくなった」という肉体的な感覚に関する考察が得られたとのこと。 この結果からさらに限定的な実証実験をした結果、「使い込むほど良さがわかるマウス」だということがわかったそうです。 正しいマウスの持ち方などの詳細は以下の通り。 慶應義塾大学 SFC 研究所 (湘南藤沢キャンパス) の福田研究室が、マイクロソフトのエルゴノミクス デザインのマウス製品に注目 今回使用した製品は「Microsoft Natural Wireless Laser Mouse 6000 ( マイクロソフト ナチュラル ワイヤレス レー
クールなURIは変わらない -- Style Guide for Online Hypertext
クールなURIとは？ クールなURIとは変わらないもののこと。 どんなURIが変わってしまう？ URIは変わらない：人がそれを変更するのだ。 理屈の上では、人々がURIを変更するべき（もしくはドキュメントのメンテナンスをやめてしまう）理由は全くありません。しかし、現実には山ほど理由があります。 理論上では、ドメイン名空間の所有者はその空間を所有しており、したがってその中に含まれるURIも所有権を持ちます。ドメイン維持料が支払えない場合を除いて、その名前を保有し続けることを妨げるものはありません。そして理論上は、あなたのドメイン名のもとにあるURIは、完全にあなたの管理下にあり、望む限りそれを安定的に保つことができるのです。 ウェブからあるドキュメントが消えてしまう唯一の納得できる理由は、そのドメイン名を保持していた会社が廃業してしまうか、サーバーを維持できなくなったという場合ぐらいでしょう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
ganaware - Overview
Don’t hide or disable menu items