Submit Search
Upload
デザイナーとエンジニアの良い関係
•
13 likes
•
3,755 views
Kanako Kawahara
Follow
nanapi勉強会 - チームで作るデザイン / チームを作るデザイン / 2014.11.11
Read less
Read more
Design
Report
Share
Report
Share
1 of 38
Download now
Download to read offline
Recommended
Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?
Kanako Kawahara
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
Kenta Nakamura
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
20130216 講演資料
20130216 講演資料
Kenta Nakamura
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
Recommended
Webサービスをデザインするってどういうこと?
Webサービスをデザインするってどういうこと?
Kanako Kawahara
20121117 01 dir-mtgスライド01
20121117 01 dir-mtgスライド01
Kenta Nakamura
20130113 01 dir-mtgスライド
20130113 01 dir-mtgスライド
Kenta Nakamura
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
20130216 講演資料
20130216 講演資料
Kenta Nakamura
デザイナーからみた仕事をしやすいディレクター
デザイナーからみた仕事をしやすいディレクター
take-it
コーディングを考慮したWebデザインガイドライン
コーディングを考慮したWebデザインガイドライン
Hiroyuki Makishita
Webデザイナー1年生の為のしおり
Webデザイナー1年生の為のしおり
tomoakitomono
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
「個」から「集」のデザイン
「個」から「集」のデザイン
Mari Kimura
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
20121125 02 dir-mtgスライド02
20121125 02 dir-mtgスライド02
Kenta Nakamura
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
はじめてのアプリUI、実践的プロトタイピング
はじめてのアプリUI、実践的プロトタイピング
Junichi Izumi
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Kenta Nakamura
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Yuya Toida
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
スタートアップにおける技術チームの作り方
スタートアップにおける技術チームの作り方
Yuji Otani
あなたのチームの「いい人」は機能していますか?
あなたのチームの「いい人」は機能していますか?
Minoru Yokomichi
More Related Content
What's hot
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
Akiko Kurono
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
yukahatakeyama
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
Sasaki Kouhei
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
Kenta Nakamura
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
Yusuke Kojima
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
Kenichi Suzuki
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
Junichi Izumi
「個」から「集」のデザイン
「個」から「集」のデザイン
Mari Kimura
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
力也 伊原
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
schoowebcampus
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
Concent, Inc.
20121125 02 dir-mtgスライド02
20121125 02 dir-mtgスライド02
Kenta Nakamura
groundwork-pasona-tech
groundwork-pasona-tech
masaaki komori
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
Kenta Nakamura
はじめてのアプリUI、実践的プロトタイピング
はじめてのアプリUI、実践的プロトタイピング
Junichi Izumi
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
Kenta Nakamura
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
Yuya Toida
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
デザインのためのデザイン
デザインのためのデザイン
Masayuki Uetani
What's hot
(20)
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
デキるWebデザイナーを目指せ!本当に現場で使えるCC活用テクニック
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
[UXリサーチ共有会] エンジニアからUXデザイナーへキャリアチェンジして気づいたリサーチの重要性
これからのWebデザイナーのキャリアプラン
これからのWebデザイナーのキャリアプラン
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
【0からのディレクション講座:運用編】Vol3 中村健太のスライド
0からのウェブディレクション講座:制作・開発編 ver 3.00
0からのウェブディレクション講座:制作・開発編 ver 3.00
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
サービスにおけるビジュアルデザインの役割
サービスにおけるビジュアルデザインの役割
優れたデザインの 定義と思考方法
優れたデザインの 定義と思考方法
「個」から「集」のデザイン
「個」から「集」のデザイン
アクセシビリティとこれからのWebデザイン
アクセシビリティとこれからのWebデザイン
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
デザイナーがクライアントワークをうまく進める方法 先生:中野 由貴
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
講演資料「クリエイターのためのトーン&マナー設計について」(パソナテック主催セミナー)
20121125 02 dir-mtgスライド02
20121125 02 dir-mtgスライド02
groundwork-pasona-tech
groundwork-pasona-tech
コンセプトの重要性についてうんぬん
コンセプトの重要性についてうんぬん
はじめてのアプリUI、実践的プロトタイピング
はじめてのアプリUI、実践的プロトタイピング
20140913 ディレクション講演資料(山盛り)
20140913 ディレクション講演資料(山盛り)
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
これまでのポートフォリオ履歴全部。 @2018/2/26 ポートフォリオナイト
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
デザインのためのデザイン
デザインのためのデザイン
Viewers also liked
スタートアップにおける技術チームの作り方
スタートアップにおける技術チームの作り方
Yuji Otani
あなたのチームの「いい人」は機能していますか?
あなたのチームの「いい人」は機能していますか?
Minoru Yokomichi
kintoneチームのKAIZEN文化
kintoneチームのKAIZEN文化
Ryo Mitoma
チームワーク、努力、勝利 / スタートアップのチームワークとコミュニケーション
チームワーク、努力、勝利 / スタートアップのチームワークとコミュニケーション
Takaaki Umada
DevelopersSummit2014「成功と失敗の狭間に横たわる2つのマネジメント」_yohhatu
DevelopersSummit2014「成功と失敗の狭間に横たわる2つのマネジメント」_yohhatu
Yoh Nakamura
CEDEC2015講演 チーム開発をスムーズにするために
CEDEC2015講演 チーム開発をスムーズにするために
Takafumi Ikeda
少人数チームにおけるプロジェクト管理のベストプラクティス
少人数チームにおけるプロジェクト管理のベストプラクティス
Cake YOSHIDA
STORES.jpトップページのつくりかた
STORES.jpトップページのつくりかた
Kanako Kawahara
すぐに着手できる、SEO改善ポイントについて(前編)
すぐに着手できる、SEO改善ポイントについて(前編)
ナイル株式会社
STORES.jpでできること
STORES.jpでできること
Kanako Kawahara
Viewers also liked
(10)
スタートアップにおける技術チームの作り方
スタートアップにおける技術チームの作り方
あなたのチームの「いい人」は機能していますか?
あなたのチームの「いい人」は機能していますか?
kintoneチームのKAIZEN文化
kintoneチームのKAIZEN文化
チームワーク、努力、勝利 / スタートアップのチームワークとコミュニケーション
チームワーク、努力、勝利 / スタートアップのチームワークとコミュニケーション
DevelopersSummit2014「成功と失敗の狭間に横たわる2つのマネジメント」_yohhatu
DevelopersSummit2014「成功と失敗の狭間に横たわる2つのマネジメント」_yohhatu
CEDEC2015講演 チーム開発をスムーズにするために
CEDEC2015講演 チーム開発をスムーズにするために
少人数チームにおけるプロジェクト管理のベストプラクティス
少人数チームにおけるプロジェクト管理のベストプラクティス
STORES.jpトップページのつくりかた
STORES.jpトップページのつくりかた
すぐに着手できる、SEO改善ポイントについて(前編)
すぐに着手できる、SEO改善ポイントについて(前編)
STORES.jpでできること
STORES.jpでできること
Similar to デザイナーとエンジニアの良い関係
ユーザー中心主義でメンバー連携を強化しチームを前に進める方法
ユーザー中心主義でメンバー連携を強化しチームを前に進める方法
靖正 高橋
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Mari Takahashi
e-Learning Design for Teacher
e-Learning Design for Teacher
Sunami Hokuto
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
lychee .
サイトリニューアル時のコンセプト設計
サイトリニューアル時のコンセプト設計
LIG inc.
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
schoowebcampus
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
信孝 柿沼
Wiz_branding
Wiz_branding
WizDesign
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
Mari Takahashi
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
Yusuke Kojima
ディレクターのキャリア・パス ~職能マップになぞらえて~
ディレクターのキャリア・パス ~職能マップになぞらえて~
Renji Yoneda
早く・良いものを作るための、WordPressサイト構築ワークフロー
早く・良いものを作るための、WordPressサイト構築ワークフロー
Takako Horiuchi
デザイン組織に本気で取り組む
デザイン組織に本気で取り組む
tomo tsubota
Story-Assured Design で開発チーム全員でデザインする
Story-Assured Design で開発チーム全員でデザインする
Yusuke Goto
Trunkerから学ぶsketchの使い方
Trunkerから学ぶsketchの使い方
Masaki Haruta
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Chihiro Tomita
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
Norihisa Nagano
ARグラスアプリ開発プロジェクトで不確実性に立ち向かう!
ARグラスアプリ開発プロジェクトで不確実性に立ち向かう!
Jun Ito
111112 受発注のセオリーイベント資料
111112 受発注のセオリーイベント資料
Ryohei Katayama
Similar to デザイナーとエンジニアの良い関係
(20)
ユーザー中心主義でメンバー連携を強化しチームを前に進める方法
ユーザー中心主義でメンバー連携を強化しチームを前に進める方法
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
e-Learning Design for Teacher
e-Learning Design for Teacher
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Android開発者とデザイナーの効率的な連携について
Android開発者とデザイナーの効率的な連携について
サイトリニューアル時のコンセプト設計
サイトリニューアル時のコンセプト設計
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
ウェブディレクションの基礎(第2回:制作・開発編) 先生:小嶋裕亮
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
20181019 エンジニア寄せ鍋#7 まだユーザーのいないプロダクトのユーザー視点デザイン
Wiz_branding
Wiz_branding
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
ゼロからのディレクション講座 制作・開発編20150221
ゼロからのディレクション講座 制作・開発編20150221
ディレクターのキャリア・パス ~職能マップになぞらえて~
ディレクターのキャリア・パス ~職能マップになぞらえて~
早く・良いものを作るための、WordPressサイト構築ワークフロー
早く・良いものを作るための、WordPressサイト構築ワークフロー
デザイン組織に本気で取り組む
デザイン組織に本気で取り組む
Story-Assured Design で開発チーム全員でデザインする
Story-Assured Design で開発チーム全員でデザインする
Trunkerから学ぶsketchの使い方
Trunkerから学ぶsketchの使い方
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Jumvo 2.0 における デザイナーとエンジニアの連携
Jumvo 2.0 における デザイナーとエンジニアの連携
ARグラスアプリ開発プロジェクトで不確実性に立ち向かう!
ARグラスアプリ開発プロジェクトで不確実性に立ち向かう!
111112 受発注のセオリーイベント資料
111112 受発注のセオリーイベント資料
デザイナーとエンジニアの良い関係
1.
デザイナーと エンジニアの 良い関係
の場合 Bracket, Inc. Kanako Kawahara 2014.1 1.1 1 nanapi勉強会 - チームで作るデザイン / チームを作るデザイン
2.
Kanako Kawahara 2013.05-
Bracket, Inc. kanakt.stores.jp
3.
4.
5.
Designer Engineer
6.
デザイナー向けの勉強会などで 悩んでいる人が多い印象
7.
どこからどこまでデザイナーの仕事? デザインの意図がうまく伝わらない 実装してもらったものがなんかちがう
8.
原因は主に コミュニケーション不足
9.
良くない例
10.
完成系を ポーンと渡しちゃう
11.
渡してはじめて、いろんな矛盾や実装面で 難しい、という問題が浮き彫りになる。 また、デザインが決まるまでの過程を伝え
ないと、どうしてこうなっているのかという 部分に興味を持ってもらいにくい。
12.
初期段階からデザインの考えを 意識的に共有しようと思った
13.
最近のやり方
14.
Team Member マネージャーカスタマー
サポート デザイナーエンジニア
15.
Designer サービスとしてのビジョンを 「具現化」していく役割
16.
Designer 具体的なものをつくれる という強みを活かした振る舞い
17.
18.
プロダクトに今までなかった概念 モック作りに特に時間を割いた
19.
20.
21.
22.
常にモックを共有しながら 進めたことによるメリット
23.
意見が出やすい
24.
自分の頭だけで考えるよりも 絶対的に良くなる!
25.
特にエンジニアはロジカルに 考えることが得意なので 矛盾などに気づいてもらいやすい
26.
開発を平行できる
27.
デザインの完成を待たずに 方向性を共有できるので スピード感のある開発が可能
28.
共通理解をつくれる
29.
未完成の段階からデザインの プロセスを共有することで やろうとしていることを伝えられる
30.
プロセスの改善 アウトプットも良くなる!
31.
試行錯誤中ではありますが 心掛けていること
32.
1 未完成デザインを晒す 日々考えていることをオープンにする。
日報やチャットなどでカジュアルに。 それだけでも違うと思う。
33.
2 やり方を固定しない 組むエンジニアのスキルセットや
案件の性質によって、やり方はアレンジ。 いろんなツールも試してみる。
34.
3 エンジニアの 様子を観察してみる
エンジニアがめっちゃ頭を抱えている時は もしかしてUIが複雑でイケてないのかも と、一旦疑うようにしています(笑)
35.
3 エンジニアの 様子を観察してみる
ちゃんと話し合って、開発がシンプルに なると、おのずとUIもシンプルになって いい感じなときもある。(感覚的に)
36.
何はともあれ コミュニケーション!
37.
お互いの職能を尊重し合って 良いものづくりをしよう!
38.
WANTED! ! ブラケットではデザイナー・エンジニアを
募集しています!よろしくお願いします! 渋谷 / オフィスがおしゃれ / おやつとレッドブル無料
Download now