网站设计与开发

让网站帮助访客走到下一步。

说清楚提供什么服务、在哪些地区服务,以及如何咨询。我们设计并修正相关页面和功能,帮助访客顺利完成这件事。

一幅装饰艺术风格的网站插图,清晰的路径通向醒目的操作按钮。

先回答咨询之前的几个问题。

想象一家提供橱柜安装服务的公司。业主需要知道它承接哪些工作、服务哪些地区,以及要提供什么资料才能获得估价。页面即使精美,也可能没有回答这三个问题。

把答案放在一起。实用的服务页面会将工作范围、相关示例和清楚的咨询说明联系起来。插图展示了这些部分如何配合。

一幅橱柜安装服务页面插图,将提供的工作、服务区域和咨询所需资料联系起来。
示意案例:一个服务页面说明做哪些工作、覆盖哪些地区,以及客户下一步要发送什么资料。

让页面的每一部分都有明确作用。

利用页面空间帮助读者判断服务是否适合自己。先写出那些若不说明,访客就得另行询问的信息。

写明工作内容和服务地区。

“杭州橱柜安装”比“优质解决方案”更具体。解释包含哪些工作,以及是否覆盖访客所在地区。服务区域应当便于更新。

解释示例说明了什么。

厨房照片需要背景说明:安装新柜体与更换柜门是不同的工作。用简短的图注说清范围,去掉私人信息,并明确标示哪些图片是示意图。

让下一个链接说明去向。

“咨询你的厨房安装项目”让联系的目的更明确。在访客打开表单或邮件前,说明需要提供哪些内容,例如地点、简短描述和有助于判断的照片。

屏幕上的确认,只完成了一半检查。

表单应有清楚的字段名称,只询问有用的信息,并说明如何修正错误。提交后,要告诉访客发生了什么。W3C 表单指南介绍了这些基本原则。

还要检查接收端。在网站负责人同意后,发送一条明确标注为测试的信息,确认它到达了正确的收件箱。屏幕上的确认本身不能证明信息已经送达。

手机显示咨询提交确认,一条箭头指向收件箱中收到的同一封信息。
两端都要检查:访客看到确认,指定的收件人收到咨询。

让改动范围与问题相匹配。

缺少哪个答案,决定先改哪里。单纯换一种视觉风格,不能修好出错的联系表单,也不能补上遗漏的服务地区信息。

局部修正

如果整个流程原本可用,补充服务区域可能只需要一句话。下一步不清楚时,可能只需改好链接文字,再加一段简短说明。用访客原本要完成的任务来验证这项改动。

更全面的改版

如果访客在多个页面之间找不到所需服务,或页面布局妨碍手机上的基本操作,就可能需要更大范围的结构调整。开始开发前,先约定改动范围和检查方法。

无论采用哪种方案,日常编辑都应保持简单。团队应能更新服务、示例和联系方式,而不必重新搭建页面。

从一个页面、一项实际任务开始。

从最初的需求描述到最后的检查,为工作设定一个可以验证的目标。

发来页面和目标。

说明页面面向谁,以及希望对方完成什么。例如:服务区域内的业主应能咨询橱柜安装的估价。

约定真正需要的改动。

我们沿着同样的路径操作,找出障碍,提出范围明确的改进建议。问题可能涉及文字、导航、布局、加载或咨询功能本身。

改动后,再做一次同样的任务。

在电脑和手机上检查约定的流程,也要测试键盘操作。确认文字可读、图片位置稳定、所需信息容易找到,并核实测试咨询到达了目的地。

一幅装饰艺术风格的网站插图,清晰的路径通向醒目的操作按钮。

找出第一项值得做的改进。

发来页面、希望接触的客户,以及他们应当能够完成的操作。我们可以帮助把这个目标转化为一项具体的网站改进。