ASK ME,关于界面规范(1)

1、常见的界面应用规范有哪些?

非常系统的界面应用规范有很多,很多软件公司的应用规范经常长达几百兆,快成了一个小型的系统。但实际上真正实用的规范不需要那么多,特别是在作网站产品的时候。站在实战应用的角度我尝试过的界面应用规范有这些:

信息架构。网站栏目,导航结构,界面结构和布局,通用局部信息规则等。
人机交互。任务流程(如,所有信息提交直接显示完成,随后验证),交互方式(如,所有出错信息不用弹出窗口提示,所有表单录入及时验证和提醒),导航的展现方式(如,通过导航的层级提示位置感,不用面包屑),链接原则等。
界面视觉。界面的视觉层次关系,色彩应用规则,界面尺寸和比例,控件大小及应用规则,间距和边距等等。
语言和文字。行文风格,通用术语,提示/报错用语,说明/帮助,内容规则,和用户/客户的来往邮件等。

.

2、什么时候整理规范更合适?

很早我就写了多篇日志说过应该什么时候开始整理界面规范,意思很简单:“不能在一开始就写规范,那样的规范不实用;不能在项目结束后写规范,那样的规范意义太小而且耽误效率,造成反复太多成本太大;更合适的时间是在具体应用的时候边设计边停下来整理规范,然后按照规范继续前行”。

为什么不能一开始就写规范?这很容易理解。
试想一下你从来没有用过IM,现在是第一次使用。这个时候你是不是要一开始就拍脑袋制定好详细的分组方案,然后严格执行呢?显然不是,这个时候你制定的分组方案显然是不可能实用的,后面在应用的过程中肯定得不断的调整甚至彻底推翻重新修改。
怎么办?很简单,不管三七二十一直接用了再说,不分组,等好友上到十几个的时候再开始分组。而且这个时候仍不能完全确定分组方案,仍需要在后面不停增加好友的过程中继续修改和调整。

很显然,后面在添加某个好友的时候会遇到三种情况:
1> 已有的分组可以直接把这个好友加进去。处理方式:加之。
2> 已有的分组不能把这个好友加进去。处理方式:新建分组,并确定以后同样类型的人也加到这个分组中。
3> 因为要加这个好友,发现已有分组不合理,需要调整。处理方式:优化之,然后形成新的分组方案。

界面规范也是同样的道理:在什么都没有开始设计之前不要去制定规范,(往往你的老板也没时间让你干这么)开始动手工作之前不要管那么多,动手干就是了。
当然,有些时候在动手之前需要制定一定的“原则”,我认为这不能叫规范应该是一种“制度”。(比如,不要用12号以下的字体,行文不要太啰嗦,不用突兀的弹出窗口等)

很多人对于“为什么不能后期整理规范”不是很理解,跑过来找我交流。

其实原因很简单:如果在后期才整理规范,那么前边的设计过程势必会有问题,把前期的设计成果调整统一会浪费很多时间。如果你等IM的好友加到500的时候再整理分组,你会疯掉。
规范的作用不只是为了更好的保证后期的设计实现效果,还得保证设计过程中的统一和连贯性。
.

3、什么样的规范形式更适合网站产品?

在以往的软件产品上,因为系统的庞大,也因为版本更新不能过于频繁,我们经常会制定非常系统和完整的“应用规范系统”,以保证不要因为一些小的问题经常去要求用户对产品进行更新。通常我们会在“制定和形成规范”的环节花费大量的时间和人力,而且由于整个规范系统会很庞大和繁杂,往往在规范的执行上成本很高而且效率很低。到最后我们经常发现:所谓的规范系统就是一个摆设,为开发库添加了一堆多余的信息而已。

网站产品的迭代过程很短,更新和反复很快。将以往软件产品上的规范做法直接拿到这里后,我们发现维护和更新规范的成本要远远高于其带来的协作效率。这也导致了一些早期用软件开发方式制定界面应用规范的互联网企业,都相继放弃了这个工作环节。

