当前位置:
  1. 北极熊素材库
  2. 资讯
    1. 平面设计
    2. 产品交互
    3. 活动展览
    4. 设计聚焦
    5. 综合
  3. 产品交互
  4. 交互式教学四种策略

交互式教学四种策略

0 2022-03-28 16:01 内容校对:盖帽老弟

很多人应该都见过老式电视遥控器,遥控器上布满了按钮,教爷爷奶奶很多篇都不会用,以简化遥控器为例介绍这4个套路。

交互式教学四种策略

(来之《简约至上》)

看上图从右往左,第一步删除掉遥控器基本没用过的功能按钮,第二步按规律组织必要的功能分组分块,第三步把一些不常用的功能隐藏在活动盖板下面,第四步把一些复杂的功能转移到屏幕上控制。最后的设计方案就接近现在主流遥控器设计。

4个套路:合理删除不必要的、分层组织要提供的、适时隐藏非核心的、巧妙转移较复杂的

交互设计时巧用这4个套路,就能掌握入门的交互思维,在设计信息、流程、页面、布局、组件等时保持思路清晰。

用这4个套路的前提,要先分析需求,理解业务和场景、用户和需求,预设好设计目标,如果有疑惑建议食用灰机上一篇《如何分析需求》,再食用这篇效果更佳。

一、合理删除不必要的

了解需求的场景和目标后,先抽丝剥茧把主线流程、支线流程、异常流程给盘清楚,再根据交互流程的每个节点,合理删除不必要的内容。

比如,把大象放进冰箱要怎么做?

主线流程是:拿起大象—打开冰箱—放入大象—关上冰箱—结束

支线流程有:大象太大需要分块,冰箱太小需要买个大号,搬不动需要找工具等

异常流程有:大象跑了去抓大象,冰箱坏了打不开需要修等

把主线、支线、异常流程理出来后,梳理每个节点最关键的内容时,那些对于完成这个任务价值不高的内容就可以合理删除了,比如冰箱颜色要五彩斑斓的黑等。

交互设计是对用户做任务时的行为设计,那些阻碍或者干扰用户完成任务效率的内容就可以删除,提高交互行为效率。

二、分层组织要提供的

不必要的内容删除后,接下来对需要的内容按照一定规律组织,提高用户认知和行为效率。

比如,请3秒钟记住这些数字:“9487321560”

是不是比较难记住,那我们把这组数据重新组织下:“0123456789” 是不是易记多了。

进行页面布局设计时,页面内容越复杂就越需要进行组织,该分组的分组,该合并的合并,让页面内容呈现一定规律,方便用户认知和产生行为。

三、适时隐藏非核心的

需要提供的内容按一定规律组织后,可以再分高频和低频内容,对高频内容进行层级拔高,低频内容层级降低或适时隐藏,这样页面内容更简洁聚焦,用户更易理解和完成任务。

比如,厨房有很多调料,现在需要把调料安排好位置。

第一种方法,就是把这些调料全堆在一个角落,这样用的时候会弄得乱七八糟,使用效率也不高。

第二种方法,把调料分成高频的和低频的,高频使用的调料放在最顺手地方(盐、味精等),低频使用的调料(香料等)收纳到抽屉,这样用得时候很顺手高效,也能更好保存低频使用的调料。

交互设计时流程有主次,同样页面内容也有主次层级,如果所有东西都重要那结果呈现的都会不重要。高频内容提高层级更聚焦,低频内容适时隐藏,使内容视觉传达高效,用户行为产生容易。

四、巧妙转移较复杂的

当任务较复杂时,为了更简单易用,这个时候可以对复杂任务进行巧妙拆解转移。

比如,对页面复杂任务拆开分步,先做简单的再做复杂的,像查户口填信息的表单,一般都是先让你填你熟悉的姓名、年龄等,需要输入大量信息的内容会安排到后面;

还可以把部分任务转移到系统来完成,像系统给到的默认选项就是系统帮忙完成的任务,减少用户的行为成本;

或者将A角色任务转移到B角色完成,像管理员需要收集会员信息,比较累的方法是管理员拿着表格一个个去收集会员信息,轻松点的方法是让会员填好信息发给管理员。

复杂性无法减少,只是谁做、什么时机、在哪做的转移。

五、总结

这4个套路是交互思维的钥匙:合理删除不必要的、分层组织要提供的、适时隐藏非核心的、巧妙转移较复杂的。

0

赠人玫瑰,手有余香

本文链接 https://www.bjxku.com/news/48.html 文章为转摘文章,但不代表北极熊素材库立场。
满天鑫

欢迎来下载我分享的图片素材和作品,记得分享给大家哦

共发布了40个文章 共获得46个赞

最新发布的教程

查看更多此作者的教程
参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

此分类其他精选文章
你可能会用到的Photoshop素材
  • 日历样机psd高清模板 日历样机psd高清模板
    日历样机psd高清图片素材,帮助您创建一个生动形象的挂历封面设计效果展示,通过psd格式的日历面贴图样机模板,设计师可以借助智能对象层展示艺术作品,让创意灵感直观地呈现出来。
    芷Chi
    2023-02-03
  • 外卖包装袋样机图片 外卖包装袋样机图片
    外卖包装袋样机素材,帮助您创建一个生动形象的包装纸袋设计效果展示,通过psd格式的外卖包装袋贴图样机模板,设计师可以借助智能对象层展示艺术作品,让创意灵感直观地呈现出来。
    花脸猫
    2023-01-28
  • 感恩节食物插画 感恩节食物插画
    感恩节食物插画,包括火鸡、面包、蜂蜜、感恩节、节日等元素,提供psd和jpg文件格式下载,可以运用到感恩节相关的设计创作中,插画支持根据需求更改大小和格式,用于海报、广告、传单、服装、墙纸、壁纸等设计创作之中。
    司姬
    2022-11-28
  • 感恩节帽子插画 感恩节帽子插画
    感恩节帽子插画,包括麦穗、南瓜、感恩节、节日等元素,提供psd和jpg文件格式下载,可以运用到感恩节相关的设计创作中,插画支持根据需求更改大小和格式,用于海报、广告、传单、服装、墙纸、壁纸等设计创作之中。
    喵喵喵
    2022-11-28
  • 感恩节南瓜水果插画 感恩节南瓜水果插画
    感恩节南瓜水果插画,包括美食、食物、感恩节、节日等元素,提供psd和jpg文件格式下载,可以运用到感恩节相关的设计创作中,插画支持根据需求更改大小和格式,用于海报、广告、传单、服装、墙纸、壁纸等设计创作之中。
    似曾相识
    2022-11-28
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员