为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论后决定可以更改此文档.

了解你的用户

你的用户是最终评判用户界面好坏的人,所以用户即是你的终极目标,不了解用户需求,即使你的界面做得再好, 也不是用户想要的产品。沉下心来仔细观察用户的喜好,并了解他们的技能水平和体验,观察他们在界面中如何操作。 不要迷恋于追逐设计趋势的更新,或是不断添加新的功能。友商或流行的界面设计可以适当借鉴,但始终记住, 首要的任务是关注你的用户,这样才能创造出一个能让用户达成目标的界面。

重视UI模型(典型模板)

在系统中,用户的大部分时间都消耗在界面操作中(数据录入、数据修改、数据查阅等等),这点与浏览为主的网站类页面的用户操作完全不同。我们无需画蛇添足,用户希望在新创造的界面中看到那些已有的、相似功能的或遵循基本操作方式的软件界面。利用已成惯例的UI模型抽象出典型模板(页面),将使用户产生亲切感,从而降低学习和培训成本,同时也降低了开发成本。

保持一致

用户需要知道一旦他们学会做某项操作,那么下次也同样可行。语言、布局和界面元素等是需要保持一致性。一致性的界面可以让用户对于如何操作有更好的理解,从而提升操作效率。

清晰的视觉层次

设计时,要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置,它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用。

提供反馈

界面要始终保持和用户的沟通,不管是他们的行为对错与否。随时提示用户的行为:状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户,他们的行为是否能够达到预期的结果,以及如何往下处理,给出适当的解决方案。

容错机制

无论你的设计多么的清晰明了,用户都会犯错。界面应当允许并要为用户提供可以撤销行为的方式,并且对五花八门的输入数据尽量宽容。同样,如果用户的行为引起了一个错误,在恰当的时机运用信息显示什么行为是错误的,并确保用户明白如何防止这种错误的再次发生。

鼓励用户

一旦用户在完成了关键操作,要及时告知用户(弹出对话框等)。无论正在执行的任务有多么复杂和漫长在界面上要保持流程的不间断性。

语言有亲和力

所有的界面或多或少都有文字在其上,让文字尽量口语化,而不是华美辞藻的堆砌或开发语言。为行为提供清晰、简明的标签,保持简朴的文字叙述,使用用户自己的语言。

保持简洁

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候

操作性

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候

一致性

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候

合理性

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候

美观和协调性

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候

菜单位置

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候

独特性

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。用户沉浸在内容当中,特别是对于工作类的软件界面,不应有任何分散用户注意力打搅用户操作的元素。用户是与界面内容交互,而不是与表示该内容的控件交互。所以当想着是否要在界面上加一个新功能或是新元素的时候