电子商务网站的 10 个易用性规则

news/2024/5/19 12:32:12/文章来源:https://blog.csdn.net/NickACM/article/details/83668240

电子商务网站的 10 个易用性规则

电子商务网站的竞争越来越激烈,虽然你可能在以最低的价格卖最好的东西,但同样重要的的是用户的购买体验,对电子商务网站而言,易用性就是让用户尽 可能快而简单的完成购买,有时候,一条小小的改进可能带来巨大的改变。本来讲述了10条电子商务网站的易用性规则。

1. 用户无需注册直接购买

Let Shoppers Buy without Registering

很多公司喜欢让用户注册,但注册过程实在太冗长了,尤其对那些临时光顾的用户,强迫注册会将他们吓跑。让用户直接往购物车里添加货物,在结算前,另 外提供一个注册选项以方便他们的下一次购买是一个很有效的方法,在任何时候都要明白,实现销售比收集一堆电子邮件地址更有价值。

2. 注册要简单

Keep the Signup Simple

你希望注册用户给你提供多少信息?也许是越多越好,然而实际上,你用不了那么多,你真正需要的也许只是一个邮件地址和一个密码。尽可能使用邮件地址 作为用户名,因为用户名容易混淆,而邮件地址是唯一的,更容易记忆。

3. 告诉用户他们所处的步骤

Tell Users Where They Are

面包屑导航条是任何大型电子商务站点的必需,用户需要随时知道他们目前所处的步骤,以及后面余下的步骤,否则,用户会觉得茫然,甚至半途放弃。另 外,面包屑导航条还可以帮助用户自由后退,返回,以便在需要的时候对前面的操作进行修改,如果面包屑导航条不容易实现,那你至少对每一步操作进行编号标 识,如,第一步/共四步。

4. 让用户有安全感

Make Shoppers Feel Safe

用户对安全非常在意,尤其当他们需要输入信用卡号的时候,在用户购买的任一步骤,你都需要让他们有安全感,并且让他们知道你会保护他们的安全与隐 私,最好的办法是在网站上部署 SSL。

5. 订单确认

Confirmation

确认页对一个电子商务网站的易用性来讲非常必要,不仅可以让用户对前面操作的内容进行确认,也避免了用户因不确定而不断向你查询。

一个有效的确认操作包含以下三个部分:

  1. 订单处理的最后一步,让用户进行确认,确认页应该包含所有必要的信息,订单概要,总价格,发货信息,以及订单取消按钮。
  2. 订单一旦确认,用户会看到订单确认信息以及订单号,这些信息可以保存和打印。
  3. 同时应该使用电子邮件将订单确认信息发给用户留档。

6. 搜索功能

Search Function

任何电子商务网站需要一个随时可见的搜索框,用户可以对结果进行筛选,搜索功能可以让用户更好地查找商品,提供更愉快的体验。如果你的商品种类繁 多,搜索应该支持按类别筛选。允许用户按颜色,尺码进行搜索也不失一个好方法,另外,也可以让用户定制自己的搜索结果,如每页显示多少条结果。

7. 列出相关产品

Specify Related Items

如果处理得当,列出相关产品可以带来交叉销售,比如,用户购买电子产品的时候,可以列出与该产品相关的电池,线缆等配件,Amazon 证明该方法十分有效。

8. 行动按钮(Call-to action button)

Call-to-Action Buttons

不要低估了那些行动按钮的力量,“添加到购物篮”,“注册”,“结算”一类的按钮可以提高你的成交率和易用性。要想让这些按钮吸引人,需要在字体, 颜色,措辞,位置等方面仔细揣度,按钮应该足够大,清晰,色彩应该同背景形成对比。在措辞方面,应该使用“添加到购物篮”,而不是“立即购买”,后者会吓 跑某些用户。应该考虑使用本地化语言,比如,美国用户更习惯“添加到购物车”,而英国用户习惯“添加到购物篮”。如果可能,可以使用 IP 区分客户的来源以便针对不同地区的用户,提供不同的本地化语言。

9. 避免隐匿费用

Avoid Hidden Charges

