首页 > 其他 > 详细

临时视图在电商应用中的使用

时间:2019-10-31 15:58:03      阅读:96      评论:0      收藏:0      [点我收藏+]

1.什么是临时视图

app主要有四类临时框:警告视图、操作列表、模态视图以及最后一种不用点击确定与取消就会自动取消的用来提示网络不好或者更新内容的临时框(吐司Toast)。

技术分享图片

 

2. 临时视图-警告框

技术分享图片

 

用户在操作app时,有时候会勿删等敏感操作,或者app想要获取你的位置、相册、相机时,就需要一个视图弹框来警告自己操作是否继续进行,这时候用到的临时框就是由标题、正文、按钮等组成的警告视图。

 

3.临时视图-操作列表

技术分享图片

 

用户在使用app时,听到好的音乐、看到好的文章、视频时,会产生分享、收藏的欲望。而当前的页面是无法满足这么多的操作的,需要加一个临时框来将这些操作都放出来。这时候用到的临时框就是操作列表临时框。

 

4.临时视图-模态视图

技术分享图片

 

技术分享图片

 

模态视图与子页面的主要别在于子页面是从主任务下分支的另一任务,二模态视图是浮于主任务至上暂停主任务进程服务于当前主任务。

用模特视图有以下几个特点

①占据整个屏幕或屏幕的一部分,或者占据父视图的部分区域。

②包含完成当前任务所需的文字和控件。

③通常也包含一个完成任务的按钮,和一个取消按钮。

 

5. 临时视图-Toast

技术分享图片

 

toast不需要用户操作,一般维持的时间是1秒到1.5秒后自动消失。时间太短用户没办法感知,时间过长又没有必要。

1)、由于移动端的使用场景很复杂,用户执行了某一个操作时,很多时候App并不能立即反馈给用户操作结果,这个时候弹出一个Toast提示用户已经执行了该操作,会显得很人性化,这就是用户体验。

2)、提示用户操作错误或者正确,列如App经常会提示用户:登录成功、下载失败、密码输入错误

 

6.临时视图使用规则

临时视图首先使用在用户视频频率相对低的页面。

临时视图永远浮于当前页面上,服务于当前任务。

使用临时视图可以减少交互层级,降低用户记忆成本。(用户不必考虑返回上一页是什么内容?)

破坏或崩溃性及授权等操作使用警告框,当前页面控件激活后根据呈现可操作的内容多少使用操作列表或模态视图,提示性临时内容使用toast.

 

7.临时视图在电商应用中的使用-总结

移动系统(Android&IOS)建议使用的四种主要临时视图都有被电商类应用合理使用。

通过使用场景,反馈效果及产品的自身定位使用对应的临时视图并采取对应的优化方案(京东联动选择器案例)

电商类与其他类型应用使用临时视图时都应尽量在同一页面不要同时出现两张临时视图(除在模态视图进行操作更改后不执行保存后可以弹出警告框)

在设计电商类应用过程中,在不断提升用户体验的基础上,要根据电商平台属性合理适当的复杂化临时视图及标准控件的使用,增加用户的下单信心。

编辑:千锋UI设计

临时视图在电商应用中的使用

原文:https://www.cnblogs.com/leolei/p/11771454.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!