
最近一段时间都在负责公司一款数据中心产品的前端部分。上周算是出了DEMO版,DEMO在部门内公布之后,引发了一系列的讨论。总结起来有以下几项:
1.传统页面风格还是WEB2.0的AJAX动态交互风格。
2.以低端配置(低分辨率、低IE版本)电脑为设计受众,还是以高端电脑用户为主。
3.页面布局强调整体感,还是灵活松散可随意组合。
以上这些问题不论结果如何都有它的道理。So 我还是想跳出这些纠结的问题,从本源出发,谈谈前端设计的思路。
※设计来自于业务需求。
如果不懂业务,那就不可能设计出用户想要的界面。从最终使用者的角度去观察网站,才有可能找到最佳的方案,而不能本末倒置,拿一个设计硬往产品上套。那就会出现不伦不类的效果。
打个比方,我们是因为装修格局来改变生活习惯还是因为生活习惯来决定装修格局。不可否认经典的装修格局都考虑大部分人的生活习惯,但这并非意味着你完全照搬之后还能获得同样的生活体验。
我曾经设计过一个评论聚合类的网站,我从各种设计类网站上找了很多设计方案,但都不满意。原因就是已有的设计方案都是针对新闻聚合的,和我的业务不尽相同,所以生硬的照搬效果很差。后来我选择twitter的设计风格为基础,做了一些修改。最终达到我要的效果。
不过从另一个角度来说,如果没有非实际需求的产品功能,那么现在可能我们外出还在马车上呢。也就说你不能总听用户的,你要给用户带来新鲜和更合理的体验。但一切的前提还应该是先满足最基本的业务需求。
※用户操作体验是用户是否还会再来的关键。
漂亮的网页确实能极大的吸引用户的注意力,但糟糕的操作体验可以轻松地把之前建立的用户好感毁灭殆尽。
还拿装修来比喻,我见过很多装修的效果图非常的棒,但为什么装修好了住进去就不是那么回事儿了,首先可能是因为实际使用的时候,你不可能在日常生活中还开那么多的照明来增强房间的明暗对比和打出恰当的阴影。其次,如果你发现门口换鞋的地方根本弯不下腰;凳子看着很漂亮但坐起来又窄又硬;木地板的确很棒但清洁的时候简直令人崩溃。你一定不会觉得这狗屁装修有什么了不起的(至少心理是这么想的,不好意思说而已。)。
在网页设计时,尤其是对新手来说,更容易发生为了秀技术、秀特效而让浏览器负担过重,浏览器兼容性差,用户操作起来的交互莫名其妙之类的情况。而我们反观互联网最著名的哪些网站,他的设计反而极端的简洁使用。
简洁不等于简单,简洁的页面仍然可以有很复杂的交互,不管你在后面设计的多么纠结,但对于用户的感觉,只要简洁即可。
※良好科学的布局,和可重构的页面架构大于美工设计。
网页重构概念的提出从某些方面限制了设计师对于页面内容的灵活控制,但更重要的是可以让设计师花更多的精力在网页布局上。
最近一直在研究wordpress这款世界上最成功开源软件排名前十的模板开发。wp开放的模板标签很有限,你很难仅依靠他提供的标签而一句业务sql也不写的将这套blog系统改造成杂志系统——这并不是WP想让设计师费心的地方。WP希望设计师仅对他提供的标签进行排布和重构即可。这样的理念使得WP模板的通用性极大,你不用担心自己更换一套模板,自己的内容就面目全非。
※交互体验要尽量和日常其他操作体验保持一致。
苹果比微软强在哪里呢?可能很难一句话说清楚,但有一点是毫无疑问的,苹果知道用户其实并不习惯用鼠标,用户更喜欢用手。Iphone、Ipad是从机器习惯转变为接近人类生活习惯的操作体验的经典案例。
在网页设计中,最简单的就是将页面设计的跟真实的办公、阅读场景类似。比如,下拉菜单可以设计成抽屉,图片幻灯片感觉像推拉门,网页Tab切换做成书签的样子,新闻网站布局仿照报纸杂志而来。可以预见果网站设计的跟我们日常生活中的物质或场景很类似,我们一定很愿意接受,并容易学会如何操作网页。
※用户的第一感觉决定成败。
All in One ,一切的一切都要让用户能留下来才能被实践。不仅仅是网页设计,任何产品的设计都要更多的考虑第一印象。很多复杂业务的网站,首页都不急于展示他所有的功能,而是用几句话几张图片简明扼要的介绍网站的功能,这就是一个很好的第一印象。
第一感觉,需要包含几点:1,你的网站是做什么的。2,我想要的内容在你网站的什么位置。3,你还能给我带来什么。如果你能在用户刚刚进来网站的时候,让其快速知道以上三点中的两点,那就算是相当了不起了。
好了,聊完这些,我想对于篇首的那几个争议简单回应一下。
1.传统页面风格还是WEB2.0的AJAX动态交互风格。
从业务出发,遵循人类日常经验,按需设计。
2.以低端配置(低分辨率、低IE版本)电脑为设计受众,还是以高端电脑用户为主。
优先保证最大的低端用户群体的体验,兼顾高端用户。
3.页面布局强调整体感,还是灵活松散可随意组合。
结构最重要,好的结构在加上优秀的美工,两者可以兼得。