致远软件 SeeyonUI界面/交互规范

SeeyonUI规范说明

设计定位

引言

SeeyonUI用于致远V5系列产品的设计设计工作,明确在设计中所要遵循的准则和方法,明确产品页面中各个元素的规格要求,确保所实现的V5系列产品(多端)页面在风格、结构和功能上的统一,提升致远V5产品的外在品质。

规范目的

保证平台统一性

统一性是UE/UI设计的一个基本原则,在一个长期迭代多人合作的项目中,不同的设计师会负责不同的模块,每个人都有各自的思路,就有可能会对相同的元素做出了不同的方案,对于用户来说容易造成困惑,对品牌整体形象的建设也没有好处。所以对于较大型的产品,最好有设计规范来定义基本的元素,帮助众多设计师一起做出有统一性的产品,迭代与交接可以更加无缝。

提升团队工作效率

对于同一个基本元素,如果没有设计规范,交互设计师需要设计一次交互方式,视觉设计师需要设计一次外形,UI开发同学需要开发一次,每个不同的设计师遇到这个元素时都可能重新设计一遍。但如果有了设计规范,只需设计一次,团队中任何一个设计师需要用的时候直接拿来用就可以了,也不需要再进行视觉和开发,极大的提升了效率。

打磨细节体验

在整理每个元素的规范时,设计师都需要对其场景、状态考虑清楚。在整理的过程中,经常会发现一些以前没注意到的问题,并进行优化。把一个小元素单独拎出来仔细考量,写成一篇完整规范的过程,其实就是在打磨细节的过程。

规范价值

对致远:

规范的设计是公司产品持续发展的基石
良好的用户体验是公司持续发展的基石

对用户体验部:

对于致远多个产品线来说,统一UI规范,可以对多个产品在图标、主题色彩等方面进行规范,使得产品统一,实现家族化设计
多个UI设计师共同合作时,有一个既定的规则大家遵守,避免产品或控件、交互各式各样

对开发和测试:

为开发人员提供界面设计和开发的指南,引导开发人员设计简洁美观的用户界面(页面开发有据可依,有据可查)
界面规范能够保证设计的一致性,减少沟通和开发成本,避免一个页面或控件多次开发,提升效率

对用户:

1、使用户使用起来能够建立起精确的心智模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解
2、降低培训、支持成本,支持人员不会行费力逐个指导
3、页面交互一致性好,支持度增加

规范适用范围

适用产品:

V5系列产品--A8、A6、政务、CAP4.0、M3、微协同、致信

适用角色:

此规范适用于用户体验部全员、开发人员和测试人员,产品经理,界面评审人员、第三方开发人员

简洁

最好的设计是没有设计,最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。所以当想着是否要在界面上加一个新功能或是新元素的时候,再思考一下:用户或者界面中真的需要这些么? 优秀的界面设计师做出来的界面不会十分华丽,而是应该通过干净整洁的界面设计,可使用户快速操作、最大限度地减少键入操作。特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。

清晰

整个系统界面,任何尺寸的文字都清晰易读,图标精确易懂,操作一目了然,聚焦于功能和内容,一切设计由功能而驱动。留白、颜色、字体、图形以及其它界面元素能够巧妙地突出重点内容并且表达可交互性。

自然

符合用户的认知和操作习惯,用户使用系统的时候完全注意不到页面和操作复杂的问题,一切都应该是顺理成章,自然而然的操作和视觉引导。 符合多端应用和场景特点,在端到端的转换中应用、操作切换自然,用户无感(没有不适感)

京ICP备05042718号-1 京公网安备 11010802018390号