微交互 III——产品设计中的节奏控制

用户头像
杭州/产品设计师/9年前/333浏览
微交互 III——产品设计中的节奏控制
用户头像
Zen_Young

相较于选择、删除、搜索、关闭等快交互,用户只需要几秒的时间就可以完成一个信息处理流程,也存在添加、修改、审阅等需要用户处理相对较多信息的慢交互,可能是多个输入框、也可能是未完成的列表。这些慢交互对于用户来说是个很长的待完成任务单,挑战着用户

bc9e586dea43a801219c77623e02.jpg

相较于选择、删除、搜索、关闭等快交互,用户只需要几秒的时间就可以完成一个信息处理流程,也存在添加、修改、审阅等需要用户处理相对较多信息的慢交互,可能是多个输入框、也可能是未完成的列表。这些慢交互对于用户来说是个很长的待完成任务单,挑战着用户的耐心。此篇文章通过在微交互上的几种设计方式来控制信息节奏帮组用户顺利完成这个任务单。

主要通过以下几种方式:分布式、流程式、平衡式、渐进式、跳跃式

1、分布式

在用户需要处理很长的信息时,提取信息间的共性,将有共性的信息放置在一个步骤中,比如用户在注册/完善信息,或者具有行业特性的设置,信息内容较多时,可以用到这种设计方式

9573586dea59a8012060c8c7f229.jpg

2、流程式

流程式的设计方式与分布式相似,分布式步骤与步骤之间没有因果关系,并非所有步骤都是必填的,而在流程式中,有一定的因果关系,只有按顺序完成每一个步骤才可完成信息处理。

e327586dea6ca801219c7733585c.jpg

3、平衡式

这种设计方式一般用于需要长时间处理才可完成或者需要多步骤操作才可完成的信息处理,这种设计方式有别于分布式、流程式,一旦中断步骤就需要重新开始。此种设计方式,用户一旦中断,下次可在中断的地方继续处理信息,用户可分多次处理信息。比如阅读一本电子书、学习一套网络视频教程等。

0c6e586dea7ba8012060c875c37b.jpg

4、渐进式

这种设计方式,用一定的维度判定用户的使用深度,根据用户的使用深度分配用户对信息的使用权限。有等级的游戏相关的信息处理即为此种设计方案的代表。

24f9586dea8ba801219c77184ee4.jpg

5、跳跃式

这种设计方式处理的信息即没有分布式/流程式设计方式的连续性,也不像平衡式设计方式所处理的信息具有完整性,此种设计方式在每个步骤都是相对独立的信息片段,没有明确的操作顺序,会有依据某一维度的排序。比如邮箱中会有一个待阅读的信息处理流程,而其中的信息片段,每一条未读信息都是相对独立。

8d94586deaa8a8012060c8fbeee2.jpg

微信公众号:微交互宣传员(不定期发放微交互干货)

 


3
阅读原文
|
举报
|
3
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面花卉图案扁平简约无缝拼接插画
中国传统纹样创新图案设计
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
平面人物插画
倒计时,海报,平面
平面插画设计女孩喝咖啡
玄关入门地毯印花图案红地毯
牛奶乳液层次平面平铺平面
空的平台平面和自然景观
金色颗粒质地的平面
古风平面仕女与瓷器
金色颗粒质地的平面
金色颗粒质地的平面
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画情侣/矢量
平面书法字手写
平面设计 吊牌设计
你可能喜欢
大家都在看
登录注册