サービス

ジャンル

&nbsp;

UI/UXデザインツールのパイオニア「Sketch」についてとことん語り合うイベント、<a href="https://sketchtokyo.studio.design/" target="_blank">Sketch Tokyo 2019</a>がDMM.comで開催されました！

近年ますます進化を遂げるデザインツール。今や単なるデザインツールとしてのみならず、エンジニアリングなど他領域とのコラボレーションツールとしてデザイナーに限らず浸透してきました。 
イベントではツールで培われたノウハウや実践的なナレッジが惜しみなく発表されました。

国内著名デザイナーの登壇に加え、韓国からSketch公式アンバサダーも来日。 
国境を超えた、たくさんの方にお集まりいただきました。

<img alt="f:id:memomarco:20191113183807p:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113183807.png" title="f:id:memomarco:20191113183807p:plain" />

<img alt="f:id:memomarco:20191113183831p:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113183831.png" title="f:id:memomarco:20191113183831p:plain" />

弊社からも2名のデザイナーが登壇したので、今回はその資料を公開します！

<h3 id="セッションツールでチーム開発をハッピーに---DESIGN-COLLABORATION--">セッション：ツールでチーム開発をハッピーに - DESIGN COLLABORATION -</h3>

<img alt="" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113174502.png" title="" />

根本大地 
合同会社DMM.com 
デザイナー/ディレクター

&nbsp;

<iframe allowfullscreen="true" frameborder="0" src="https://speakerdeck.com/player/8bac4a278cbb49bf8c82711a4001e041?" title="null"></iframe>

トーク内容は「ツールを介して、エンジニアや事業とコラボレーションしたプロセス」について。社内ステークホルダーが抱える課題、ツールを介して解決した事例のご紹介です。 
開発現場でのデザインツールの位置付けは、単なるビジュアル/UI作成の道具ではありません。 
さまざまな領域の専門家が一つのチームとして協業する現場では、デザインツールがコミュニケーション手段としての役割を果たせるかどうか？という観点も大切です。

近年はツール自体の機能の発展やサードパーティーツールとの連携により、以前より受け渡しの場面(デザイン⇄コード)で連携しやすく、意思疎通が取りやすくなっていますが、まだ完全ではなく「人との対話」であるコミュニケーションが発生しています。 
開発工程に「ユーザ理解/共感」&rarr;「課題定義/明確化」&rarr;「アイディア」&rarr;「形にする」&rarr;「テスト/実装」と5つの工程があるとすれば、その工程と工程の「間」でのコミュニケーション精度が重要であり、ツールを介して情報の抽象度を下げた対話から、職域関係なく「共通認識」を持つことが開発プロセスでは非常に重要です。

<img alt="f:id:memomarco:20191113175949j:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113175949.jpg" title="f:id:memomarco:20191113175949j:plain" />

チーム内で思考プロセスを統一する手段はツールに加えて、デザインガイドやデザインシステムなどの方法論がありますが、重要なのはプロダクトやチームにとって最適な方法を、対話を通して模索・検討し、共通言語を構築していくこと。その手段としてツールやデザイン設計などの方法論を、チームやプロダクトに沿った形で活用すること。 
これまでデザインと言われてきた領域(デザインツール/UI・UX/設計/etc.)は、デザイナーだけのものではなく、チームやプロダクトの一部です。

サービス開発の現場では、デザイナーの独りよがりではなく、これまで以上に「チーム全員で多角的な視点でのDESIGNアプローチ」が必要。 
「エンジニアリングとデザインとのコラボレーション」の解像度を上げていくことが重要です。

<h3 id="LTDMM--Sketch-case-study---大規模組織でUIツールを広めるには--">LT：DMM &times; Sketch case study - 大規模組織でUIツールを広めるには -</h3>

<img alt="f:id:memomarco:20191113174448j:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113174448.jpg" title="" />

丸山祐里恵（<a href="https://twitter.com/memomarco_" target="_blank">@memomarco_</a>） 
合同会社DMM.com 
デザイナー/アートディレクター

&nbsp;

<iframe allowfullscreen="true" frameborder="0" src="https://speakerdeck.com/player/075c360c59134d7ab6b782284b460e9a?" title="null"></iframe>

新規プロジェクトが次々と立ち上がるDMMで、ツールの見直しや新たな手法のトライをすることは日常茶飯事。 
AtomicDesignやデザイン協業がうたわれ出した当時、最適だったツールがSketchとAbstractでした。 
そのようななかで配属されたプロジェクトがデザイン協業必須のスケジュール感だったため、SketchとAbstractを採用。 
協業のプロセスと成果、その後の組織内でのツール普及についてお話しました。