但这不能说明界面应用规范在网站上就失去了意义,准确的总结应该是说“软件产品的规范形式在网站产品上很不适用”。
于是,我们需要寻找更加适合网站产品的界面应用规范的表现形式和方法。在网站产品上规范的形式要更加自由、更加低成本,应用上要更加的方便简单,越华丽的形式反倒越不利于后期的应用。

另外,如果是一个迷你型团队,我建议你把规范作的越简单越好。比如我曾经有一个规范只是建了一个文件夹,里面有各种场景下的不同界面和一个”*.txt”文件。文件的内容是这样的:
1、所有通用的二级展示页面,布局规则参考“news.jpg”;
2、所有警告类的弹出窗口参考“xxx.jpg”
3、…
当然,这样的“规范”其实只是一两个设计师之间的“设计备忘”。一般的中型团队还是需要一个简单的大概几页纸的示范文档作为规范记录。
.

4、网上有很多人公布的界面规范,我看到了很多形式和很多不同方式的内容,可我们团队人很少没有时间整理这么多的东西,而且有些我还不理解是什么(比如,“情感化设计规范”是什么意思?)。怎么办?

不办。
别管他们的叫法和形式。动手作你认为对的,然后不断完善和调整。只要动手作了,就会有好处。什么都还不了解的时候不要试图作一个“博识”,选择作一个实战者你的老板会更喜欢你。
和在IM加好友一样,看到别人那么多分类不知道自己怎么分的时候就别分,人多了再分,再调整。
没有万能的规范和准则,只有最适合你的。那就是你自己慢慢“修炼”出来的。

.

5、工程师对于界面上的很多东西往往并没有设计师那么敏感,经常和设计的差别很大。特别是一些“小问题”,比如在我们设计师看来18的行距和22的行距有着天壤之别,但他们无所谓。这个时候怎么办?

(合理来说,你的界面制作人员应该在设计团队而不是开发团队)
首先,必须自我检查一下。“我的界面规范是不是太复杂太多,给工程师在应用的时候增加了太多成本?”。
然后,想办法让你们的规范简单再简单,应用起来方便更方便。比如,不要用太多的文档“写规范”,而用图片“画”规范,把间距等等问题标示在图片上,让工程师更容易“阅读”。比如,把你的网站规范写成HTML的,把元素的代码放出来方便工程师直接拷贝,减少应用成本。(如这里的第二种方式)。
再后,如果你的规范足够简单,应用足够方便。再去和工程师进行更多的沟通,看看是不是他们现在打心理根本还很小视重视界面的问题。
还不行,把实现的效果和设计效果对比给他们看。同时请你的老板帮忙督促。
.

6、我们公司只有我一个设计,从交互到美工全活。没有规范行不行?

不行。
1> 就算是你一个人,时间长了没有一个被记录在案的“规则”,你的设计一样会乱。可以考虑让规范的形式简单更简单(如只留一个PSD文件或者TXT文件说明),但不可少。 这个事情很简单,别偷懒。
2> 规范不只是为了今天看的,后面的设计执行、以后产品的维护和优化都需要用到。
3> 作为设计师要养成良好的工作习惯。

.
用以上6点抛砖引玉, 欢迎在6月份第二周结束前继续提问,或者投稿说出你的观点。如有必要我会尽我所能再次统一撰文回答。
经验有限,部分观点可能相对片面,请选择性采纳。

