Web-程序员宅基地

十问Web网站项目

发表于 2015-03-20 09:321595次阅读| 来源 CSDN0 条评论| 作者 Richa Jain
allowtransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?url=http%3A%2F%2Fwww.csdn.net%2Farticle%2F2015-03-20%2F2824271&type=3&count=&appkey=&title=Web%E8%AE%BE%E8%AE%A1%E5%92%8C%E5%BC%80%E5%8F%91%E6%98%AF%E4%B8%80%E4%B8%AA%E9%95%BF%E6%9C%9F%E7%9A%84%E3%80%81%E8%BF%AD%E4%BB%A3%E7%9A%84%E8%BF%87%E7%A8%8B%E3%80%82%E5%9C%A8%E4%B8%80%E4%B8%AAWeb%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%A7%8B%E5%89%8D%EF%BC%8C%E6%88%91%E4%BB%AC%E5%BA%94%E8%AF%A5%E6%9C%89%E4%B8%80%E4%B8%AA%E9%97%AE%E9%A2%98%E6%B8%85%E5%8D%95%E6%9D%A5%E5%B8%AE%E5%8A%A9%E6%88%91%E4%BB%AC%E8%B5%B0%E5%AE%8C%E8%BF%99%E4%B8%80%E8%BF%87%E7%A8%8B%E3%80%82%E8%99%BD%E7%84%B6%E4%B8%8D%E6%96%AD%E5%AF%BB%E6%B1%82%E6%94%B9%E5%96%84%E6%98%AF%E4%B8%80%E4%BB%B6%E5%A5%BD%E4%BA%8B%EF%BC%8C%E4%BD%86%E6%98%AF%E6%9B%B4%E9%87%8D%E8%A6%81%E7%9A%84%E6%98%AF%E8%A6%81%E5%8A%A1%E5%AE%9E%EF%BC%8C%E4%BB%A5%E5%8F%8A%E6%B8%85%E6%A5%9A%E5%9C%B0%E7%9F%A5%E9%81%93%E4%BB%80%E4%B9%88%E6%97%B6%E5%80%99%E8%AF%A5%E5%81%9C%E4%B8%8B%E5%AE%8C%E5%96%84%E7%9A%84%E8%84%9A%E6%AD%A5%E3%80%82&pic=&ralateUid=&language=zh_cn&rnd=1427082509782" width="22" height="16"> 摘要:Web设计和开发是一个长期的、迭代的过程。在一个Web项目开始前,我们应该有一个问题清单来帮助我们走完这一过程。虽然不断寻求改善是一件好事,但是更重要的是要务实,以及清楚地知道什么时候该停下完善的脚步。

【编者按】Capgemini India Pvt. Ltd开发者Richa Jain在本文中为我们带来了一个有趣的话题:在一个Web网站项目中,我们应该问自己十个这样的问题。如果你在开发的过程中存在疑惑,或许你可以在本文中获得帮助。

以下为译文:

Web设计和开发是一个长期的、迭代的过程。它可以花费数周或数个月。如果你专注于细节时,你很容易会迷失其中。你实现了网站的原始目标了吗?又或者说你太全神贯注于创建一个精致的艺术品,以至于忘记了用户,忘记了收益?这听起来很让人厌烦,不过这种事经常发生,不是吗?

为了不迷失,我会问一下之前没有看过我网站的观众,并为我解答以下这些问题:

  • 这个网站的受众是谁?
  • 这些受众会在这个网站上发现什么?容易发现吗?
  • 他们必须反馈些什么?

如果一个公正的第三者可以很清楚的回答这些,意味着你的网站完成了它的任务,如果不是,那么你就需要对网站做出些改变了。

在一个Web项目开始之前,你应该有一个问题清单来帮助自己。如果你没有,试试下面这个。

1. 网站的最终目标是什么?


就像我所说的那样,别忘了网站的最终目标。确保你网站上的内容可以为访问者提供真正的价值。因为他们不能在你的网站上找到他们需要的东西时,他们就会离开。

2. Web Copy:它表达了什么?

Web Copy或许是设计师和开发者在一个Web项目中最容易忽视的部分。不过水能载舟,亦能覆舟,你需要重新审视这部分。

设计和copy应该是相互补充的关系,它们应该共同致力于吸引读者、让他们参与进来、提供价值以及取得预期的目标。

编者注:基于对“Web Copy”这个词的中文翻译,鲜有准确的网络术语译法。我们可以这样理解:Web Copy包含了页面的字体、标题、内容等多种组合的整体处理。

3. 用户的体验是直观的、愉悦的吗?

这是我们需要交叉检查以确保网站用户体验愉快的地方,而很大一部分是取决于网站是如何被组织的。页面的导航直观吗?访问者可以很容易的找到他们所需的吗?搜索功能工作正常吗?blog分类有意义吗?你需要从访问者的角度审视copy、设计和导航等。

4. 网站可用于多设备和浏览器吗?

