Case Background

项目背景

因为上市企业业务规模的不断扩大,项目管控线长、面广,管理模式在不断革新,传统的管理手段和方式已经无法适应新的业务模式,拉米为其设计了PC端数据可视化界面与操作系统与APP,助力提升工程管控水平,为打造品质工程提供保障。深度的合作方式让拉米体会它的商业目标和产品逻辑,以卫星遥感技术为基础,服务于交通基础建设为落脚点,高效的服务能力覆盖智慧交通与城市治理。

Product Design

我们思考的不只是功能诉求和场景诉求

顺应智慧交建的服务目标和理念,我们的思考方式就变得不同:当集团端用户查看不同的项目时,需要跳转不同的页面查找想要的数据,跳转的越频繁就会给用户带来越多的负担。普通的查看多个子项目下的分类数据需要跳转三次页面,如果把卫星遥感界面作为背景元素,那么操作将简化为一步。我们没有因为卫星遥感的界面而为用户增加任何负担,用户只需要转动地球,就可以看到不同的项目在世界上的标点,底部可以通过滑动切换不同分类,上滑弹出卡片查看所有项目的综合数据。

在PC端的基础上APP可以延展出更好的服务能力和价值

与传统的数据可视化数据查看工具相比,智慧交建有着更强的操作性,并且更高效、更舒适。我们把智慧交建的特性传递给用户,不仅仅通过设计APP的功能界面,更要结合智慧交建的卫星遥感技术优势,把集团端与项目端在一个APP中无缝结合起来,并延伸到各个环节,提升服务体验。

USD

用户调研使我们发现更多机遇点

我们在集团端和项目端对数十名用户进行了深度的沟通。在集团端通过访谈观察用户使用交通之眼的核心过程;在项目端,访问了数十位用户并实地操作了实际使用情况和细节信息。通过用户研究,设计团队发现了多个机遇点,在降低用户操作卫星地图的决策成本,优化产品细节和用户查找流程上提出众多有价值的设计观点。

UXD

深度考量了复杂图标的构建

我们设计团队在界面语言上做出了更有创意和高效的表达,用堆叠的形式展示构件,构被“搭”起来,结构相同的构件被编辑到一组里,进度用不同的透明度来表示,使得繁杂的构件统一展示;有的构件桩号非常多,用侧滑的方式即可查看。我们只关心用户在使用过程中真正关心的东西,设计只为符合用户期待。

UI Design

我们的设计方案

深色系的UI一直给人的感觉是炫酷的,符合智慧交建的主题风格,随着ios13的推出,已有更多用户注意到这种风格;在卫星地图的影响下,深色界面更能融合。深灰色的背景会比纯黑更加安全,不仅对人眼的压力小,而且投影也更好做,营造景深的感觉;饱和度很高的颜色在浅色背景上看起来很不错,但是在深色背景上会产生视觉抖动,更难阅读,使用较浅的颜色(200-50)会使内容有更好的阅读性,饱和度降低也不会降低UI表现力。

坚持设计的一致性是很重要的

产品的交互操作(弹窗的样式、列表页左右功能布局)、按钮的不同状态、系统导航条的样式及位置、切换页面的触发等等,都属于一致性中必不可少的因素,当产品的一致性程度较高,就可以降低用户的学习成本、提高用户的使用效率

UID

界面设计-提升界面的品质

智慧交建的设计上,如果设计师在设计的时候思考的很少,按照交互设计师的规划和排列,那么对于用户来说,非常复杂的商业逻辑和业务逻辑那么将会是很高的使用成本;我们在设计产品的时候,期望通过自己的设计水平让产品有更多的内容、让视觉有更多的冲击,并且期待让用户获得更好的体验,但是从用户的角度来说,这些并非是他们重点关注的点。

UID

整体视觉风格

我们排布数据的时候着重注意了布局,不仅优化了字段以及设计元素,让用户看起来更直接,并且加入了一部分引导元素,让新用户有很快的认知。B端产品的用户一般比C端产品的用户要更有专业性,同时也更有耐心。但是如果我们的页面设计的功能过于复杂或者为了丰富页面加入很多的冗杂字段,会对用户造成不必要的影响。

    发送