Web・アプリケーションの企画・開発におけるHCD の活動紹介

KEY PERSON INTERVIEWCASE STUDY

株式会社グッドパッチ：村越 悟さん
株式会社セカンドファクトリー

HCD の困りごと Q& A

Web・アプリケーション編

特定非営利活動法人

人間中心設計推進機構
w w w. h c d n e t .o r g

Web・アプリケーションの企画・開発におけるHCDの活動紹介

KEY PERSON INTERVIEW

株式会社グッドパッチ
村越 悟 さん「チームメンバーへよりよい姿勢や思考をもたらす鍵となるのがHCD/UXD 」
UI に特化した設計・デザインで知られる株式会社グッドパッチに所属する村越 悟さん。
個人の活動としても HCD/UXD の啓蒙に積極的に取り組んでいる村越さんに、WEB・アプリ開発における HCD の効果的な導入の方策について伺いました。

「 HCD/ UXDを広めるべく、ユーザビリティテストに注力」
現在は、どのようなお仕事をされていますか。
東京、ベルリン、台湾に拠点を持つUIデザイと開発の工程に関しては、HCDサイクルも参のマネージャーとして、HCD/UXDの考え方と考にしながら、弊社独自のデザインプロセスを手法を組織の中へ広める活動を担当していま策定・実践しています。デザインプロセスはプした。活動にあたっては、いろいろなプロジェロジェクトのキックから、実際の制作工程、運クトに顔を出してHCD/UXDを実践してみるこ用の工程とを分けてプロセス化しており、社内とで、HCD/UXDをさまざまな人たちに知ってのメンバーはそのプロセスをベースにプロジェもらい、徐々にHCD/UXDへの理解を深めていクトを進めています。

くという道筋を意識していました。

前 職 は 大 手 イ ン タ ー ネ ッ ト 企 業 で、たちの負担にならないように、「費用も準備も発事業の2つがあり、僕自身はグローバル事業HCD/UXDの推進を担当されていたとか。実ファシリテーションもすべて僕らのチームで持のクライアントワークを統括しています。

際にどのような活動をされていたのでしょうか。

ちますから参加してください！」と呼びかけて、ン会社グッドパッチにて、執行役員とリードUXデザイナーを兼任しています。弊社の主な事
業は、クライアントワークと自社プロダクト開参加の敷居を下げて、なおかつ開発者の方クライアントワークでは、新規事業やサービスの立ち上げから関わることも多く、デザインまずは手軽に導入できるユーザビリティテスト
モバイルゲーム開発部門 UXデザインチームを既存・新規のプロジェクト問わず、数え切れを提供していたこともみんなに受け入れられたコツだと思います。

PROFILE

株 式 会 社グッドパッチ グローバル事 業 担 当 執 行 役 員。 2004 年 より

WEBディレクターとして活動、インフォメーションアーキテクトとして数多くの企業のコーポレートウェブサ

イトの活用戦略立案、情報設計、構築に携わる。グリー 株 式 会 社でのUXデザインチーム マネージャーを経て、2015 年より現 職。講 演や寄稿などを通じてHCD/ UXDの普及・啓 蒙にも積 極 的に取り組んでいる。

米 国Information Architecture
Institute会 員。HCD-Net認 定 人 間

中心設計専門家。

まずは「知ってもらう」から始めたということですね。そこから活動はどのように発展していったのでしょうか。
始めた当初はこちらからの社内営業的な取り組みだったものが、だんだん他部署からの相談が増えたり、勉強会に招かれたりするようになるなど、周りからの依頼が多くなり、HCD/UXDに対する期待度が上がっていくのを感じました。

プロトタイピングツール Prott のウェブサイト

それを機にHCDサイクルの導入を一歩進めるた
めに、UXデザイナーを開発プロジェクトにアサミュニケーションの削減につながります。

インし、HCD/UXDをより効果的に活用する形失敗例としてありがちなのが最初からHCDで発展させていきました。また、開発チーム向サイクルをきっちり導 入しようとして行き詰けにプロトタイピングを用いたネイティブゲームまってしまうケースです。大事なのはHCDサのカジュアルタイトル（課金導線のない小規模イクルを教科書的に寸分違わず実践することでゲーム）を、開発プロセスとして提供する機会もはなく、HCD/UXDを活用してビジネスを成功あり、人材教育への貢献という、僕自身が想像へ導くことです。その認識は持っていた方がいしていなかった形にも発展していきました。

いでしょう。

「 HCD サイクルごとに、小さな成功体験を共有」

