页面重构师职业:页面重构工程师的修练攻略

网页制作Webjx文章简介:网页重构师的进阶攻略.

一直以来,我想希望通过自己的分享,能让更多的同行有所收获,特别是有一定基础,已经到瓶颈的同学,找到一个突破口。当然,我本身的阅历还太少,这个希望纯属YY,但有目标至少有做事的方向,我也就自顾自的做下去吧。

说回《页面重构工程师修练功略》,之所以会以这个为题,主要是团队里的新同学给我带来了很多不一样的想法,开始关注到了“专业化”的话题。

先看看整体的内容:
 

分为三个大部分:

  • 为“下游”
  • 为“上游”
  • 为团队、自己

首先,来看看在工作流程中的“上游”和“下游”。做为一个页面重构工程师,我们自身的工作之前在 你是一个职业的页面重构工作者吗? 和 再读《你是一个职业的页面重构工作者吗?》 中已经有较多的讨论,但在整个流程中,页面重构工程师又可以做些什么呢?

为“下游”

时常会听到某某在抱怨“上游“如何如何,的确很多看来“额外”的工作量,是由于“上游“产生的,会产生抱怨很正常,人之常情。但静下心来,别忘了我们也有“下游”。做为“上游”,你的输出直接影响了“下游“的工作效率。因此,我们在输出的时候需要更多的为“下游“的工作提供方便。

记得在一个培训课上老师讲到一个例子,当然当时的主题跟我们今天所讲的不同,但例子我觉得蛮有启发的:“在一个电子商务站点中,为了让用户得到更好的体验,交互设计师在用户下单后,设计了一个跟踪发货情况的区域,将货单的各个时间结点显示在上面,包括当前状态等等,很好的体验。结果负责开发的同事看了后就说了,这个功能实现的成本太高了,而且这个物流公司是第三方的,我们拿不到相关的数据…… 最后大家讨论的结果是,改成一个链接,跳到第三方物流公司的订单查询系统上,用户自己去查,页面只提供一个入口。”又比如模拟下拉菜单的效果跟使用系统下拉菜单所需要的工作量是差很多的,可能上游一个很小的改变,就会给下游带来很大的修改量——流程中的“蝴蝶效应”。

从重构的这一环来说,能为“下游”提供的方便主要就是代码方面的内容了,像在代码中添加合理、充分的注释,引导下游更快的找到需要的部件、代码等等;还可以多接触、了解下游的工作,像学习Javascript等的实现方法,以提高我们输出的页面能更容易被实现。

为“上游”

“技术限制”这个词,对于产品和设计的同学,应该是再熟悉不过了,也是很讨厌的一个词,因为总是因为“技术限制”,需要把原本自己很满意的作品进行修改,为下游做妥协。甚至有一段时间团队里还出现“技术限制产品发展”的一场风波,细节不用展开大家也能想像得到。换个角度来看呢?我很喜欢换个角度来看,常听学程序的同学说“只有想不到的,没有实现不了的。”,让我想起阿基米德的“给我一个支点,我将撬起整个地球。”,那么,现实中真能找到这个支点吗?。如果产品一开始就设定得很概念化、理想化,忽略了现实中的环境、条件限制,那么这个产品必定会实现不了或延长期限的。

在要求“上游“的同学学习了解“下游“的工作外,做为“下游”,我们也很应该为“上游”提供一定的培训,让“上游”更加了解我们的工作以及完成工作所需要的帮助。即可减少“上游”输出实际价值不大的内容,做无用功,也能提供更完整的内容。甚至能从我们的角度提供给“上游”提高效率的方法等。

一样,从重构的环节来看,能为“上游”提供的帮助,《网页制作基础》、《网页制作流程》、《Photoshop动作制作》等等内容培训,也许会奇怪为什么PS的动作会在其中,大部分的设计师对程序并不太感冒,虽然我们对设计不在行,但对于程序化的PS动作,掌握起来还是很快的。那么,可以帮助设计师完成某一类动作的制作,帮助提高工作效率,也是不错的方式。

上面是流程中“上、下游”角度的内容,可以概括为一句话: “ 得到下游的信任,信任你的上游! ”。除了上面的内容外,还有一些可以很快提高效率的小Tips:像“发长篇代码、文本时先保存为txt文件”、“确认问题时给肯定的回复”、“提供对方需要的文本时,给可复制的文本”等等。这些场景中,发送方就是“上游”,接收方就是“下游”。能做的还有很多,需要我们多思考。

为团队、为自己

做技术工作的同学都很清楚或将会清楚:技术本身并没有什么乐趣,真正的乐趣来且使用技术解决某一问题或实现某种功能、效果。换个设计师能懂的话就是:“Photoshop本身并没有什么乐趣,真正的乐趣在于使用Photoshop可以实现想要的效果。”从中我明白了一个道理,工作的乐趣是可以自己创造的。乐趣何在?

为你的团队提供更高效的解决方案,在工作中积累、思考,探索更好的规范、流程、工具、方法等等。分享你的解决方案,最好能在团队内形成一定的正向竞争,让你的团队保持活力。

可能很多同学会“没自信”,觉得就算团队里有这样的人,也不会是自己。有什么关系呢?这只是一种方法,让你工作有乐趣的方法。每个人的兴趣点不同,只要是积极向上的,必定会找到乐趣所在。

