こんにちはこんにちは！！ いよいよ公開されましたね…Google+！ で、タイトルのGoogle+が日本で流行らない理由。 これなんだけど、 「UIが洗練されすぎている」 きっと、これに尽きますね！ 設計もそうだし、画面もそう、 トモダチの振り分けなんか、ブラウザなのにドラッグ＆ドロップでできちゃう。 これすごい。 だから流行らない。 え、なんでかって？ ふつうの人には、ブラウザ上でドラッグ＆ドロップで、 操作できるなんて思わないよ。 ぼくですら、すぐにわからなかった。 いや、ちゃんと文字では説明書いているんだよ。 「ユーザーをサークルにドラッグ＆ドロップしてフォローできます」 ってね。 でも読まない。 読んでも意味わかんない。 同じ洗練されたUI(?)でも、twitterくらいのコンセプトのシンプルさでギリギリかなって思う。 検索エンジンGoogleもそう、コンセプトがシンプルだからこそ
RE:婚編 LV８０ 誹謗中傷する人は、反響があると喜んじゃうから、相手にしないで欲しい。【FFXI】
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
この連載では，エンジニアの視点から使いやすさを考えています。今回はユーザー登録画面などに代表される，フォームを使った入力画面について考えてみたいと思います。 なぜこのテーマを選んだかというと，フォームを介して利用者からデータを受け取って処理をして返すという一連の処理が，ウェブサイトのバックエンドの処理やデータ形式などによって変化しやすく，プログラマやエンジニアの作業がもっとも使いやすさと関係しやすい分野ではないかなあ，と思っているからです。こうした部分はエンジニアが使いやすさに寄与しやすい部分であり，もっと言えば，使いやすさを向上させるに当たって，エンジニアにしかできない事柄がたくさんある部分だってことになると思います。 今回は「ユーザー登録ページ」を例に，フォームにおける使い勝手を考えていきたいと思っています。その理由としてまずは，筆者が勤務する株式会社はてなにもユーザー登録画面があり，
印刷用、カタログダウンロード用などの目的でPDFファイルを用意し、ウェブサイトからリンクを張るとき、同じウィンドウ内でPDFファイルに遷移する「同ウィンドウ表示」にしていますか？それとも新しくウィンドウが立ち上がる「別ウィンドウ表示」にしていますか？ ウェブサイトを利用しているユーザが最も多く使う機能の1つは、ブラウザの左上にある、既に閲覧したページに戻るボタン（以下「戻るボタン」）です。 ユーザは次々にページを閲覧しては、前に見ていたページに戻るために「戻るボタン」をクリックしていきます。 そこで弊社では、基本的に別ページ、別サイトへのリンクは、同ウィンドウ表示で設計をしています。別ウィンドウ表示では「戻るボタン」を使った操作で前のページに戻れず、ユーザが混乱する恐れがあるからです。 ところが、PDFファイルにおいては、閲覧し終えると、「戻るボタン」を利用せずに、右上の「×」マーク（以下
大きい画面の利点についてのテストには、2 つの間違いがあった。現実的なタスクでテストしていなかったことと、現実的な利用方法でテストしていなかったことだ。生産性は、労働環境のユーザビリティを語る上で重要な項目になるが、それを計測する場合は、注意深く行わなければいけない。 Productivity and Screen Size by Jakob Nielsen on October 23, 2006 高い解像度にあわせてウェブページをデザインすることについてのコラムで、Apple が出した大きな画面が生産性に与える影響についてのレポートについて言及した。私は Apple の方法論が間違っていたと思ったので、あまり詳しくは書かなかったが、その後かなりの注目が集まったため、補足しておくことにする。 たとえばApple が行ったテストについての記事は、「 Excel の表でのカット・アンド・ペース
最近、シニア向けのあるWebサービスを構築している。その中で、シニア（特に、団塊世代、もしくはそれ以上）の方が、どういったところでWebサービスにてつまづくのかが少し分かってきたので、自分の備忘録も兼ねてメモしておく。 先に言っておくと、シニアはまずログイン、もしくは新規登録でつまづく。「中に入れない」「何かパスワード間違えているみたいなんだけど」そういった質問が、どんどん寄せられる。このWebサービスを構築する前に、できる限りネット上でシニアのネット行動特性みたいなものは調べてみたが、その多くは「ログイン後」、もしくは「ログインする必要がないサイト」のことだったと、今更ながら気が付いた。例えば、 ユーザビリティ研究所: シニア向けウェブサイト構築のための10のポイント 使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から) そう、シニアのネット上の行動特性はある程度研究が進ん
携帯電話業界で世界最大のイベントは、毎年初めにヨーロッパで開かれる「GSMカンファレンス」。今年は、その北米分科会がシアトルで開かれるのだが、そこでしゃべる機会をいただいた。「せっかくの機会だから、少し刺激的なテーマを」と考えたのがこれ。スティーブ・ジョブズのプレゼンにならい、文字の羅列を避け、画像中心の資料を私のスピーチで補足して行くスタイルだ。 まずは得意のユーザー・エクスペリエンス（＝おもてなし）の話から。「リッツ・カールトンなどの高級ホテルに一歩踏み入れるとそこは別空間。そのユーザー・エクスペリエンスを提供しているのはいったい誰でしょう？」と始める。「おもてなしの責任者は、ホテルを設計したアーキテクトでもなければ、ホテルを建てたゼネコンでもありませんよね。それはサービスを提供しているリッツ・カールトンそのものです。」と話を進める。 そこで、一呼吸おいて、「では、携帯電話サービスの場
Flashのフォーム以外でもFlashを使って制御できるみたい。Opera以外動いた。 サンプル http://la.ma.la/misc/ime_off/ 元ネタ http://d.hatena.ne.jp/brazil/20060730/1154189478 同様のものはググればすぐに見つかるのですが、あくまでFlashのサンプルに過ぎず、使えない感じでした。 FlashProxyは「Flashに何かをやらせるためのツールキット」という感じではなく、 JavaScriptのオブジェクトにFlashのメソッドをくっつけられるといった印象。 特定の目的に特化しておらずシンプルで美しい。MTASCで作られてるのもいい感じです。 Good site ANIME FOI POR TR叩S DA SOMBRA DESSE [url=http://anime-foi-por-tr叩s-da-somb
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
直也さんのエントリ。 ゲームのインタフェース - naoyaのはてなダイアリーウェブのインタフェースとかはかなりいろんなところで制限があるので似たようなものになりやすいというか、オリジナリティがそれほど求められないことも多いわけですが、ゲームのインタフェースっていうのはゲームが違えばその感じもだいぶ違ってて、考える方は大変だし相当の創造性があるなあといつも思います。 ボクは一応両方とも開発現場に居た経験があるので僭越ながら理由をぼちぼちと。まず、作り手側からすると全然作り込み甲斐がある。ゲームの方が。何故かというとまずライブラリに圧倒的な差があって、方やスタイルシートやJavaScriptのなけなしの関数を使ってなんとか魅せるようにするしかないのだけど、ゲームとなると充実したグラフィックライブラリがあるわけで。それに、かなりハードに近いレベルでのコーディングも可能。 今でこそ高級言語を使用
はてなおやさんがあいかわらずいいことを言っています。この文章の本質は最後のほうに書かれていることだと思いますが、その前振り(といったら失礼かも)もインターフェース的に重要です。 はてなブックマークをより使い易いように改良したいと思うけど、それは「初心者に使い易い」ようにする観点ではなく、あれはウェブを見るのが大好きな人たち向けのツールなんだから、初心者が成長してきたころに使うためのツールなんだと。 だから、「使い易い」というのと「初心者にわかりやすい」というのは別の話なんだ、そういう風に考えながら色々改善する。「初心者"にも"分かりやすい」のはもちろんベストですが、それが「初心者向け」に変化してしまって、やたらと説明文の多い設定画面だとか、最小限で済むはずのインタフェースが冗長になってしまったりとか、そういう罠にはまらないように。 naoyaのはてなダイアリー - 3年前の自分は別人、を他
Webアプリケーションのユーザーインターフェイス[7] すでに入り口にいるのに、ホームに導くボタンは親切か 「可視性とフィードバック」 ソシオメディア 上野 学 2006/2/15 前回の「『戻る』で入力データが消えてしまうフォームはいらない」では、経験則その2として「寛容性とユーザーコントロール」の話をしました。システム側がユーザーを信頼し、ユーザーのコントロール下でユーザーの思いどおりの振る舞いをすることで、ユーザーとシステム（あるいはサービスの提供者）との間に信頼関係が生まれ、利用効率や生産性が高まっていきます。 そこで今回は、どうすればユーザーが思いどおりにシステムをコントロールできるのか、どうすればユーザーはシステムが自分の思いどおりに動いていると感じるのか、ということを考えたいと思います。これが経験則その3、「可視性とフィードバック」です。
YUI Library Controls/Widgets: AutoComplete Button Calendar Charts [experimental] Color Picker Container (including Module, Overlay, Panel, Tooltip, Dialog, SimpleDialog) DataTable ImageCropper Layout Manager Menu Rich Text Editor Slider TabView TreeView Uploader [experimental] YUI Library CSS Tools: CSS Reset (neutralizes browser CSS styles) CSS Base (applies consistent style foundation for c
Webアプリケーションのユーザーインターフェイス[6] 「戻る」で入力データが消えてしまうフォームはいらない 「寛容性とユーザーコントロール」 ソシオメディア 上野 学 2005/12/22 前回「入力情報を預かる責任を果たせる画面デザインとは？」は、あらゆる経験則の土台となる価値観として、「ユーザーを尊重する」というユーザー中心の姿勢について述べました。今回からは、Webアプリケーションのユーザーインターフェイス（UI）・デザインを行ううえで有効な経験則を、少し具体的に考えていきたいと思います。 その前にまず、連載の第1回「ユーザーにとっては“ユーザーインターフェイス”こそが製品そのもの」で触れた HCI（Human-Computer Interaction）の分野でよく挙げられる、コンピュータを用いた対話型システムの設計原則を紹介しておきます。ここでいう「対話型システム」とは、ユーザー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヒューメイン・インタフェース―人に優しいシステムへの新たな指針