html5淘宝注册界面设计,电商登陆注册页设计分析
AnyForWeb正式推出电子商务网站设计分析的系列文章,每月更新,本次主题为电商网站的登陆注册页设计,欢迎关注!
电子商务网站已经慢慢成为现代都市人的必需品,大家都乐此不疲的使用着,但对于第一次注册使用的情景,相信大家还记忆犹新。精心挑选完商品之后,用户们怀着愉快的心情点击购买按钮,但显示的却是“请先注册或登录”,原本满满的购物欲和好心情有可能瞬间大打折扣。
电商网站需要注册和登录才能执行购买流程虽然受到很大一部分用户的不喜爱,但确实是非常普遍的现象。用户之所以如此反感,也不完全因为流程繁琐,网站的表现形式不够友好、人性化也是原因之一,甚至还有网站令用户很直接的感受到一种强迫性。
市场环境让几乎所有国内的电商网站都随大流的加上注册登录环节,那么,如何让这一步骤变得更友好更适用,这是我们需要思考的问题。现在,AnyForWeb就列出10条我们的观点。
1.简洁突出,大胆留白
“挑剔”是大多数网购人群的特性,这种“挑剔”不仅体现在他们对商品的态度,也蔓延到对网站的每个页面。用户不喜欢思考和寻找,他们希望所有自己需要的内容都清晰的摊在眼前,甚至眼前只有自己需要的内容。这样的要求听起来很苛刻,但只有把握类似这样的细节,才能在竞争激烈的电商市场中占有一席之地。
很多设计师对于留白都有些战战兢兢,生怕让别人误以为是自己偷懒了。其实,在电商登陆页的设计中,留白却是一种挽回用户好心情的好方法。登录注册在用户心里就是一个很麻烦的过程,而大量的留白能让用户感觉“原来只有一个步骤而已”,能很大程度的提升用户体验。
苏宁易购的登陆页使用了大量的留白,页面整体和细节都十分干净整洁,让用户以最快的速度完成注册或登录这一环节。
2.以访客利益为主导
访客利益为先的衡量标准说起来可能比较空洞,很多电商网站也因此忽略了这一点。电商网站的主要目的是尽可能的多推广、多销售自己的产品,于是有的网站就不放过任何一个可以推销自己产品的角落,这样的做法会让用户很厌烦,尤其在登陆页上出现诸如此类的推销信息。
登陆页是一个属于用户的网页,比较一下你的登陆页面,提到用户的次数和提到品牌产品的次数哪个更多?
麦网的登陆页是一个反面教材,网站过于急切的想把自己的商品展示给用户,所以页面上的内容看起来很杂乱,这有可能对营销会有一些帮助,但却造成了不佳的用户体验。
亚马逊的登陆页就与之完全不同,不仅在引导上做的很到位,语句的撰写也更多的为客户考虑,“我的邮箱地址是…”,这样的语言显得更有亲和力。
3.好的标题是成功的一半
有统计显示,阅读标题的人是阅读正文的人的5倍,这意味着“敲门砖”的重要性。如果你的标题够吸引人,也许用户跟不用等到购买前才登陆注册,让用户心甘情愿的化被动为主动才是交互设计更深层的意义。
嗨淘首页的登录入口标题就与普通电商网站的标题不太一样,“hi”的小标识让按钮更吸引用户点击。
点进登陆页后,嗨淘的标题依然与众不同,相比较普通的“欢迎登录”,“还不是嗨淘网会员?”这样的标题是不是更能让用户愉悦呢?
4.简化页面副本,切中要害
刚才已经提到,用户根本没有心思在短短的几秒钟之内做任何思考,因此,这里又涉及到了页面副本的问题。如今什么都讲求要创新独特,但在登陆页上还是要尽量避免。登陆页面上的文案还是应该简单一点,用一些一看就能懂,而且没有歧义的文字。
百度糯米的登陆页真正理解了简化副本的含义。页面文字的简化并不是文字越少越好,而是要用尽可能少的文字把意思表达清楚。左侧的图片上也没有多余的文字,色彩上也选择了淡色系,让整体看起来很舒服。
5.有趣美观的页面设计
“人不爱美,天诛地灭”,视觉上美观的是事物总能给人更好的第一印象,对于网页设计也是一样的道理。从色彩到布局,登陆页设计要的是一种和谐,如果能在和谐舒适的体验基础上增添一些趣味性,用户会更乐于使用和点击。
京东的登陆页就很有趣味性,左侧图片是略带搞笑的风格,也许能不少让用户会心一笑,带着好心情来登录和购物。
html5淘宝注册界面设计,电商登陆注册页设计分析相关推荐
- 天猫+淘宝+聚划算,阿里电商多元化格局凸显
3月23日,有媒体报道称,聚划算百亿补贴目前累计入驻的官方旗舰店已经超过1800家.上线3个多月的聚划算百亿补贴,已打出了一片自己的天地. 聚划算"百亿补贴"三月,气势如虹 聚划算 ...
- 淘宝天猫各大电商平台接口测试
[标准接口] item_get - 获得淘宝商品详情 item_fee - 获得淘宝商品快递费用 item_password - 获得淘口令真实url item_search - 按关键字搜索淘宝商品 ...
- 淘宝、天猫、电商、1688、拼多多、京东等API接口详情
item_get - 获得淘宝商品详情 item_get_pro - 获得淘宝商品详情高级版 item_review - 获得淘宝商品评论 item_fee - 获得淘宝商品快递费用 item_pas ...
- PHP淘宝左侧商品分类,jQuery电商网站左侧商品分类导航菜单代码
js代码 $(function() { var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height() //左侧导航动画 ...
- 2019年,淘宝直播或许是中国电商最大的风口
流量枯竭,是困扰中国电商的最大难题,也是制约电商发展的天花板.2018年,拼多多引爆了"社交电商",然而以价格驱动的裂变模式带来的是流量质量堪忧,注重品牌调性的企业往往不愿参与.对 ...
- HTML5响应式手机模板:电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript...
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板 手机网站模板 企业手机网站模板 手机网站模板 手机模板 响应式手机网站 h ...
- HTML5响应式手机模板:电商网站设计——仿淘宝手机app界面模板源码 HTML+CSS+JavaScript
HTML5响应式手机模板:电商网站设计--仿淘宝手机app界面模板源码 HTML+CSS+JavaScript 手机电商模板 手机网站模板 企业手机网站模板 手机网站模板 手机模板 响应式手机网站 h ...
- HTML5期末大作业:仿淘宝电商网站设计——仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业
HTML5期末大作业:仿淘宝电商网站设计--仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业 常见网页设计作业题材有 个人. ...
- html网页制作——仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业C71
HTML5期末大作业:仿淘宝电商网站设计--仿淘宝电商管理系统(21页)含论文 HTML+CSS+JavaScript 学生DW网页设计作业成品 大学生网页制作期末作业 常见网页设计作业题材有 个人. ...
- HTML+CSS 轮播图 电商网站注册界面 抽屉主页头部界面
[练习]HTML+CSS 作业要求1 京东首页轮播图,效果如下 jd轮播图 <!DOCTYPE html> <html lang="en"> <he ...
最新文章
- Fiddler抓取手机(app)https包
- 802.11h halow(Short Beacon, s1g beacon)
- 基于nuxt和iview搭建OM后台管理系统实践(2)-quill富文本组件的封装
- 记一次 .NET WPF布草管理系统 挂死分析
- 美女,你这是把腰带当裙子了?
- 信息学奥赛一本通(2059:【例3.11】买笔)
- 疑似realme X9系列神秘新机曝光:搭载骁龙870处理器
- JS框架_(Progress.js)圆形动画进度条
- python搭建web服务器_用Python建立最简单的web服务器
- 移动端动画使用transform提升性能
- UltraISO 9.7.0.3476中文完美破解安装版
- 哈勃望远镜研究员测试区块链的空间数据处理
- 关于单点登录的一点想法
- 世事洞明皆学问-拉链拉头的拆分安装
- 谷歌地图api 微信小程序_使用Google的融合位置提供程序API进行实时位置跟踪
- BSGSexBSGS(让你轻松理解和掌握)
- 遗传算法的交叉变异操作杂记
- Web-网上在线支付
- C#由于从未加载设计器
- MATLAB读、写、转化mat文件