Upgrade to Pro — share decks privately, control downloads, hide ads and more …

スタートアップで働くエンジニアがデザインファーストで開発した話

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for risto24 risto24
February 22, 2022
Design
1
280

 スタートアップで働くエンジニアがデザインファーストで開発した話

Avatar for risto24

risto24

February 22, 2022
Tweet

Other Decks in Design

See All in Design
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
PRO
0
170
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
710
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
400
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
110
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
150
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
950
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
750
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
310
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
710
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
590
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
240
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
5
4.7k

Featured

See All Featured
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
290
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
620
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
130
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
92
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
77
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
370
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
380

Transcript

  1. 01 スタートアップで働く Risto Nishimura エンジニアが
 デザインファーストで
 開発した話

  2. インターノウス株式会社が提供する様々なWEBサービスに
 デザインをはじめインフラ構築や開発まで幅広く携わる。 また、認定スクラムマスターとして
 社内小規模チームにおける柔軟なスクラム開発にも尽力。 西村 リスト @risto_jp @risto24 02 今日発表する人

  3. CUBICという適性検査をもとに開発された、パ フォーマンスを発揮できて、居心地の良い会社やイ ンターン企業や就職先企業を、学生一人一人に合わ せて表示するサービスです。 02

  4. オンラインプログラミング学習サービスや 新卒採用プラットフォームなどの様々な開発… 弊社の開発チーム 02

  5. デザイナーなしの技術者５名 02 弊社の開発チーム

  6. スタートアップや小規模のチームなどの デザイナーのいない組織でエンジニアが主体になって
 デザインファーストな開発を進めてみた話 03 今日発表すること

  7. スタートアップや小規模なチームだけではなく
 リリースまでハイスピードな開発が必要とされる現場など デザイナーがいない理由は多種多様 04 デザイナーがいない組織

  8. デザインのない開発は落とし穴がたくさん 04 デザイナーがいない組織

  9. 05 デザインが解決する問題 デザインの認識不一致のよくあるパターン

  10. デザインが解決する問題 POは電車をイメージしていたのに 05

  11. 05 デザインが解決する問題 完成したものは時速320kmで走る新幹線だった

  12. 05 デザインが解決する問題 どちらもレールの上を走り乗客を運ぶ乗り物

  13. 05 デザインが解決する問題 顧客と認識をすり合わせる経験の豊富なPMなら
 認識のズレは少なくなる “かもしれない”

  14. 05 デザインが解決する問題 技術で生きてきたエンジニアの場合はもっと悲惨になるかも

  15. 05 デザインが解決する問題 認識のズレが原因による生産性への影響は未知数

  16. 05 デザインが解決する問題 本格的でなくても良い。
 デザインがあるだけで認識のズレは防げる。

  17. 06 デザインと仲良くなるには どのようにデザインファーストな開発を行うのか？
 弊社の導入事例をもとに紹介。

  18. 06 デザインと仲良くなるには Figmaを使ってチームの皆が気軽に
 デザインを触って提案できる環境を整える

  19. 06 デザインと仲良くなるには エンジニアがFigmaを触ると発生する課題

  20. 06 デザインと仲良くなるには PROBLEM1 Figmaの使い方や専門用語に対する苦手意識。
 Group, Frameってなに…？

  21. 06 デザインと仲良くなるには SOLUTION1 センスや保守性は後からで良い
 まずはイメージを具現化することが大切

  22. 06 デザインと仲良くなるには PROBLEM2 チーム内でデザイン感覚にズレが生じる
 美しいデザインって一体なんなんだ…？

  23. 06 デザインと仲良くなるには SOLUTION2 デザインに答えなんてないと割り切る。
 関係者で意見を出し合い 自信を持って提供できるようなデザインの感性を 徐々に合わせていくことが大切

  24. 06 デザインと仲良くなるには PROBLEM3 「デザインセンスがないから…」という発言

  25. 06 デザインと仲良くなるには SOLUTION3 世の中には、確かに非凡な才能を持っている人も多い。
 でも「デザインは理論」という言葉も正しい。
 基本的な理論を守ることから始める。
 デザインに近づくことで日常を過ごす目線が変わる。

  26. 07 デザイナーの必要性 じゃあ、デザイナーって必要ないの？？

  27. 07 デザイナーの必要性 必要です。

  28. 07 デザイナーの必要性 分担ではなく分業を進める方が
 特定の業務に集中できる環境が整い
 高い創造性と成果が期待できる

  29. 07 デザイナーの必要性 ただ、状況によるよね。って話です。

  30. 07 デザイナーの必要性 コストやサービスの規模 etc.
 総合的に判断してエンジニアの頑張る範囲を決める

  31. 08 今回の発表で伝えたいこと デザイナーがいなくても… デザインの大切さを理解した方が幸せになれるよ（小声）

  32. 08 今回の発表で伝えたいこと 「ウチにはデザイナーがいないから…」といって
 カッコいいサービスは作れないと思い込まないで欲しい

  33. 08 今回の発表で伝えたいこと エンジニアも他業種に少しだけ踏み込んでみませんか？

  34. 08 ご静聴ありがとうございました！ もっと話を聞きたい！どんな感じで働いているの？ etc.
 TwitterやFaceBookでご連絡お待ちしています！ END