我们在囧途之UI工程师职业感慨
所属分类:
网页制作 / 应用技巧
阅读数:
996
收藏 0赞 0分享
我已经郁闷了很久,为啥呢?前段时间接到客户的投诉,说是给他们的软件不好使,说是换了个浏览器点了一点反应都没有。于是boss第一反应就把这个投诉转接到了我们UI部,由于该软件的UI是我设计的,于是擦屁股的自然是我来。
我是一名还不算特别优秀的UI工程师,这个要先说明一下UI不是美工,美工是以图片方案设计为主的岗位,而UI是指用户交互体验的设计。我发现现在很多用人公司所谓的技术面试官对这方面着实一窍不通啊,我一个哥们也是一个优秀的UI设计师去一家据说还有点牛叉的公司面试,面试官一听是做UI的,二话不说就让他现场用photoshop做张图看看能力,我哥们只能拂袖而去,完了临出门听到面试官在小声骂他2B。
不过呢在我们这种不大不小的公司,UI人做的事情基本上没有这么高雅("还交互设计呢,没让你连美工一起兼了就不错了,^_^").不过我和美工之间的配合还是比较默契的,一般项目确定开发后,开发部人员就进入了狗一样的代码过程,前期界面上的事情都是由美工还有我去和客户沟通,一般都是神一样的客户与猪一样的前期工程师的交流过程,当客户反复修改了N遍他的界面需求后,终于定稿,美工长舒了一口气,1天就把黑白界面原型整了出来,客户觉得OK开始染色、切图,而这时就进入了我的工作,div+css+ajax+基本的js方法库,这里我首先要感谢jquery这样的优秀框架,没有这些东东,我的工作注定就是一个悲剧(想想10年前咱的前台开发效率和bug发现率吧)。
UI提交开发人员的过程比较痛苦,碰到熟手coder还好,一般都能快速和代码进行整合而且好的coder不会随意修改你的UI库,这样一旦出现问题立马能发现出处同时下次项目还能复用;如果碰到新手尤其是自以为是的新手那就很麻烦了,这里抛开java或者php不说,公司有个项目是.net开发的,而开发这个项目的coder是一个新手(至少我认为他是新手)并且该coder认为他是万能的,把本来要我做的一些事情他在服务端做掉了,当我把ui界面和库提交给他时,被他修改的面目全非,并且反复在qq上暗示我的东东做的不好,要我再提高提高学习学习,好学而且谦逊的我以为碰到了大神,于是向他索要了被他修改后的界面和库一看,我差点认识了上帝:1)注释掉了我所有的ajax调用库(后来发现我由于粗心没有把jquery的框架库发给他,他运行后发现一概不好用就删掉了,好吧,是我的问题);2)界面上的验证一律换成了.net自带的验证(好吧,这还是我的问题);3)删掉了css中的火狐兼容写法(我承认他的编辑器太智能,可能看到我写的东东有波浪线,好吧,这还是我的问题),最让我震惊的还不是这个,我发现很多页面元素被他封装成了用户控件,当一个表单界面加载时需要加载n个用户控件,好吧我承认我是一个ui不懂代码,不评价这个做法,至少我看到同部门的javaer或者phper用的是模板解析模式,丝毫不破坏我的UI界面原型。
上面牢骚完毕,其实我还是蛮喜欢我的工作的,因为咱国内的客户尤其是“领导”,当项目经理带着我去现场演示时,领导的第一反应就是“界面做的不错,很炫”,以此"领导“会认为咱的软件做的不错,反之会认为软件不好用,更甚的是碰到一神级领导,当时的项目是一个网站,看到页面上的超级链接点过后会变色而大发雷霆,说我们的网站不严谨,是一个严重的bug,吓的我小心脏扑通扑通跳了很久,然后果断在css中写上a{color:black},a:visited....一律black。
我再次申明我还是很爱我的工作的,虽然在公司,大boss常常对我不屑一顾,大boss认为像我这样的”美工“市场上抓抓一大把。但是”懂技术“的人都知道我的重要性和一个好的ui者的稀缺性,每每发完奖金,我的部门boss会额外的把部门津贴拨出一部分额外发给我,这让我感动了很久很久,我发誓要继续刻苦钻研,技术上要更上一层楼。
我爱我的工作,虽然每次擦屁股的都是我,每当我仔细找完bug后发现是coder改错了我的脚本库,但是我不会告诉客户或者大boss是coder的问题,我会勇于承担责任,当coder脸红着对我说:”不好意思“。我就很满足了。
我爱我的工作,我现在也带了好几个立志做一个优秀的ui者的志愿者。我更要说明的是ui团队不像某些coder团队,我们之间没有争吵(谩骂)、嫉妒和恶意竞争,我们之间仅有的是对工作认真负责的态度和对美、对艺术的欣赏。
我爱我的工作,虽然在公司收入不比那些高级coder,但是每个月都有额外的收入哦,每个月我都额外的利用业余时间帮其他boss做一些ui设计。我坚信我的价值一点不比coder差。
我爱我的工作,明年我的规划就是作出更好、更善解人意的UI。我不追求升职(因为UI者升职本来就很难),不追求高薪,一个UI者是对美、对人性的无限追求。至少我的年终总结只需要200个字就能写完,而且没人对我会有”不认真对待总结“的看法。
昨天,有人问我在软件行业幸福吗?我说幸福。问我原因,我答:”我是在囧途中走的最轻松最有艺术感的人“。
32个典型的以分栏/网格为基础的网站
如果你正在寻找网页分栏设计的灵感,这里收集了32个典型的以分栏/网格为基础的网站。它们显示了在网页设计中分栏/网格的重要性,无论对于信息量巨大的站点还是个人博客。
1.The New York Times
2.National Post
3.Guardian
4.Times
收藏 0赞 0分享
理论普及——用户体验
一、概念分析1:UE用户体验
英文叫做user experience,缩写为UE, 或者UX。
当指电子商务网站的时候也被称作顾客体验(CUSTOMER EXPERIENCE). 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功,是否享
收藏 0赞 0分享
分页案例和好的实践
结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。
在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部
收藏 0赞 0分享
建立用户体验
也许你刚刚来到一家公司,他们希望进行一些“可用性”工作。你可能是一名UI设计师,业务分析师,或前端开发人员,一名产品经理,或者负责用户体验部门的经理或副总。你知道,如果更好地了解使用产品/软件/网站的人,就可能开发出更好的产品/软件/网站。不管怎么样
收藏 0赞 0分享
网页图片快速显示的方法和技巧
1. Use .gifs rather than .jpgs. GIFs are smaller in size when compared to JPGs.
1.用.gifs格式保存图片,最好不要用.jpgs格式。因为前者的尺寸比后者小。
2.Use 'Height
收藏 0赞 0分享
推荐60种分页案例和好的实践
结构和层次降低了复杂性并提高了可读性。你的文章或站点组织的越深入,用户就越容易理解你观点和得到你想传达的信息。在网页上,这点被通过多个方式做到。
在正文头条和列举被用做逻辑上独立的数据块来呈现信息。另一种解决方法是一种叫分页的机制,它在给定文章的单一部
收藏 0赞 0分享
全面的网站评估方案
有时会被问到“看看XXX网站如何?”之类的问题。
谈到评估,通常都是指产品级的网站,如果模式很新,了解需要花一定时间。于是,很多人又问“那么你仅从UI/UE的角度看看呢?”首先我们得达成共识,一切花里胡哨都在为功能服务,如果功
收藏 0赞 0分享
网页的栅格设计思考
原文地址:http://andymao.com/andy/post/82.html
网页设计中的脏、乱、差,是我们在设计过程中常会遇到的问题。通常"脏"是由对色彩使用不当所产生的,而色彩使用不当产生的不好效果也分为:"花、灰",花哨、
收藏 0赞 0分享
设计理论设计中的层次感
原文:http://andymao.com/andy/post/80.html
这段时间我一直在说设计需要有层次感,这种层次感可能有很多类型,比如色彩的层次感,或是元素的层次感。当一个设计缺乏层次感的时候页面所表现出来的无非是两种可能,一种是单调,一种是花哨。在设计中我们常
收藏 0赞 0分享
网页心得:网页色彩的搭配
网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?这里谈一些心得,希望对你有所启发。
首先我们先来了解一些色彩的基本知识:
收藏 0赞 0分享
查看更多