ビジネスを成功へ導くほかに、HCD/UXDを実践するメリットはありますか？ 例えばチームにおいてといった視点ではいかがでしょう。

WEB・アプリの 開 発 やデザ インの 担 当 者 がよりよい姿勢や思考をメンバーにもたらすとHCDサイクルの導入を実践してみたい場合、ポいうことでしょうか。プロダクトやサービスのイントのようなものはありますか？

成功に多大な影響を与えるビジネスの成長曲
線は、関わっている人たちの姿勢や思考が大き※掲載内容は取材時（2016年12月）の情報に基づきます

まずはHCDの各サイクルを“分解” することをく関係しています。具体的には「自分や周りのお勧めします。自分たちのプロジェクトに当てメンバー一人ひとりが、素晴らしいサービスをはめた場合、HCDサイクルの各ステップごとに、実現するためにすべきことをやれているか？」、具体的にはどういう工程があるのかを明確にし「自分たちの提供するサービスは、ユーザーのて実践しましょう。また、実践では、チームメンリアルな声に応えるための開発をできているバーへ “小さな成功体験” をもたらすように意識か？」といったものです。こうした姿勢や思考しながら進めていくことが大切です。さらに各をもたらすためには、チームメンバー間の蜜な工程を振り返るためのレビューの機会を設けて、コミュニケーションが必要不可欠で、その手段各自の成功体験を全員で共有します。「やってとしてHCD/UXDを活用するメリットがあるのないほど実施しました。各プロジェクトの開発よかった感」をメンバーに確実に認識してもらではないでしょうか。

メンバーと一緒にユーザーの動きを観察し、そうわけですが、これはプロジェクト内で実践してこで得た知見を元にディスカッションをするこ終わりにならず、メンバーの成功体験に裏付けとで、データからは読み取れないユーザーの使られたノウハウが残り、次のプロジェクトに生かい方を発見し、新しい機能の方向性が見出さすことができるというメリットにもなります。社れるという事実を、プロジェクトメンバーに実内でHCD/UXDの普及を担う立場にいる人は感してもらうことができました。

“小さな成功体験” を心がけるといいでしょう。

この活動を通して、ユーザビリティテストがまた、可能であれば、チームに開発者を最初定着する部署も出てくるなど一定の効果が得らから巻き込むことも得策です。開発者は常にれたと思います。また、ビデオカメラや三脚、ユーザーに近い目線でプロダクトを見ています。

配線の説明書き、ユーザーインタビューの台本

ユーザー視点を知るという観点からも有効ななど、ユーザビリティテストに必要なキットを上、今ある課題が技術で突破できるかどうかを用意して、誰でも気軽に取り組めるような環境

早い段階で議論できるため、手戻りや無駄なコPOINT●費用、準備、ファシリテーションなど、すべてを用 意 することで 社 内 へ のHCD/UXDの導入を図る。
●“小さな成功体験”を積み重ねて共有することで、HCD/UXDのノウハウ化と継続へつなげる● HCD/UXD を活用して、メンバーによりよい姿勢や思考をもたらすことができる。

Web・アプリケーションの企画・開発におけるHCDの活動紹介

CASE STUDY

株式会社セカンドファクトリー

○事業主体
株式会社セカンドファクトリー：井原 亮二、東海 連○紹介サイト

http://www.qoopa.jp/

ステークホルダーの声を巻き込む共創

HCDベストプラクティスアウォード2015
奨励賞

2015

人の営みが刻々と変わり続ける状況を前提に、最適なサービスを提供するにはどうすればいいの か」̶̶セカンドファクトリー で は、そ の 問 い に 応 える べく「ビ ジ ネ ス」 「 IT 」 「現 場ビジネス（ GEMBA ）」を指針とした共創によるサービス開発を実践している。サービス開発に携わる社員、現場を訪れるお客さま（エンドユーザー）、現場で働く人（スタッフ）、新たな共創パートナーなど、現場に関わる多様な立場の人たちの声を巻き込んだサービスを実現するために、HCDITサイクルに基づいた以下の観点にフォーカスして取り組んでいる。

HCDサイクルに基づいた共創の実現【共創での課題】

HCDサイクルを回すキーワードとして「共創」が重要とされているが、よく起こりがちな課題として以下が挙げられる。
1. 小さくすぐ始め…られない→ 市場性への見込みが立ちづらく社内決済が認められない

3. 成果が…なかなか見えない→ 打合せ・議論ばかりでなかなか前に進まない

2. 共創…ではなく分業でお見合い → 進め方・タスクが不明確で、役割の切り分けばかり考える【課題の解決】