虽然开发者很厌烦这部分事情,不过我们仍需要确保网站可以正常工作于今天市场上主流的浏览器和设备。StatCounter数据很清楚的显示了在过去一年中,浏览器的使用情况是分散的。如果你的网站只能工作于Chrome,那么将有约55%的桌面用户无法正确的体验你的网站。

当然,随着移动网络访问量的上升,我们也需要考虑到移动设备。这对做一个响应网站来说是一个挑战,不过你可以使用BrowserLingCross Browser TestingResponsive TestBrowsershots等工具来面对挑战。这些工具可以帮助你应对各种浏览器和设备尺寸的测试。

5. 所有功能都能正常工作吗?


确保你在说明书中列出了所有特性,包括blog设置、安全性、与其他服务(如MailChimp、Aweber、Infusionsoft或CRM)集成等。以用户和管理者两种身份去检查这些特性来确保功能的正常。另外,虽说技术不是一种功能,不过你也要确保所有的链接都是可用的,尤其是内部的。

6.对基础做双重检查了吗?(包括页面、连接信息和形式)

页和联系页面通常是两个最长常看的页面。所以你要两次、甚至三次去检查这些页面上的信息。确保联系信息的完整。确保填写联系人表单的过程是顺利的,我经常会碰到一些网站在提交表单后,页面时一片空白,完全不知道是否发送成功。如果没办法联系到你的客户,也就意味着你的设计和编码工作是不值得的。

7. 优化了页面的加载时间了吗?


根据Akamai和Gomez.com的调查显示,将近一半的Web用户期望网站的加载时间在2秒或2秒以内,当一个网站的时间是3秒或更多时,他们更倾向于放弃——KISSmetrics

通过这句话,我想我不用再多说些什么。如果你的网站加载时间太长,请继续优化。这里有一些来自Google的见解可以帮助你更好的优化加载时间。

8. 你专注于通信和转换吗?

这是一个很大的领域,在网站上线之前,尽可能多的做交叉检查,确保每个页面的“行动号召”是清晰和突出的,特别是登陆页面。

当然也需要你去检查SEO清单,确认标签都在正确的地方(标题和url体现关键词并遵循最佳实践),检查社交媒体分享按钮可以正常工作,并确保读者用它来分享内容的过程是简单的。

9. 5秒之后,用户从你的网站中带走了什么?

人们在浏览网页时的注意力是短暂的,当他们找不到他们想要的,或许他们会在5秒内离开你的网站,当然这里还要出去2-3秒得加载时间。

10. 怎么做能让其更好?


这一点需要小心的去处理。一个网站总会有改进的余地。有一些改进会用最小的努力换取显而易见的价值,而有一些则可能会花费太多时间却没有什么具体的结果。虽然不断寻求改善是一件好事,但是更重要的是要务实,以及清楚地知道什么时候该停下完善的脚步。(编译:陈明)

原文来自:sitepoint

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/HONEY_NO_1/article/details/44561865

智能推荐

解决 Navicat for Mysql连接mysql出现10038问题_linux mysql 本地可登陆但是navicate连接不上 10038-程序员宅基地

文章浏览阅读6w次,点赞2次,收藏10次。连接设备是腾讯云的Linux服务器,自己安装的PHP5.6,Apache2.4,mysql5.6 连接工具是Navicat for Mysql11.1.13对Navicat的新建数据库进行配置后,在点连接测试的时候总是提示10038错误,一直进不去数据库,自己在服务器中上传一个PHP连接数据库的文件,测试,服务器内部可以正常访问mysql,用了win的cmd dos窗口测_linux mysql 本地可登陆但是navicate连接不上 10038

Win10/UWP开发:让你的App使用上扫描仪_安装windows desktop extensions for the uwp-程序员宅基地

