UI仕様が決まってないと、エンジニアが迷子するぞ！

「参加しなきゃ悪戯するぞ！？」デザイナーとエンジニアのハロウィントークNight！

2024/10/30

https://yumemi.connpass.com/event/330855/

Transcript

1. UI仕様が決まってないと、エ ンジニアが迷子するぞ！ 
 
 
 
 
 三海 純(ミカイジュン)

2. ミカイ ジュン 
 • フリーランスエンジニア 
 • 趣味: もくもく会、アニメ、ネット麻雀(雀魂) 
 • 好きな有名人 
 ◦ 後藤 ひとり 
 ◦ 陸八魔アル 
 ◦ 千早 愛音
 ◦ 八木 唯

3. キャリア
 • 2020年 ~ 2022年 
 ◦ 正社員: フロントエンドエンジニア 
 • 2022年 ~ 2023年 
 ◦ 正社員: フロントエンド&バックエンドエンジニア 
 • 現在(2024年) 
 ◦ フリーランス: Next.js など設計&開発 
 • 来年(2025年2月 ~) 
 ◦ Y社 入社

4. デザインカンプの仕様が曖昧で 
 開発遅延が発生した！ 
 
 こんなことありませんか・・・ 

5. 頂いたデザインカンプを 
 見た時に考えること 
 
 今回は・・・ 

7. 色々改善できそうですね・・・ 
 
 どうでしょうか？ 

8. 絞り込み？タスク作成時に決める優先度？
9. 絞り込み？選択したらリセットできなくない？
10. 押したら何が起こる？一括設定？新規作成？
11. 何ができる？別ページ遷移？、編集？、削除？
12. 「ここ押したら何が起こる？」 
 をイメージできるかが大事 
 
 ここまでのまとめ 

13. どう改善するのがいいでしょうか？ 
 では・・・ 

15. 絞り込む事がわかる！
16. 追加がわかる！
17. アイコンで アクションがわかる！
18. ← before 
 
 after → 
 

19. 普段の業務で意識すること 
 UIベストベストプラクティスを学び 続けること？ 

20. それもあるけど・・・ 

21. 普段の業務で意識すること（改） 
 ユーザーに考えさせない 

22. 言い方を変えると・・・ 

23. 〇〇(プロダクト名) ××(やりたいこと) 
 とググったりAIに聞いたら負け 

24. そのためにも・・・ 
 普段使っている 
 webサービスのUIで 
 「思ったこと」を 
 強く意識する 

25. 個人的おすすめなのが 
 ソシャゲのチュートリアル 

26. UIの感想を共有する事で 
 いいプロダクト開発を！ 

27. ご清聴ありがとうござ います！