サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<h2>プロダクトデザイナーの大事な役割</h2>

<p><img alt="" height="533" src="https://image.dmm-corp.com/esv1pl0faqt56j6a47i2hi1qgcq3" width="800" /></p>

<h4>DMM TVのプロジェクトではどのような業務に携わっていたんですか？</h4>

<p><strong>大塚：</strong>デザイン業務全般を円滑に進めるためならなんでもやっていました。他部署とのコミュニケーションハブになったり、デザインプロセスの整備や進行管理、リソース調整など。デザイナーが本質的な業務に集中できるよう、デザイン以外の業務を巻き取り、デザインチームの有効性を最大限に高めることにフルコミットするというのが仕事でしたね。</p>

<p>最近では、こういった役割をデザインプログラムマネージャー（DPM）とも呼んでいます。耳馴染みがないかもしれませんが、実は国内でも徐々に増え始めているロールなんですよ。</p>

<h4>恥ずかしながら初めて聞きました&hellip;&hellip;。大塚さんはそのDPMの立場でインハウスのデザインチームを率いていたわけですが、動画配信サービス特有のUIやUXのポイントはありますか？</h4>

<p><strong>大塚：</strong>基本的に動画配信サービスは全てマルチデバイス対応なので、それぞれのデバイスにあった最適なインタラクションデザイン設計をしなければいけません。例えば、操作方法ひとつとってもデバイスごとに全然違います。Webブラウザだったらマウスですし、スマホアプリだったら指。TVアプリだったらリモコン、ゲーム機アプリならコントローラーです。</p>

<figure class="image"><img alt="" height="450" src="https://image.dmm-corp.com/fkqi5t5q5w26szhctlqlr0dcvg1o" width="800" />
<figcaption>&copy;︎DMM TV<br />
&copy;︎山本中学／日本文芸社 ABC<br />
&copy;田中芳樹/銀河英雄伝説 Die Neue These 製作委員会<br />
&copy;城戸みつる／集英社・カワイスギクライシス製作委員会<br />
&copy;中村勇志（秋田書店）／六道の悪女たち製作委員会<br />
原作：モンキー・パンチ &copy;TMS</figcaption>
</figure>

<p>こういった操作の違いに対応しながらも、まず考えるべき重要な点がデザインの一貫性です。一貫性がもたらすメリットはデザインの意図や操作方法におけるユーザーの学習コストを下げて、使いやすくできることです。同じユーザーでも、シーンによって視聴デバイスを使い分けることもあります。そのときにUIやUXがバラバラだったら、すごく使いづらいですよね。<strong>どのデバイスでも同じ体験を提供するというのもデザインの大事な役割</strong>なんです。</p>

<h2>「DMM TVらしさ」とは何なのか</h2>

<p><img alt="" height="533" src="https://image.dmm-corp.com/9opk8oi5s7vt7jf4iapa45zr0wrz" width="800" /></p>

<h4>プロジェクトのなかで、注力したことは？</h4>

<p><strong>大塚：</strong>特に注力したのは「デザイン原則」作りですね。先ほど話した一貫性を担保するために「デザインシステム」の構築に着手しました。これは一貫したデザインを維持するためのルールやガイドラインのようなもの。このシステムを構成するうちのひとつがデザイン原則で、そのプロダクトらしさを届けるためのデザインの約束事を指しています。</p>

<p>これを決めるにあたって、UXリサーチャーやアートディレクター、各事業部のデザイナーなど、社内に在籍するさまざまなデザイナーが集まって議論を行いました。「<a href="https://tv.dmm.com/vod/" target="_blank">DMM TV</a>らしさ」とは何なのか。こういった部分を突き詰めて考えたからこそ、しっかりとデザインの方向性を固めることができ、相反する要素があった場合のデザイン上の判断もしやすくなりました。</p>

<p>そもそも、一つのプロダクト開発にこれほど多くのデザイナーが集結することって、これまでなかったと思います。一口にデザイナーといっても、それぞれ領域や特技が違うので出てくる言葉や視点も全然違う。気づきや学びがすごく多くて、間違いなくチームの成長につながりましたね。まさに<strong>社運をかけた一大プロジェクトだからこその醍醐味</strong>でした。</p>

<figure class="image"><img alt="" height="533" src="https://image.dmm-corp.com/pon3hix616tgfbf9mta0nt96yigu" width="800" />
<figcaption>デザイン原則検討時の図</figcaption>
</figure>

<h4>一方で、反省点はありましたか？</h4>

<p><strong>大塚：</strong>このプロジェクトは、ある程度完成されたプロダクトで大きくマーケットインすることを念頭にした機能選定や要件などが求められました。しかし、多くのプロフェッショナルが社内外から集結し、大きな組織として動く中で、大規模サービスを作ることに不慣れだった。結果、コミュニケーション設計の部分で多くの課題が顕在化しました。</p>

<p>当初、デザインに関する要求や指示、意図などは使い慣れたFigmaというデザインツールに書き込んでいて、それをほかのチームに共有する形をとっていました。</p>

<p>ところが、次第にデザインの説明を求める問い合わせがSlackで山のように送られてくるようになりまして&hellip;&hellip;。要するに、伝わるだろうと思って書いていたことが伝わっていなくて、膨大なコミュニケーションコストが発生するようになってしまったんです。</p>

<p>明らかに仕様不備、考慮漏れが原因でした。多くのメンバーが携わっていたにも関わらず、「デザインイメージがあるんだから最低限の説明でも理解できるはず」と安易に考えてしまった。ドキュメントの重要性を認識できていませんでした。結局この問題は、別のツールで情報管理するよう運用変更することで解決しましたが、チームとしては大きな反省点になりました。</p>