ビジョンおよびそれを実現する仕組み・プランを描き続ける「共創デザイナー」 価値を発揮できる「現場」の組み合わせで課題を発見し解決する。

VISIONの実現❶共創デザイナー

情報を整理して活動のビジョンや課題発見、課題を解決するための仕組
みやプランを描きつづけるデザイナー。共創ではファシリテーターが大事とされるが、場のファシリテーションにとどまらず、具体的な活動の指標を描き可視化してメンバーと合意し、継続的な更新を実施する。
❷現場

さまざまなパートナーを巻き込んで価値を発揮できる「場」を用意することで、サービス・モノの検証が可能となる。

❶共創デザイナー

共創❷現場

現場

（ GEMBA ）クラウドサービス「 QOOpa 」における共創「オーダーエントリーシステム」、「キッチン内オーダー管理せる・使われる」ための開発へと取り組みを変えた。提供する「売上確認サービス」といった、システム」、「 POSシステム」、ITサービスと現場間に存在するさまざまなギャップを、現場の飲食店の店舗運営を支援するクラウドサービス「 QOOpa 」を声を巻き込みながら、埋めていく継続的な「 GEMBAデプロイセカンドファクトリーは提供している。

メント」
として、クオリティの高いサービス提供をめざしている。

デザインとエンジニアリングをかけ合わせたユーザビリ業態や店舗により、刻々と変化する時代の要求により、現ティの高い「使える」UI 開発はこれまでにもさまざま手がけ場は常に変わり続ける。こうした現場へのサービスリリースてきたが、QOOpaではサービスの提供当初、現場で満足しを効果的に実現するため、セカンドファクトリー自体が現場て使ってもらえる価値を十分に発揮することができなかった。

（唐揚げ店）を持って取り組めるための環境を用意して、真のそのため、セカンドファクトリーでは、「使える」から「活か顧客目線を体験しながら見識を得て改善活動に取り組んだ。

お客様ご利用の画面例「 QOOpa 」のUI

複数企業との共創
セカンドファクトリーは、唐揚げ店、海の家、レストランなイノベーションを起こすには1 社のみでは難しい時代。同どの現場を持つことを強みとして、さまざまな企業と共創した

じVISIONを持った複数企業が共創活動を実現して、相互に上、リアルな現場に製品やサービスを昇華する活動を続けて価値発揮しながら取り組む事例として話題になった。

いる。 2016 年には海の家にて、センシングテクノロジー、ロボットによるサービスが実際の現場において、どういった価値発揮が可能であるか、具体的な実現と共に検証を実践した。

VISIONの実現

生産者

IoT

メーカー

ロボットサービス

通信サービス

現場（海の家）セカンドファクトリー

IT

サービス

ハードウェアメーカー

Web・アプリケーションの企画・開発におけるHCDの活動紹介

Web・アプリケーション編

HCD の困りごと Q& A
HCD の実践において寄せられる質問と答えをまとめました。

Q.

使いやすく効果的なウェブサービスやアプリケーションを生み出すには ?

A. 開 発プロセスにHCD（ Human Centered Design：人 間中ターフェイス（ UI ）を改善するユーザビリティ（使い勝手）の分野から心設計）を導入してください。よりよい UX の実現、ユーザビリティ生み出されました。しかし、コンピューターがインターネットに接続の向上は HCD の得意とする分野です。よりよい UX のためには、局され、そしてスマートフォンという個人端末が普及した今、アプリケー

所的な UI の改善だけでなく広い視点でユーザーを知り、カスタマーション単体のUIを改善し、表面的にユーザビリティをよくするだけでジャーニーとして体験を考える必要があります。 HCDサイクルの導は本当によいユーザー体験を生み出すことはできません。

入によって、ユーザーの支持を得られるプロダクトマネジメントを実現しましょう。

こういった背景から単なるTIPSではなく、UXをよくするための一連のプロセスとしてHCDはさらに発展してきました。 HCDは、ユー

近年、ウェブサービスやアプリケーションには、テクノロジーだけザーの観察、ペルソナという形式での要求の明示化、プロトタイピンでなく、優れたユーザー体験（ UX ）が欠かせなくなってきました。新

グを含めた解決策の検討、そしてそれらを評価する仕組みから構成

しいサービスやアプリケーションの企画、そしてUIデザインには、そされています。

もそもそれがユーザ ーにとってどういった価 値があるのか、そしてユーザーのどういった行動に合わせるのかといった、UX 観点が必要