时间: 2024-12-22 17:52:49

页面重构师职业:页面重构工程师的修练攻略的相关文章

神秘之剑 新手职业选择攻略 哪个职业好

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;       [科技讯]8月27日信息,神秘之剑新手职业选择攻略~新手哪个职业好,在秘灵中有三大职业魔剑士卢克.魔剑士艾丽莎和精灵宫师里斯,下面小编就来给大家说说这三大职业要怎么玩,哪个职业好?给大家说说这三大职业的特点和心得. 三大职业 1.神秘之剑职业选择攻略--魔剑士:卢克 职业介绍:三个职业当中唯一的男性角色,纯近战英雄,依靠剑的高攻速和高攻击压制敌人: 体验

页面重构-html页面弹出html页面

问题描述 html页面弹出html页面 在html页面点击按钮,然后弹出一个页面,在弹出页面点击提交按钮后,重新回到以前html 页面,并把刚才提交的数据显示出来. 谢谢大神的帮助啊 解决方案 html页面弹出密码框jQuery+css+html实现页面遮罩弹出框.net 如何弹出一个html页面. 解决方案二: 页面的话用iframe做 解决方案三: http://v3.bootcss.com/javascript/#popovers 用这个方式去做一个模态框,然后在里面进行提交,提交之后,在

页面制作人员(Page Builder)的修练之道

页面 [写本文的目的]:与您分享如何学习基于web标准的网页制作.[本文适合人群]:网页制作初学者.有一定的页面制作基础,并想学或正在学习web标准的朋友们.[备注]:本文只是从理解以及概念上去分享网页制作的学习方法和步骤.力求通俗易懂,所以没有任何具体的代码.规范等内容,比如Xhtml的代码规范.CSS样式手册等具体内容我将会在文章的最后"推荐的资源列表"中将我所看到过或学习过的教程一一列出. 新形势下的网页制作以及职业定位. 随着网络的发展,前几年还只是国外网站以及国内少数个人网站

页面制作人员的修练之道

页面 本文目的:与您分享如何学习基于web标准的网页制作.适合人群:网页制作初学者.有一定的页面制作基础,并想学或正在学习web标准的朋友们.备注:本文只是从理解以及概念上去分享网页制作的学习方法和步骤.力求通俗易懂,所以没有任何具体的代码.规范等内容,比如Xhtml的代码规范.CSS样式手册等具体内容我将会在文章的最后"推荐的资源列表"中将我所看到过或学习过的教程一一列出. 一.新形势下的网页制作以及职业定位 随着网络的发展,前几年还只是国外网站以及国内少数个人网站才会去实施的web

.NET重构—单元测试的代码重构

阅读目录: 1.开篇介绍 2.单元测试.测试用例代码重复问题(大量使用重复的Mock对象及测试数据) 2.1.单元测试的继承体系(利用超类来减少Mock对象的使用) 2.1.1.公用的MOCK对象: 2.1.2.公用的MOCK行为: 2.1.3.公用的MOCK数据: 3.LINQ表达式的重构写法(将必要的LINQ写成普通的Function穿插在LINQ表达式中) 4.面向特定领域的单元测试框架(一切原则即是领域驱动) 4.1.分散测试逻辑.日志记录(让测试逻辑可以重组,记录形式为领域模型) 4.

js-怎么在父页面修改二级子页面元素样式

问题描述 怎么在父页面修改二级子页面元素样式 我在父页面iframe了一个子页面.在子页面又Iframe了一个子页面,怎么在第一个父页面里修改最后一个子页面里元素的样式啊? 解决方案 iframe和父页,window.open打开页面之间的引用 解决方案二: ? String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+"

js-点击A页面链接,B页面无刷新加载内容

问题描述 点击A页面链接,B页面无刷新加载内容 比如百度音乐,在A页面不管点击多少个音乐,都只打开一个B页面并且无刷新加载播放.怎么用JS和其它编程语言来实现? 解决方案 <a target='musicBox' href=""/music"">播放1</a><a target='musicBox' href=""/music"">播放2</a><a target='mus

网页-用什么技术可以实现asp页面自动生成htm页面?

问题描述 用什么技术可以实现asp页面自动生成htm页面? 我的网站是用asp编写的,如何做到:在网页内容创建或者更新时自动生成静态HTML页面,以后的浏览全部引向静态页面?用什么技术去实现?可以向我推荐一些书籍! 解决方案 这个不是asp干的活,可以通过其他发布程序可以直接生成html页面的.百度下吧,现在发布成html页面的系统也比较多.asp页面最多是通过前端的web服务,可以配置成页面缓存. 解决方案二: 你可以是试一下asp.net的页面静态化,还是要写程序自动生成的 解决方案三: 全

WCF HTTP 错误 404.3 - Not Found(由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射。)

错误信息: HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射. 最可能的原因: 可能是缺少处理程序映射.默认情况下,静态文件处理程序将处理所有内容. 您要使用的功能可能尚未安装. 没有为网站或应用程序启用相应的 MIME 映射.(警告: 请不要为用户不应下载的 .ASPX 页或 .config 文件等内容创建 MIME 映射.) 如果未安装 ASP.NET. 可尝试的操作: 在 s