以手机淘宝为例,看原型图易缺失的交互场景

更新:2017-10-26    编辑:一阵风    来源:会员投稿    人气:加载中...    字号:|

标签:场景  手机  淘宝  交互  原型  为例  百度搜索

以手机淘宝为例,看原型图易缺失的交互场景

手机淘宝搜索栏出现历史搜索旨在减少用户文本输入,可快速查看以前搜索的商品。搜索发现通过用户的操作行为智能推选用户感兴趣的商品,增加用户的造访深度和购物兴趣。

目前手机淘宝的搜索初始界面iOS 和Android版对历史搜索的交互采取两种不同的形式。iOS版通过用户长按历史搜索的关键词,出现叉号,用户点击叉号进行删除关键词,删除历程中无需用户进行二次确认。Android版用户通过长按,出现弹框,需要进行二次确认。

以手机淘宝为例,看原型图易缺失的交互场景

以手机淘宝为例,看原型图易缺失的交互场景

iOS版优点:相对于Android版,iOS 用户在删除历程中可以快速删除,长按之后,手指立刻可以触控到叉号icon进行删除。

iOS版缺点:

手机淘宝中的历史搜索,一个看似简单的交互流程,可能蕴含着很多的交互场景,但如果交互设计师/产品经理首次设计类似的需求交互时可能会遗漏很多交互场景

我以iOS版手机淘宝历史搜索为例。通过展示的原型图来讨论易遗漏的交互场景,愿望通过这篇文章可以让读者得到收获,并总结出以后如何避免遗漏交互细节与定义。

1. 历史搜索原型

目前手机淘宝的搜索初始界面iOS 和Android版对历史搜索的交互采取两种不同的形式。

iOS版通过用户长按历史搜索的关键词,出现叉号,用户点击叉号进行删除关键词。删除历程中无需用户进行二次确认。

2. iOS版历史搜索原型图

历史搜索原型图展示分三个小场景:1.历史搜索的关键词整个删除。2.历史搜索的关键词单个删除。3.搜索发现的关键词处理。

2.1 历史搜索的关键词整个删除

以手机淘宝为例,看原型图易缺失的交互场景

原型图上面的交互定义有以下:


评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

站点导航

您可能在找这些