隐匿费用比任何东西都让客户愤怒,一定将价格,税,快递费用,以及可能有的优惠明明白白地显示给用户,而且越早越好,人们喜欢在添加货品到购物篮之 前就知道它们需要多少钱。如果在结算之前发现多出来很多额外费用,他们会放弃订单且不会再来。

10. 让购物车随时可见

Keep the Cart Accessible

购物车应当随时可见,应当浮显在右上方。这样用户不必滚动页面去浏览里面的货品和总价。为了更好地体现易用性,应当允许用户在任何时候都可以修改, 添加或移除货品。“结算按钮”应当直接放在购物车内,方便快速访问。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_877655.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于jquery Stellar.js实现 网站视差滚动效果

stellar.js是一个 jQuery插件&#xff0c;能很容易地给网站添加视差滚动效果。 虽然已经停止了维护&#xff0c;但它非常稳定&#xff0c;与最新版本的jQuery兼容。 http://markdalgleish.com/projects/stellar.js/ 官网 1.引用js 包 <script src"path/to/jquery/jq…

推荐一个前沿的无线通信网站——定为电子

欢迎来到定为官网 成都定为电子技术有限公司是一家集咨询、设计、研发和生产无线通信数字基带和模拟前端等产品的高新技术企业&#xff0c;公司一直专注于算法原型验证、教学实验、无线通信和便携式仪器设备等领域。 在算法原型验证方面&#xff0c;定为电子坚持为客户提供最…

网站被DDOS攻击,我只用了2招应对

做网站难免遇到被黑客攻击&#xff0c;特别是关键词排名较靠前的站点&#xff0c;一些不正当的竞争对手会使用不正当的方法把你网站搞瘫&#xff0c;以便把流量引到自己平台上让自己得利。不管是大平台网站还是小平台网站都会遇到DDOS攻击&#xff0c;难道面对DDOS&#xff0c;…

【Python】利用网站API接口获取天气信息

本文主要讲如何利用Python来获取天气信息。主要程序实现思路是从命令行传递坐标信息&#xff0c;然后利用天气预报网站的免费接口获取到相关天气信息&#xff0c;返回结果以json格式显示&#xff0c;并打印出需要的近3天天气情况。 信息源&#xff1a;https://openweathermap.…

做一个酷网站(2)

成品 成品源码 接上篇博客 相信你根据 Demo 的源代码 已经可以制作一个简单的动态网站了 核心思想 同时动态修改 style 标签 和 页面上 某个元素的内容产生一种网站在动态展示的效果 知识点 ES6 箭头函数使用setInterval(fn, n)substring(n, m)document.querySelector()dom 元…

用户访问一个网站的整过程

原文网址&#xff1a;https://blog.csdn.net/yonggeit/article/details/72857630 用户访问网站流程框架 第一步&#xff1a;客户端用户从浏览器输入www.baidu.com网站网址后回车&#xff0c;系统会查询本地hosts文件及DNS缓存信息&#xff0c;查找是否存在网址对应的IP解析记…

手机网页的设计vs2008开发wap网站(一)

vs2008开发wap网站(一)首先新创建个项目&#xff0c;打开VS2008&#xff0c;新建个网站项目&#xff0c;我们添加新项时会发现以前在vs2003或vs2005中的“移动Web窗体”项没有了&#xff0c;下图为vs2003和2005中的。 vs2008中就没有“移动Web窗体”这一项&#xff0c;这…

优化网站性能 提高网站速度访问速度的14条实践

相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax&#xff0c;flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实 现的功 能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己…

利用代码托管平台 Pages 搭建静态个人网站

一、写在前面 笔者最近接触生成个人博客的开源项目&#xff0c;玩着挺有意思的。用简单的命令生成vue或go的项目模板。通过markdown语言文档生成静态页面。网上也有很多教学博客。感谢各位大神博主的分享。这里也简单记录下我的使用笔记。 二、开源的hexo框架 框架简介 官方…

推荐3个网页设计在线配色网站

推荐3个网页设计在线配色网站 对于网页设计师而言&#xff0c;每个网站的设计都需要一套最适合它的配色方案&#xff0c;配色方案的选择关系到整个网站的成功与失败。你会不会因为苦恼于一个很急的网站项目的配色方案迟迟没有确定&#xff0c;而抓狂呢&#xff1f;下面暴风彬彬…

