企业官网交互反馈的设计细节
官网上的小问题,客户很少说出来,只会默默走掉:点按钮没反应,填完表单不知道提交成功没有,页面转了十秒连个提示都没有。这些都属于交互反馈,做细了不留痕迹,做差了全站体验都受影响。企业验收网站时,值得专门过一遍。
点击要有回应
按钮被点下去,颜色变一下、有个按压状态,客户就知道点上了。链接悬停变个色,鼠标放在可点击的地方有反馈,客户不用猜哪里能点。这些细节很小,但直接影响操作的流畅感。移动端没有悬停,按钮点击后的短暂变色、图标变化更重要。设计稿里可以没有,验收时要一个一个点过去试。
表单提交必须给明确结果
客户填完留言,点提交,最怕的是页面没反应。提交成功要立刻提示“已收到,我们会尽快联系您”,说明大概的回复时间;提交失败要说出原因,是漏填了字段还是网络问题,让客户能自己补救。表单里该填哪项、格式对不对,最好在填写时就提示,别等提交了才报错。提交后的提示文案写得具体一点,“提交成功”四个字不如“已收到您的留言,我们会在一个工作日内回复”让人放心。提交按钮本身也要有状态,防止重复点击提交两次,提交后按钮短暂置灰并提示处理中,能减少重复留言。
加载状态别让客户干等
图片多、视频大的页面,加载时给个进度或占位,客户知道网站在动,耐心会好一些。页面跳转、查询、搜索这类需要等待的操作,也要有过程提示。长时间没反应又没有提示,客户会以为网站坏了。技术上看是小事,体验上差很多。
反馈文案的口吻要一致
提示语别一会儿“系统繁忙”一会儿“操作失败,请重试”,语气统一、说人话,最好和网站整体风格一致。错误提示告诉客户下一步怎么办,比只报错误码强。文案也可以借这个机会传达服务态度,把“我们”和“您”用起来,客户能感觉到后面有人。
键盘操作和基础体验别落下
客户在电脑上习惯用Tab键切换焦点、回车确认,视力弱的客户靠屏幕阅读器浏览。焦点样式清楚、按钮可以用键盘操作、图片有文字说明,这些基础体验成本不高,但很多网站都缺。做的时候不必追求全套无障碍标准,先把最常用的键盘操作和焦点显示做好就行。
空状态和错误页也算反馈
搜索无结果、列表为空、页面404,这些状态也要有说法。搜索无结果时提示“换个关键词试试”或给出热门入口;404页面放个回首页的链接和联系方式。客户遇到这些页面时能得到指引,就不会直接关掉。这类页面平时没人注意,客户撞见一次就形成印象。
苏州辉耀网络科技有限公司的官网建设服务采用定制设计与手工编码,交互细节按页面逐一实现和测试,上线前会配合企业把表单、按钮、加载状态过一遍。企业如果感觉官网“说不上哪里别扭”,可以重点检查这六处交互反馈。
扫一扫,联系辉耀