<img alt="f:id:memomarco:20191113174523j:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113174523.jpg" title="f:id:memomarco:20191113174523j:plain" />

当時プロジェクトにアサインされたのは新卒を含め、さまざまなレベル感のデザイナー。 
AtomicDesignも日本ではまだ出始めの頃だったので、チームに最適なルールは何か？を日々模索して、密なコミュニケーションとレビューを重ねた事例をご紹介しました。

<img alt="f:id:memomarco:20191113174532j:plain" src="https://cdn-ak.f.st-hatena.com/images/fotolife/m/memomarco/20191113/20191113174532.jpg" title="f:id:memomarco:20191113174532j:plain" />

結果としてビジネスサイドと開発サイド、どちらにとっても分かりやすい実績を出すことに成功。 
具体的な実績があることで、他チームにも次々と伝搬していきました。

とはいえ、ツールやデザイン手法はあくまで手段。 
チームに合うか合わないかは使ってみないと分からないし、合わないと思えば別のツールを模索することも必要。どんな組織であっても、プロジェクトに合わせて柔軟にツールを変えていく姿勢が、より快適なプロジェクト進行のコツのように思います。

<h3 id="最後に">最後に</h3>

DMMでは様々な事業が次々と立ち上がるため、それぞれで最適となるデザインツールもさまざまです。 
これからも加速するビジネスの速度に対応するため、より良いチーム体験を模索していきます。

そんなDMMでは、一緒に働く仲間を募集しています！ 
ご興味のある方は、いつでもお気軽にご連絡くださいね。

<iframe frameborder="0" loading="lazy" scrolling="no" src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdmm-corp.com%2Frecruit%2F" title="採用情報｜DMM Group"></iframe><cite><a href="https://dmm-corp.com/recruit/" target="_blank">dmm-corp.com</a></cite>

イベント

デザイン

【資料公開】Sketch Tokyo 2019 登壇レポート - チーム開発を加速するための社内事例紹介

プラットフォーム開発本部

障がい者

facebook

twitter

DMM TV

DMMブックス

DMM pictures

DMM GAMES

DMMオンクレ

DMMスクラッチ

DMMくじ

DMM Factory

ぷらさぷ ～＋SURPRISE～

DMMオンラインサロン

DMMいろいろレンタル

DMM DVD／CDレンタル

DMM通販

DMMオンラインクリニック

デジタルコミック事業

DMMチャットブースト

DMM英会話

DMM FX

DMMかりゆし水族館

ベルリング

ハッシャダイソーシャル

ヤンキーインターン

シント=トロイデンVV

DMM 地方創生

DMM.make 3Dプリント

DMM.make PRODUCTS

Seamoon Protcol by DMM Crypto

DMMバヌーシー

DMM EV ON

DMM WEBCAMP

DMMぱちタウン

DMM競輪

Waitinglist

Algoage

DMMポイントクラブ

社会課題

エンターテインメント

動画

電子書籍

アニメ

ゲーム

アプリゲーム

コミュニティ

オンラインサロン

PCゲーム

通販

レンタル

オンラインイベント

ビジネスソリューション

教育

英会話

水族館

ハードウェア・プロダクト

救急車両

消防車両

モノづくり施設

サッカー

スポーツ

地方創生

VR体験

Web3

生成AI

研究開発

アプリ

ブロックチェーン

プラットフォーム

横断開発

社会インフラ

アミューズメント

ダイバーシティ

同人

Webエンジニア

フロントエンドエンジニア

バックエンドエンジニア

サーバーサイドエンジニア

モバイルエンジニア

SRE・インフラエンジニア

情報システム

データ・AI・機械学習エンジニア

エンジニアリングマネージャー

テックリード

プロジェクトマネージャー・ディレクター

プロダクトマネージャー

事業開発・経営企画

営業

マーケティング・プロモーション

企画・プロデュース

ゲーム企画・プロデュース

コンテンツ制作・編集

カスタマーサポート・運営

データ分析・ストラテジー

UI・UXデザイナー

Webデザイナー

2Dデザイナー・イラストレーター

デザインマネージャー

デザインリード

【資料公開】Sketch Tokyo 2019 登壇レポート - チーム開発を加速するための社内事例紹介

シェア

関連する記事