Hotjar is now part of Contentsquare. The same easy-to-use tools you know, plus even more ways to understand and improve your website or app. Learn more.
Hotjar: Website Heatmaps & Behavior Analytics Tools
Hotjar is now part of Contentsquare. The same easy-to-use tools you know, plus even more ways to understand and improve your website or app. Learn more.
ソシオメディア | あるとよい機能はない方がよい
UXデザインのコンサルティングではよく品質優先度マッピングというものを行います。これは開発プロジェクトの上流工程において、実装を検討している機能をリストアップし、そのひとつひとつについて想定する利用者の割合や利用頻度の観点からグルーピングし、実装の優先度を決める作業です。 これを行う目的は、UIをできるだけシンプルに保つことにあります。ユーザーが求める機能をすべて盛り込むと、当然UIは複雑になり、誰にとっても使いにくいものになります。また蓋然性のバランスが取れていない要件はプログラムを複雑にし、バグが増える原因になります。 UIデザインにおけるパレートの法則（結果の大部分は全体の一部によって生み出される）は、「ユーザーの80%は全機能の20%しか使わない」というものです。その20%に注力し他の優先度を下げることで、製品の利便性は向上するはずです。 Core, Important, Nice
マイクロインタラクション
UIのディテールをほんの少し工夫するだけでUXは劇的に改善します。本書では効果的なマイクロインタラクション――ひとつの作業だけをこなす最小単位のインタラクション――の意味、有効性、デザイン手法を学びます。マイクロインタラクションを「トリガー」「ルール」「フィードバック」「ループとモード」に分解して豊富な実例とともにていねいに解説し、さらにプロトタイプやドキュメント作成、テストといった実践的な手法も紹介します。マイクロインタラクションを活用すれば、ありふれた製品も顧客を引きつける魅力的な製品に生まれ変わらせることができます。ドナルド・ノーマン推薦書！ 翻訳者によるサポートページ。 本書に寄せて ――ドナルド・ノーマン 賞賛の声 まえがき 謝辞 意見と質問 1章 マイクロインタラクションのデザイン 1.1 機能ではないが侮れない存在 1.1.1 大規模なマイクロインタラクション 1.2 マイク
グロースハックについて思うこと - 運河
Webサービスにおいて定量的に評価できる数字とユーザー体験はトレードオフであることが多い。たとえば、広告のクリック率を上げようと思えば、広告枠を過剰にチカチカさせたりボタンに隣接させて配置したりすればよい。運営者の小遣いが増える代わりに、ユーザーにとっての心地よさを犠牲にする。 必要なのはバランス感覚だ。価値基準が歪むと"Don't be evil"という言葉も機能しなくなる。 ユーザー体験を犠牲にする黒魔術に一度手を染めると、そのサービスはいつしかスパムと区別がつかなくなる、と僕は思う。 “月間34億PV、新規会員登録1日1万人！ pixiv片桐代表が明かす、驚異のグロースハック術 | ログミー[o_O]” http://t.co/q36cwDbmeq— ウイウ (@uiureo) 2014, 2月 17 会員登録しないと著しく不便なようにして無理やりユーザーに登録させるのをグロースハッ
「fat finger」の度合いを可視化する | Accessible & Usable
公開日 : 2014年2月4日 (2018年12月29日 更新) カテゴリー : ユーザビリティ ウェブサイトやアプリケーションを、スマートフォンやタブレットといったタッチインターフェース搭載デバイスで使えるようにするためには、何はともあれ、タップできる箇所 (リンク、フォーム要素、ボタン、など) を、それなりの大きさにする必要があります。英語圏のユーザビリティ専門家の間では「fat finger」と呼ばれていますが、指先は「太っちょ」で、マウスポインターほど精緻なポインティングができず、誤操作につながりやすいからです。 ところで、指先のポインティング精度が、実際のところ、どの程度「粗い」のかを、調べてみたことはありますでしょうか？今回の記事では、「fat finger」の度合いを可視化してみることについて、考えたいと思います。 背景画像を読み込める「お絵描き」アプリを使う 「fat fi
実録・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: 以下、名
Kawaz - ラウドネス管理してますか？【KawazAdventCalendar 12/6】
みなさん、こんにちは。SHiNKA (@shinka_cb) です。本日12月7日でありますが、 12月6日のKawaz Advent Calendarを担当してます。遅くなってしまいすみません。 というわけで、今回の話題はゲームのラウドネスです。 長い！難しい！今北産業 ゲームにおける全体の音量調整はユーザービリティーの観点からも重要です。 他のゲームと比較してあまり音量差が発生しないようにしましょう。 最近は、ユーザーが感じる主観的な音量感を表す指標としてラウドネスというものが使われています。 とは言え、まだまだゲーム間の音量差の問題は完全に解消はされておらず今後も解決すべき課題となっています。 ※あ、4行になってしまった・・・ なぜ今になってゲームの音量管理に気をつけないといけないのか？ 放送業界では地上波デジタル放送を導入したころから番組やCMの音量ばらつきが問題に アナログ放送で
UI変更批判バトルと複数のバージョンのウェブサービスを同時に配信することについて - hitode909の日記
ウェブサービス，UI変えると，改悪とか，元に戻してとか，そういう意見が出る． サービス提供する側の立場では，新しいUIのほうが使いやすかったり，機能が増えたり，収益が増えたりするので，新しい方を多くの人に提供することに価値がある．使いやすいかとか，儲かるかとかは，リリースまでに調べておく必要があり，リリースの結果使いにくくなったり収益減ったりしたら，失敗ということになる． 一方で，ユーザーの立場からすると，前の方がずっと使ってて愛着があったとか，新しい方を覚えるのは手間とか，確かにという感じはする．また，ウェブサービスは最終的にユーザーの手元のブラウザで表示されて動くので，映画の結末が気に入らないから変えたいといった要望よりは，受け入れやすい．データ構造についての，サーバー側の処理についてのユーザーからの要望というのはあまりなくて，このボタンがどうみたいな，UIの要望が多いと思う． 全部置
最近ウェブでまかり通っている悪弊
《Update：死活問題だ》 ［本文が読めない modal overlay：image］ オモシロそうな記事だと思ってリンクをたどっていくと、「modal overlay」に遭遇する機会が増えてきた。 ユーザーが入力しないかぎり本文へは進めない例のウザったいダイアログのことだ。 頭にきた Andy Beaumont はそんなヒドいケースをいくつも集めて、つぎのようにいっている。 Tab Closed; Didn’t Read: “If you’re going to insist on obscuring your content with …” by Andy Beaumont: 05 December 2013 ＊ ＊ ＊ どうしても自分のコンテンツを読んで欲しくないのなら・・・ 最近ウェブでまかり通っている悪弊について Andy Beaumont いわく： A web
iOS 7のユーザーエクスペリエンス評価
フラットデザインは行動のきっかけとなる要素を見えなくしている。また、周辺部付近でのスワイプは、カルーセルやスクロールに干渉する可能性がある。 iOS 7 User-Experience Appraisal by Raluca Budiu on October 12, 2013 日本語版2013年12月2日公開 iOS 7はAppleのタブレットとモバイルデバイス用のオペレーティングシステムだが、iOSの旧バージョンまでの特徴だったスキューモーフィックデザインをやめた。新しい外見はこれまでのバージョンのオペレーティングシステムとは大きく異なっており、Appleがこれまで8年かけて熱心に構築してきた約束事のいくつかを大胆に放棄している。しかし、新デザインは本当に良くなっているのか。新しい外見の好き嫌いにかかわらず、新機能の中にはユーザビリティにとっては歓迎すべき改善もある。その一方、苦痛をもた
【追記】原宿バージョンのサービス終了について‐ニコニコインフォ
【追記】12/3 13:00 いつもniconicoをご利用いただき、ありがとうございます。 事前にお知らせをしておりましたが、 本日12月3日をもちまして ニコニコ動画、ニコニコ生放送の原宿バージョンはサービスを終了致しました。 原宿バージョンをご利用中だったユーザーの皆様は 自動的にGINZAバージョンへ切り替わっております。 今後ともniconicoをよろしくお願い致します。 【追記】11/26 22:00 ご意見に対する回答を追記いたしました。 ・タグ検索が使いづらい件 ・スペースキーで動画の再生/停止できない件 いつもniconicoをご利用いただきありがとうございます。 ニコニコ動画、ニコニコ生放送の原宿バージョンは、かねてよりお伝えしておりましたとおり2013年12月3日の13時をもちましてサービスを終了させていただきます。 現在原宿バージョンをご利用の場合、自動的にGINZ
UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー（便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ）によって阻止されるのは中の人としては決して喜ばしいことではない。 ユーザーは「最高にクールなUI」がわかるか？まずこの問いから始めたい。一般ユーザーは「最高にクール」なUIがわかるか？ 答えはNOだ。彼らは「使いやすい」UIはわかっても「クール」なUIはわからない。そして「使いやすい」というのは結局各人の主観に依るものなので、この「使いやすい」UIというのは参考にはできても信用はできないものである。 この話を読んで真っ先に思い出した１つの話がある。 フラットデザインや新機種が評判どうか、というのはAppleにとっては意味が無い
ペットボトルの蓋
２日ほど前のことだ。実家に帰るため、電車のプラットホームにいた。電車の前の方にいこうと思って、移動していた１０秒ほどの間にそれを見た。 ７０歳くらいのおばあさんだった。カバンから取出したペットボトルの蓋を開けようとしている。でも、開かない。僕の目の前で３回くらい、ペットボトルの蓋を開けようとして、でも力がないからか、結局開けられず、諦めたようだった。 一度はそのおばあさんの横を通り過ぎたのだが、なんとはなしに戻ってみて、「開けましょうか？」と声をかけたら、「お願いします」と言われたので、開けてあげた。ただそれだけの行為なのだが、おばあさんは満面の笑みを浮かべてお礼を言ってくれた。 何故、「開けましょうか？」と声をかけたのか、というと、半年ほど前に、８０歳くらいのおばあさんが書いた本を読んでいて、その中で、「６０歳を過ぎたら、握力が極端に落ちてしまうの」ということが書かれたいたことを、その時
AdSenseのテキスト広告の矢印
AdSenseのテキスト広告にのみ表示される矢印が変わった。今までは灰色のゆるやかなグラデーション背景の長方形に黒い矢印がのったものだったが、広告のカラースキームでタイトルに指定した色(より少し明るい色)が背景の丸に>がのったものになった。ちょっとの間、青の四角に白矢印だったような気がしないでもない。 広告のカラースキームはウェブサイトのカラースキームと似た(あるいは同じ)ものになる上、丸に>は比較的メジャーなデザインなため、ウェブサイトのウィジェットとかぶる可能性がある。このウェブサイトでは一部で使っているページングでほぼ同じデザインを使ってて丸かぶりだった。 この矢印は広告の許可とブロックから無効に出来るようだ。広告の許可とブロックのページの右ペインから広告配信タブを選択すると出てくるテキスト広告セクションにあるエンハンスト テキスト広告がその設定で、これを無効にすると矢印が表示されな
母親から学ぶ使いやすいウェブサイトのインターフェース・デザイン
インターネットが苦手な母親に子どもが使い方を教えるのはほほえましい光景ですがなかなか骨が折れるものです。そんな母親が1人でもウェブサイトを使えるようにデザインすることで、誰にでも使いやすいユーザー・インターフェースを作る方法がまとめられています。 Designing User Interfaces for Your Mother — Design/UX — Medium https://medium.com/design-ux/dd45ec50f7b0 ◆母親のためのインターフェース・デザイン ウェブデザイナーであるトニー・ジャインズさんは、「ちょっとコンピューターのことを見てくれない？いろいろと大丈夫かしら？」とよく母親から不安そうに聞かれるそうです。彼女はインターネットを使いますが、全てを知っている訳ではありません。そこでジャインズさんは世界中に何百万の母親と同じレベルのユーザーがいる
タブレットのユーザビリティ
タブレットのユーザビリティを脅かす最大の脅威は、フラットデザインと不適切に縮尺を変更されたデザインである。そしてその後には貧弱なジェスチャーとワークフローが続く。 Tablet Usability by Nielsen Norman Group on August 5, 2013 日本語版2013年8月22日公開 これまでタブレットユーザーを対象にしたユーザビリティ調査を6回実施してきた。良い知らせは、タブレットのユーザビリティがまぁまぁ信頼できるものであり、初期の、奇抜なiPadアプリのまとまりの頃に比べると、大幅に改善されてきていることである。あれはユーザーをすっかり当惑させることが多かった。 テストしてきたのは数世代にわたる大小のiPadと、（Kindle Fireを含む）Androidタブレットの多数のモデル、（Microsoft Surfaceを含む）いくつかのWindowsタブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blog | We are Realmac Software
「新旧のUIを両方とも残せ」という発想さー
Amazon.co.jp: モバイル・ユーザビリティ: 使いやすいUIデザインの秘訣: ヤコブニールセン (著), ラルーカブディウ (著), グエル (翻訳): 本