<h2>COOの村中と毎週のように議論する経験</h2>

<p><img alt="" height="533" src="https://image.dmm-corp.com/zzhfw16upvl1l0jhafqaabbv9p3f" width="800" /></p>

<h4>デザインチームはCOOの村中とも頻繁にやり取りを重ねていたそうですね。</h4>

<p><strong>大塚：</strong>そうなんですよ。こういったところはやっぱりDMMらしい。他の大企業だったら、経営陣が現場まで降りてきて一緒に仕事をするってあまりないじゃないですか。<strong>村中さんはこのプロジェクトの事業トップに就いてから、僕を含め毎週のように現場のメンバーと議論していました</strong>からね。</p>

<p>これは、デザインを任されている立場としてはすごくありがたいこと。プロダクトの個性、印象、メッセージなど、デザインを進めていく上で骨格となるフィロソフィーって、やっぱりトップから直接聞いたほうがいいんですよ。又聞きやドキュメントベースだと、伝言ゲームのようにニュアンスが崩れたり、本来持っていたはずの意味が薄れてしまう。特に、定性的な領域を扱うデザイナーにとっては、そのちょっとした違いがデザインに大きく影響を与えてしまうこともあります。</p>

<p><strong>トップと近い距離でものづくりを進めていくこともできましたし、デザインチームにとってはやりやすくもあり、貴重な経験になりましたね。</strong></p>

<h2>デザインには事業を左右する力がある</h2>

<p><img alt="" height="533" src="https://image.dmm-corp.com/5hgs58oflcscg9slq69lsfbau5dn" width="800" /></p>

<h4>現在DMM TVではどういったデザイナーを求めているんですか？</h4>

<p><strong>大塚：自ら課題を設定し、解決するのが好きなデザイナーの方</strong>と一緒に働けたらいいなと考えています。なぜそういった方を求めているかというと、DMM TVが継続購入のサブスクモデルを採用していることが関係しています。このモデルで大事なのは、継続的にユーザーと信頼関係を築くことです。デザイナーだったら、何度利用してもストレスの少ない体験を追求していくことがその信頼につながっていきます。</p>

<p>でも、それは与えられた業務に従事するだけではなかなか実現できません。<strong>事業の課題をデザインでどう解決していくか。</strong>こういった視点で上流工程からコミットしていくデザイナーこそが、ユーザーの価値につながるデザインを生み出すことができると思います。ぜひそういったデザイナーの方に来てもらい、一緒にデザインチームのプレゼンスを上げていってほしいですね。</p>

<h4>これから大塚さんが実現していきたいことは？</h4>

<p><strong>大塚：</strong>まずはDMM TVのファンをもっと増やしていきたいです。そのためにデザインチームとしてもやるべきことは多くあります。ただし、デザインに「銀の弾丸」はないと思っています。アクセシビリティにはじまり、ユーザビリティや機能改善を続け、優位性を積み上げていく。これを着実に繰り返しながら、サービスの魅力を伝えていきたいです。</p>

<p>チームとしてはデザイン的なアプローチを組織に組み込むためにも、<strong>事業に積極的にコミットしていくデザイナーチームを作りたい</strong>です。プロダクト開発におけるデザインは、さまざまな制約がある中でもユーザーが満足いくように、状況を解釈しながら問題を解決するための行動だと思っています。つまり、<strong>事業を左右するだけの力を持っているはず。</strong>そう信じて、いろいろあるけどDMM TVが1番使いやすいと思っていただけるプロダクトを作っていきたいですね。</p>

<blockquote>
<p><strong>DMM史に残る！「DMM TV」＆「DMMプレミアム」開発秘話</strong><br />
<a href="https://inside.dmm.com/articles/dmmtv-dmm-premium-development/" target="_blank">DMM史上最大のプロジェクトをどう乗り越えたのか？</a><br />
<a href="https://inside.dmm.com/articles/dmmtv-premium-sre-backend-engineer/" target="_blank">SREとバックエンドエンジニア編</a><br />
<a href="https://inside.dmm.com/articles/dmmtv-product-design/" target="_blank">UI /UXに込められた「DMM TVらしさ」</a><br />
<a href="https://inside.dmm.com/articles/dmmtv-encode-engineer/" target="_blank">世界トップクラスの動画配信技術編</a><br />
<a href="https://inside.dmm.com/articles/dmmtv-application-engineer/" target="_blank">マルチデバイス対応を実現したアプリケーションエンジニア</a></p>
</blockquote>


サービスの使いやすさを大きく左右するプロダクトデザイン。「DMM TV」の開発時にはインハウスのデザインチームが組成され、プロダクトデザインの設計において大きな力を発揮しました。デザインプログラムマネージャーとしてチームを率いてきた動画配信事業部の大塚に、当時の苦労や学び、DMMらしさを感じた出来事などについて聞きました。

UI /UXに込められた「DMM TVらしさ」〜DMM史に残る！「DMM TV」＆「DMMプレミアム」開発秘話〜

「DMM TVらしさとは何か」
社内のデザイナーが集結したプロジェクト。
プロダクトデザインの重要な役割について話を聞いた。

#プロダクトデザイナー #UX #UI

UI /UXに込められた「DMM TVらしさ」〜DMM史に残る！「DMM TV」＆「DMMプレミアム」開発秘話〜

シェア

関連する求人

関連する記事

関連するサービス