![](https://freight.cargo.site/t/original/i/c1ef7fe7dd61981807b838c65c1c48698c4a39885f8699a460eacb15053b702c/7.jpg)
DESIGN CONCEPT
コアコンセプト
IoTと繋がる、安心感を得られる
下記の図ような空気清淨機のためクラウドホームを構築した上で、クラウドに多くの情報を收集し、分析することで、利用者にとって有用な情報をフィドバックすることができるようにする。
![](https://freight.cargo.site/t/original/i/1f00dbbaee1d864cc3352706fd33a1d049bc051b17a3ee0abe5621781b7d3213/32-32.jpg)
IoTと繋がる、安心感を得られる
下記の図ような空気清淨機のためクラウドホームを構築した上で、クラウドに多くの情報を收集し、分析することで、利用者にとって有用な情報をフィドバックすることができるようにする。
![](https://freight.cargo.site/t/original/i/2e20d4cc4d6336d86bc61c1a1f164c4ae2d7a3c425b1437b758f8b9515194a79/33-33.jpg)
UI FLOWCHART
アプリはIT系のエンジニアと一緒に合作することは必要である。そのため、UIをデザインする前、まずはほしい機能を下図のようにそれぞれの関係をはっきりする。このページの次のページは何とこのボタンを押すと、なにか起こる、どんなページに進む。それぞれの関係を説明する
![](https://freight.cargo.site/t/original/i/3bf26269a48744d03795d6d27c8e31e85e8afad37d4cc32115ac8e684fa8fdb9/29-29.jpg)
UI DESIGN
UI FLOWCHARTを制定した上で、THORAのスタイルで、主にオレンジ色でアプリのインターフェースをデザインする。すぐ今の状況を分かるために、このアプリは数字と場所などの情報を使用者に提供したいので、数字と地名を強調する。
![](https://freight.cargo.site/t/original/i/39510b651d4203bb6fa6f9e642e51c891a92747fbef459c011cc492e1db867bf/26-1-26.jpg)
![](https://freight.cargo.site/t/original/i/9305bcdff6b84e7c0e1ebb9423ea8a64dc624aa5166e8fbd965a08d0e97da723/27-27-27.jpg)