サービス全体で一貫したユーザー体験を提供し、そしてユーザーとなります。このUX 観点をプロジェクトに取り入れるために考えらの状況に合わせたUIを設計するために、ぜひHCDをプロジェクトにれたプロセスが HCD（ Human Centered Design：人間中心設計）導入してください。

です。

HCDはもともと、インターネットが普及するより前に、ユーザインQ.

イノベーティブなアプリケーションやサービスを生み出すには ?

A. アプリケーションやサービスを企画する際、事業者のひとりよ手によって優位性を示しているようなものもあります。このように、がりにならずユー ザ ー 視 点でイノベ ー ティブ なものにするため、サービスやアプリケーションに対して求められるユーザー体験（ UX ）HCDを活用してください。HCD は、デザイン思考に基づいた企画・はそれぞれ異なっていますが、いずれにしても言えることはこれらのデザインのプロセスです。組織内で共通のユーザー像を設定しながサービスではHCDを活用して新しい視点を獲得し、最適なUXを設らイノベーティブな製品開発を進めるために、ぜひ HCDを導入して計しているということです。特に顧客視点に合わせた最適なUXは、ください。

サービスやアプリケーションには欠かせないものとなっています。

今、アプリケーションやサービスには常に新しい視点や、ユーザーまた、近年 Harvard Business Review 誌などで特集が組まれるへの価値訴求が求められています。 AirbnbやUberのようなサービまでに至った「デザイン思考」と呼ばれるアプローチは、イノベーショス自体が世の中への新しい価値観提示となるようなものから、スマーンのためのこれまでになかった視点獲得の手段として注目を集めていトニュースやメルカリのように、競合のサービスに対してUIの使い勝ます。デザイン思考（ Design Thinking ）とは、もともと建築家ピーター・G. ロウが定義した「デザイナの発想のしかた」です。世界的ろから新しい視点、つまりイノベーティブな発想を導き出します。こなデザインファームIDEO がこれをイノベーションのための手法としの デ ザ イン 思 考 を 組 織 に 取り入 れるため にもHCD は 有 効 です。て、HCDを基に再定義したものが、現在普及している「デザイン思考」

HCDのユーザー観察手法や分析手法は、世界中のデザインファームです。

において事業開発のためのツールとして活用されています。新しい視点獲得のためにも、HCDを活用してください。

デザイン思考では、利用者の視点を導入し、そこに共感をするとこ共感

アイディア創出（Empathize）（Ideate）

問題定義（Define）

プロトタイピング

IDEO社のデザイン思考のデザイン思考５つのステップ（ティム・ブラウン, 2009）（Prototyping）

検証

共感（Empathize）、問題定義（Define）、アイディア創出（Ideate）、プロトタイピング（Prototyping）、検証（Test）の5つのステップ（Test）Q.

HCD を組織に導入するには ?

A. まずはできることからやってきましょう。 HCDはプロセスです

HCDの普及・啓蒙をミッションとしている組織、NPO 法人「人間が、すべての手法を実施しないと効果が出ないわけではありません。

中心設計推進機構（ HCD-Net ）」では、個人向けと法人向けのセミ観察手法やカスタマージャーニーなどの視覚化手法、プロトタイピナーなどをはじめとした教育プログラムや書籍の刊行などを行っていング手法、評価手法など、効果がすぐに得られる手法から導入してます。企業ごとにカスタマイズしたプログラムの相談にも対応しておください。 HCD-Netでは、研修プログラムや教育プログラムも提りますので、興味を持たれた組織はぜひご検討ください。

供をしています。企業単位での提供も可能ですのでぜひご相談くだ
さい。

HCDの導 入 は、決して0か 1ではありません。必 要 なところにHCDのノウハウを活用してください。 HCDには、発想法、評価手法、プロトタイピング手法、また、UXを客観的に指標化するUXメトリク

プロセスス法など、業務に役立つさまざまな手法が用意されています。これら接点を必要に応じて取り入れていくことが HCD 導入の近道です。
手軽で効果的なところでは、最近普及しているカスタマージャー

プロセス1

プロセス2

プロセス3

プロセス4

プロセス5

顧客行動ニーマップ（ CJM ）手法などがあります。 CJMは、顧客のサービス利用に関するストーリーを、あくまで顧客目線で視覚化をするための手法です。事業者が当たり前と思って見過ごしている制約や業界の事情などを、顧客目線から気付かせる効果があるため、発想の転換や部門間での顧客視点の共有などに役立たせることができます。

