ケチャップボトルの事例で考えるユーザー体験の評価方法
Measuring Uの創設者。シックスシグマに熟練した統計学分析者であり、ユーザーエクスペリエンスを定量化したパイオニアでもあります。 ケチャップボトルを観察したことはありますか？ LinkedInで話題になったミームですが、ケチャップボトルを例にするとUI（ユーザーインターフェイス）とUX（ユーザーエクスペリエンス）の違いを上手く説明できます。 従来のケチャップボトルは単なるUIです。しかし、2002年に導入された、蓋とボトルが逆さまの状態で立てることができるケチャップボトルにはユーザー体験があると言われています。 UIとUXの混同 このミームを広めている人々に悪気はありませんが、この例には、UIとUXの違いを混同してしまう原因が現れています。実際には、両方のボトルともUIを提供していると同時にユーザー体験があるのです。 本来意図されているのは、新しいケチャップボトルのほうがより優れた
デザイン思考はイノベーションを保証するものではない | UX MILK
JonathanはベルリンにあるAJ&Smart社の共同創設者およびUXディレクターです。彼は世界中で、プロダクトデザインのワークショップや講義を精力的に行っています。 まず認めなければいけないのが、私たちデザイナーのほとんどが、デザイン思考とは何かを正確に理解していないということです。 私の場合は、デザイン思考とはプロセスで、クリエイティビティに関することだと思っていました。今では、デザイン思考とは心構えや哲学であるとしっかり理解しています。 そして、正しい理解こそ、デザイン思考が威力を発揮する出発点です。 私が創設したデザインエージェンシーのAJ&Smartでは、デザイン思考を、問題解決のためやソリューションを生み出すために活用しています。単なる「クリエイティブな」プロセスとしては扱いません。「クリエイティブなプロセス」と言うと、フルタイムで創造力を発揮する人たちが必要であるように聞こ
相手を説得するときにデザイナーがやってはいけない８つのこと
Paul BoagはUXデザイナーでデジタルトランスフォーメーションのエキスパート。非営利団体がWeb、ソーシャルメディア、モバイルを利用する支援をしている。 私たちは仕事をするために、クライアントとステークホルダーを納得させる必要があります。彼らがいないと、私たちは必要なことをするための承認を得ることができません。しかし、私たちのほとんどは説得するのが驚くほど下手です。よって問題は、私たちがどのように説得に失敗するのか、それについてどのように対処するべきかです。 私は、６月末のオンラインワークショップの準備にあたり、クライアントやステークホルダーとどのように協力して仕事するのかについて、多くのことを考えました。これは、同僚やクライアントから同意を得る方法について４つのパートから説明するものです。 私がこのようなワークショップを開くのは、ほとんどすべての作業において、やる価値があると他人を
より良いUXポートフォリオを作成するための３つのポイント
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 UXデザイナーはポートフォリオを必要とするべきだと思っている人たちは、一度考え直したほうが良いかもしれません。 UXデザインはグラフィックデザインではありませんし、コンテンツのビジュアル要素で驚かせることではありません。そうは言ってもUXのポートフォリオは、それなりに普及しているのが現状です。そのためこの記事では、ポートフォリオを少しだけ良くするための方法を紹介します。 良いポートフォリオがもたらすものとは？ 簡単に言えば良いポートフォリオとは、見込み顧客に対してそのデザインに至った思考のプロセスを示すものです。つまりポートフォリオでは、リサーチから始まりデザインを考えるまでに辿ってきた道筋、そしてそれが生み出した結果を示しましょう。 良いUXのポートフォリ
FABをデザインに取り込む際に気をつけるべき３つのポイント
フローティングアクションボタン（FAB）は主にAndroidアプリにおいて、よく使われる操作方法です。FABは、UIの上に浮く丸いアイコンのような形で、デザイナーにとってはアプリの製品ストーリーの重要な部分を表現するためのツールです。 FABは非常にシンプルで導入しやすいUI要素ですが、実際にはデザイナーは間違ってデザインに取り込んでいることが多くあります。 この記事では以下の質問に答えていきたいと思います。 FABを使うタイミング FABのベストプラクティス UXを向上させるための、FABとアニメーションの組み合わせ方 FABを使うタイミング 特徴的なアクションを強調したいとき FABはもっとも関連性があったり、頻繁に使われるアクションを強調します。アプリの中でも、強い特徴を持つアクションに対してFABは使われるべきです。理想的には、以下の画像のようにFABはアプリ全体において中心的な機
オンボーディングについてレストランから学ぶべきこと
Adamはイギリスの起業家および慈善活動家で、「違いを作る人たちが違いをもたらす仕事をサポートする」というミッションの下に活動するFairheadという企業の創設者です。 一流のシェフが料理に対して「火の通し過ぎだ」と怒鳴りつけることと、ユーザーに対する優れたオンボーディングの間には、どのような関係があるのでしょうか？ 素敵な食事の体験というものには、食べ物自体よりはるかに興味をそそられる何かが存在します。それこそが、オンボーディングの体験です。 編注：オンボーディングは、新規ユーザーがサービスに慣れてもらうためのプロセスを指します。 この記事では、レストランでのオンボーディングの優れた部分と、それを今後のUXデザインにどのように応用できるかを解説していきます。 １. ドアの向こうにあるもの 前回私が妻とパリを訪れたとき、ほかの観光客と同じように私たちはよく外食をしました。ドラマチックな演
MVP（Minimum Viable Product）とは？実践するメリットと検証方法
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 MVP（実用最小限の製品： minimum viable product）という考え方が広まったのは少し前のことです。MVPはFrank Robinson氏によって定義され、起業家であり学者のSteve Blank氏と、リーンスタートアップ（Lean Startup）を提唱したEric Ries氏という２人のプロダクトデザインの権威によって有名になりました。 MVPとは？ 簡単に定義すると、MVPとは、製品を提供する上で必要最小限の機能のみをもつ、もっともシンプルな製品です。しかし一般的には、「顧客価値があり、利益を生み出せる最小限のもの」と考えられています。 MVP戦略においては、価値基準を理解することが決定的に重要です。たとえば、車輪は車輪だけではユーザ
デザインの基本原則：シンメトリーとアシンメトリー
この記事はInteraction Design Foundationからの翻訳転載です。配信元または著者の許可を得て配信しています。 Symmetry vs. Asymmetry - Recalling basic design principles デザインにおける２つの重要な原則を見ていきます。これらは一見あまりに単純で当たり前のようで、考えるほどのことでもないように思えるでしょう。しかし私たちはその性質や効果を過小評価してはいけません。つねにシンメトリー（対称）とアシンメトリー（非対称）を心にとどめておくことで、デザインを計画して実行するときに、より良い判断を下せるようになるでしょう。 デザインを組成する個々の要素を、中心点や中心軸を基に均等に配置すると、シンメトリーのデザインになります。自然界におけるシンメトリーのわかりやすい例が蝶々です。左右の羽が（完全に同じでなくても）きわめて
プロダクトリリース前に確認したい23のUXチェックリスト
Fabio Muniz氏はTestLodge社のプロダクトデザイナーであり、製品開発の立ち上げ段階における設計で活躍しています。Fabio Muniz氏の仕事はfabio.designでご覧ください。 ソフトウェアの設計プロセスではプロダクトの欠陥が見つからず、ユーザーが使う段階になって欠陥が明らかになりユーザー体験を損ねてしまうことがあります。 この記事では、そういった事態に陥らないようにチェックしておくべき事項をリストアップしました。ここで挙げるチェックポイントは一般的なものであり多くのプロダクトに適用可能ですが、例外もあることをご理解ください。 インタラクションデザイン 01 - 頻繁に発生する操作が簡単にできるか チェックをする理由：同じ情報を繰り返し入力することは面倒であり、ユーザーの生産性向上に寄与しません。面倒な操作が多ければ、ユーザーはより生産性の高い競合プロダクトへの乗り
デザインにおける共通言語を作ることの重要性
Alanはアイルランド人のプロダクトデザイナー。専門はビジュアルデザイン、イラストレーション、ブランドアイデンティティ。 デザインシステム言語（Design System Language、以下デザイン言語）という言葉が、デザイン業界でバズワードになっています。 編注：デザインシステム言語は、デザイン原則やパターンによって定義されたデザインに関する共通の言語。デザイン要素の名称やタイポグラフィ、配色などのルールを含みます。 しかし実際、デザイン言語は製品づくりにおいてどう有用なのでしょうか？ この記事では、デザイン言語がなぜ必要なのかを理解してもらえるよう、デザイン言語の基本について説明しようと思います。 基礎となる言語を作ることが、プラットフォーム内のデザイン哲学と方法論を１つに結びつける。 なぜデザイン言語が必要なのか？ デザイン言語が必要とされる理由を、内的視点と外的視点の２つから考
Googleデザインスプリントにおける５つのプロセス | UX MILK
リソースが不足し、予算が取れない中で、企業は成功のほどが不明な大規模のデザインプロジェクトへの投資に乗り気にはなりません。 そんな中Googleは、デザインプロセスを速くし、価値あるインサイトを提供する方法論を作り出しました。 必要最低限の機能を持った製品（MVP）のことは一旦忘れて、１週間以内にプロトタイプを作り出し、テストすることにフォーカスしてみましょう。 Googleデザインスプリントプロセスの概要 Googleデザインスプリントは、５段階のプロセスで構成されます。各段階のプロセスは実行するのにおよそ１日（８時間）かかり、５段階すべて実行するにはおよそ40時間かかります。 素晴らしいデザインプロセスでは、繰り返すこと（イテレーション）が重要です。実際には、最初のスプリントで修正案をつくり、そのあとに少なくとも２回のイテレーションを回すことが強く推奨されています。 また、自分のアイデ
UXを向上させる５種類のアニメーションの使い方 | UX MILK
Nick Babich氏はソフトウェアディベロッパーです。大のテクノロジー好きで、UI/UXをこよなく愛します。彼のwebサイトはこちらです。http://babich.biz。 モーションはストーリーを伝えます。長く複雑なストーリーではなく、「今ここを見て下さい」や、「操作は正常に完了しました」などのシンプルなストーリーです。 しかし、アニメーションの目標は、ユーザーを楽しませることではありません。ユーザーが何が実行されているか理解し、より便利にアプリを使う方法を理解するための手助けするためにあります。このアイディアは、Zurbの記事にある次の言葉の中ではっきりと表現されています。 We’re no longer just designing static screens. We’re designing for how the user gets from those screens
工数見積もりやスケジュール管理で参考になる記事10選
プロジェクトを遂行するためには、工数の見積もりやスケジュール管理が必要になります。正確な見積もりは難しく納期に間に合わなかったり、残業や休日出勤で埋め合わせたりした経験はありませんか？ 今回は、より正確に工数の見積もるための手法や、差し込み作業を考慮したスケジュール手法などについて解説されている記事をまとめました。 マネージャー、エンジニア、デザイナーなどすべての方に参考なる内容だと思います。 開発の見積もりとスケジュール管理 クックパッド株式会社の方が実践している見積もりとスケジュール管理方法について紹介されています。工数を見積もるステップや、スケジュールを立てるときの注意点、スケジュール管理の方法について学びたい方におすすめの記事です。 開発の見積もりとスケジュール管理 不安とストレスから解放される見積りとスケジュール方法 開発をしているとき、納期に間に合わなかったらどうしようと不安に
プレゼン資料の基本やコツが学べる記事＆スライド10選
「今度のプレゼン、資料づくりは君に任せたから！」、上司から突然そう言われて困っているプレゼン初心者のあなたも、数はこなしているもののイマイチ自分のプレゼンに自信が持てないというプレゼン中級者のあなたも、これさえ見れば安心のプレゼン資料の作り方が学べる良質な記事＆スライド10選をご紹介します。 プレゼンのやり方やスタイルは人によって様々です。色々な人のスタイルを見ることで、自分なりのまとめ方を探っていきましょう。 プレゼンテーションの基本・コツ All Aboutのプレゼンテーション・企画力ガイド、野村 尚義によるプレゼンテーションの基本に関する記事です。そもそも論からはじまり、プレゼンの目的や構成で気をつけるべき点などについて、プレゼン初心者向けに詳しく解説されています。 Vol.1 プレゼンテーションの基本を学ぼう 起業に関するあらゆる情報がまとめられたサイト「DREAM GATE」では
環境構築は必要なし！すぐにプログラミングが始められるWebサービス10選
コードを試したい場合だったり、プログラミングの学習をしたりするときに、開発環境を整えるのが面倒なことはありませんか？今回は面倒なアカウント登録も不要で、ブラウザだけですぐにプログラミングができるWebサービスをご紹介します。 Runstant http://phi-jp.github.io/runstant/release/alpha/ 対応言語：HTML, CSS, JavaScript Web系のコードを試すときに便利なサービスです。エディタがSublime Text風のハイライトで見やすく動作もサクサクなので非常に使いやすいです。saveボタンを押すことでコードの情報が入ったURLが自動的に生成され、簡単に他の人にシェアすることができます。また、上のshareボタンを押した後にembed codeの内容を記事内に埋め込むとコードと開発環境自体も埋め込むことができます。Webデザイナー
実はあのアニメやマンガで使われていたフォントまとめ
デザインをするとき、「あの作品みたいなフォント」のようにイメージしたり、説明したりすることはないですか？ 今回は有名なアニメ作品の中でもフォントが特徴的なものを集めてみました。 マティス-EB アニメのフォントとして必ず引き合いに出される定番フォントがマティス-EBです。こちらは「新世紀エヴァンゲリオン」の題字で使用されていることで有名ですが、元のフォントを見ればわかるように、使用の際にはかなり横幅を圧縮しており、独特の緊張感を醸し出しています。 ラグランパンチUB こちらは見覚えのある方も多いのではないでしょうか。作中にもタイポグラフィを大胆に使ったことで話題になった「キルラキル」のフォントです。そのインパクトあるボールドさと、大胆な赤と文字づかいでラグランパンチはキルラキルフォントとして一躍有名フォントとなりました。 ゴシックMB101 モリサワフォントに収録されている、使い勝手のいい
Flashはなぜその役割を終えたのか
デザイナー/デベロッパー。Fotogramme for Instagram 作者。フリーランサー。ウェブやモバイルアプリのUXディレクション、デザイン、開発を手がけています。 @hiro_kimu emotionale.jp。 Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによる調査結果では、2015年12月現在、ウェブサイトでのFlashの採用率は9.6%にまで落ち込んでいます。2011年1月の同調査では28.5%だったことを鑑みると、ウェブに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gitを一度はあきらめた人のためのわかりやすいスライド９選
