案例锦囊|设计怎样让用户「同时」做好多件事?
深度思考用户体验——设计如何让用户能同时做好多件事?这篇文章作者从分割屏幕布局、再续操作容易度、忽略非重要操作三大方面描述目前一些设计的科学性,为你带来设计灵感。推荐对交互设计感兴趣的童鞋阅读。
时间对于我们每个人来说都极为重要和珍贵。随着生活节奏的加速,很多产品也都开始注重和考虑对于用户 时间的节省和分配 。本文重点分享三种在交互设计中 帮助用户「同时做几件事」 的设计方法,以及其对应的优秀案例:
分割屏幕的布局 更容易再续操作 忽略非重要操作 希望会为你带来更多的设计灵感。
01 分割屏幕的布局 通过将屏幕的布局进行分割处理,可同时呈现多项内容,让用户 自由选择任务主次 ,同时处理多项任务。分屏设计很常见,但其中的体验细节却依旧值得研究和优化。
案例1
微信在 Pad 端的分屏布局考虑得很周到,看微信视频时支持分屏功能,还能够 调整屏幕分割的尺寸比例 。最小的分屏尺寸做成了手机尺寸,体验顺畅,看视频、接微信两不误:
案例 2
bilibili 在移动端的视频通过小窗模式可以不间断播放,不仅可以在 App 内或外 呈现 小窗模式,正在播的视频,在被临时打断退出视频后,还可以用 音频的方式 继续播放:
案例 3
微信的新功能,在你阅读文章时依旧能看到朋友发来的微信消息,可以直接 在当前页面回复消息 ,避免你在看文章时阅读不了微信消息。你还可以将信息 “标记未读” ,一会儿再做处理:
案例4
微信视频号改版后,点击视频号下方的博主名称和头像,下方弹窗会弹出该博主的主页和其他视频,而当前正在播放的视频会 渐渐呈现小屏播放 ,视频内容不会被遮挡,既不影响观看,也不影响用户探索该博主的其他视频内容:
案例 5
在微信订阅号中展示的视频内容可以通过划到右下角 变成小窗播放音频 ,既可以听内容,也不影响你继续浏览订阅号的其他内容:
02 更容易再续操作 产品可以让操作更容易被用户管理和掌控,在被打断后很容易被用户重新再续,给用户足够的 掌控感。 在一些特殊情况下,几件事可以交替、穿插地处理,同时进行。
案例 1
钉钉的移动端浮窗功能,向右滑动退出正在操作的页面时,就会出现 添加浮窗区域,用于收录未做完的操作 。同时显示出已添加浮窗的内容数量,最多添加 5 个:
案例2
微信的浮窗功能也可以帮助用户 更快捷地收录未及时阅读的内容 ,在打开时还可以 定位到上次中断阅读的位置 。用户不再需要整块的大量的时间来阅读长篇文章,可以更合理地掌控阅读节奏:
案例3
微信读书 App 会在你跳读到其他章节时,在页面下方显示 “返回原进度” 的按钮,方便你在跳读后回来继续阅读:
案例4
网易163 邮箱侧重于为你呈现 工作的多线程。 每点开一封邮件,页面上方会增加一个类似浏览器标签页的 Tab,你可以通过它们查看自己的 工作和阅读轨迹。 当你在写邮件时,同时又收到了其他的新邮件,去查看新邮件之后,可以通过 Tab 直接回到邮件编辑页面,继续编写刚才的邮件:
案例5
使用钉钉发起会议邀请,如果中途退出,系统帮助你自动保存。再发起会议邀请时也会 给出上次操作的提示 ,帮你续写内容:
03 忽略非重要操作 用户可以选择 忽略或隐藏并不重要的、正在进程中的任务, 将更多的时间用在其他事情而非无法控制的等待上。
案例1
iOS 系统中,当你在不同 App 之间传递文件时,如果文件过大,弹窗的“取消”按钮会在几秒钟之后变成“隐藏”,用户点击后可以继续做其他操作,并 不妨碍后台 的文件传输。
案例2
微信在接收超大文件时,增加了“发送给朋友”的选项,你 不必等待文件在自己这边下载完成后再发送 ,可以直接发送源文件给对方,同时下载:
案例3
微信拨打语音的界面,在等待好友接听的过程中,你可以看到对方朋友圈的动态, 缓解无聊的等待 ,也为即将进行的语音聊天 提供了话题 :
专栏作家
元尧,微信公众号:长弓小子,人人都是产品经理专栏作家。一线互联网大厂B端体验设计师,清华大学美术学院本硕连读。曾负责国内最大开源组件库Ant Design组件的设计和运营工作,目前负责国际业务线B端产品体验设计和组件库的搭建工作。
本文原创发布于人人都是产品经理,未经许可,禁止转载。
题图来自 Unsplash,基于 CC0 协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
给作者打赏,鼓励TA抓紧创作!
{{{path> 赞赏