HCDは開発プロセスの一部であり、すでにさまざまな教育プログラムが用意されています。基本となる考え方から、前提となる認知心 理 学や人 間 工 学 分 野の知 識、個々の手 法に至るまで書 籍やセミナーが充実しています。

顧客心理

ファクト

カスタマージャーニーマップ（UXマップ）
サービスの中でも顧客の経験に関わる部分を時間軸に沿って可視化した図です。エクスエペリエンスマップやUXマップと同様のマップです。時間軸に沿って、顧客とサービスが触れ合う場所であるタッチポイント（接点）ごとの、顧客の体験を記述します。その下に顧客心理や課題なども記入する場合もあります。現状のマップを作成して現状を分析したり、このマップからアイディア発想したりすることができます。

Web・アプリケーションの企画・開発におけるHCDの活動紹介

HCD-Netのめざす社会

HCD-Net
HCD-Netは、HCDやUXDに関する学際的な知識を集め、産学を超えた人間尊重の英知を束ね、HCD/UXD 導入に関するさまざ
まな知識や方法を適切に提供することで、多くの人々が便利に快適に暮らせる社会づくりに貢献します。あわせて経済の発展への寄与と、豊かでストレスのない実りある社会の実現をめざします。

Web・アプリケーションの「イノベーティブな製品開発を進めていきたい」、「ユーザーの支持を得られるプロダクトマネジメントを実現したい」、「研修プロ

企画・開発担当者におけるHCD-Netの役割

グラムや教育プログラムを利用してHCD/UXDを導入したい」といった要望に対して、HCD/UXDをテーマにしたセミナーや勉強会などの活動を行っていきます。

HCD-Netの5つの活動領域

HCD-Netでは、研究分野、資格認定事業、ビジネス支援、広報社会化、教育活動の5つの領域を設けて活動しています。商品・サー
ビスのユーザビリティを向上させる人間中心設計の講演会、セミナー、調査・研究、コンサルテーション、評価・分析、設計・開発支援などに関する事業活動により、広く公益の増進に寄与します。

HCD/UXDに関する研究活動
HCD-Netでは、HCDに関しての研 究 活 動を

HCD/UXDに関する資格認定活動行っています。専門的な手法の研究から、実務への取り入れ方まで幅広い研究に対して、論文誌や研究発表会などの形でのアウトプットを行っています。研究成果をぜひ活用ください。

研究

HCD/UXDに関する教育活動
HCD-Netでは、HCD 教育のプログラム開発およびセミナーなどの開 催を行っています。
定期的に開催されるセミナーは、スキルアップのためにご利用いただけます。また、企業単位で新入社員向けセミナーや育成セミナーなどの実施も行っています。

HCD-Netでは、HCDプロセスを習得した人に対して発行する認定制度を実施しています。この認定
制 度 は、単 な る 手 法 の 実 施 ス キ ル だ け で なく、HCDプロセスをプロジェクトに実施した実績を基に認定を行う制度です。組織内でのスキルの把握や教育プランの策定などに活用いただけます。

教育

HCD-Net資格
認定

HCD/UXDの広報社会化活動
HCD-Netで は、HCDの 啓 蒙 普 及 の た め に、
HCD-Netサロンというイベントを定期開催しています。HCD-Netサロンでは、HCD/UXDの最新のトピックスや隣接領域などについて取り扱い、HCD/UXD領域の広がりを探索しています。また、HCD関連イベントや有識者によるコラムを掲載したニュースレターなどの発行も行っています。

HCD/UXDのビジネス支援活動

広報
社会化

分野別パンフレットのご案内
パンフレットは「スタートアップ・新規事業」、「ITシステム・製造業」、「Web・アプリケーションの企画・開発」、「マネジメント・経営」、「教員関係者」、「行政・公共サービス」「HCD/UXDの実践者」という分野ごとに作成しています。パンフレットを入手されたいかたは、HCD-Netのウェブサイトよりダウンロードしていただ
くようお願いします。

hcdcat-wb-201606

ビジネス支援HCD-Netでは、2015 年度より、企業のHCD活用および導入を支援するためのビジネス支援事業を始めました。具体的な導入に関しての支 援や導 入に悩みを持つ企 業 間をネットワークする活動を実施しています。ご興味を持たれた企業はぜひお問い合わせください。

■お問い合わせ
特定非営利活動法人（ NPO 法人） 人間中心設計推進機構 事務局〒222-0033 神奈川県横浜市港北区新横浜 3-7-18
第 2 上野ビル 7 階 エキスパートオフィス新横浜

TEL: 090-8170-2027
e-mail: secretariat@hcdnet.org

www.hcdnet.org