「考慮もれ」「手戻り」をなくしたい モチベーションクラウドシリーズのデザイナーです。 フロントエンドエンジニアのみなさんは、画面デザインを見て「どう実装するんだ?」とストレスを感じたことはないですか? 例えば... 👨💻 フロントエンド「Emptyのときはどうするんだろう?最初から考慮してほしいな...(ストレス)」 👩🎨 デザイナー「この状態も考えないといけないのか。確認するだけで1日終わるな...(ストレス)」 →お互いにとって、よくない!!!!! こうした状態を受けて、お互いにとってストレスなく開発するために、デザイナーとフロントエンドで制作プロセスを改善しました。 今回は、プロセス改善のステップや導入してみて効果的だったツール(シート)についてお伝えします。 【まず初めに】 「UI Stack(状態デザイン)」の必要性の周知 UI Stackとは、UIの考慮すべき5つの
![「1枚のシート」でエンジニアとデザイナーのストレスが激減した話 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/adf055b02cc966b57c82fbf29f82fae4bff4ad5c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJThDMSVFNiU5RSU5QSVFMyU4MSVBRSVFMyU4MiVCNyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MCU4RCVFMyU4MSVBNyVFMyU4MiVBOCVFMyU4MyVCMyVFMyU4MiVCOCVFMyU4MyU4QiVFMyU4MiVBMiVFMyU4MSVBOCVFMyU4MyU4NyVFMyU4MiVCNiVFMyU4MiVBNCVFMyU4MyU4QSVFMyU4MyVCQyVFMyU4MSVBRSVFMyU4MiVCOSVFMyU4MyU4OCVFMyU4MyVBQyVFMyU4MiVCOSVFMyU4MSU4QyVFNiVCRiU4MCVFNiVCOCU5QiVFMyU4MSU5NyVFMyU4MSU5RiVFOCVBOSVCMSZ0eHQtY29sb3I9JTIzM0EzQzNDJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YzY1Njk4YjNiODE3ODNiNjE3NDZkY2I3NDQ3ZjBmMTY%26mark-x%3D142%26mark-y%3D100%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBzdWdpZV9tJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04MDBhOGRhNGI2NmYzMmRhZTYzMzhkMjAyN2U1YjRmYg%26blend-x%3D142%26blend-y%3D455%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44Oq44Oz44Kv44Ki44Oz44OJ44Oi44OB44OZ44O844K344On44OzIA%26txt-width%3D972%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25233A3C3C%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D550%26s%3D6f1c93350f02945846753f42635ea81f)