文章浏览阅读2.5k次。UWP的扫描仪功能现在被微软划分到了[Windows Desktop Extensions for the UWP]中,如果要使用扫描仪扫描图片到自己的App中,首先我们要添加[Windows Desktop Extensions for the UWP]的引用,这个dll中的所有类都是只能在Desktop设备上才能正常运行的。添加[Windows Desktop Extensions for t_安装windows desktop extensions for the uwp

linux内核的链表的实现_在linux内核模块中实现单链表-程序员宅基地

文章浏览阅读6.9k次,点赞7次,收藏44次。在Linux内核中,绝大对数的数据结构都是通过链表来连接的,所以链表在内核中起着异常重要的作用。在Linux中链表的使用是以一个非常巧妙的,非常有意思的方式来实现的。这种使用方式和我们平时在传统数据结构课程所教导的使用有很大的差异。先看一下最终使用时的结构。下面我先来分析一下linux内核对于链表的实现。里面好多的操作我本人都是通过画图方式理解的。大家也可以尝试。下面是双向链表的基..._在linux内核模块中实现单链表

Android之——ContentProvider操作XML_content provider 操作xml-程序员宅基地

文章浏览阅读2.2k次。不多说,不废话,直接上代码,大家一看都懂得/** * ContentProvider操作XML文件的封装示例方法 * @author liuyazhuang*/public Cursor query(Uri uri, String[] projection, String selection, String[] selectionArgs, String sortOrder) { S_content provider 操作xml

操作系统课程项目 OS project —— Pintos from Project 1 to Project 3_斯坦福操作系统 project3-程序员宅基地

文章浏览阅读7.7k次,点赞14次,收藏83次。Pintos Project 陪伴我们操作系统课程大半个学期了……虽然做了这么长时间,个人能力有限,pintos代码,看过的可能也就看懂了一半吧,更不用说没看过的了……但是也找到了一些有价值的资料,整理一下,供后辈们参考……关于环境的问题,最好是用ubuntu 16.04windows用户不要折腾装双系统了,特别是win10,动不动更新一下,说不定双系统就出问题了,linux..._斯坦福操作系统 project3

BDP FL NHS ester,BDP FL NHS标记蛋白质和肽的氨基活性染料_肽段染料-程序员宅基地

文章浏览阅读185次。BDPFLNHSester是一种用于488 nm通道的高级染料,是荧光素的替代品,荧光素是一种与BDPFLNHSester相同的分子。标记蛋白质和肽的氨基活性染料。虽然这种分子的吸收光谱和发射光谱保持在FAM激发和发射通道内,但这种染料提供了更好的光稳定性和出色的亮度。BODIPY-FL的荧光光谱比FAM的荧光光谱窄。当发射波长可以调谐到染料值时,这为基于单色仪的仪器提供了更好的亮度。该染料是中性的,具有低分子量,并且在共轭物中保持高量子产率。该染料是荧光素(FAM)、BODIPY-FL..._肽段染料

随便推点

python中的猴子补丁Monkey Patch_monkey.patch_all threaded-程序员宅基地

文章浏览阅读323次。什么是猴子补丁the term monkey patch only refers to dynamic modifications of a class or module at runtime, motivated by the intent to patch existing third-party code as a workaround to a bug or feature which..._monkey.patch_all threaded

(编译器文件“f:\dd\vctools\compiler\cxxfe\sl\p1\c\p0io.c”,第 2739 行) fatal error C1001: 编译器中发生内部错误。-程序员宅基地

文章浏览阅读2.9k次,点赞7次,收藏2次。VS2013,VS2015,VS2017——迷之错误:(编译器文件“f:\dd\vctools\compiler\cxxfe\sl\p1\c\p0io.c”,第 2739 行) fatal error C1001: 编译器中发生内部错误。一觉醒来,所有的VS都编译不了程序了????都报C1001错误?????而且是三个工具同时报错???真是令人郁闷之极啊~~~~解决思路:遇到这种代码明明没..._编译器文件“f:\dd\vctools\compiler\cxxfe\sl\p1\c\p0io.c”,第 2739 行

严重: Parse error in application web.xml file at file:_parse error in application web.xml file at file:/f-程序员宅基地

文章浏览阅读5.1k次。问题发生两种情况:自己部署到Tomcat上的工程web.xml的问题,解决办法:找到你自己的tomcat 路径下apache-tomcat-8.0.30\webapps\自己的工程\WEB-INF下面的web.xml在这里<servlet-class>com.itszt.LoginService</servlet-class>后面的<servlet-c..._parse error in application web.xml file at file:/f:/apache-tomcat-8.0.9/weba

[实战]Zabbix监控SAP HANA数据库_hana数据库监控模板-程序员宅基地

文章浏览阅读1.3k次,点赞2次,收藏2次。Hello,大家好! 许久未发布文章,最近铁钢有些许忙碌,今天给大家带来点硬货,Zabbix如何监控SAP HANA数据库,如果你对我的文章感兴趣,请加入我们的QQ群:Zabbix研究院(QQ群:1107902496)_hana数据库监控模板

PHP中如何添加图片水印_php给图片加水印-程序员宅基地

文章浏览阅读1.8k次。在我们的日常生活中,为了不希望自己的图片被盗用,经常能够看到在一些图片上添加水印,比如我们网站上,输入图片文件的话会自动在右下角加上一个水印,那么这种水印效果是怎么实现的呢?在之前文章中对图片进行裁剪放到目标图上的操作和添加水印有些类似,为了实现添加水印,需要通过 imagecopymerge函数。注意上面这个是示例图片,下面的水印并不是我添加的,是网站自动添加的,为了区分,实例的水印是下面这样的。它的含义是,在来源图片的(x,y)的地方选取宽为w,高为h的矩形区域到目标图片的(x,y)上。_php给图片加水印

为什么在react中,推荐ref使用函数而不是字符串?_react ref的值为什么不推荐字符串-程序员宅基地

文章浏览阅读1.3k次。https://zhuanlan.zhihu.com/p/33596370?edition=yidianzixun&utm_source=yidianzixun&yidian_docid=0IJQ1fC1_react ref的值为什么不推荐字符串

推荐文章

热门文章

相关标签