黒須正明氏「これからの企業は、全社を挙げてそれぞれのポジションからUXについて考えるべきです」 | ユーザーエクスペリエンスのチカラ
黒須 正明氏特定非営利活動法人 人間中心設計推進機構（HCD-Net） 理事長 学校法人放送大学 ICT活用・遠隔教育センター教授 国立大学法人 総合研究大学院大学メディア社会文化専攻 教授UXやユーザビリティに関わる人であれば、ユーザ工学、ユーザビリティ研究者である黒須正明氏はだれもが知る存在だろう。今回は、人間中心設計推進機構理事長の黒須氏を迎え、UXに対する考えなどを詳しく伺った。 UXは時間軸において5つの段階を持っている――まずは黒須さんとユーザエクスペリエンス（UX）の出会いを教えてください。 UX歴は7年位ですね。欧米でUXが流行り始めたのが今世紀に入ってから。そのころはユーザビリティと混同されていたから、僕は反発していたんです。でも、2005年頃から欧米のユーザビリティやデザインの研究者とUXについて議論する機会が増え、定義が明確になってきたことから、UXという言葉を使い始
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
楽天におけるアクセス解析とマルチデバイスへの取組み | デベロッパーセンター
コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* 楽天株式会社にとって、アクセス解析の有効活用は経営課題だという。そのため、全社を挙げての取り組みが行われ、事業部を横断して導入を推進するための選任チームも作られた。最近では、iPhone/iPad, Android などデバイスへのサービス展開にも、アクセス解析を活用すべく検証を始めたという。なぜ、そこまでアクセス解析に力を入れているのだろう
左ナビと右ナビはどっちが良い？ (ユーザビリティ実践メモ)
ウェブサイトを設計する際に、ナビゲーションメニューを左右のどちらに設置するかで悩んだ経験はありませんか？ 弊社でウェブサイトを設計する際には、「コンテンツ」と「ナビゲーションによる誘導」のいずれが大事かによって設置位置を判断しています。 ■ナビゲーションによる誘導が重要な場合はナビゲーションを左に 例えばアマゾンなどの巨大ECサイトではナビゲーションによる誘導が重要であるため、ナビゲーションが画面から切れてしまうことのないよう、左側にナビゲーション設置しています。 上記のほかの考え方として、ユーザがそのサイトと同時に利用する競合サイトと同じ位置にナビゲーションを設置する、という考え方もあります（ユーザの慣れや先入観に配慮する）。 ナビゲーション設置時には「コンテンツ」と「誘導」のいずれが大事なのかによって設置位置を調整するようにしましょう。
［確認］ボタンの責任範囲感 :Heartlogic
［確認］ボタンの責任範囲感 こういうUIがある。例えばmixiのユーザー情報編集フォームとか。 情報の表示→編集ボタンクリック→編集作業→完了ボタンクリック→確認→確認ボタンクリック→情報の表示 これは実質的には、 情報の表示→編集ボタンクリック→編集作業→完了ボタンクリック→情報の表示 という形でもぜんぜん構わない。2度目の情報の表示で入力者は確認を行うだろうし、そこで問題があれば、再度編集ボタンをクリックすれば良い。問題がなければ確認ボタンをクリックし情報の表示を待つ、という部分を省略できる。 どう考えても後者の方が効率的なのだが、けっこう前者のようなUIは多い。 後者はAppleのUIがそうだ。前者はWindows的......か？ mixiは何をやるにも前者型である。 想像するに、前者は［編集］という行為をそれだけで完結させようとしているのだろう。つまり、 情報の表示→編集ボタンク
入力ミスを減らすメールアドレス入力フォームの作り方 - キャズムを超えろ！
メールフォームでgmai.com abc.jなどはGoogleの検索結果よろしく「もしかして...Gmail？」と指摘してほしい。 つまり、アットマーク以降の入力文字列のうち、g,m,a,i,l,c,oのうち5文字を含んでかつ11文字以内のアドレスで、かつGmail.comと入力されていないなら「Gmail.comではありませんか？ Gmai.comと入力されています」とWARNINGを出すメールフォームとしてはどうか、ということだ。 メアドはなるたけ簡単に入力させたいが、入力ミスは救ってあげたい(すべてではなくても)、という二律背反に対するひとつの解決策ではないかと思うのだが、なぜ誰も実装しないのだろうか。 この流れでhotmail／yahoo mailぐらいは最低対応させたいものである。あと、よくあるのが以前書いたUIについてのエントリでも触れたがdot/commaの間違い、入力忘れ。
Gazeplotの奥井さんの読み方（１） - Vox
・縦の線は流し読み ・1秒以内の写真は無意識で見ている ・1秒を超える注視は内容を覚えている ・大きなゆれはユーザーが戸惑っている ・下への離脱はキーボードを見てる ・文章内のこまかな横揺れは内容を見ている ・上に戻ったりする場合はユーザーがあれっと思っている
ページングのUIが段々窮屈になってきた。
「ページング」と「写真切り替え」のUIは、もっと良い表現方法があってしかるべきだと思う。 特に、前にミクシィ社の会社訪問の写真でも思ったが、CNET Japanのフォトレポートページはヒドイ。 フォトレポート：来た、見た、開けた--「MacBook Air」開封の儀 MacBook Airやミクシィというネームバリューを生かした、PV稼ぎ商法としか思えない。 まぁ現実には、如何に早く公開するか？ってのと、現状のCMSがそういうことしかできないからってのが正解なんだろうけど。 ページを切り替えるのが面倒すぎて、疲れてしまう。 なんで写真を見るだけなのに、面倒な気持ちにならなきゃいけないんだろう。 写真はサムネイルを並べてクリックするというのも面倒くさい。 現状写真切り替えで、一番楽しいのは、iPod touchや、Macに搭載されているカバーフローでしょう。僕はPicasaのスクロールUIは
個人プロフィールからの引用を考慮した携帯サイトフォーム設計 (ユーザビリティ実践メモ)
PCをほぼ/全く利用しない「インターネット＝携帯電話」ユーザには、フォームなどでメールアドレスを入力する際に、個人プロフィールから引用する傾向があります。 機種によってこの機能の名称や使用方法は異なりますが、筆者の携帯では下記の操作でプロフィールを引用することが可能です。 プロフィールの中でもメールアドレスは、文字数が多く、英数字が混在するため、直接入力する場合、煩わしい操作を要します。 そのため、携帯の操作に慣れているユーザの多くが上記の機能を使用してメールアドレスを入力しているのです。 この行動を想定したうえでサイトを制作しなければ、ユーザにストレスを与えてしまう可能性があります。 例えば、あるメールアドレス入力フォームでは、下図のように「＠」より前をフリーワードで入力し、「＠」より後ろをプルダウンメニューで選択する仕様にしていました。 一見、親切そうに見えるフォームですが、プロフィー
携帯電話のユーザインタフェースの最適化-社会関係資本の最大化を目指す/黒須教授のUser Engineering Lecture
現在の携帯電話には多彩な機能が搭載されている。 通話：二者間通話、三者以上通話、テレビ電話、国際電話 インターネット：電子メール、ショートメール、交通情報取得、ナビゲーション、音楽や画像のダウンロード 時計：時刻表示、目覚まし、ストップウォッチ カメラ：静止画、動画 カレンダー：カレンダー表示、スケジュール管理 学習支援：辞書、電卓 電子マネー：Edy、モバイルスイカ 健康管理：万歩計 エンタテイメント：音楽プレーヤ、テレビ、ラジオ、ゲーム メモ：テキストメモ、音声メモ アドレスブック：電話番号、メールアドレス、住所、属性情報 データ交換：外部カード、USB、赤外線通信、ブルートゥース通信 ざっとリストアップしてもこれだけのものがある。当初は自動車電話として移動型電話機として登場した携帯電話であったが、現在では小型携帯型情報端末として位置づけられるようになっている。 これだけ多機能になって
第6回 サイト価値を最大化するためのトップページ設計術?4パターンの訪問者を想定して作る|Web担当者Forum
第6回 サイト価値を最大化するためのトップページ設計術 ～4パターンの訪問者を想定して作るトップページデザイン 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） トップページ設計において考慮すべき 4つのユーザー利用シーントップページの設計やデザインは、ウェブサイトの構築を行ううえで、最も難しいポイントの1つだろう。構成するコンテンツの多さに加え、さまざまな制約やこだわりなどによって、四苦八苦したことのある方も多いのではないだろうか。 そんなときに重要なのは
apple.comリニューアル | underconcept
apple.comがリニューアル。 動的UIもFlashではなくJavaScript活用で、フルCSSサイトのお手本みたいになっている。 おもしろいと思ったのは、 Apple – Mac 一昔前なら、フレーム切りで作っていたUI。 フレームを使うとhtmlファイルが物理的に分離されてしまうためにいろいろ不都合があり廃れてしまったが、純粋にUIとして考えると、 選択肢はリストとして一覧したい 本文エリアは固定したい というものなので、理にかなっている。 この手のものがhtmlで作れるとなると、標準的に使い勝手はけっこう向上させられると思われる。 が、それに伴って、UI設計と実装の技術（CSS/HTML設計）もかなり難易度があがるだろう。 もう一点、パンくずナビ（Breadcrumb Naviation）が画面下端にきている。 Apple – Sfari 3 Public Beta – Dow
PCとモバイルの違い～商品選定、コンテンツ制作～
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
第9回 どうすればユーザー登録してもらえるか：ITpro
この連載では，エンジニアの視点から使いやすさを考えています。今回はユーザー登録画面などに代表される，フォームを使った入力画面について考えてみたいと思います。 なぜこのテーマを選んだかというと，フォームを介して利用者からデータを受け取って処理をして返すという一連の処理が，ウェブサイトのバックエンドの処理やデータ形式などによって変化しやすく，プログラマやエンジニアの作業がもっとも使いやすさと関係しやすい分野ではないかなあ，と思っているからです。こうした部分はエンジニアが使いやすさに寄与しやすい部分であり，もっと言えば，使いやすさを向上させるに当たって，エンジニアにしかできない事柄がたくさんある部分だってことになると思います。 今回は「ユーザー登録ページ」を例に，フォームにおける使い勝手を考えていきたいと思っています。その理由としてまずは，筆者が勤務する株式会社はてなにもユーザー登録画面があり，
Webサイトのツリー構造とコンテンツのメタ情報、そして、ナビゲーション：DESIGN IT! w-LOVE
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの１つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう（これがすべてではありません）。 ターゲット別（個人顧客、法人顧客、株主・投資家、マスコミ、学生など）コンテンツ内容別（製品カテゴリー別、サポート情報、FAQなど機能／非機能コアコンテンツ／サブコンテンツ（企業の基本情報とスペシャルコンテンツ、ブログなど）時系列で並ぶもの／そうでないもの分類は現実のモデルを反映しているか？ 一般的に認知されているものを想起させるか？ もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Good night, Posterous
ソシオメディア | UIデザインパターン
http://japan.internet.com/column/wmnews/20070328/8.html