![見出し画像](https://assets.st-note.com/production/uploads/images/91050024/rectangle_large_type_2_6346bfd593d5901af2fa33e3449f6f16.png?width=1200)
チームで「Ezolico」をデザインした話④
本家は食べたことがありませんが、宮崎辛麺のお菓子(ベビースター)に最近激ハマり中です!
今回は、「UXの5段階モデル」の構造段階で行ったことについて説明していきます。
5段階モデル「構造段階」
![](https://assets.st-note.com/img/1668349723488-fcRZgdQafZ.png?width=1200)
ここでは大きなゴールを「プロダクトのデータ構造を可視化する」こととし、以下のことを行いました。
・UIクラス図
・UIモデリング図
UIクラス図・UIモデリング図
要件段階で定義した機能を画面ごとの関連性がわかるよう可視化していきます。
オブジェクト間の繋がりが見えることで、画面同士の関係性がわかりやすく、チーム内の認識を一致することができます。
機能ごとにメンバーそれぞれ役割分担を行って作成していたため、オブジェクト関係を明確にすることはとても重要な作業だと感じました。
![](https://assets.st-note.com/img/1668142998163-tiHvnn9DDf.png?width=1200)
![](https://assets.st-note.com/img/1668146181973-KMKF2fO3Kf.png?width=1200)
![](https://assets.st-note.com/img/1668142880168-uvSg9UlL63.png?width=1200)
機能ごとに分かれていたものが、1つのサービスとしての形をなしてきました。
一覧性が生まれ、サービスの全体像が見えてきたことにより、チーム内での共有がしやすくなりました。
また、自分の中でも整理しやすくなったのを感じました。
次回は機能ごとにフレームワークを作り、より具体的なイメージがつかめてきます。
つづく…
この記事が気に入ったらサポートをしてみませんか?