【エンジニアとのズレ減らす】開発しやすいUIをデザインする3つのコツ

1 : 概要

エンジニアとの共有の難しさについて、実装フェーズでの3つの立ち回りポイントが説明されている。1つ目は口頭での共有を心がけ、お互いの価値観のすり合わせをすること。2つ目は詳しい人に教えを請い、エンジニアの視点を学ぶこと。3つ目はエンジニアを初期段階から参加させること。最後に、なぜ機能を実装するのかを伝えることの重要性が述べられている。

‍

2 : 動画で得られること

• 口頭での共有を心がけ、相手と価値観のすり合わせをする
• エンジニアからのフィードバックを学ぶ機会と捉え、早めに共有する
• エンジニアを初期段階から参加させ、方向性を確認する
• なぜ機能が必要なのか、ユーザーストーリーを伝えて納得感を与える

‍

3 : 動画の目次

• 0:59
• 2:17
• 7:38
• 13:19
• 19:37

‍

4 : コンテンツ内容

口頭で共有し、お互いの価値観をすり合わせる

ドキュメントだけで共有するのは難しく、口頭での共有が大切。お互いの価値観や解釈の違いをすり合わせ、共通認識を作ることが重要。

詳しい人に教えを請い、エンジニアの視点を学ぶ

エンジニアからのフィードバックを頼りにし、学んでいく姿勢が大切。早めに投げかけて固めることで、開発効率と精神衛生の向上につながる。

エンジニアを初期段階から参加させる

エンジニアに早い段階で方向性を確認し、気になる点を聞くことで、デザインを進めやすくなる。3つの共有タイミングがある。

なぜ機能を実装するのかを伝えることが重要

ユーザーのストーリーを伝えることがエンジニアの納得感につながる。機能実装が目的ではなく、ユーザーを良い状態にすることが目的。

‍

エンジニアリングしやすいUIデータ作成3つのコツ

この動画では、エンジニアリングに貢献するUIデザインデータの作り方として、”UI作成時に意識するべき3つのコツ”をシェアします！

かなり初歩的ではありますが、3つの要素を通して”どういうことをエンジニアは気にするのか”のはじめの1歩を踏んでもらえると嬉しいです！

意識する点は2つ

いろんな手段とかこれやった方が良いとかはあるんですが、

基本的に以下の2つを意識することがエンジニアリングとデザインの協業で重要になってくると思っています。

1. WHY なぜやるのかを共有
2. UIの共通認識を作る

あるあるの３ポイント

動画内で解説しているあるあるで最初から意識すると良いポイント3つを紹介しています。（ちなみにデザインデータの作り方はまた別の話になるので、今回はしてないです）

1. 『状態管理』をデザインする
2. デザインの『共通認識』でズレを減らしていく
3. 『コスト』が気になってもベストを共有する

この次の動画では「実際に共有するとき」に意識するべきポイントを話しています。