发布时间：2021-9-19 分类： 电商动态
以iOS手机淘宝历史搜索为例，作者希望通过展示原型图来讨论容易错过的交互场景，让读者获得收获，并总结如何避免错过交互细节和定义。未来。
手机上的历史搜索淘宝搜索栏旨在减少用户文本输入并快速查看以前搜索过的项目。搜索发现用户的操作行为智能地向用户推荐感兴趣的产品，增加了用户的访问深度和购物兴趣。
目前，手机淘宝的初始搜索界面采用历史搜索与iOS和Android之间的两种不同形式的交互。在iOS版本中，用户搜索历史搜索的关键字，并且用户穿过十字架以删除关键字。用户无需在删除过程中第二次确认。 Android版本的用户长按并出现子弹框，需要第二次确认。
iOS版优点：与Android版本相比，iOS用户可以在删除过程中快速删除。长按后，手指可以立即触摸十字图标进行删除。
iOS版缺点：
用户在长按后删除图标，但如果未删除关键字，则用户无法返回正常状态。
十字图标太小，有时可能会遗漏。
Android版缺点：
通过长按delete关键字，会出现子弹框，从长按到快照框外观的跳跃太大。
子弹盒仅用作防错功能，并且不能起到删除某个关键字的辅助确认的作用（子弹框提示不指示删除了哪个关键字）。
移动淘宝中的历史搜索，一个看似简单的交互过程，可能包含许多交互场景，但如果交互设计师/产品经理首先设计类似的需求交互，则可能会错过许多交互场景。
让我以iOS手机淘宝历史搜索为例。通过原型图来展示易于错过的交互场景，我希望本文能够让读者获益，并总结如何避免将来缺少交互细节和定义。
1. 历史搜索原型图
目前，手机淘宝的初始搜索界面采用历史搜索与iOS和Android之间的两种不同形式的交互。
在iOS版本中，用户搜索历史搜索的关键字，并且用户穿过十字架以删除关键字。删除过程中不需要用户进行二次确认。
2. iOS版历史搜索原型图
历史搜索原型图显示三个小场景：1。历史搜索的关键字都被删除。 2.单独删除历史搜索的关键字。 3.搜索找到的关键字处理。
2.1 历史搜索的关键词全部删除
原型图上面的交互定义有以下：
限制值的定义：确定历史搜索和搜索以查找最大关键字数
删除辅助确认的警告框
删除全部后，搜索查找位置移动定义
2.1 历史搜索的关键词单个删除
原型图上面的交互定义有以下：
点击关键字操作的互动说明
长按后删除，定义其他关键字的移动
2.3 搜索发现的关键词处理
原型图上面的交互定义有以下：
隐藏和开放操作的定义
搜索在搜索中找到的关键字定义
如果以上线框图。貌似一看没什么问题。其实遗漏了很多交互场景，大家可以找出存在哪些遗漏吗?
3. 遗漏的交互场景
(1)用户长按关键词，关键词出现叉号icon。如果点击其他关键字，您如何互动？没有定义。如果没有说明，可能会出现以下两种情况。
(2)用户长按关键词，关键词出现叉号icon。如果用户长按另一个关键字，前一个关键字交叉图标是否仍然存在？如果没有解释，可能会出现以下两种情况。
(3)用户长按关键词，关键词出现叉号icon。如果单击其他关键字，请转到下一级界面，然后返回哪个状态界面是界面？如果您不解释，可能会出现以下三种情况。
(4)如果历史搜索关键词挨着删除，最后全部删完？是否保留历史记录搜索字段，如果预订是副本，则历史搜索关键字为空？这里有两种情况。
必须在设计过程中定义上述四种缺失的交互场景，否则在达到开发阶段时会出现各种问题。
4. 总结
为什么会出现如此多遗漏。原因有以下情况：
由于历史搜索中存在长按手势，因此其他交互元素也应考虑整个交互界面中的长按操作
忽略出口和入口
仅考虑最大限制，但不考虑最小限制
通过一个小小的历史搜索就遗漏这么多问题。如果涉及到大的产品需求，想全面不遗漏交互场景，需要考虑以下情况：
确定所有场景和使用人群
没有遗漏的交互逻辑
异常场景不缺少
异常状态有描述
不会错过手势操作
关键字段具有规则定义
限定条件已定义
是否涉及多个角色和权限
刷新，加载，转换说明
PS：如何使用科学方法制作专业原型，我将在后续文章中讨论它，敬请期待。
