当前位置: 首页 >文章 > 这些提升操作效率的设计细节,YYDS
收藏
分享

这些提升操作效率的设计细节,YYDS

举报SkySky发布于 2021-09-03803阅读0点赞
在搜索页面推荐区,热搜榜右侧播放按钮,点击后可直接播放热搜榜相关歌曲。...


乔布斯说过“设计除了表面的交互和视觉,更多的是设计它的使用感受。”

在交互中如何体现效率,让用户有“哇哦”的感觉呢?设计日记星球第五期「每日交互」栏目,汇集最新最快的设计细节信息,用直观的案例,发现一些不经意的小功能点,提升用户效率。

01. QQ

@zL
我们日常在用微信进行交流沟通时,常常运用到【引用】功能,增加了群聊时的沟通效率。对比微信,QQ的【引用】功能在交互手势上进行了简化,将手指对着想要被【引用】的句子进行左滑,就算引用成功。
通过对比,一个相同的功能,通过对它的交互手势进行简化更改,可以更进一步的提升用户效率。


02. 微信读书

@小蔡同学777
在书本中有引用到其他书籍的地方,设计了点击事件,可以通过点击书名对该书在网络进行检索,点击跳转到该书本的页面,并加入书架,若没有该书可在全网检索给出用户该书的相关信息。
这一设计考虑到用户即将要出现或可能要出现的行为(去搜索相关书籍),给用户提供了一个快速通道,可使用户直接点击跳转到另一本书中,提升了用户操作效率,并且能使用户在阅读过程中不中断阅读,更有沉浸感。


03. 闲鱼

@小林

用户在查看他人售卖的产品时,也想售卖个人的同品牌产品,需要手动输入选择产品的分类/品牌/型号其他等信息才能发布,费事费力且效率低下。
用户点击详情页导航栏右上角的“卖同款”按钮跳转至信息编辑页面,系统会自动勾选与售卖产品相同的信息选项,用户只需编辑未编辑的信息内容即可发布产品。有效节约了用户的时间成本、提高用户的操作效率、以及操作体验。


04. 剪映

@xiaoguo
剪映通过剪同款功能,让用户在庞大的模板库里选择自己想要的主题和风格,根据提示上传照片,即可生成同款短视频,大大降低制作门槛,提升用户制作效率,享受生产短视频带来的乐趣。


05. 淘宝

@小林
购物车被加满,无法添加新商品,需要清理无用的商品才能添加。
点击购物车右上角的管理按钮后,下方会出现“清理”功能,点击后,系统会根据商品的状态以及时间维度进行排序,并且是以图片的形式展示。这样的设计形式可让用户直观且快速的查找选择以及执行操作。有效提升用户完成目标的效率。


06. 京东

@SORANnn
合理的表单设计能提升用户的完成几率及效率。除了合理的视觉呈现,其还可以在优化操作步骤、流程等,给予用户合适的引导,提高用户的心理预期。
在京东新建收货地址时,当完成一个表单内容,系统会在操作键盘提供跳转下一项的输入的快捷路径,无需在页面中点击输入框定位光标,有利于用户无间断性完成表单输入。我也去竞品产品看过,大部分表单录入还是最常规的操作。

07. iPhone备忘录

@萨瓦迪卡
用户遇到大段文字输入时,一般都会想到复制粘贴的功能,可是选中文字-点击剪切-选择位置-粘贴文字的操作还是过于复杂,影响用户的操作效率。
在iPhone的备忘录中,用户选中文字之后,长按直接拖动文字到指定位置即粘贴成功,利用手势减少了操作步骤,给用户带来便利,提高用户效率。


08. iPhone/iMac

@萨瓦迪卡
当用户在iphone与mac端切换操作时,需要重新搜索内容或者重新输入,极其不方便,增加操作负担,影响效率。

在Safari浏览器上操作时,Mac的浏览器会显示小手机图标,点击小手机可打开正在iphone浏览的网页;在Mac上复制一段文本时,在iphone上也会出现提示,点击粘贴即复制成功。极大提升用户操作的使用效率。

09. iPhone

@小林
用户想使其手机在某个场景的某个时间段进入无干扰的模式,可实现的操作选择有关机、飞行模式等,其功能控制的灵活性与实用性极低,且用户的体验感极差。
下拉界面右上角的菜单栏,点击「勿扰模式」的图标,即可开启成功,长按「勿扰模式」还可设置模式开启与持续的时间。可避免用户因忘记关闭「勿扰模式」而错过重要消息或来电的情况。这样的设计提升了用户对其功能的控制与选择,变得更具灵活性与实用性,并提升了用户的操作效率以用户体验感。


10. 小宇宙

@向阳某某
小宇宙APP是音频产品,文字简介中含有时间点目录(时间轴),给音频列出具体纲要,点击时间点可以直达具体章节。评论中也可以增加时间点,看评论时可点击时间点配合具体的音频片段。
使用时间点目录让音频具有了目录之于书本的作品,让音频更具有条理性。让用户使用音频时更高效地跳转到关键位置或希望的位置。


11. Tangerine

@xiaoguo
当我们复盘一天的情绪时,该从何入手呢?这个产品给了我们很好的思路。
给予多种指导性日志模板,可以自由选择对应的情绪模板,解决用户无从下手的烦恼;一个页面回答一个问题,让用户专注于当前的问题,不知不觉中完成整个复盘;提升了用户输入意愿和输入效率,帮助用户更好的进行复盘、成长。


12. 美团

@SORANnn
现在大家每天点外卖,每次都会纠结很久,中午纠结久了,就耽误午休时间,这时,点击店铺后美团会有上次点过xx,可以选择再来一单,或者会有“常买”的选项,给用户节省选择的时间,提高了产品使用效率,帮用户快速选择目标。


13. 醒图

@园园
用户需要将多张照片处理成相同的风格,可以通过「醒图」批量调色功能,同时对多张照片进行同时调色,提高用户处理效率。
「醒图」首页单独批量调色的功能,支持导入2-9张照片进行批量处理,同时可以应用现有滤镜,方便用户一次性处理多张照片。
14. Again

@萨瓦迪卡
用户在其它平台发现感兴趣的文章后想要阅读,但由于忙碌或时间不够担心错过,希望可以快速收藏该文章。
用户只需复制文章链接,打开Again后即弹出添加文章的提示,操作起来非常方便,也有助于用户统一管理自己喜欢的文章。


15. 网易云音乐

@xiaoguo
在搜索页面推荐区,热搜榜右侧播放按钮,点击后可直接播放热搜榜相关歌曲。

对用户的好处:没有播放按钮时,用户点击热搜内容搜索歌曲,再点击歌曲收听,如果想查看其他热搜,只能重新进入搜索页,操作步骤繁琐,路径长;加入播放按钮后,用户可以一键将热搜榜加入歌单,按顺序播放热搜榜相关的歌曲,减少了用户操作路径,方便用户了解大家最近搜索较多的音乐和快速找到好听的音乐。
对产品的好处:增加了热搜榜相关歌曲的收听次数;优化了用户体验,用户对产品好感度上升。


16. 最后
你平时有发现一些提升效率的微交互吗,欢迎在评论区分享。
另外,大厂的产品有很多设计细节值得我们学习,因此也为大家准备了一些大公司的设计组件源文件分享给大家,如果需要的话可以点个“在看”,添加叮当猫回复“组件”领取,已有叮当猫的无需重复添加。

本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:我们的设计日记!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩9天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩9天54人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩26天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证