建站常识
精致的web设计
2009-11-24 22:28:00
工作中遇到一个很棘手的问题,交互设计师和视觉设计师在做出高保真原型后提交给前端开发工程师,最后得到的web产物从细ꦓ节上和布局上都和高保真原型有所差距,比如应该有鼠标手型的地方没有鼠标手型,导致用户不知道这个可点,又或者一行文字上下高低参差不齐,看起来就很廉价没有品质感。导致交互和视觉不得不放下手中的工作去一一核对这些问题,并指出给前端开发工程师让其改正,最后发现其实这些问题都可以迅速的做好,那为什么前端开发却不愿意在一开始的时候就做好这些工作?
从几方面来看待这个问题:
1.过细的专业消磨掉“默契”。相信大部分有一定互联网经验的人都是做过前端开发工程师,在那个年代从设计到开发都是同一个人,所以完成的东西往往和预期的符合度比较高。因为在做前端开发的时候自己心里知道哪些地方应该加粗,哪些地方应该有间距,哪些地方应该让用户更突出地看到。但是现在大家分工越来越细,每个工种的能力也越来越专业化,所以导致了原来✤的那种“默契”也越来越消失掉。前端想要做的就是写出牛B的代码,最好是能够𒁃超越google产品的技术水平。但是往往越专业就越偏离真正做产品的目的。之前一次讨论中,一位前端同事说对他们来讲,代码的整齐比用户看到的页面整齐更加重要。我不反对代码整齐的确体现了前端的专业性,但是换句话讲代码整齐是前端的基础,对前端的要求是不管用户看到的页面有多复杂,有多绚丽,你们的代码还是依然要那么整齐,这才是最牛B的。
2.等待中的沟通。项目中为了能够保证质量,通常都会用产物🏅传递的方式来帮助每个角色的沟通。我也一直“致力于”制定和update各式各样的规范,但是我发现,无论你的产物多详尽,总会在传递过程中消耗一部分,导致后端的角色无法完整真正理解你的初衷。幸好在传递的过程中增加了会议沟通的形式,但是一个会议让所有人能够理解并且提出建议是不大可能的。那除了产物传꧋递和会议以外,我们还能做什么?我们需要的是主动沟通。工作中有句话,能够用IM的,绝不用邮件,能够用电话的,绝不用IM,能够当面沟通的,绝不用电话。这就是最好的沟通方式,当然经验告诉我们,每次沟通完之后,必须用邮件抄送所有人来做个沟通记录,以免大家事情太多最后忘掉。但是沟通又会引发一个问题,前端、视觉往往是等着交互和需求方去找他们沟通,也就是后置角色一直都是等着前置角色来找他们沟通,其实这个是错的。所谓的沟通是相互的,不要等!当后置角色发现问题时应该主动及时地找到对应的前置角色去把问题解决了,这样的方式一定可以把那些疑惑和不确定都弥补掉。
3.不够统一的产品思想。在每个专业角色的领域大家都在说往前走,意思就是不要停留在技术层面,要往前往远看。从后台一直到产品规划,大家都有往前进的趋势。当然这和社会的现状有关,往往代码工程师会羡慕前面的设计师甚至是需求方,只要口头说说,他们就要做很多工作,谁都希望做上游。我不反对往前走,但是我希望大家能够摆清定位,所谓的往前走是希望每个角色的思想是统一的,不仅能够有出色的专业能力,而且能够站在更高的角度去看产品,并把自己的专业能力反应在产品上。现在大多数人都在嚷着说我们要往前走,要去挑战上游的专业能力,但是我想问问这些人,你们自己的专业能力够出色了么?如果连最基本的web可用性都没注意起来(例如鼠标手型表示可点击,元素间的对齐,大区域指示有助于𒁃用户找到目标等),你们怎么可能往前走,怎么可能把自己的专业能力应用地更出色。
4.没有规划的技术。所谓规划,大家都会想到产品前期的市场调研,其实每个角色都应该对自己的工作进行规划。我经常遇到问题是,当前端开发工程师完成的产物没有达到设计师的要求时,前端开发总会说这个什么dom结构、什么js本身都不支持等等,甚至有时候需要优化和升级的时候才发现,前端把代码写死了,根本不可能有优化,只能重写。面对这些问题时,应该两个解决办法,一个是在做之前主动找上游沟通整个产品的方向和目标,并把它落𝕴实在技术中,预留好接口和开放结构,从而使升级优化成为可能。另外一个是认真仔细读懂交付产物说明,看清每种状态和分支情况,当发现问题时应该在做之前向别人提出,从而大家可以一起来找到新的解决方案,不要等到完成时再说什么都做不了。
5.细节决定成败,要体现专业能力必须以细节为基础。一开始说的前端开发做的产品细节上的不完善,有个前端的同事说,要做他们感兴趣的东西,他们才能注意起这些问题。的确在前端的领域写js比写css更令人兴奋和有动力。那我只能觉得,产品不是儿戏,更不是因为你感兴趣而去做的。创新的东西人人喜欢,但并不是每个人都可以创新,你一味等着上游的角色给你令人激动的工作,那只能说明你本身并不适合这份工作,所谓的创新就是在专业领域做比别人更专业的事。另外,我不否认写css𝐆比js更枯燥,但是这并不意味着css就不重要,其实更多时候css比js重要很多,很多web2.0的网站用的就是css去引导用户,描述产品等。并不是交互和视觉一直关注这些布局和细节的问题,换句话讲,这个都是基础的东西,应该前端开发工程师本身的意识提高,才能让大家关注更多体验的问题。我也希望不要再这些基础的领域绕来绕去,好好做产品,做好自己的角色,做到完美!
最后我想说的是不要认为w🌜eb设计就是粗糙低劣的,好的web设计更能够提现产品的品质感,我们要升级体验就必须把基础做好,把这些细节都处理好,我们才有可能有精力去做创新,去做体验。
原文://www.jojobox.cn/blog/article.asp?id=161
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
- [2006-12-14 22:26:00] 加拿大预测网-在线预测:web设计95%是排版,5%?
- [2009-06-04 16:23:00] 加拿大预测网-在线预测:Web设计师需要的10个高质量的ICON图片资源网站
- [2005-12-29 21:29:00] 加拿大预测网-在线预测:国际网页Web设计流程
- [2006-06-23 14:01:00] 加拿大预测网-在线预测:WEB设计经验-来自microsoft.com设计主管
- [2009-06-11 08:11:00] 加拿大预测网-在线预测:web设计师可以走得更远
- [2007-07-19 22:22:00] 加拿大预测网-在线预测:43个你应当避免的Web设计错误
- [2010-08-30 15:36:00] 加拿大预测网-在线预测:Web设计精确点滴
- [2010-03-26 12:36:00] 加拿大预测网-在线预测:Web设计中的苹果风
- [2010-08-10 16:24:00] 加拿大预测网-在线预测:精确到像素的Web设计
- [2009-07-22 22:12:00] 加拿大预测网-在线预测:Web设计的成就感
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案