页面角色的思考

原创 2007年10月12日 11:00:00

页面角色的思考(作者:greengnn)


从四个方面去考虑的
第一:用户
面对用户,我需要做的当然是完全的还原ui稿给用户,也就是把UI稿做成网页呈现给用户。而准确的说是呈现交互和视觉感受,交互逻辑,信息构建和视觉设计,这个的重要性最高,也是必须完成的。呈现的平台就是可以解析网页的软件,需要呈现的平台是存在产品用户的那部分平台,更多的是Windows下的IE5.5,IE6.0,IE7.0,少量的FirefoxOpera,后两个浏览器没有限定版本,因为他们可以很容易更新。支持到最新版本即可。
其次是附加的用户体验,网页的打开速度很重要,如何减少文件和图片的字节,如何根据流量去批量加载文件,整合css文件和图片,降低http连接数,网页内容是文本呈现(看似很白痴的一点,可是有些网页真的把正常网页能呈现的文字放在图片中)。链接的动态表现形式,鼠标划过,点击后的等效果(UI稿不会有的),表单的可用和易用,如焦点,表单字体颜色,大小,下拉表单的分组等,优先显示重要内容,也就是html中写在前面。需要长时间阅读的文字可支持缩放。再就是一些对于我不是很重要的部分,想亲和力,可转化为pdf格式,有需要打印的可打印,异状处理,像图片没加载有信息提示,样式没加载的内容可读性等等

第二:信息数据
海量的网站和网页,诞生了信息的检索和筛选工具,那就是搜索引擎,而且搜索引擎已经成为用户上网找资源的一个必用工具,面向搜索引擎的关键字排名优化是很有必要的,IBM技术文档的数据说明大概有30%的访问量是来自搜索引擎的。
搜索引擎排名优化的关键是内容,也就是上面提到的信息构建,如何提供有价值的而且易于访问的内容。手段是HTML编码——搜索引擎信息数据的来源,爬虫可以轻松的获取html中重要的信息数据,如<title>,<meta>部分的描述,关键字,标题<hx>,加重强调<strong>,而且网页前200单词中关键词出现的频率对这个关键词的排名的影响很大。
页面人员这个方面需要做的事情就是合理的使用html标记,遵循标记的语义,将表现元素和结构分离,提炼title和meta部分的内容,将重要内容放在代码的前面,给用背景呈现的重要信息提供隐藏的替代文字,防止JS输出重要内容(如导航)。如果有SEO人员,剩下的就交给他们了,如果没有自己适当的承担。

第三:开发者或者是开发流程
你的网页是要交给开发的,开发根据产品的功能进行开发,包括一部分的前台脚本。你的网页是否方便开发人员加程序(表单验证,分页的数据等),这也是需要思考和做到的,还有特殊表现方式的处理,如鼠标划过事件相应,tab切换,下拉菜单,浮出层,拖拽等动态交互效果。特殊的字符处理(如特殊字符换行,防止长字符撑大容器的截字处理)。
面对产品需求的临时变更,版本迭代的变更,也要做到可以容易的应对和维护,开发模式和效率上需要思考代码的复用和多人协同开发。

第四:成本
流量和服务器是成本,你可以做到部分的降低这些成本,减少文件的字节,减少连接数和并发连接数。

页面制作和web标准
虽然《网站重构——designing with web standards》提到web标准涉及结构,表现,行为的分离,WAI(网站内容可访问性)可是大部分的读者和推广者还是更多的在结构和表现上面学习和实践着,我也在图上用关联线段标明了结构,表现与以上四点的一些关系,结构更多的是面向信息数据的,表现更多的是面向还原UI稿的,当然不是很准确,本身结构也是UI稿的一部分,可以说是将UI稿分成了结构和表现两个部分。

以上四个方面开看,这个岗位不是传统认为的那么简单和可替代性,从语言的角度要求必须熟练掌握两种语言html和css,以及当前的浏览器版本,浏览器类型和设备对这两种语言的兼容性。其次是性能优化的方法和SEO的知识,再次是开发效率的提升。
而我期待的是这样一个岗位,web前台开发,网页制作和前台Javascript脚本开发。第一更有挑战性,第二时代的要求,富客户端的要求,前台脚本越来越重要,越来越复杂。第三,岗位更具不可替代性。 

