「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か？｜moutend
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
「誰にも使われない機能を持つ製品」が生まれてしまう2つの理由 デザイン会社 ビートラックス: ブログ
2019年1月のある日。いつものようにベッドで寝転びながらTwitterを見ていると、あるメディアのツイートが目に止まった。 ＜スマホと連携する、最新スマート冷蔵庫を発表。価格は40万円台。＞ ある家電メーカーがインターネットに繋がる冷蔵庫、いわゆるIoTの冷蔵庫を発表したようだ。 特徴的な機能は、スマホで庫内の温度調整や運転状況の確認が出来たり、スマホにドアの閉め忘れなどを通知してくれること。専用アプリを使ってカメラで食材の画像を撮影すれば、庫内の食材管理も可能だという。 「いったい誰がこんな機能使うのだろうか」これが最初に抱いた正直な印象であった。 “急な来客が決まった際に外出先から庫内を急速冷却するなどの使い方”という説明が書いてあったが、そんなシーンの主語になるような人物像が思い浮かばない。ドアの閉め忘れは「ピーピー」というあの不快な音がすべてを解決しているのではないか。 食材管理
はじめてiPhoneを見たときの感想 : 続・ユビキタスの街角
2006年に渡米してAppleで働くことになったのだが、 2006年10月ごろに発売前のiPhoneを見せてもらったとき感じた感想を書いてみる。 (この感想は2006年10月のものであり、最近編集したものではない。iPhone発売は2007年1月。) iPoneはPIMとしては論外である。 自分がPalmを使ってたときと比較すると問題点がはっきりする。 Palm上では以下のような使い方をしていた。 がんがんメモをとる (POBoxを使う) インターネットと同期しつつ数千のメモを管理する メモ間のリンクを張る (PalmWikiを使う) 大量のメモをインクリメンタル検索する (Q-Pocketを使う) 階層的にフィルタリングしながらズーミング検索 (LensBarを使う) 漢字テキストもローマ字で検索 (Migemo機能) iPhoneはこのようなPIM機能を全く持っていない。 Palmでは
年寄りを困らせる「レスポンシブWebデザイン」 | スタッフルーム | 日経BPコンサルティング
スマートフォン利用者に配慮して「レスポンシブWebデザイン」を採用するサイトが増えています。このデザインは1つのHTMLファイルで、パソコンとスマートフォン、それぞれに適したページを表示できるのが特長。特に若い人をターゲットにする大学サイトで注目を集めています。Googleも推奨する優れた手法ですが、デメリットもあります。話題になることが少ない、ユーザビリティ上の問題点について指摘しましょう。 「レスポンシブWebデザイン」（以下、レスポンシブ）とは、ブラウザーの画面サイズに応じてレイアウトを変更させるWebページの作り方。パソコンとスマホから同じURLにアクセスし、同じHTMLファイルを開くと、パソコンにはパソコンに適したデザイン、スマホにはスマホに適したデザインが表示されます（中には、タブレット向けデザインを用意しているサイトもあります）。 レスポンシブを採用するサイトは最近増えていま
Shunter.jp - 楽天のトップページを内容を変えずに、外観だけ変えてどれだけ見やすくなるか試してみました。
フルサイズ 変更前 まえがき なんで楽天？？ すみません、何かのご縁だと思いますが、セミナーを受けていたら調度思いついた感じです。 先日データサイエンスの始め方・データ分析のデザインパターンというセミナーに参加してきました。 その中で一番私の印象に残ったのが、最後のプレゼンテーションで「楽天」のサイトのデザインについてでした。 内容は簡単に言うと、『「おもてなし」をしましょう。そのためにユーザの感情をデータからモデル化することを目指す！』という話だったと認識しています。 「おもてなし」という考え方は、とても共感しました。ユーザにとっていい物をという思想は常に持っていたい所存です。 当該プレゼンテーションの中では、ホテルのバスタオルの再利用を促すための張り紙を１つの例として扱い 、ユーザとの接し方を変える事でユーザの行動が大きく変わる事をこのことを説明されていました。 この話での、具体的な比
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
ブログのサイドバーって言うほど必要か？"UserHeat"を使ってみたら恐ろしい結果が…
UserHeatというサービスがありまして。 こいつのアカウントを作って発行されるタグをブログに埋め込んでやるとなんとまぁブログ内のどこをクリックされたかってのがわかる（マウスの軌道なんかもわかります）ちゅーすごいものなんですよ。 しばらくこいつを使ってみると面白い結果が得られました。 サイドバーのスルーっぷり！ こんな感じでクリックされたポイントをお星様のごとく教えてくれるわけなんです。 この画面を見るとWindowsのペイントソフトでがんばってつくったヘッダー画像も、無理してねじこんだ過去記事紹介もそれなりにクリックされている感じがあります。 ところがどっこいサイドバー まるで天の川のようにキラキラと輝く本文に比べてサイドバーのスルーっぷり！！なんとさみしいことでしょうか。 というわけでサイドバーからあまり効果のなさそうなものをごっそり削ってみました。どことなくブログの表示スピードも上
マイクロソフトの「Surface」について、シリコンバレーに住む元デザイナーが思うこと。 · 上杉周作
June ’12 注意: 長文で、当たり前のことしか書いていません。あなたの時間の無駄になってもあしからず。 Surfaceのビジョンは透き通っている Surfaceのデザインは透き通っていない Surfaceのビジョンは透き通っている 米マイクロソフト（ＭＳ）が自社ブランドのタブレット（多機能携帯端末）「Surface」を年内に発売する。ソフトウエア世界最大手のＭＳがハード（機器）を手がけるのはゲーム機や周辺機器を除けば異例だ。アップルやグーグルはスマートフォン（高機能携帯電話＝スマホ）やタブレットで急成長を遂げている。パソコンの存在感が薄れるなか、ＭＳは自らタブレットを投入し、巻き返しを急ぐ。(日経新聞) 私は先週のSurface発表で一番よかったのはSurface自体ではなく、マイクロソフトのビジョンが明確になったことだと考えている。 公式ページにある下の画像は、ファイル名がhero
アフォーダンスからシグニファイアへ - A Successful Failure
2012年02月13日 アフォーダンスからシグニファイアへ Tweet D.A.ノーマンが『誰のためのデザイン? 』で紹介した概念、アフォーダンス(affordance)は、UIデザインにおける基本的な考え方として受け入れられてきた。UIに関する書籍を紐解けば、アフォーダンスに関する解説を見つけることができるだろう。率直に言ってアフォーダンスの考え方を知らないUI屋、デザイナーはもぐりと看做してよい。 デザイン界におけるアフォーダンス デザイン界においてアフォーダンスは、製品などのモノが、どのように扱われるべきか、どのような性質を持つものかが、ユーザに一目でわかるように付与された（主に）視覚的なサインの意味で使われる。わかり易い例を挙げると、アフォーダンスとは、踏んでは倒せないノコノコにトゲを付けるようなこと、と説明されている（下図）。トゲゾーはトゲという視覚的なサインによって、踏んではい
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
伊藤内科医院
大分市大石町4丁目1組の2 / 097-543-1100 月・火・金: 8:30～11:45 / 13:30～16:45 水: 8:30～11:45 / 13:30～14：45 木・土: 8:30～11:45 / 午後休診 休診日: 日曜・祭日・木曜午後・土曜午後
「iPad」vs「Kindle」--アマゾンがアップルに学ぶべき5つのこと
米国での発売を前に「iPad」の論評記事が飛び交う中、筆者は敬意を持って顧客に接するという点で、AppleがAmazonから学ぶべき5つの教訓について書いた。しかし、iPadが大きな支持を集めるガジェットになりつつある今、AmazonがAppleから学ぶべき教訓はないだろうか。 もちろんある。 Appleは何をしでかすか予測できない企業であることや、メディアへのアクセスが1つの企業や1つのイデオロギーによって「コントロール」されないことがいかに重要かを考えれば、Appleに対抗できる企業の存在が不可欠だ。願わくは、Amazonが以下の教訓から学んで、Appleが全力を尽くして戦わざるを得ないような接戦を演じてほしい。 ハードウェアの外観 率直に言って、「Kindle」（特に初代Kindle）は、デザインが古臭い。ページをめくるボタンがデバイスを握る位置のすぐ下に付いており、まるでAmazo
第25回 ユーザは使いよう | WIRED VISION
第25回 ユーザは使いよう 2008年7月22日 ITデザイン コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら） 近年のユーザインタフェース開発では「ユーザ中心設計」（User-centered Design）を行なうことが常識になっています。システム設計者の思い込みにもとづいて作られたシステムがユーザにとって使いやすいものになる可能性は低いですが、設計の初期段階からユーザの欲求についてよく検討し、設計の途中段階においても実際にそれが使いやすいかどうかテストを行ないつつ開発を行えば、本当にユーザにとって使いやすいシステムを開発することが可能になります。 ユーザビリティの専門家のJakob Nielsenは以下のような5個の要素を使いやすさの目標としてあげています。 1. 学習しやすさ （Learnability） 2. 効率 （Efficiency） 3.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://hatebu.straightline.jp/