サービスに求められるものを、6段階に分類する｜深津 貴之 (fladdict)
「サービスの体験をよくする」というのが、漠然としてどうすればいいかわからないとき、まずユーザー体験を6段階に分類するのをオススメします。 この図をベースに、 ・あなたのプロダクトの現状 ・やろうとする施策やアップデートが、それぞれどのレイヤーに属するかを見て、基本は低レイヤー（機能より）のものから、充足させてゆきます。 下記は、家を例にしたのユーザー体験です。 Lv 0. 存在しない家がない。寒い。そして何も解決してない。 Lv 1. 機能がある屋根と壁と床がある。とりあえず雨風がしのげる。色々と我慢すれば、まぁ生きていける。 Lv 2. 安全と安心地震で壊れない。水漏れしない、火災報知器がついた、ドアに鍵がかかるようになった。最低限の信頼性が担保できる状態です。 Lv 3. 使いやすい、わかりやすいまっとうに使えるか。家のなかで迷わない。生活導線が機能するか。キッチンや冷暖房などがスムー
メルマガの登録フォームを効果的にデザインする方法
PaulはUXコンサルタントであり、デジタルトランスフォーメーションの専門家です。非営利団体や企業のWeb、ソーシャルメディア、モバイルを使ったユーザーとの結びつきを支援しています。 メルマガの登録フォームが非常に不快だという意見には私も同意します。以前、私はこのテーマについて記事を書いたことがあります。その後、さらにもう一記事を書きました。 私はメルマガの登録フォームはさらに改善できると考えています。実際、私のサイトの実績を元に登録フォームの効果を証明することができます。 私はメルマガの登録フォームにうんざりしています。企業は何としても私のメールアドレスを手に入れようと、あらゆる手段を講じてきます。無理矢理聞き出すために、あらゆる迷惑な技術を用いてくるのです。閉じることができない鬱陶しいポップアップや、登録をしつこく催促する巧みな話術など、枚挙に暇がありません。 このような技術が機能しな
画像とテキストのジグザグ型レイアウトは、流し読みの効率を下げる
装飾用の画像は、互い違いになったリストのレイアウトで使われていると、ページを流し読みするユーザーがつまずく原因になることが、アイトラッキング調査でわかった。一方、テキストや画像が縦に整列しているページでは、ユーザーは効率的に流し読みをしていた。 Zigzag Image–Text Layouts Make Scanning Less Efficient by Kim Flaherty on November 26, 2017 日本語版2018年6月27日公開 画像は、大きな写真であれサムネイルであれ、現在のWebデザインには欠かせないものだ。特に、トップページや「こういう仕組みです」（How it works）ページのようなストーリーを伝えるページで、企業が複雑なトピックについて書いたり、製品の説明をするときには、関連する画像を付けた説明的なテキストのかたまりがあり、次の列も同じようなテキ
任天堂が新人研修で伝えている、あそび心のデザイン｜娯楽のUI 公式レポート #1 | キャリアハック（CAREER HACK）
[目次] ・「みなさんとクイズをしたいと思います」 ・任天堂流「伝え方」のこだわり ⅰ教えるよりも体験してもらう ⅱファーストインプレッションを大事にする ⅲ体験は面白く ・わかりやすさと高機能を兼ね備えた、UIのデザインプロセス ・「あそび心を伝えるUIデザイン」3つのポイント ⅰUI脳と娯楽脳の二人三脚 ⅱ短所を「娯楽脳」で長所へ変える ⅲ将棋3席 麻雀5席 「みなさんとクイズをしたいと思います」 ※ 2018年4月に開催された「UI Crunch #13 娯楽のUI - by Nintendo -」のレポート記事としてお届けします。 「まずは、みなさんとクイズをしたいと思います」 そんな、あそび心溢れる一言で幕を開けた『娯楽のUI - by Nintendo -』。任天堂で働く現役デザイナーによるデザイン解説セッションだ。 UI/UXデザインチーフである正木義文さんが語ったテーマは「
UXデザイナーがVR・ARについて注目すべき4つの理由
未来は多くの人々の手によりつくられています。その中でも、UI/UXデザイナーは、まだ見ぬ世界を設計する存在と言えるでしょう。彼らは、リッチなVRのデザインから、拡張された「現実空間」まで設計します。 この記事では、すべてのUI/UXデザイナーが画面の世界を超えて、SFのようなVR（仮想現実）とAR（拡張現実）の未来について考えるべき４つの理由を紹介します。 １. VRやARは過去の流行ではない UI/UXデザイナーの中には、VRやARの技術はただの一時的な流行であったのではないか、とその技術に深入りしない人も多くいるかと思います。たしかに見た目がダサいOculus RiftやSamsung Gear VRのヘッドセットを使っている人を見てしまうと、これが頭につけるためのアクセサリーとして流行するとは思えないでしょう。 拡張世界について言うと、期待されていた製品の多くが失敗しています。Goo
UXデザインの基礎知識と参考になる記事5選
UXデザインは重要とよく聞くけれど、具体的になにをすればいいのかわからない…という方は多いのではないでしょうか。もしUXデザインの本当の意味を誤解していたり、軽視してサービスをデザインしていたりすると、理想的な効果をあげられないどころか、むしろ悪評が広まってしまうなんてこともありえます。 UXデザインを理解するためには「UXデザインにはどんな定義があり、どんなものを指すのか」を知らなければなりません。そこで今回は、UXデザインを学びたい方のために基礎知識と参考になる記事をまとめました。UIとUXの違いやUXデザインをするためのポイントを解説していますので、UXデザインの学習の参考に活用していただければ幸いです。 UXデザインの基礎知識 まずはUXについての理解を深めましょう。 UIとUXの違い UX を語る上でまず外せない問題が、UIとUXを混同している方が多いことです。UI / UXと表
UIを取り除くことで改善するUX
スマホの画面を見たり触ったりせずに、ポケットに入れたままで使えるアプリを作るにはどうすれば良いでしょう？ The Best Interface is No Interfaceの著者であるGolden Krishna氏がこの刺激的な新しいUXの議論について、自身の新しい著作をもとに語ります。 Charlesは生活のすべてがスマホの中に入っているように感じています。彼は、日常のちょっとした事をするためにアプリを起動しなければならないことにうんざりしてしまいました。スマホの画面に向かうよりも、人と直接向き合って話をしたいのです。そして、スマホの画面ではなく最新の技術を利用できないか、スマホをポケットからわざわざ取り出さなくても生活が便利にできないだろうか、と考えています。 調査をしたり、過去の事例を見たり、問題となっている事についてインタビューをすることで、UXデザイナーはターゲットとなる顧客層
僕が予期的UXにフォーカスする理由
この記事は専門用語がいくつか出てくるためわかりにくい場合もあると思います。そんな方のために一般的な用語に限ったバージョンも書きましたので、よろしければお読みください。 モノづくりの4つのゴールひと目見れば誰でもわかることですが、サイクルであるということは、「循環」していることと「等価」であることを示しています。 そして、まったく当たり前のことですが、4つのゴールの考え方としては、「ユーザーの行動」を生み出すものは、「ユーザーの体験」です。 （僕自身は必ずしもこの「ユーザーの体験」がいわゆる「UX」と同じものであるかどうかは判断していません。） それを前提として考えを深めた結果、僕はまず予期的UXにフォーカスするという考え方に至ったので、その理由としての経緯を書き留めておこうと思います。 ユーザー体験の時間区分そのいわゆるUXには、「Time spans of user USERexperi
アドビ、新しいUXデザインツール「Adobe XD」のパブリックプレビューを公開
Adobe Systemsは米国時間3月14日、新しいユーザーエクスペリエンス（UX）デザインツール「Project Comet」のPublic Previewを発表した。Project Cometの正式名称は「Adobe Experience Design CC」（短縮形は「Adobe XD」）に決まった。パブリックプレビュー版は「Adobe ID」を持っている人なら誰でも無料で試すことができる。当初は英語の「OS X」版のみが提供される。Adobe XDの完成版は2016年中に提供される予定で、それまでの間、月1回のアップデートサイクルでほかのプラットフォームや言語のサポートが追加されていく見通しだ。Adobeによると、「Windows 10」向けAdobe XDのプレビュー版は「2016年秋」にリリース予定だという。 先週行われたブリーフィングで、Adobeのプロダクトマネジメント担
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概念図を削除（ソー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ＵＸデザインの上流工程の考え方とプロセス� ～リサーチからアイデア発想そしてＵＩデザインへ