キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
UI トレースは何をトレースしているのか｜ai
エレクトリックベースをはじめて買ったとき、まず練習したのは Mr.Big の To Be With You だった。Billy Sheehan のベースの中ではそこまで難易度が高くないバラードだし、寮で同じ部屋の先輩が、よく口ずさんでいたから。 楽器を手にした人が最初にやるのは、誰かの作った曲を奏でることだろう。たくさんの曲をコピーするうちに、だんだんと自分なりの弾き方が身についていく。 その練習方法について批判する人はあまりいない。しかし UI のデザインやイラストになると、とたんに渋い顔をされたりする。 自分が良いと思ったデザインをトレースし、なぜ良いと思ったのか分析することは、有意義なことだと私は思う。もちろん、ただ写すだけではツールの習得にしかならない。 しかし例えば、有名な Jesse James Garrett の 5 Planes Model を地図に、トレースした表面から深
デザインにおけるHow Might Weとは何か：具体例とその効果 - デザインダイアローグコペンハーゲン
このブログでは何度かHow Might We（How Might We Question、HMWと書く場合もあります）という単語を使っているにも関わらず、How Might Weについてきちんと説明していない事に気がついたので、そろそろきちんと書いてみたいと思います。 How Might Weと言うのは、日本語にすれば「我々はどうすれば◯◯できるか」というカタチで、解くべき問題を定義する方法です。約10年前にIDEOが使い始めたのち、今では世界中の多くのデザインファームやデザイン教育機関で使われているらしく、もちろん、私の居るCIIDでも例外ではありません。 それにも関わらず、日本語情報が非常に少ない。唯一見つけたのは下記の記事ぐらいなのだけれど、これはHow might weの説明というよりも、使う言葉を変えるだけで色々良いことがあるよ、以上の事は書いてありません。 www.dhbr.n
経験経済の次にくる経済はなにか。｜たけてつ｜note
ちょうど今から20年前の1998年、みなさんは何歳で何をしていましたか？ その1998年に書かれた本で経験（Experience）が価値となり経済の中心となるという内容の本を安藤先生に教えて頂けました。興味深いのは、経験経済の先まで予測されていて興味深く一気読みしました。翻訳された本で少しわかりにくい表現もありますが、できる範囲で僕なりにまとめてみました。 新たな価値の源泉として「経験」そしてその先経験は第四の経済価値とあります。これまではサービス業に分類されていたため、存在に気づいてもらえなかった経済価値とのことで、認知・顕在化してきました。（UXデザイナーにとっては復習かもしれません） この本では経験経済の先が予測されています。 経験をカスタマイズして顧客にぴったりの経験をつくり出し、求められているものをズバリ提供すれば、企業はその人を変えるような影響を及ばすことができます。それは「人
ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」
ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」 仲 裕介（HTML5 Experts.jp副編集長） 3月14日に特定非営利活動法人Web Directors Forum（以下、WDF）とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」が金沢にて開催されました。この記事では、その勉強会のセッションの模様をレポートします。 ユーザーの期待に応えるクックパッドのUI/UXー元山 和之 イベント最後のセッションは、クックパッドでデザイナーをされている元山和之さんです。今回のセッションでは、クックパッドが実践するユーザーファーストなサービス開発の様子を紹介していただきました。 余談ですが、クックパッドさんのプレゼンテ
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
Material design / Shadow をより Shadow に - Qiita
こんにちは @sho5nn です。 この記事は Android Advent Calendar 2014 の9日目の記事です。ご覧いただきありがとうございます。 今日は以下の３つをお話したいと思います。 Material design / Shadow とは Shadow をより Shadow に Shadow をより Shadow にして得たノウハウなど Material design / Shadow とは Google I/O 2014 にて Google が提唱したデザインガイドラインです。プラットフォームやデバイスを限定することなく、原則に基づいて一貫性のある体験をユーザーに提供します。詳しくは以下のリンクや、その他の解説サイトをご覧ください。 http://www.google.com/design/spec/material-design/introduction.html
ココロをとらえる「形態の心理学」って？究極のデザイン法
視覚的構成における成功は、人々がそれをどのように認識するかに非常に関連しています。 多くの要因が人間の知覚に影響を与え、重要なのは心理学となってきます。 今日の記事で取り上げるトピックは、形の心理学と呼ばれています。 これがどのように研究され、創造的なプロセスでデザイナーを助けることができるかを見てみましょう。 カタチの心理学とその影響 すべてのビジュアルオブジェクトは、形状において分析することができます。例えば、平均的な家は、三角形が上にある矩形として認識され、太陽は、周囲に線がある円のように表示されることがあります。人々はいつもどんな形や形がそれらを囲んでいるかに気づくとは限りませんが、それでも意識や行動に大きな影響を与えます。人への形の影響を研究する科学は、形の心理学として知られています。 この研究では、それぞれの形には独自の意味があり、心や反応に形ごとに異なった影響を与えると主張し
アンチパターンと言われるカルーセルを改善するポイント
しかし、サイトのカルーセルは果たしてユーザーの役に立つものなのでしょうか？ それとも、ただコンテンツを収納するための常套手段として利用されているだけなのでしょうか。 この問いを誰かに投げかけたとしたら、カルーセルはアンチパターン（よく陥りがちな避けるべき悪い典型例）だと答えが返ってくるでしょう。カルーセルが良いデザインだと思っていない人もいるのです。 Erik Runyon氏による調査によると、サイトの訪問者のうちの１％しかカルーセル上でクリックしないということが明らかになっており、しかもそのうちの84％の人が最初のスライドをクリックしているそうです。 Jared Smith氏は自身のサイトShould I use a carousel?で、もし選択の余地があるのなら、カルーセルを使うべきではないと言っています。おそらくSmith氏の主張はLee Duddell氏の考えからきているもので、
モバイルアプリにおけるナビゲーションUIのデザインパターン
アプリのナビゲーションは、直感的で予測ができなければいけません。新規のユーザーや再訪問したユーザーが、アプリをどのように使ったら良いか迷わないよう、理解しやすくする必要があります。 しかし小さい画面という制限の中で、コンテンツの優先順位を考慮しながら、ナビゲーションを使いやすくすることは非常に難しいです。 この問題に、様々なナビゲーションを使って異なる方法で立ち向かっていますが、多様なユーザビリティの問題に、皆悩まされています。 そこでこの記事では、モバイルアプリの基本的なナビゲーションであるハンバーガーメニュー、タブバーとジェスチャーベースのナビゲーション（タップやフリックを使用したナビゲーション）の３つについて検証し、それぞれの長所と短所を説明します。 ハンバーガーメニュー 画面のスペースは、モバイル上の貴重な商品であり、画面の節約に役立つモバイルナビゲーションのパターンのうち、ハンバ
これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ
フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン思考におけるブレインストーミングテクニック「How might we～？」とは？ | 新規事業・イノベーション共創メディア | Battery（バッテリー）