Collaboration between engineers and designers

Wantedly x NIJIBOX 合同LT 3/15

Transcript

1. Wantedly x NIJIBOX engineers and designers between Collaboration NIJIBOX UI Designer Shirai Kanta 15 MAR 2024
2. Engineer Team Corporate Tools Philosophy Device Maintenance Language Feasibility Data Team and more and more and more and more and more and more and more and mor and and more and more and more and more and and m and more and more and more and more and more and more and more and more and more Refactoring Update Accessibility System Test Planing Business Tools Philosophy Device Design Date update brand CV and more and more and more and more and more and more and more and mo more and more and more and more and more more more and more and more and more and more and more and more and more and more WF Update System Guideline Designer Lighting Team Tone Accessibility それぞれのロールは 様々な文脈を 持っている 図の中身は適当だよ！真面目にみないで！ engineers and designers between Collaboration
3. Engineer Team Corporate Tools Philosophy Device Maintenance Language Feasibility Data Team and more and more and more and more and more and more and more and mor and and more and more and more and more and and m and more and more and more and more and more and more and more and more and more Refactoring Update Accessibility System Test and more Planing Business Tools Philosophy Device Design Date update brand CV and more and more and more and more and more and more and more and mo more and more and more and more and more more more and more and more and more and more and more and more and more WF Update System Guideline Designer Writing Team Tone Accessibility 文脈が繋がり プロダクトが ユーザーに届く 図の中身は適当だよ！真面目にみないで！ engineers and designers between Collaboration
4. 他のロールの 文脈をはっきりと 理解するのは 手放しでは難しい engineers and designers between Collaboration そりゃそうだよね。
5. このモーダルのデザイン HIGの「アラート」で 良くないですか？ はい いいえ engineers and designers between Collaboration このフォームUIのデザイン MDのコンポーネントを使って 実装したいんですけd | YES NO
6. 部分的な会話で 終わらせない engineers and designers between Collaboration 悪いことではない。けど何度も繰り返してしまう。 このデザインの変更 このモーダルのデザイン、 HIGのアラートで実装してもいいですか？ はい はい はい いいえ いいえ いいえ このデザインの変更 分かりました。デザインを調整しました。 はい はい はい いいえ いいえ いいえ このデザインの変更 ありがとうございます。今回はこれで。 はい はい はい いいえ いいえ いいえ このデザインの変更 こういったところは、今後もアラートを使 用してデザインするルールで良いですか？ はい はい はい いいえ いいえ いいえ
7. なぜHIGのアラートで実装したいのか？ UIの観点 実装の観点 iOS SDKを使用している HIGのcomponentが用意されている Appleのデザイン思想 保守管理の容易化 実装コストダウン 文脈の相互理解と 共通認識化が大切 engineers and designers between Collaboration
8. engineers and designers between Collaboration from experience Knowledge
9. Flutterに リプレイスした 経験談 engineers and designers between Collaboration Flutter：Google社提供。 アプリケーション開発に特化したフレームワーク。 クロスプラットフォーム開発を可能とする。
10. 開発コスト削減目的で 導入したのに コミュニケーション コストが増加 engineers and designers between Collaboration スッコココ祭りの開催をお知らせします。 Engineer10:15 このデザイン、flutterの標準コンポーネント を使いたいんですけどいいですか？ Engineer10:50 こんな感じになりますね。 Designer10:20 多分、大丈夫なんですが、デザインレビュー させてください Designer11:20 あ〜・・・ここのスタイルはここと統一した いのでこうしたいんですが、
 カスタマイズできます？ Engineer11:40 できなくはないです！こうですかね。
11. engineers and designers between Collaboration Designer 17:20 Flutterの標準コンポーネントが、どこまで カスタマイズ性、デザインの余地があるのか 知りたいため、勉強会をしませんか
12. engineers and designers between Collaboration Engineer 17:40 ではマテリアルデザインの勉強会をしましょ うか
13. 実現可能/不可 M３ Philosophy Color Syst usability Thema/Style Design System Flutterを使用している 標準componentはMDのcomponent MDのDesign language and more and mo and more 文脈を源流から 学び、理解し、 共通認識を立てる engineers and designers between Collaboration ここでの「源流」は、MDのDesign Language。 エンジニア間でもMDへの理解・解像度の差があったりもした。
14. ロールによって デザインシステム の見え方が違う Knowledge engineers and designers between Collaboration 見え方は体制や歴史背景やデザイン・実装・チームの状態によっても 揃っていたり・揃ってなかったりもすると思います。 Mobile Engineer Designer
15. engineers and designers between Collaboration Material Design supported by Google and more and more and more and more accessibility component foundation guideline tone / manner brand Designer 構築するものと感じられる Mobile Engineer 寄与のものと感じられる Halation
16. “そもそも⁩”から みんなで学習してみた engineers and designers between Collaboration ディスカッションで話したこと ・デザイナーが実現したいデザインと、MDって両立可能なんだっけ？
 ・MD何が実現可能で、何が実現不可能なんだっけ？ What is Material Design ‚ MDが どういったものなのかを知ž ‚ MDとAndroidの関係性を把握すž ‚ MDとFlutterの関係性を把握すž ‚ MD 1から2、そして2から3への変化についm ‚ デザイナー/エンジニアディスカッション
17. Flutterというツール 導入最初期に 共通認識とるべきだった Knowledge engineers and designers between Collaboration エンジニアも「そうなんですよね・・・」って一緒に凹みました。 Engineer Designer
18. ご静聴ありがとうございました