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 Taka Taka
August 20, 2023
Design
0
140

 エンジニアにデザインを！

なごデLTで発表した資料です

Avatar for Taka

Taka

August 20, 2023
Tweet

Other Decks in Design

See All in Design
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
0
110
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
370
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.2k
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
290
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
370
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
7k

Featured

See All Featured
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
220
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
280
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
140
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
730
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
110
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
110

Transcript

  1. エンジニアにデザインを！ Taka present by 1

  2. 自己紹介 ・フルスタックエンジニア ・ニコニコ動画が大好きです ・趣味で動画投稿してます ・出身は福島 ・デザイン勉強歴、半年 Taka 2

  3. 今日お話しする事 デザインレビューを最速で 終わらせる方法 4

  4. こんなことありませんか？ 5

  5. こんなことありませんか？ こんな感じでデザインお願いします！ わかりました！ 😊 😆 5

  6. 実際に出来た画面 6

  7. なぜこんなことが起こるのか？ デザイナーさんとエンジニアさんの画面 の見方が違う 7

  8. デザイナーさんの希望 8

  9. エンジニアはこう見えてる 9

  10. 作る画面を見た時の大きな差 エンジニア 表示されている情報をどう取得するか デザイナー 情報をどう構成するか 10

  11. どうやったらこれを回避できるか...? エンジニアにデザインを教えてあげよう！ 🤔… (デザインって教えること多すぎる) 11

  12. これさえ教えれば大丈夫！ 「近接」「整列」「反復」 余白のルールを教えておく！ (余白は8の倍数など) 12

  13. そうすればデザインレビューが減るよ！ (なるほどこういうグループなのか ...) 13

  14. デザインを少しでも理解して貰って迅 速な開発を！ 14

  15. ご清聴ありがとうございました https://twitter.com/tktksnsn07 15