「1枚のシート」でエンジニアとデザイナーのストレスが激減した話 - Qiita

「考慮もれ」「手戻り」をなくしたい モチベーションクラウドシリーズのデザイナーです。 フロントエンドエンジニアのみなさんは、画面デザインを見て「どう実装するんだ？」とストレスを感じたことはないですか？ 例えば... 👨‍💻 フロントエンド「Emptyのときはどうするんだろう？最初から考慮してほしいな...（ストレス）」 👩‍🎨 デザイナー「この状態も考えないといけないのか。確認するだけで1日終わるな...（ストレス）」 →お互いにとって、よくない！！！！！ こうした状態を受けて、お互いにとってストレスなく開発するために、デザイナーとフロントエンドで制作プロセスを改善しました。 今回は、プロセス改善のステップや導入してみて効果的だったツール（シート）についてお伝えします。 【まず初めに】 「UI Stack（状態デザイン）」の必要性の周知 UI Stackとは、UIの考慮すべき5つの

[programmablekinoko]

やっぱなんだかんだみんなほしいのは共同編集出来るエクセル管理表なんだよな。一目瞭然だし使い方を新たに覚える必要もない

[Nilfs]

UIでよくある状態遷移を共有して状態ごとにデザインを詰めていき、そこを土台としてエンジニアと話し始めるって感じかな。良さそう

[tsukitaro]

項目名の「Epic」ってなんだろう？

[mayumayu_nimolove]

まあこれも一手段だから。普通にこれとこれとこれどうなるんですか？ああ、明日までに追記しておきます、で良い場合もある。何回かやってるとUIの漏れってパターン化してるのに気づくので。

[udofukui]

どうせ後でやるんだから、最初から見込んでおく。

[yarumato]

“考慮もれ、手戻り、をなくしたい。UI Stack（UIの考慮すべき5つの状態）：Blank Error Loading Partial Ideal。理想以外の状態も、デザイナー全員が考慮（画面一覧を作成）してフロントエンドに引き継ぐべきだとチームで認識”

[masatotoro]

UI stack

[wdscratch]

大切です。

[yasu-osu]

“「理想」状態だけでなくそのほかの状態も、デザイナー全員が考慮してフロントエンドに引き継ぐべきだよね！”→そりゃそうだ！！