SUUMOの大規模リニューアルにおける、UXデザインの考え方・進め方
SUUMO注文住宅の「成果につながるリニューアル」 片山雄介氏：「成果につながるリニューアル」というテーマで、リクルート住まいカンパニーの片山からご説明させていただきます。よろしくお願いします。 簡単に自己紹介させていただきますと、私は今リクルート住まいカンパニーの「SUUMO」というサービスの中で、新築マンションと注文住宅の領域のマネージャーをやっております。学生時代はもともとエンジニアでしたが、リクルートに入社してからはずっとUXデザインに関わる業務を行っています。 業務の内容としては、SUUMO内の複数のプロダクトにおけるUXデザイン・ディレクションや効果改善チームのプロダクトオーナー、VRを使ったモデルルーム案内の技術の企画開発のチームリーダーなどをやっていました。最近は大規模リニューアルのUX責任者を経た上で、現在の部署のマネージャーをやっております。加えて、リクルート横断のナレ
Googleで生まれた「スプリント」――新規事業のリスクを減らし組織で学習する方法 | Biz/Zine
Googleで生まれた「スプリント」――新規事業のリスクを減らし組織で学習する方法 GV デザインパートナー / 「スプリント」の生みの親 ジェイク・ナップ氏 講演レポート 「スプリント」は、Gmail や Google Chromeなど様々なサービスの新規開発や改良に使われ、グーグル社内で浸透した後、ベンチャーキャピタルのGV（旧グーグル・ベンチャーズ）に取り入れられ、Slackやブルーボトルコーヒーなど100以上のスタートアップが実践する開発プロセスだ。その生みの親で元GVのデザインパートナーで、先日、IDEO客員研究員就任の発表があったジェイク・ナップ氏が来日した。当メディアでの連載も好評な池見氏が代表を務める株式会社groovesの主催にて、ジェイク・ナップ氏による講演とスプリントを体験するワークショップが開催された。ここでは、氏の講演の内容をお届けする。 “やってみないとわからな
色弱だったデザイナーが過ごした10年とこれから｜TSUYOSHI KANEKO / GOGEN株式会社CXO
実は色弱だけどデザイナーしてました。 どれくらい色が見えないかというと、以前詳しく検査していただいた時には12段階中でLv11くらいに色が見えなかったので結構キツイほうなんじゃないかなと思います。例えばサクラの花はモノクロに見えています。 この記事は、自身がデザイナーとしてのプロフィールを語るときに「色弱だけどデザイナーやってます」と公言していこうという儀式みたいなものです。 この個性についての特別な知識だったり、安易に「色弱でもデザイナーなれるよ」みたいなエールを伝えられるほどの話じゃないので、こんな人生もあるんだなぁくらいのエッセイとしてお読みください。 ハンデだと思われたくないので隠してましたプロのデザイナーとして12年、「ハンデがあるけど頑張ってます！」みたいな風に見られるのが嫌で、基本的には隠す方向で仕事をしていました。 同期や同年代と同じ土俵で比べられたい！という意地と。一度公
メンタルモデルとは何か？マッチングアプリのUIデザインから読み解く4つの概念｜Goodpatch Blog グッドパッチブログ
ユーザーに行なって欲しい操作や行動を導くインターフェイス／インタラクションのデザインを行うために、デザイナーはどんな意識をもつ必要があるのでしょうか。 今回は意識するべき概念の1つとして、メンタルモデルを紹介します。 Goodpatchでは、新規サービスの立ち上げやサービス・プロダクトの改善のご相談も受けております。 ⇒【資料ダウンロード】事業の提供価値を素早くカタチにし価値検証を回すフレームワーク「デザインスプリント」とは？ 観客からすれば、映画に夢中になると、光の点滅やスプロケットのことなど忘れてしまう。というより、多くの観客は、映写機の仕組みだとか、それがテレビの仕組みとどのように違うかといったことなどまず知らない。観客は、単純に大画面に動く写真が映し出されているだけだというイメージを持っている。 （引用元：アラン・クーパー『About Face 3 インタラクションデザインの極意』
プロダクトに眠る時限爆弾「UX負債」との向き合い方
デザインにもある『負債』 作ってから指標を考えるのではなく、何を計測すべきか事前に決めたほうがデザインがしやすくなります。作る目的がハッキリしますし、目的に沿った デザインフィードバックができるのもメリットです。 プロダクト / サービスの成長のためには、適切な指標をもつことが必須です。しかし、すべての施策が計測できるわけではないのが悩ましいところです。例えば「ボタンの一貫性を整える」といった施策に取り組んだところで、クリック率は上がらないですし、ユーザーテストをしても判断が難しい場合があります。 だったらすぐにユーザーインパクトのある施策をしたほうが良いということになって後回しになりがち。こうした『しっかり考えて作ったほうが良いけど、優先順位が落とされてしまう施策』はたくさん眠っています。他にも大事なことがあるのは間違いありませんが、放置しておくとだんだんプロダクトの『負債』が溜まってい
UXピラミッド – UXデザインの正しい評価方法 – デザイン会社 ビートラックス: ブログ
前回の「UXハニカム – UXデザインの正しい品質評価方法 –」では、サービスやプロダクトのUXデザインを評価する際に一般的に用いられている、UXハニカムを活用した方法を紹介した。加えて、実はもう一つユーザー体験のクオリティを測る方法がある。 ユーザー体験を構成する3つのポイント消費者がサービスを受けるとき、ユーザーがプロダクトを利用するときに受け取る体験の質を高めるのがUXデザイナーの仕事になる。 そして、その体験を左右するのが、1. 見た目の品質 (Look), 2. 感覚の品質 (Feel), 3. 使いやすさ (Usability) である。大きく分けてこの3つの要素のクオリティが高いほど、ユーザーに対してより優れた体験を提供することが可能になる。 実用性と利用感覚を測るUXピラミッドUXハニカムに加えて、もう一つのUXクオリティを測る手法としてUXピラミッドがある。6つの階層で構
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
プロダクトの「色」と向き合う「デザインとエンジニアリング」 | CyberAgent Developers Blog
UXエンジニアの谷です。 「クリエイターHangout」はデザイナー数名のグループで構成される社内のコミュニティです。（Hangoutについては過去の井上の記事をご覧ください。）定期的ににテーマを設けての勉強会や活動をおこなっているのですが、その機会に今回講師として参加させてもらいました。 ▼今期のHangoutのグループ Webフロントエンドエンジニアでもある私が講師を勤めたのは「デザインとエンジニアリング」です。今回はデザイナーとエンジニアのコミュニケーションにおいて、課題となる「色」を主題に「デザインシステム」のトピックを交えておこないました。 1. デザインシステムの定義とは 2. 第1回 色の棚卸し 3. 第2回 & 第3回 色の整理 4. 第4回 コントラストチェック 5. 色と名前を決めることの難しさ 6. デザインシステムはどこまで作り込むか デザインシステムの定義とは 「
Whyとは何か？を言語化してみる｜Naofumi Tsuchiya / Goodpatch
Whyとは一体何なのか 🧐近年、多くの会社で聞かれるようになった「Why」の重要性。 Goodpatchも例に漏れず、会社のカルチャーの根底に「Why」があります。 今となってはWhyって大事だよねーと抽象的概念で重要性が伝わりますが、実はWhyとは何かという言語化はあまりされてないことが多いと思っています。 今日はそんなWhyを少しだけ深掘って自分なりに言語化してみたいと思います。 Goodpatchが創業期から大事にしているWhyから考える文化GoodpatchがWhyという言葉に触れたのは創業から2年ほど経った時期でした。当時は会社のビジョンもミッションもまだ明文化されておらず、社員は30名近くになりつつあり、メンバーがこの会社はどこに向かっているのかという声がが聞こえ始めた時でした。 そんな時にある人からサイモン・シネックの「優れたリーダーはどうやって行動を促すか」というTEDの
世界が注目する「狩野モデル」で、顧客満足度の高いプロダクトデザインを - Workship MAGAZINE(ワークシップマガジン)
「狩野モデル」は、品質管理の専門家である東京理科大学名誉教授・狩野紀昭氏によって提唱された、顧客満足度と品質の関係を表したモデルです。「Kano Model」として、海外でも広く知られています。顧客満足度を左右する品質の要素を5つに分類し、それぞれ優先順位をつけるのが狩野モデルの特徴です。 1980年代に提唱され、現在でも国内外を問わず活用されている狩野モデルは、プロダクトデザインはもちろん、サービスやアプリケーションのUXを考える上でも非常に強い味方です。 今回は狩野モデルにおける5つの分類を、グラフを使ってご紹介します。 狩野モデルの概要 狩野モデルは、製品やサービスに求められる品質を5つに分類します。それぞれの品質について、「要素の充実度」を横軸、「顧客満足度」を縦軸にとり、その要素が満たされることでどのように顧客満足度が変化するかを表したのが上記のグラフです。 品質の各要素を優先度
UI トレースは何をトレースしているのか｜ai
エレクトリックベースをはじめて買ったとき、まず練習したのは Mr.Big の To Be With You だった。Billy Sheehan のベースの中ではそこまで難易度が高くないバラードだし、寮で同じ部屋の先輩が、よく口ずさんでいたから。 楽器を手にした人が最初にやるのは、誰かの作った曲を奏でることだろう。たくさんの曲をコピーするうちに、だんだんと自分なりの弾き方が身についていく。 その練習方法について批判する人はあまりいない。しかし UI のデザインやイラストになると、とたんに渋い顔をされたりする。 自分が良いと思ったデザインをトレースし、なぜ良いと思ったのか分析することは、有意義なことだと私は思う。もちろん、ただ写すだけではツールの習得にしかならない。 しかし例えば、有名な Jesse James Garrett の 5 Planes Model を地図に、トレースした表面から深
「AbemaTV」のデザインは「A/Bテスト」にどう向き合うか？ | CyberAgent Developers Blog
目次 ・はじめに～なぜ「A/Bテスト」を導入したのか～ ・「AbemaTV」におけるA/Bテストの具体例 ・A/Bテストによる恩恵、そして課題 ・どう向き合っていくか？ ・最後に はじめに～なぜ「A/Bテスト」を導入したのか～ 「AbemaTV」では、日々プロダクトの様々なグロースを行なっています。 その検証手段として導入している「A/Bテスト」に対して、デザインがどう向き合うか？を記していきます。 なお、本記事は「A/Bテストの正しい方法論」や「統計や分析に対する論点」ではなく、「デザインがどう向き合っていくか？」という考え方の部分を書いていきます。 「AbemaTV」は2016年4月にリリースし、直後から新機能追加やグロース施策を実施してきました。 デザインが関わるグロースの軸は、2019年時点で主要なKPI毎に5つのプロジェクトがあり、それぞれにUIデザイナーが1~2名ずつ所属してい
クックパッドのデザイナーが語る、サービスデザインでハマりやすい3つの落とし穴。倉光美和が対策を公開！ | キャリアハック（CAREER HACK）
サービスデザインで陥りやすい３つの落とし穴｜クックパッド ※2017年6月に開催された「UX Failcon 〜先人たちの偉大な失敗と成功〜」よりレポート記事をお届けします。 271万品のレシピが投稿され、月間6000万人以上に利用されている料理レシピサービス「クックパッド」。同サービスのデザイナーとして、iOS/Androidのアプリの改善や新機能の開発を行っている倉光美和氏からは「サービスデザインでハマりやすい落とし穴」について語られた。 クックパッドにおけるサービスデザインは、“仮説を立てて、開発を実行し、ユーザー検証を行う”というサイクルで行っていく。倉光氏によれば、「仮説・実行・検証」という3つのフェーズごとに、それぞれ落とし穴が存在するという。 ※（レシピ数は2017年7月時点、利用者数は2017年3月時点の数字） 1. 理想の体験がユーザー視点でうまく定義できていない 仮説を
徹底図解 入力フォームのデザイン・UXを高める15の方法 - ポップインサイト
サインアップ画面やデータ入力画面の「フォーム」は、サイトやアプリ設計において最も重要な要素の1つです。本記事では、入力フォームデザインのUXを高める15のルールをご紹介します。 ポップインサイトでは、ユーザーリサーチのファクトにもとづいたWEBサイト改善を支援しています。WEBサイトのUX改善に課題がある方はお気軽にご相談ください。⇒UXデザイン/UXリサーチについて相談する ※紹介資料の無料ダウンロードはこちら ※関連記事：【EFOとは？】入力フォーム最適化施策8選：CVR（コンバージョン率）改善のコツ ※この記事はuxdesign.ccの記事を許可のもと翻訳・編集したものです。 翻訳元記事：Design Better Forms (2016/7/5) 著者：Andrew Coyle
スライダーを使いやすくする４つのクリエイティブな工夫
スライダーは昔から身のまわりにあり、任意の値や範囲を選ぶためのUIとしては事実上最もスタンダードなものとなっています。選べる範囲をユーザーがすぐに把握できるので便利です。 本記事では、UI要素として馴染み深いスライダーのクリエイティブな例をいくつか見ていきましょう。 １. 設定値を視覚化する スライダーは、ユーザーが特定の値や範囲を選べるコントローラーです。ユーザーはほとんどの場合、スライダーのラベルを読んでどのような値をコントロールできるかを知ります。それに加えて、データをスライダーと連動させて視覚化することで、より強い効果を生み出すことができます。 絵には言葉1000個分の価値があります。 購入する家の部屋数を選ぶもの。ユーザーがいくつの部屋を持つ家の購入をスライダーで選択するかに関わらず以下のように視覚化できます。
優れたボタンデザインのための７つのガイドライン
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 ボタンはインタラクションデザインに欠かせない要素です。ユーザーとシステムの意思伝達において大切な役割を担っています。この記事では、効果的なボタンを作成する際に知っておくべき７つの基本原則について説明します。 １. ボタンをボタンらしく見せる UIを操作するとき、ユーザーは「クリックできる」ものとそうでないものを即座に知る必要があります。ユーザーは、デザインされたすべてのアイテムを解読しなければなりません。そのため一般的に、ユーザーがUIを解読するのに必要な時間が長くなればなるほど、ユーザーにとって使いにくくなります。 しかし、ユーザーはどのようにして要素がインタラクティブかどうかを判断するのでしょうか？ UIのオブジェクトを理解するために、ユーザーはこれまでの経
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
カウカモのリードデザイナーが語る、住まい探しの新しい体験 ー UX MILK Fest 2019 イベントレポート | remark
深澤直人が語る「INFOBAR xv」と、プロダクトデザインの未来
The Blog | Welcome to Adobe Blog
Skypeから考える、デザインリニューアルの失敗について - CrowdWorks Designer Blog | クラウドワークス デザイナーブログ