22 Responses to “ASK ME,关于界面规范(1)”

  1. Angela Says:

    第一次坐上沙发

  2. koma Says:

    第二条非常受用

  3. 小猪 Says:

    都很受用

  4. onling Says:

    规范对于一些跟进类的项目还是蛮实用的,有规范协同设计,或者完全有新人来设计就方便很多

    但是有时过多的规范还是很容易束缚设计师后期设计灵感的

  5. 小强 Says:

    同意规范的必要性,目前我们的项目就是完成以后才进行界面规范,导致工作量增加,规范真的是在项目并行的时候,不断进行反馈总结的!

  6. Zehee Says:

    我认为,设计规范的编写不在开发的始末,不在任何一个时间节点上。而是贯穿于整个开发过程中的。因为在可发项目的过程中很多规范是项目之初所没有想到的。

    于是,我想:如果公司建立一个“开发规范wiki系统”我想是一种不错的解决方案。

    每个规范的产生,伴随着相应的项目开发过程,有专人负责统筹,由开发人员协作编写。

  7. 张天峰 Says:

  8. 李真 Says:

    学习了:)

  9. bluesliu Says:

    第 5条很受用,也很实用,学习了

  10. 草根网 Says:

    收藏至20ju.com

  11. 则名 Says:

    请对前端的规范感兴趣的扩展阅读下ALA上的这篇文章http://alistapart.com/articles/writingainterfacestyleguide

  12. 青椒土豆丝 Says:

    "别管他们的叫法和形式。动手作你认为对的,然后不断完善和调整。只要动手作了,就会有好处。什么都还不了解的时候不要试图作一个“博识”,选择作一个实战者你的老板会更喜欢你。"

    这话很有道理,其实整个UCD的过程也是这样,实践出真知嘛。正在实践中。。。

  13. 纯真 Says:

    你们是如何让规范高效的被执行?

     在我看来,我们写出来的规范都只是摆设。

  14. Leslie Says:

    规范,约束一些绝对不能做的东东,至于那些能做,留给各个角色去自由发挥,

    更好更快的发现问题,解决问题,然后完善之 

  15. 规范没有规范 - 团队博客 - 以用户为中心的设计 Says:

    […] 规范,约束一些绝对不能做的东东,.. 白老大    我登记的那个邮.. @lancelot […]

  16. Melody Says:

        白鸦,请讲你尝试过的信息架构规范用一个小例子图示一下!多谢!

        我现在做一个网站,我也尝试自己变做边写规范!

  17. 车车 Says:

    感受很深,一直被这叫做“规范”的东东困扰着,还一直都不知道,现在突然清晰很多,呵呵,还知道了一些整理方法。~谢谢啦~

  18. hqmham Says:

    我是即将毕业的学生,读了上面的文章稍微 有点收获,我应聘了腾讯的交互设计/用户研究,刚收到通知去参加笔试,各位大侠可否给点建议?谢了!!

  19. hqmham Says:

    这个职位的要求是

    交互设计/用户研究
    职位描述:

    从事互联网产品用户模型建立、用户需求研究、产品交互设计、产品可用性测试等。

    职位要求:

    人机交互,工业设计,交互设计,工业工程,计算机科学,心理学相关专业;

    熟悉用户研究及可用性研究、交互设计、用户界面设计与信息架构方面的专业知识;

    对各种常用软件有强烈兴趣,对用户体验和易用性有灵敏触觉;

    较强的逻辑分析能力、沟通协调能力和书面表达能力;

    熟悉Photoshop、Fireworks等图像处理软件。

  20. iceFiFi » Blog Archive » 《UCD火花集》电子书版下载 Says:

    […] ASK ME,关于界面规范 http://ucdchina.com/blog/?p=474 […]

  21. 李俊 Says:

    我个人认为界面规范应该在项目开始的时候编写一个模板。

    今天气死我了,特意搜索了一下界面规范,在这次的项目中,几乎所有项目组成员都在乱写乱画界面,结果被老师骂了一通,并且还整死我了,由我一个人整理、整合整个项目的界面,而残酷的现实是,不是页面乱画,就是CSS样式不统一,并且还有页面少了的,害我找了半天都没有找到文件,只好凑合随便选了一个页面。

  22. 《UCD火花集》电子书版下载 « Tokgoo Says:

    […] ASK ME,关于界面规范 http://ucdchina.com/blog/?p=474 […]

Leave a Reply

You must be logged in to post a comment.