开发人员的职责

周斌 发布于 2010/11/27 19:56
阅读 581
收藏 1


       用户是谁?

       这个问题看似简单,但是也很难。门户网站的用户是所有人,政府内部网络是内部人员,个人网站是少数受众,还有各种各种的网站面对各种各样的用户。

      那么这些用户的职责是什么?

      虽然用户类型不尽相同,但是他们都只有唯一的职责————使用。

      使用的结果就是产生了不同的需求,继而催生出不同的网站,才使得互联网百花齐放百家争鸣。所以归根结底,互联网的繁荣依赖于用户的繁荣,这也成为网络环境的一条真理————流量决定网站的成败。倘若一个商业网站不把流量作为头等大事,结果就不用说了。

      正是因为这样一个真理的存在,继而引发了各网站之间的竞争。但是互联网的竞争是残酷的,用户掌握了生杀大权(违规网站不予考虑),只需鼠标一点就可以表明用户的
立场。而网站对于这样的情况也只能默默忍受。我们说资本的好处是可以促进事物的发展,网站要盈利就必须要有流量,要有流量就必须有人来访问,但由于浏览者具有绝对选择权,网站不可能强迫用户作出选择,所以只能在网站自身上下功夫,接着一些新技术,新名词就应运而生了,从而也诞生了许多新的职业。

     XHTML,CSS,JavaScript,DHTML,Ajax,缓存,js弹出框,FLASH,焦点图,tab切换,网页设计师,前端工程师,网站架构师,流量分析,用户统计,SEO,SEM等一些新事物逐渐在技术人员之间流传开来。我记得在css刚流行的时候,div+css这个词成了最火的一个,时至今日她在许多网页从业人员中是标准的代称,包括一些业外人士。他们经常会问你的网页是用的div+css吗?而table则成了众矢之的,无人问津,似乎代码里有table就是落伍的,不标准的。不过现在这种情况逐渐好转,越来越多的人意识到表现与结构分离不单单是div+css。DIV是DIV,CSS是CSS。他们的职责不同,功能亦不相同。

    其实网页里许多技术的出现,不是因为用户的牢骚,而是开发人员。因为大部分用户不了解网络技术。就拿Ajax来说,以前提交一个表单后的后续动作是出现一个白屏(也可采用隐藏框架),用户习以为常,认为这是合情合理的,而且会得到预期的结果,他们不会有什么抱怨,除非结果错误。但是有一天,开发人员改进了这个过程,采用Ajax技术,用户提交表单后,还停留在当前页面,用户着急了,就问开发人员:“怎么回事,我做错了什么吗?页面怎么不动了?。” 开发人员心平气和的说:“没有,你操作成功了。” 可是用户还是很茫然:“操作成功了吗?可我怎么知道?” 开发人员意识到他没有给用户返回操作结果,经过改进,用户熟悉了这种操作,而且赞赏有加:“真是太好了,比以前感觉好。”所以说不要轻易改变用户的操作习惯,即使这个技术用户体验很好,对于一个新技术要先在实验室里把所有能考虑的不良后果都解决后,在进行测试修改,然后才能大规模采用。
 
    对于css,我也是在研究很久后才应用到项目中的,我要保证他能够按照我预期的效果显示,特别是在IE6下,而且比我已掌握的相同技术更优秀,否则她只能给我带来麻烦。jquery也是一样,但是现在我很喜欢她。

   我时常把网页比作一桌晚餐,门户网页就是丰盛的晚餐,设计师的网页就是惹人食欲的晚餐,设计丑陋的网页让人想吐。餐桌上的各种餐具都可以找到对应的网页元素。你比如说,餐桌就像是浏览器,各种碗,碟就像是一个个html容器,里面的食物就是内容,而筷子就是鼠标。什么都准备好了,只需等你拿起筷子开动了。在这里,所有的交互都是通过筷子完成的,但是有时候还得用汤勺,就像是键盘不能忽视掉。

   Javascript只需做他做的事,他不能影响到html结构或者css。所以开发分离式脚本一直是最令人激动地事情,由此出现的许多js库证明了这点。

   比如我开发的一个小库,jsscss中的一个tab组件,tab栏目切换是最常见的效果,有很多实现方案。在这分享一下我的思路:

   对于这样一个常见的效果,肯定会重复使用,而且还不能强迫固定的htm结构,因为这无疑限制了设计人员的自由。所以我避开结构,考虑从标签属性下手,毕竟属性不会影响结构。最终我选了class属性,因为他可以和css联系起来,这样无形之中就将css,xhtml,js三者联系起来了。那怎么利用lclass属性呢?观察tab的表现效果,发现tab标签和内容是一一对应的,而且顺序一致,这样我就考虑了如下代码:

<div id="tabbox">
<ul class="tablist">
   <li><a href="#" class="tab">栏目一</a></li>
    <li><a href="#" class="tab">栏目二</a></li>
</ul>
<ul class="contentlist">
   <li><a href="#" class="content">栏目一</a></li>
    <li><a href="#" class="content">栏目二</a></li>
</ul>
</div>

  1.一个tab容器
  2.tab标签,
  3.tab内容
  然后通过js分别获取tab容器下的tab标签(class="tab")和tab内容(class="content"),我只要这些就可以了,再通过简单的配置选项,这个tab容器就可以用了。至于表现,那就是css的事了。所以完全可以变换结构,但只要保证以上三点就行了。

  基于此想法,我又写了focusimg组件和floatWindow组件。

  所以对于用户来说,他们希望操作变得简单快捷而且效果很好。所以作为开发人员,我们也要始终保持这种心态,尽量简单。《周易》里有句话,易则易知,简则易从。是说
容易就容易使人了解,简单就容易使人跟从。 这就是为什么我喜欢jquery的原因,因为她简单易用。

  所以你可以知道,为什么现在在网页设计领域提倡简单至上。
加载中
0
ddatsh
ddatsh

真郁闷

看到标题的时候我看成了开发人员的辞职了

就进来了

0
帅气的鱼
帅气的鱼

  我时常把网页比作一桌晚餐,门户网页就是丰盛的晚餐,设计师的网页就是惹人食欲的晚餐,设计丑陋的网页让人想吐。餐桌上的各种餐具都可以找到对应的网页元素。你比如说,餐桌就像是浏览器,各种碗,碟就像是一个个html容器,里面的食物就是内容,而筷子就是鼠标。什么都准备好了,只需等你拿起筷子开动了。在这里,所有的交互都是通过筷子完成的,但是有时候还得用汤勺,就像是键盘不能忽视掉。 形容好恰当啊

0
jimzhou
jimzhou

以前提交一个表单后的后续动作是出现一个白屏(也可采用隐藏框架),用户习以为常,认为这是合情合理的,而且会得到预期的结果,他们不会有什么抱怨,除非结果错误。但是有一天,开发人员改进了这个过程,采用Ajax技术,用户提交表单后,还停留在当前页面,用户着急了,就问开发人员:“怎么回事,我做错了什么吗?页面怎么不动了?。” 开发人员心平气和的说:“没有,你操作成功了。” 可是用户还是很茫然:“操作成功了吗?可我怎么知道?

这个偶遇到过!!

返回顶部
顶部