阅读更多

4顶
0踩

Web前端

原创新闻 十问Web网站项目

2015-03-23 14:57 by 副主编 mengyidan1988 评论(0) 有6803人浏览
【编者按】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%的桌面用户无法正确的体验你的网站。

当然,随着移动网络访问量的上升,我们也需要考虑到移动设备。这对做一个响应网站来说是一个挑战,不过你可以使用BrowserLing、Cross Browser Testing、Responsive Test、Browsershots等工具来面对挑战。这些工具可以帮助你应对各种浏览器和设备尺寸的测试。
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
  • 大小: 61.3 KB
  • 大小: 73.6 KB
  • 大小: 71.6 KB
  • 大小: 62.2 KB
4
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【web系列十五】Ubuntu系统部署Web项目

    【web系列二】Django服务器搭建_Nicholson07的博客-CSDN博客_django 服务端 【web系列十】Vue3+Django+MySQL搭建前后端框架_Nicholson07的博客-CSDN博客_前后端通信框架 【web系列十一】使用django创建数据库表_...

  • Vue + Spring Boot 项目实战(十九):Web 项目优化解决方案

    快来一起探索如何打脸我们的破项目,兄弟姐妹们把害怕打在公屏上!

  • 企业微信 web 项目工业级蜕变

    作者:chriscai,腾讯 WXG 前端开发工程师企业微信 web 项目从以前的小而简单的 web 项目,历经五载,蜕变成了平台级的项目。这几年伴随着前端工业化和前端技术变革,本文将介绍...

  • 2022年第十三届蓝桥杯web大学组题解

    第十三届蓝桥杯web大学组题解1.水果拼盘2.展开你的扇子3.和手机相处的时光4.灯的颜色变化5.东奥大抽奖6.蓝桥知识网7.布局切换8.购物车9.寻找小狼人10.课程列表 1.水果拼盘 /* TODO:待补充代码 */ #pond { flex-...

  • 近四十场面试汇聚成的超全Web服务器面经总结

    上期写了简历项目链接简历项目烂大街怎么办?教你最有谱的摆烂,有位读者照做以后,拿下了主管面,在群里宣传以后,最近多了不少小伙伴来催我更新服务器项目相关知识点。 这份总结是我之前秋招的时候,根据每次面试...

  • 深度解读互联网新时代:Web3.0

    在这篇博文中,我们分9部分来介绍 Web3,同时配合一些实际的案例,以便大家在实践中更好地理解它们。

  • web前端 基于html实现花店购物网站源码(HTML+CSS+JavaScript) 企业网站制作

    鲜花网页设计 、鲜花商城网页制作、在线花店网站、盆栽网、花卉网等网站的设计与制作。️HTML鲜花网页设计,采用DIV+CSS布局,共有多个页面,排版整洁,内容丰富,主题鲜明,首页使用CSS排版比较丰富,色彩鲜明有...

  • 如何部署项目到Web logic

    由于工作的要求,本人目前所在的项目组用Myeclipse作为开发工具,本地项目也部署到Weblogic10上面,数据库为Oracle,所以就暂且以这种搭配为例。然后,因为我刚参加工作不久,所以还只是个小白萌新,这篇博客的意义...

  • 【蓝桥杯Web】第十四届蓝桥杯Web模拟赛 3 期 | 精品题解(上)

    好久没更新了,今天上线收到了很多小伙伴的私信,发现有很多朋友正在准备蓝桥杯,问我要不要出几天前开放的模拟赛 3 期的解析,看到了大家的催更后,我想着就发一下试试吧,希望能顺利发出,话不多说,开干!

  • 嵌入式学习中较好的练手项目和课题整理(附代码资料、学习视频和嵌入式学习规划)

    盗图留种:智能农业系统综合项目实训|项目作品演示_华清远见高端IT培训 注:这类课题难度适中,建议多人合作,分别负责感知层(传感器网络),网关层(嵌入式平台),上位机应用层(Web服务器、安卓App);...

  • java getresource linux下路径,java web项目中 获取resource路径下的文件路径

    public GetResource{String path = GetResource.class....}----------扩展一 相对路径的获得说明:相对路径(即不写明时候到底相对谁)均可通过以下方式获得(不论是一般的java项目还是web项目)String relativelyPath=Sy...

  • 全面讲解Web3.0域名的应用场景-赛道情况-未来挑战

    多域名注册商,社交域名)、多链域名(包括三种不同的实现路径)、DNS替代域名第四章,笔者对Web3域名的一些观察思考,包括:Web3域名的用户需求强度,Web3域名交易的分析,Web3域名的竞争格局展望,Web3域名项目的...

  • 电商网站项目架构

    分布式大型网站,目前看主要有几类1.大型门户,比如网易,新浪等;2.SNS网站,比如校内,开心网等;3.电商网站:比如阿里巴巴,京东商城,国美在线,汽车之家等。大型门户一般是新闻类信息,可以使用CDN,静态化等...

  • web前端顶岗实习总结报告_web前端年度工作总结范文

    在这段时间的学习和项目中使我对前端业务需求和项目开发流程有一定的了解和认识,对前端也有自己的理解。前端是建立在以产品为核心,用户体验为基础的一门技术,每一个细微的视觉效果、交互体验都能给用户带...

  • web前端期末大作业:基于HTML+CSS+JavaScript制作我的音乐网站(带设计报告)

    音乐网页设计 、仿网易云音乐、各大音乐官网网页、明星音乐演唱会主题、爵士乐音乐、民族音乐、等网站的设计与制作。️HTML音乐网页设计,采用DIV+CSS布局,共有多个页面,排版整洁,内容丰富,主题鲜明,首页使用...

  • Android 开源项目和文章集合(更新:2022.03.21)

    https://www.wanandroid.com/wenda/show/11159 4.每日一问 项目中同名资源,会不会覆盖,规则是怎么样的? https://www.wanandroid.com/wenda/show/9088 2020.3.11 1.每日一问 RecyclerView卡片中持有的资源,到底...

  • JavaWeb新手小项目以及源码

    此项目主要实现的功能有: jsp连接数据库、MD5加密、验证码验证、Ajax、文件的上传与下载、session登录验证等。 先来几张截图: 一、首先写登录页面 login.jsp <%@ page language="java" import="java.util.*...

  • web服务器

    WEB简介 WEB服务器也称为WWW(WORLD WIDE WEB)服务器,主要功能是提供网上信息浏览服务。 WWW 是 Internet 的多媒体信息查询工具,是 Internet 上近年才发展起来的服务,也是发展最快和目前用的最广泛的服务。正是...

  • 从零开始实现C++ TinyWebServer 全过程记录

    在写这篇博客的时候,我的这个项目已经完成了。这个项目从我开学2月份开学开始,一直前后看了很多遍。每多看一遍,都有新的感悟和体会。从最开始在牛客上的那一个版本,后来嫌弃这样的代码C风格太强烈,于是就有了...

Global site tag (gtag.js) - Google Analytics