Private content!This content has been marked as private by the uploader.
Private Presentation
Private content!This content has been marked as private by the uploader.
ショートカットキーはマウスより遅い - WirelessWire News
CTRL+Xでカット、CTRL+Vでペースト。 ショートカットキーの使い方を覚えると、パソコンの達人になったような気分になりますよね。 しかし、実際にはショートカットキーを使用すると、マウスでメニューから「編集」「ペースト」を選ぶよりも平均2秒も遅いのです。 「そんなバカな」 と思いますよね。 しかし、これはTogことブルース・トグナッツィーニがAppleでMacintoshの開発を担当した際に行った膨大な実験の結果、解ったことなのだそうです。 これはTogのWebページでも詳しく紹介されています。 しかし2秒とはとても信じられません。 むしろ逆のようにさえ感じます。 しかしTogの主張によれば、我々ユーザはショートカットキーを選ぶのに2秒かかっているものの、ショートカットにたどり着くまでの時間を喪失している、つまりプチ記憶喪失状態になっているというのです。 こんな不思議な話が、慶應
モバイルサイトのナビゲーションメニューは画面下に置くべき
2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト！ よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが本当に使いやすい
実録・80歳の祖父母にiPadを贈った話 ｜ポッケのなかみ
先日思い立ってiPadを地元に住んでいる祖父母にプレゼントしてきましたので、その時のことをお話ししようと思います。 なぜ贈ったのか XPのサポートが切れるため 私が昔使っていたノートパソコンを置いてきてあるのですが、OSがWindows XPです。 公式からのサポートがもうすぐ切れるとのことで、一応IT企業に勤めている人間としてはこのままにしておくのはマズイな～と思いまして。 祖父母にとってはパソコンが難しすぎたため パソコンの使い方、教えました。が、ダブルクリックとローマ字入力がどうしても会得できないみたいでして。 かな入力ですか？キーボード上のどこにどの文字があるかを探すのが大変すぎて断念されてしまいました。 メールでやり取りをしたいため これは、電話の話し声が隣の部屋に丸聞こえなアパートに住んでいる私の都合です。 インターネット回線契約をしているのに使わないのは勿体ないため 祖父母の
iPhoneの電卓で2500÷50を計算してみた結果ｗｗｗｗｗｗ : IT速報
1: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:22:59 ID:BZs7VpX50 1 は？ 2: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:23:33 ID:H/oStVp60 嘘乙 5: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:03 ID:tOB/+Dr70 まじだった 6: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:04 ID:0qu1mSub0 まじたった 7: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:24:07 ID:iqcWhVXK0 すげぇ 51: 以下、名無しにかわりましてVIPがお送りします 2014/01/21 19:35:16 ID:3mMcECnQ0 スクショはよ 65: 以下、名
便器洗浄脳の恐怖 : 続・ユビキタスの街角
かなり前に使ったトイレの操作パネルにテプラが貼られていた。 「テプラを貼られたらデザイナの負け」だとよく言われるが、 「便器洗浄」じゃ意味がわからないから 「水を流すときは〜」などというテプラが貼られていたのだろう。 いろんなトイレで似たようなテプラをしょっちゅう目撃する。 いったいトイレを使った後で便器を洗浄したいと思う人間がいるものだろうか。 トイレの掃除屋でもない限り、 自分の汚物を流したいと考えるのが普通というものだろう。 にもかかわらず今でもかなり多くのトイレで「便器洗浄」という表記が見られる。 「汚物を流す」と書きたくないのは理解できるが、 いつまでたっても「便器洗浄」という文言が無くならないのは、 メーカーの人間がかなり重症な便器洗浄脳に冒されており、 ユーザ目線で製品を作ることができなくなっているのだろうと思う。 社内では「便器洗浄」という言葉が全く普通に使われているのでは
増井俊之 - Wikipedia
増井 俊之（ますい としゆき、1959年7月11日 - ）は、日本の情報工学者、ユーザインタフェース研究者[1]。 概要[編集] 灘中学校・高等学校、東京大学工学部電子工学科卒業。1984年東京大学大学院工学系研究科電子工学専門課程修士課程修了、工学博士。2009年より慶應義塾大学環境情報学部教授。 長年にわたって情報検索・テキスト入力・情報視覚化・実世界指向インタフェース・予測インタフェース・認証技術など、人間をサポートするコンピュータ技術の研究開発を行ない、論文/著書/雑誌記事/ブログなどで発表している。ソニーコンピュータサイエンス研究所に勤務時、予測型日本語入力システム「POBox」を発明してソニーで商品化を行ない、同手法は携帯電話の日本語入力手法のデファクトスタンダードとなった。 2006年、Steve Jobsに招かれてAppleに入社し[2]、iPhoneの日本語入力システム(
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
高齢者が「郵便局再配達依頼」が出来ないと泣いていたので検証してみた : Birth of Blues
郵便局へ行こう! ご本人曰く、ヤマト運輸や佐川急便の再配達依頼は出来るが、郵便局だけ出来ないので毎回バスを乗り継ぎ窓口へ引き取りに行っている。不便との談。 再配達依頼に立ち会いましたが結論として無理。以下詳細。 初っ端より（ヤマトや佐川の送り状と比べ）どこに電話していいか分からない由。 要は真ん中の「０８００〜」なんですが、これは「伝票番号であり、電話番号とは思わなかった」とのこと。 お年寄りの固定観念としてこういう電話番号は普通、０１２０とか０３から始まるそうです。 不在票の一番目立つ場所に太字で「０８０〜」と書けば誰でもフリーダイヤルだと思うにきまっている。と思っているのはこれを作った郵便局担当者の常識。我々の非常識。 確かに「電話番号」「フリーダイヤル」なんてどこにも書いていない。書いているのは「長い数字（無料）」、（無料）とは何に対し無料と指しているのか主語も記号も親子関係もなく意
コンテンツからみるWebアクセシビリティの課題と提案 : could
コンテンツは本当にアクセシブルか Webアクセシビリティは、大きく分けて 2 つの『デザイン』があります。ひとつは、情報を分かりやすく整理し、目的の情報へた辿り着くための Web アクセシビリティ。この要素は、色、形状、動き、スピードなど、UI デザインの課題と重なるところが多いです。もうひとつの要素は、情報の構成や文章のスタイルといった「編集」とも呼べる Web アクセシビリティです。 前者の情報構造や操作性は、明確なガイドライン化がしやすく、チェックもしやすいですが、後者の編集の部分は、パッと見では判断がしにくいだけでなく、ガイドラインとして共有するのも難しいです。 Webアクセシビリティにある 2 つの『デザイン』 もちろん JIS X 8341–3:2010 でも「利用者が理解できるコンテンツ」を制作・維持できるようにすることが重要であると書かれていますが、技術で解決できるところに
高齢者へのiPad導入を阻んだiOSのUI/UXの話
高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月（2013年11月）、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの１名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容
バーチャルパッドの話
まかべひろし @sinpen リリースは2010年・・3年も前なので古いノウハウ。基本的に4方向での移動にバーチャルパッドは適さない（できれば360度アナログ移動にしたいくらい）という前提はあるんだけど。 2013-11-28 14:49:18 まかべひろし @sinpen まず、マップの角は移動補正があるのは当然として、全マップの角に「どんな移動補正をするか」のコリジョン補正情報を入れてる。滑って欲しいところと欲しくない場所は、プレイヤの移動予測ルートによって、システム的に一意に決められるものではない。これはゲームデザイン側で埋め込んだ。 2013-11-28 14:50:51 まかべひろし @sinpen 読み直して。補足。マップの角に複数の補正コリジョンを埋め込んだ件は、そもそもはバーチャルパッド用ではなくて、ガラケーリメイクの時に組み込んだ仕組み。制御大変でマップデータ作成班がすげ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
» スマートフォンサイトのユーザビリティを下げるアンチパターン | Webnoborder
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金からモバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。 このようにタップ領域がユーザの意識と違う場所に設定されているのは、ユーザビリティに問題があるといえるので改善が必要でしょう。 参考サイト スマートフォンサイトにお
タブの正しい使い方
13のデザインガイドラインを守ってタブを使っているサイトにYahoo Financeがある。しかし、AJAXの使い過ぎや改善の余地が残るカスタマイゼーションのページなどを見る限り、ユーザビリティはまだ上げられる。 Tabs, Used Right by Jakob Nielsen on September 17, 2007 Web上でダイアログコントロールを正しく使っているユーザ・インターフェイスを見かけることは滅多にない。ラジオボタンやチェックボックスのように単純なものでさえ、正しく使われていないことが大半だ。ドロップダウンメニューに至ってはもっとひどい状態だし、Flashサイトを台無しにする自作のスクロールバーも後を絶たない。 最近リニューアルされたYahoo Financeのホームページでは、タブを正しく使っている。2箇所ほど抜粋してご覧に入れよう。 Yahoo Financeのホー
じーさんばーさんとタッチパネル - ２４時間残念営業
2013-03-27 じーさんばーさんとタッチパネル http://mainichi.jp/feature/news/20130326dde012040063000c.html 読んだ。 洗濯物の乾燥が終わるまでヒマなので書いてみる。 常日頃じーさんばーさんの相手する商売やってるわけだが、ＡＴＭの操作なんかでもじーさんばーさんに教えるのはひと苦労である。まったく操作できない人というのがいるわけだが、また考えてもしゃーないのに「なんでこんなに使えないんだろう」というようなことはよく考える。 で、まず思いつくのは「そもそもタッチパネルというものの意味がわからん」ということがあるようだ。つまり「画面に触ると操作される」というのが、どうしても感覚的に納得がいかないらしい。操作体系ってのはなかなかに厄介なもので、たぶんその人が三十代とかそれくらいの年齢で「体系」まるごとが新しく入ってくる段階ってのは
アプリやゲームの文言ガイドライン - ぼくはまちちゃん！
こんにちはこんにちは！！ アプリ作ってますか！ アプリやゲームの中で使う文言って、意外と大事なんですよね。 ちょっと間違えてるだけで、すごく安っぽく見えてしまうし、 言い回しひとつで、使い勝手がずいぶん変わったり…。 そんなわけで、ガイドラインって程のものではないですが、 文言を書く際に、ちょっと気をつけたいことなどを書いてみたので、 もしよかったら参考にしてみてくださいね。 ・漢字をひらく 漢字をひらがなにします。 迷ったら新聞紙などのルールを参考にすると良いかもしれません。 意外と漢字を「ひらいて」います。 極端な例だと、五月蠅い(うるさい) などです。 漢字変換できるからといって、それが正義ではありません。 簡単な漢字でも、 「下さい」→「ください」 「出来る」→「できる」 「全て」→「すべて」 「等」→「など」 などは、ひらくことを検討すると良いと思います。 (参考) 表記規則：企
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
“フリック入力”利用率最低は意外にも30代、ちょうどガラケー時代に育った世代だから？ 
masui / Web時代のユーザインタフェース研究 - Glide
ここがイケてない、ネットバンクのUI : 市況かぶ全力２階建
