『壹』 怎样打造极致用户体验,提高用户粘合度
一、整体颜色一致性
app从下载完成开始从图标进入后,图标的确定就是对主色调的确定,也是对app内容的主色调确定。app色调在选择上也是十分有讲究的。电商app颜色选择上,多为红色(橘色)。红色主要能引起人的购买欲望。黑色也是电商的主要选择,那是因为黑色具有高贵神秘感,多为奢侈品电商app使用的主色调。比如蓝色具有自由感觉,适合旅游的app。又比如绿色更多都是社交IM产品使用。虽然颜色上也有会出入的,但总体的设计理念不会改变。当从点击app开始到进入app主界面后,整体色调要给人一种过渡和谐的感觉。所以这是我们所要说的颜色一致性。淘宝、京东在app图标和进入后主界面的主色调保持一致,就是为了这种过渡和谐的感觉。这种整体颜色感官体验大大增加用户的好感度。
二、全部结构整洁性
app整体在结构上保持视觉上整洁性。往往我们在浏览app时候,都会觉得电商或者O2O的首页整洁性比较差。因为业务承载量太大,所以无法保持绝对意义上的整洁。而电商首页设计遵循一定的规则,参考我以前写的《移动端电商类页面设计说》文章,本人公众号第43篇。这一设计规则保障电商类app在设计上保持了一定的整洁度。整洁度并不是在一定程度上保持过分的简单,过分的简单可以保持app整洁度,但不能承载业务。所以在产品设计上,整洁度一定是在允许合理范围之内的。比如:微信的发现功能页面。它将朋友圈为一列,将扫一扫和摇一摇作为一列,附近的人和漂流瓶作为一列,购物和游戏作为一列。这是在展示上有一定整洁性,帮助用户快速找到想要的功能。假设这里只是单纯的list页面排序下来,没有这样的区别,那用户的感受会十分糟糕。所以结构整洁性是为了保障了用户操作的便利性。
三、首页展示内容完整性
保证了整洁性的基础上,才能保障展示首页内容完整性的前提。作为app首页,你最需要展示给的用户是你最优质的内容(服务或商品、每个类别app不同)业务。而这个内容是你用户最大的痛点需求,这个痛点需求能牢牢地抓住用户心理。即可以达到2秒时间便可以留下来使用app。至于内容完整性,因为基于移动端屏幕小的关系,电商和O2O类产品多半会用Icon作为品类选择。虽然增加的用户路径,但保证了用户在首屏便能快速了解整体所有业务。而音乐类产品会把最主要的播放器的放在底部,一个是为了功能的快速播放,另一点也是内容完整性展示,如果将播放器移除首页,后果也不堪设想。包括新闻类app将所有的分类至于顶部,也是一种业务层面上的展示完整性的选择。首页内容展示完整性,保障了所有业务能最快速的触达用户内心。用户便留下了你app所能起到什么作用的第一印象。
四、逻辑思维正确性
人机交互上包括:点击、输入、滑动手势、重力感应、指纹等多种交互。特别是点击、输入、滑动手势上是交互逻辑最为关键的几个操作。我们要做到是用户可以知道点击后会展示什么内容页面。这种交互逻辑在用户体验上有着细致的快感。在电商app中,点击逻辑多半能构成一套用户购物路径。逻辑上的顺序必须有正确性,不然无法保证购物流程。在电商支付流程中,用户姓名、手机号、地址(地址中的从大到小的过程),都是输入上的逻辑顺序。如果先让你输入地址,再输入手机号,再输入姓名。这是输入上的逻辑不准确性,这个准确性中还包括了用户习惯的逻辑。滑动手势多用于返回和下拉刷新、上拉滑动登操作。其实简单的滑动手势也是很影响逻辑的。某喜欢推送下午茶的软件中,将刷新方式变为上拉方式,其实是很反人类的设计,逻辑上正确性也大大折扣。保障交互逻辑的正确,是用户体验中快感的最主要组成部分。
五、产品交互文案可读性
app内容中,文字占据了绝大部分内容。我们在产品设计中,会参杂很多产品交互文案。文案可读性保证了我们的app产品在使用过程中用户简单操作的认知度。比如最典型就是IOS或者Android系统级别弹出窗口就很有讲究。假设你需要让用户更新,你的文案一定是XXX1.01版本更新。然后下方是确定、取消按钮。但实际上,你多加一句:更新此本会有XX新功能。会帮助你提升用户升级版本几率,也保证了可读性。当然也可以将下方按钮改为单按钮:(知道了。)也是让用户不用思考进行选择。交互文案中多半使用通俗易懂的语句,在设计选择上尽量使用单线程的用户思考模式。文案可读性可以把握了更多得小白用户心里。
六、输入框便利性
从这里开始,是更加细小的关注点。首先是输入框,登录的时候,我们有输入框。聊天的时候有输入框。购买商品或服务的时候,支付填写信息的时候。输入框是除了按钮之外最多的组件。输入框的便利性是让用户使用下去的保证,在输入时绝对不能让用户出现有挫败感的心理。比如很多的输入框,登录名加上一条横线。当手指触碰点击登录名时候,并未点击到横线上时,居然没有弹出键盘。用户第一反应肯定是卡机了?第二反应是产生强烈的挫败感。在这种细节把握上,一定不能让用户出现挫败感心里。在登录的时候,输入用户名字的时候,弹出的是英文键盘。输入手机号的时候,弹出的是数字键盘。这些细小的差别,都是用户在输入时的便利性的体现。输入框不仅是技术上的数据交互和抓取,产品设计上的漂亮。更要关注让用户使用下去的动力。
七、按钮交互严谨性
按钮是app交互中最为常见的组件。包括底部导航上,确认或取消按钮,返回按钮等等。作为app核心的功能组件,没有了按钮几乎无法生存。手机触屏的诞生,更加注重了按钮交互的严谨性。严谨性不仅包括逻辑上的正确,也包括了用户文案简单理解的程度。按钮几乎是第四和第五的结合点。在电商购买页面中,我们会把按钮购买按钮作为吸底式按钮放在底部。一般性是左边是加入购物车右边是立即购买。因为这里有逻辑上严谨性,右边更为重要。还有也是用户操作习惯上的严谨性,右边多为更关键的操作。而客服,店铺,收藏等辅助按钮需要弱化,因为它对主购买流程不构成影响。这里这样做的原因还有需要去除用户过多的思考。按钮严谨性不言而喻,因为每一步流转,都是一次用户流失的过程。为了避免用户在按钮点击过程中流失,我们更需要关注按钮的严谨性。
八、表单列表简洁性
表单列表的组件在app中的使用会很少,即使在web端设计中也是需要更少的展示。因为现在用户在移动端养成的快速和碎片化浏览习惯非常不利于表单和列表展示和输入。app端中展示表单和列表组件更是对小屏幕一种展示的不简洁性。所以在app产品设计中,能避免就避免,能用别的方式展示就用别的方式。但是没有办法的时候,一定要展示的时候,就要十分注重简洁性。列表展示时,内容、文字展示要保持整齐。一般多使用除了列表外其他空间展示留白设计的方式。当表单需要填写时,一定要将填写内容进行逻辑上划分层次,让用户在输入完成时有种一个阶段完成的成就感在当中。还有就是能少填就少填,能点击选择则不选输入方式。表单列表的简洁性极大的帮助了用户在使用时不会产生厌烦感。
九、图片专注性
instagram的在国外的火爆印证了图片的重要性。微信朋友圈中直接发图片的设计也是图片重要性的体现。图片需要追求极致的专注性。图片在社交和电商等很多app上有着极大的重要性。在电商app中,你的商品图片、banner图片都是直接转化购买率最重要的先决条件。在社交app中,你的图片美观程度决定了你的点赞数目和浏览评论数目。图片也是更能抓住视觉最重要的体现。特别当你使用移动产品的时候,几乎一个屏幕就会展示一张图片或者半张图片。这里的图片的专注性不言而喻。特别是Airbnb那样通过专业的摄像图片提升了用户量的按钮后,也证明了图片的专业性也是十分重要的。一张好的图片展示,是很能影响用户的体验的。
十、错误分支回溯性
错误分支的多半体现在否定逻辑上。错误分支回溯不仅仅是让用户点击再浏览别的网页,更主要体现在返回和否定逻辑上。回溯性主要是让用户集中在主功能中进行很好的体验。这里回溯性设计上最优秀的是微信在通讯录和朋友圈上的聊天回溯性。(你可以去点击通讯录和朋友圈好友聊天,看返回到了哪里。)电商中的回溯,是对用户沉浸浏览的一种保障。包括从你不想购买的东西页面回到在选择想买东西的页面。还有就是你取消支付或者购买之后的页面返回的地方。每一步错误回溯都是对用户心里把控和认知的过程。
『贰』 什么样的体验,是糟糕的用户体验
移动网页对不少网站来讲是一个新事物,很多网站可能压根就没有考虑过移动站点,但这好像不能成为移动网站体验糟糕的借口。下面是常见的一些糟糕的移动网站体验错误: 1、突然切换到桌面网页 有一些网站提供了wap版和桌面版,但因为设计和技术的疏忽,很可能给用户的页面是桌面的,造成体验的困扰。 2、太小的CTAs(行动按钮) 你已经搜索了一圈,现在打算购买,此时网站要做的是提供一个好看的,足够大的“现在购买”按钮。但不凑巧的事情很多网站提供的按钮仍然非常微小,而且拥挤。 左边这个添加到购物车设计还不错,虽然产品页面里面的尺寸还可以更大一点,而右边这个看起来就没有多少让人点击的欲望。 3、无法使用后退按钮 这是不少移动网页上常见的问题,当不尽如人意时,你想后退都难。 4、突然弹窗 能够理解网站有好事情告知用户的心情,但是有更好的方法来处理这个事情。 5、文字链 比过小的CTA还糟糕的就是文字链。它们可能在PC上显示很OK,但在手机上可能糟糕地一无是处。下面这个文字链你想点都困难。 6、很小的文本域 跟过小的CTA一样让人烦恼,对比下面两幅图里面的体验,高下立分。 7、页面打开缓慢 对于在手机上的同学来说打开缓慢的页面对他们是种折磨,如果你还是一家想让用户付钱买东西的网站,过慢的网页打开速度你别想拥有多少生意。 8、不可读的文本 文字让人清晰可读很关键,对比下面两张图,高下显然。 9、不起作用的按钮 如果按钮都不能起作用了,你还能希望用户完成下一步的动作么? 10、信中发送桌面网页URL 除了有可能过长的URL外,你还可能把手机用户导向了体验不好的桌面站点。 11、式的站点不再响应 响应式设计是很受欢迎的移动站点设计思路,但有时候你的响应式设计未必响应。 12、在手机上播放的视频 不管是Flash还是MP4,HTML5,你提供了就得让用户能够播放不是
『叁』 浅析电商网站的购物车页面如何做好优化
一、放入购物车按钮必须十分明显
建议一:“放入购物车”按钮必须十分明显。如果在不破坏页面均衡美观的前提下,“放入购物车”尽量使用颜色突出的大按钮,如果是白底黑字,按钮可以用红色、黄色等比较有视觉冲击力的颜色。另外,购物车一定要让用户第一眼就看见,当用户阅读完产品信息想购买时,一定要让用户做到不必寻找购物车按钮而是直接打开页面后就可以看到购物车按钮。
二、购物车按钮文字
建议二:购物车按钮文字。对于购物车的按钮文字是可以千奇百变的,想用什么文字就用什么文字,但要注意这些文字一定要符合用户体验和起到转化率的作用。我们可以通过一些文字来做个实验,看看哪些文字的转化率是最高的,哪些文字的转化率是最低的。比如放入购物车、立即购买、购买、立即节省xx元。加入购物车、轻松购等,这些都可以尝试的去使用。
三、随时放入购物车
建议三:随时放入购物车。主要意思的是网站上应该有个方便用户随时把产品放入购物车的文字按钮,可以在产品介绍页面的最上端,如价格、型号、产品名称等,可以简要说明的旁边放上购物车的按钮,还可以在产品的描述结束后再次显示购物车按钮。
四、编辑购物车
建议四:编辑购物车。购物车一定要允许用户随时随地的编辑购物车内容和修改要购买产品的数量。如果产品还有颜色、尺寸等,也应该允许用户在购物车内直接进行编辑,而不是删除产品重新去选择产品的颜色、尺寸等放入购物车。目前的购物车都可以做到这个功能,所以就不多说了。
五、随时随地查看购物车内容
建议五:随时随地查看购物车内容。很多用户都喜欢在任何地方、任何页面上清楚的看到购物车内容,如果看不到购物车的内容,很多用户都会担心产品购买失败或重新购买等。目前很多电商网站都是用户主动点击购物车链接才能看到购物车中已经有的哪些产品,这种方式没有用户体验,也给用户增加了一个完全没有必要的点击步骤
六、付款进程指示
建议六:付款流程指示。用户在确认订单后并完成付款的过程中,页面应该清楚的显示这个几个步骤,比如检查购物车内容、注册或登陆帐号、确认订单、付款、购买完成等文字,并且通过箭头或不同颜色的字体显示出用户现在处于哪个一个步骤,让用户对接下来所需要完成的步骤和需要的时间有个心理预期。
『肆』 微信商城建设之如何提升用户体验
好的商城网站在用户体验度方面都做到很极致,特别从最近淘宝网站改版来看,用户体验度在网站的地位非同一般。很多人都问如何提升网站体验,卡密网络从几个方面说说商城网站体验度提升。
1、网站视觉效果
对于商城网站来说,用户进入到首页或者其他页面,首先网站整体风格和设计带给用户感受是不一样,好的商城网站在视觉效果特别是网站风格都搭配很平常,然而这些都是网站设计和策划们根据用户在网站内部点击习惯总结出来的经验。因此,我们在设计网站来说,还是根据用户点击分布情况,设计网站布局。
2、网站性能
商城网站跟其他网站最大的不同之处就在于商城网站是以购物为需求,满足用户的购买欲望为目的。如果网站在加载速度方面,很慢甚至网站需要很长时间打开,这就会导致网站用户流失率很高。在网站PV和UV以及IP方面,就会下降很明显,这是商城网站很不希望看到的结果。因此,商城网站加载方面就要做到高于其他网站打开速度,这样才能保证用户体验度。
3、商城网站导航分类设计
商城网站导航其设计目的就是方便用户在网站内部很快找到网站商品,例如淘宝在导航设计就做的比较全面,用户进入到网站首页,清楚看到网站网站导航细分的分类,这种分类好处就在于网站访问者很清楚查找自己想要的东西。因此,合理化的导航分类给网站打开的好处不言而喻,这点多多向淘宝学习。
4、网站内容建议采用模块化
网站布局分类进行大分类集中一个模块中,例如衣服属于大分类,在大分类中就要尽可能包含小分类,然后把小分类集中在大分类展示。这样做的好处,进行对比其他不同商品。看到心仪的商品可以直接购买。
5、商品爆款时效性
商城商品很多都分季节性和时效性,如何让用户在适合时机找到适合的东西就是商城网站功能。例如衣服分季节,冬装就需要在冬天推出,夏装就需要在夏装推出。抓住用户心理做出合理的策划,这点必不可少。
6、商城搜索功能实现
搜索功能就是让用户很有目的性的寻找自己喜欢的商品,在首页和栏目以及商品展示案例中不足以满足用户需求下,站内搜索的设计是否容易使用,直接影响用户的体验,从而影响网站的营销效果。
7、购物车添加
在用户体验度上面购物车必不可少,通过购物车添加,让用户把不着急购买的商品暂时放到购物车中,这样对于用户来说遇到新品的上架和促销活动商品,可以做到及时查阅。
『伍』 购物网站如何设计漂亮且实用的购物车
相应的,大量的购物网站也随之出现。如何设计兼顾美观与可用性的网站购物车,是一门非常有研究价值的问题。本文为读者介绍了10个优秀购物车的设计技巧,并为读者推荐了一些国外的优秀购物车设计欣赏。1. 整版车和迷你车购物车通常有两种形式,整版页面的购物车和作为网页组件的迷你购物车。建议两种形式同时包括。迷你购物车不影响购物车以外的布局,只显示购物的列表及简要信息,并且有一个醒目的链接指向整版购物车页面,下面是一个很好的例子:相反的,整版购物车页面可以提供更详细的信息,例如产品详情、删除/添加、税收和发货选项等。以下显示了一个整版购物车页面,它的右上角同时也包含了一个迷你购物车: 2. 结账:逐步引导或一页式用逐步引导的方法使用户更容易上手。看看Apple.com结帐页面,结帐程序包含四个步骤:登录,结算及托运,付款方式和最后确认/修改。 除了循序渐进的引导,另一种方式是把所有的付费、运输和结算操作放在一个页面上。 如果设计得合理,这也是一种很好的方式。下面的网站使用了良好的单页结帐过程: 3. 使用图标链接到详细页面迷你购物车上应该有链接到详细页面的醒目图标,以引导用户进入详细页面。下面这个网页虽然是日语的,但它的图标可以清晰的显示这是购物车链接。4. 使用明显的结账/添加按钮设计电子商务购物车,重要的是要包含明确的信息 ,并引导客户进入结账程序。最好使用明显的按钮,并包含清楚易懂的文字,如“添加到购物车”或“结账”。 5. 使用清晰整洁的列表设计购物车最好使用列表结构,清晰的现实信息,使用标准字体 , 并尽量避免使用复杂的背景 。6. “继续选购”链接“继续购物”链接的作用是引导用户回到商品列表继续选购,这当然是所有网站都想要的。 7. 避免填写过多的条目尽量让用户填写最少的表格,用最快的速度完成网上购物过程。 8. 提供充分的帮助信息快速提示和通用提示是网站必不可少的组成部分,尤其是购物网站,你要让你的客户没有任何疑问和疑虑的完成购物过程。关于电子商务网站的提示技巧,请参阅: 正确使用提示文字提升用户体验9. 使用视觉辅助使用图标、箭头、文字等醒目的视觉辅助元素,引导用户的视觉流向。以下图片显示的一个极方便的单击并拖动车 。.形象的购物车图标告诉顾客,他们可以拖动物品到购物车。 10. 包含确认步骤用户必须有一个步骤来确认是不是买到了正确的货物,并且有办法及时取消选择,然后进入付款结算程序。
『陆』 请问每次点击购物车里的加减号改变货物数量时,都要把数据存数据库吗
要看程序逻辑是怎么设计的,一般是购买提交的时候才会存入数据库呀。
『柒』 用户体验的核心和本质是什么
用户体验的核心和本质,四个字就可以概况:换位思考。
举个例子吧,宜家。
在北京的时候,每隔一两个月就要去逛一圈。之所以自己这么喜欢这个地方,在于宜家很好的做了换位思考,在方方面面,各种细节,都在为用户着想。
什么才算是好的用户体验呢?在宜家中,空间是完全开放的,床、沙发都是可以随意感受的,儿童的产品都可以随手拿起来玩一玩。
对于人来说,“感受”永远比“语言”有用。作为一个家居用品的“售卖基地”,对于卖家来讲,重要的是什么?只有让用户对你的产品有了深刻的认识才能够促进用户的消费。家居用品,只有用了才知道,各个家具城的售货员再怎么“口齿伶俐”也不如让用户用身体去感受来的实际。当一个消费者,一个用户,进入一个卖场的时候能够有所惊喜,能够去用用床用用被子,感受一下,自然能够对用品产生高度认同,那这个卖场必然会成功。
宜家随处可取的物品。在购物过程中,我们随处可见宜家提供的购物袋(注意,是随处可见,而不是放在入口~!),不是篮子,而是袋子,原因很简单,更加节省空间,易背易拎,同时不易碎。对于比较大型的商品,宜家提供了商品编号,只需要记住编号,就可以到结账层提取这个商品,不需要带着大件的物品来回折腾,而在这些商品旁边,会提供铅笔和卡纸,随时可以拿起来把物品记录下来。当然,它也提供了各种不同型号的购物车给用户。如此人性化的设置,让用户(消费者)得到了非常良好的体验,之所以能够做到这一点,就是站到了消费者的角度,思考消费者存在那些问题和烦恼,并且将其解决。
『捌』 从界面到用户体验比较当当网和亚马逊的不同
当当网适合国人,亚马孙适合全球的人,就用加入购物车后提交订单这个过程分析,亚马孙要求登录,当当信息核实,点击结算按钮要求登录,亚马孙少一步,只能说用户体验都是建立在用户使用的基础上改进的!
『玖』 UI界面与UX用户体验设计的区别与联系
很多人可能在没有完全接触到交互设计师这个领域的时候,对于这三个缩写是懵的状态,而事实上,UE和UX都是User Experience的缩写,也就是用户体验,两者没有区别只是叫法不同。而UI是User Interface,用户界面,具体的区别会在后面讲到。
User Experience(UE,UX)
减法的联系方式页面
综上所述,UE和UI的关系可以这么来形容:UE是一个设计理念,以人为中心的理念,在了解完UE之后,得知用户需求方向。利用UE将UI的信息可视化,以满足用户的需求,帮助用户解决问题。因此,在有些公司内,UE和UI会是同一个岗位,这样会减少一些沟通和人员成本。但对于部分大公司,UE和UI会分成两个岗位,UE设计师更多的会偏向于与程序员的前后搭配上,而UI设计师的工作更多在于视觉上的设计。
『拾』 SEO大神口中所说的用户体验具体指哪些方面
您好,很高兴为您回答:
用户体验包括以下个要素:
第一、表现层
在表现层(surface),你看到的是一系列的网页,有图片和文字组成。一些图片是可以点击的,从而执行某种功能,例如把你带到购物车里去。一些图片就只是图片,比如一本书的封面或网站自己的标志。
第二、框架层
在表现层之下是网站的框架层(skeleton):按钮、表格、照片和文本区域的位置。框架层用于优化设计布局,以达到这些元素的最大效果和效率——使你在需要的时候,能记得标识并找到购物车的按钮。
第三、结构层
与框架层相比更抽象的是结构层(structure),框架则是结构的具体表达方式。框架层确定了我们的结账页面上交互元素的位置;而结构层则用来设计用户如何到达某个页面,并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式,允许用户可以浏览书籍的不同类别;结构层则确定哪些类别应该出现在那里。
第四、范围层
结构层确定网站各种特性和功能的最合适的组合方式,而这些特性和功能就构成了网站的范围层(scope)。有些卖书的网站提供了一个功能,使用户可以保存之前的邮寄地址,这样他们可以再次使用它。这个功能——或任何一个功能——是否应该成为网站的功能之一,就属于范围层要解决的问题。
第五、战略层
网站的范围基本上是由网站的战略层(strategy)所决定的。这些战略不仅仅包括了经营者想从网站得到什么,还包括了用户想从网站得到什么。就我们的网上书店的例子而言,一些战略目标是显而易见的:用户想要买书,我们想要卖出它们。另一些目标可能并不是那么容易说清楚的。