第4.1.2章 WEB系统最佳实践页面实例 角色管理

大多数管理系统的权限设计都是基于基于角色的访问控制(RBAC),下方的效果图中功能涉及创建、编辑、删除角色,为角色授予权限以及为角色添加对应的用户。这里将这些功能放在一个页面,主要目的是为了增加用户体...
  • warrah
  • warrah
  • 2016年12月16日 20:54
  • 430

Liferay Portal 用户+角色+权限管理使用让我们的项目更加专注于业务开发 (四)

介绍用Liferay Portal如何实现用户+角色+权限管理来
  • tangdelong
  • tangdelong
  • 2014年09月22日 12:37
  • 1367

权限管理系统中的根据用户角色动态生成用户权限菜单树

权限管理系统中的根据用户角色动态生成用户权限菜单树        暑假在工作室学习了基于RBAC的权限管理系统,学的比较浅显,记录下方便以后学习可以看。         一、首先讲讲我对RBA...
  • dabai_cai
  • dabai_cai
  • 2017年10月03日 15:46
  • 404

关于角色Buf设计的思考

 思维的惯性 晚上在办公室晃荡,对面的同事在加班写代码。我凑上去看看在写什么。我向他了解了后明白了,大约是服务器上角色 buff 的实现吧。 BUFF 这个术语是现在网络游戏中非常常...
  • costa100
  • costa100
  • 2014年05月21日 11:13
  • 497

叔本华系列之(一)论独立的思考

即使是藏书最为丰富的图书馆,如果里面的书籍胡乱摆放,那么它的实际用处还不如一个收藏不多、但却整理得井井有条的小图书室。同样道理,如果大量的知识没有经过自己细心地思考加工,那么它的价值也远远逊色于数量较...
  • c_trekman
  • c_trekman
  • 2016年11月26日 14:55
  • 188

JMeter学习笔记21-如何添加思考时间

本文来介绍,JMeter如何插入思考时间。前面介绍过一个真实的性能测试场景,是需要加入思考时间,来模拟真实用户行为。本文就来介绍,如何在三个请求之间添加思考时间。 1. 在Test Plan下新建一...
  • u011541946
  • u011541946
  • 2017年05月05日 16:13
  • 2432

基于角色的权限设计(一)

在任何系统中,权限设计是最基础的东西,本文给出一个基于角色的权限设计的循序渐进的设计方案。   在权限系统中,功能(权限)是最小的单位,比如起草新闻、编辑新闻、审核新闻、删除新闻等,而角色是一类功能...
  • snomyc
  • snomyc
  • 2014年08月19日 10:02
  • 8283

数据库管理系统的登录名、角色,数据库的用户、角色和架构

概述        之前的一篇博客中写到过关于服务器登录名,服务器角色,数据库用户,数据库角色的关系,理论的一些知识,大家可以看看这篇博客:登录名,服务器角色,用户名和数据库角色。本片博客注重操作。...
  • u014609236
  • u014609236
  • 2014年05月24日 15:00
  • 677

角色权限管理系统(登录模块)

学了几个月的php终于有时间来做一个小项目了,做这个小项目之前也考虑了多方面的因素。最后决定做这个角色权限管理系统,一方面练练手一方面复习下web开发的相关知识。本来想弄成专栏的但是后来一想反正就是知...
  • chenwill3
  • chenwill3
  • 2013年11月06日 22:46
  • 2636

《清醒思考的艺术》读后感

咱们大部分人都是普通人,一些常见的思维漏洞我们也不免存在,这本书讲了50多种常见的常见的思维习惯并有小故事帮助我们理解这些习惯中的漏洞,让我们对事物有更加清楚的认识。 一、幸存偏误 概念:由于日常...
  • HEJI1103
  • HEJI1103
  • 2016年07月05日 18:52
  • 1622
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:页面角色的思考
举报原因:
原因补充:

(最多只允许输入30个字)