Day 19 民生公共物联网资料应用竞赛,产品设计讨论过程分享

来找设计师一起 side project,前後端 / UIUX 皆可ㄛ。配对单连结:
https://docs.google.com/spreadsheets/d/1-6YCUfqaB7dQLQa34pbuCHgYvXU3eYZ0dvDcPszhE4g/edit?usp=sharing


印度气象局官网:https://mausam.imd.gov.in/#.

prototype 大家自己玩玩看,应该会每天更新ㄅ:
https://xd.adobe.com/view/bd7fd57a-8e2f-44b0-bc26-322e98708133-e82c/


上周的需求

印度气象局设计其实已经差不多了,所以今天就分享最近参加的「民生公共物联网资料应用竞赛」设计过程。

我们上周稍为讨论了一下需求,非常笼统且不清楚,我们三个人各自回去画一点 wireframe ,今天再整合。

第一,我的 wireframe

第一个 prototype 是我设计的,因为刚开始其实没有讲好要用 web 还是 APP ,所以我就自作主张了做了手机版。

主要的功能是可以在底下选择大方向,例如气候、治安、水源等等,在旁边的选单中可以看到这个区域的详细资讯,上面的副选单可以去选择子项目,目前是设定多选。

加权

底下有加了一个蛮有趣的加权计算,因为我觉得有些人会特别在意土质,比如说要购买农地,或是鱼塭、高山农场等等,有些人可能会在意空气品质,所以我想做一个加权计算机,可以直接算出环境的加权分数。

我的最爱

我的最爱的项目可以去比较储存的不同的地点。

第二,Julia wireframe

Julia 设计的有考虑到不同的地景状况,可以选择 2d、3d,或者是卫星云图。

第三,沅沅 wireframe

我们的资工系朋友想的还蛮周到的,但是在做整合的时候,我们做了蛮多的取舍。

最後我们有使用的是「区域标记」,主要是他比较符合「区域」。

一开始我们在争论,单位到底应该是要用「房屋」还是「区域」,後来还是决定采用「区域」,主要是他跟政府的开放 API 资料会比较相合。

目前的 prototype

在最後,我们取消了单点标记和线路标记,留下了区域标记。
目前的 prototype 大概就是长这样子,我们的 Julia pm 大大把相对应的说明写在旁边。

之後因为我和 Julia 都要上班,所以 UI 设计就自然推给了资工朋友XDD

有空再分享,我要睡觉了拜拜~


<<:  Day19 - Interpreting Machines - 2 :使用 interpret API

>>:  [Day19 ] Prototype Pollution - Prototype污染

Python GUI 好用的设计观念

无论是使用Tkinter、PyQt5、PySide2、PyQt6、PySide6 都没关系,在设计观...

Day12 ATT&CK for ICS - Initial Access(2)

T0819 Exploit Public-Facing Application 攻击者针对攻击已知...

[Day32] Angular Material

虽然我们的网站终於整个都布署到云端上,而且功能都正常了,但是,我们的页面外观仍然是丑到不忍直视,虽然...

Day17 - RadioButton(二)

昨天学会使用getCheckedRadioButtonId 这功能一般都用在表单单选 例如:性别、年...

DAY04 - API串接常见问题 - CORS - 概念篇 (1)

记得我第一次正式的串接API的时候,踏着愉悦的心想说自己要成为一个真正的前端要来串接了~~~ 结果写...