提高网站设计可用性(有效性)的10条原则

决定一个网站成败命运的&#xff0c;不是视觉设计&#xff0c;而是设计的可用性和有效性。访问网页的用户们握着鼠标&#xff0c;决定一切&#xff0c;“以用户为中心”已然是成功网站的标准设计方向。总之&#xff0c;用户不用的功能&#xff0c;就不该存在。 我们并不打算重复…

精选31个网站界面设计实践教程

精选31个网站界面设计实践教程 设计一个网站从来都不是一件容易的事。如果你去询问一位在该行业有丰富经验的网页设计师&#xff0c;他会告诉你以前根本没有太多关于Web设计/开发的资源、文章和各种沟通交流平台&#xff0c;更不用说高质量免费教程了。 如果您打算建立自己的个…

Photoshop 爱好者应该收藏的42个网站

Photoshop 是 Adobe 公司旗下最为出名的图像处理软件之一&#xff0c;集图像扫描、编辑修改、图像制作、广告创意&#xff0c;图像输入与输出于一体的图形图像处理软件。今天&#xff0c;本文与大家分享42个非常有用的 Photoshop 设计教程和素材资源网站&#xff0c;希望能帮助…

分享20佳极具创意的网站导航菜单设计案例

导航菜单作为网站必不可少的组成部分&#xff0c;关系着网站的可用性和用户体验。有吸引力的导航能够吸引用户去浏览更多的网站内容&#xff0c;增加用户在网站的停留时间。为了让导航能够和网页内容完美的融合在一起&#xff0c;设计前需要设仔细分析网页结构。下面收集了20佳…

免费下载精美网站模板的25个网站推荐

免费下载精美网站模板的25个网站推荐 这篇文章向大家推荐25个免费下载网站模板的网站&#xff0c;这些网站分享了众多精美的网站模板&#xff0c;您可以免费下载使用&#xff0c;相信这些精美的 网站模板 既能够帮助您节省大量的时间和精力&#xff0c;又能有很满意的效果&…

学习 Web 开发技术的16个最佳教程网站和博客(留着回家学习)

学习 Web 开发技术的16个最佳教程网站和博客 互联网经过这么多年的发展&#xff0c;已经出现了众多的 Web 开发技术&#xff0c;像 .Net/Java/PHP/Python/Ruby 等等。对于 Web 开发人员来说&#xff0c;不管是初学者还是有一定经验的开发人员都需要时刻学习新的开发技术。如今&…

使用 jQuery Mobile 及 ASP.NET 开发跨行动装置网站 (Mobile Web)

转&#xff1a;http://msdn.microsoft.com/zh-tw/hh875190.aspx 在行動式裝置普及化的現在&#xff0c;要開發一個能夠跨行動式裝置的原生應用程式 (Native App) 是非常不容易的&#xff0c;除了需要了解不同的作業系統的差異 (Ex: Windows Phone、Android、iOS)&#xff0c;還…

Bootstrap网站页面练习实例

整体页面 整个页面分为6大部分 整体效果 在使用Bootstrap时要注意响应式&#xff0c;组件要看情况设置固定的宽高。 导航栏 在使用导航栏的时候要注意搜索框组件&#xff0c;它的宽度设置成响应式 media screen and (min-width:768px) and (max-width:988px) {.input-gro…

自学编程推荐的11个学习及刷题网站

初学编程&#xff0c;很多人会选择先自学&#xff0c;那么这时候选择适合自己的学习平台是特别关键的&#xff0c;今天小优就给大家整理了11个学习及刷题网站。 一起来收藏起来&#xff01; 第一类&#xff1a;课程学习类网站 1、菜鸟教程 菜鸟教程是 Runoob开发的一个编程…

一行css代码让整个网站变灰, 通过js控制定点触发和关闭

今天是5.12是个特殊的日子,有的时候吧 会把整个网站变灰的需求 这个我们用css过滤器 一行代码就能实现了 filter: grayscale(100%);问题是 出在定点触发 这块,我们可以通过js 来实现 核心就是时间的判断这块 比如: 我们要在5.12凌晨十二点触发 到 5.13的凌晨关闭 就可以这样写…