当前位置: 首页 > 科技观察

分析十款产品的细节,看看大厂是怎么设计的!

时间:2023-03-16 01:45:08 科技观察

前言满足用户需求,提升用户体验,是产品设计过程中必须考虑的事情。比如针对老年群体,如何做好老化设计?对于一个特定的场景,我们如何做相应的场景设计呢?不妨看看本文拆解的设计细节,或许能给你灵感。微信快捷表情——关键词展示,减少交互路径的出现1.使用场景在聊天场景中,表情的使用比文字更友好。有时还可以缓解打字的尴尬。如何快速出示表情,让沟通无障碍。2、设计思路设计目标:解决表情包交互路径长导致用户选择困难,提高表情包的易用性,增强聊天的趣味体验,减少表达文字时的尴尬场景。设计方案:用户输入文字后,提取添加了相关标题内容的表情包,以对话窗口的形式呈现4s后消失。这里有两点。第一个表情框在右边,代表我正在给对方发送内容。左侧有一个空白区域,以便更好地关注文本框的内容。第二个4s的显示,很好的展示了表情包的内容。看不到,也不需要在没有操作的时候关闭两次,减少了长时间屏蔽对话内容的观看体验。只是表情包里显示的一个小圆点,体验是不是很好?微信的每一个功能都是现成的,学习成本很低。原因是为了提前一步洞察用户需求,并提供相应的解决方案。使用更多表情符号以避免尴尬的聊天。蓝鸟猫头鹰眼——跟随手势移动,增加产品亮点1、在使用场景专注模式下,人处于相对集中的办公状态,偶尔扫视一下剩余时间。如何将产品IP融入使用场景。2.设计思路设计目标:解决焦点模式下单页内容问题,结合IP进行联想,增加趣味性,提高记忆点数,增加产品粘性。设计方案:通过移动圆形滑块的位置,使猫头鹰的眼睛跟随滑块的旋转和位移。眼睛本身就是猫头鹰的记忆点,放在产品里也不违和。相反也有助于提高操作的乐趣,给产品本身带来记忆点。中央的猫头鹰也处于视线的中心,虽然眼睛很小,但是因为有焦点,所以更加突出。微信阅读范围感知——当前进度一目了然,智能计算更用心1.使用场景阅读一本书,时间长了不过才几十页,阅读动力降低一半,特别是对于困难的书。2.设计思路设计目标:解决无法感知整本书的阅读时间,无法合理安排阅读进度,导致阅读一半放弃的行为。给用户的阅读完成率带来积极的提升。设计方案:微信阅读会记录用户阅读当前图书的阅读时间。读到20%、40%、60%、80%、100%时,会在顶部给出Toast提示,还有预计读完时间。这两点是为了让用户感知当前阅读书籍的阶段,让用户合理安排阅读时间。虽然标题任重而道远,但特别希望用文言文表达对用户积极向上的态度,对未来充满期待和动力。给用户自我鼓励,让他们有源源不断的阅读动力。漫漫漫画男女模式——随心切换,快速查看不同内容1.使用场景漫画区分性别时,很容易将想看的内容划分到对应的性别模式中,只需通过在男性和女性模式之间切换来查看它。2、设计思路设计目标:提高男女模式切换的便利性,方便用户选择和操作。设计方案:在首页顶部、左侧导航区增加模式切换功能。用户可以通过点击实时切换,会有弹窗提醒。切换后,当前模式的类型会高亮显示。如果你切换到Girl,Girl会显示在顶部;切换到男孩模式,男孩会显示在顶部,给用户一个清晰的感知。免费头像位移——与手机功能完美结合,呈现有趣的观看体验1.使用场景现在的Banners都是长方形的条形设计,但是里面的内容不一样,吸引人眼球的点越来越小,更小。2、设计思路设计目标:提升置顶Banner的趣味体验,提高辨识度,加深用户心智,达到自我传播的效果。设计方案:自如顶部表头设计结合了iPhone硬件陀螺仪功能。通过左右转动手机和水平移动,主角会在X轴上水平移动,与背景形成错位感,达到伪3D空间感。不可否认,这个模块刚出来的时候,我玩了很久,至今记忆犹新。这不就是在试图深化用户心智吗。不过话说回来,如果你提出这样的需求,不知道开发小哥会不会追你一刀。微信触文朗读——高效聊天,适合老龄化的细节1.使用场景老年人使用聊天对话功能,遇到生词或阅读障碍。如何实现易用性原则。2、设计思路设计目标:提高老年人聊天的流畅度,辅助老年人使用微信进行多场景交流。设计方案:在老龄化模式下,除了对造型、颜色、质地、结构进行常规调整外,聊天内容也进行了改动。放大文字的目的是为了看清楚。在关怀模式下提供,点击文本框,立即播放语音内容,文字语音,提高聊天效率。因此,适老设计绝不是简单的放大构图,而是结合自身产品的目标用户进行适老功能设计,帮助老年人轻松使用。网易云音乐进度条潮点——清晰感知,直接定位全曲高潮1.应用场景每首歌曲都有经典句或高潮句。当用户想在听歌时直接定位到高潮部分,如何告知用户。2.设计思路设计目标:解决听歌时无法通过进度条准确定位高潮位置的问题,提高进度条定位的易用性,给予高潮点的视觉感知,从而增加服务用户的粘性。设计方案:对于歌曲来说,前半部分和后半部分都是重复的歌词,方便用户定位。在歌曲前半部分的高潮处加了一个小白点,表示该位置是整首歌曲的高潮(记忆点),用户可以通过拖动进度条来准确定位,方便用户使用以一定的已知信息感来提高滑动定位的效率。自动播放音频体验–快速提升效果,可切换暂停,趣味互动1.浏览瀑布流时,如果想播放下面的音频,但上面的音频已经在自动播放,如何切换.2.设计思路设计目标:解决播放暂停感知弱的问题,提高语音的易用性。设计方案:滑动主唱页面时,会自动播放当前内容顶部的语音,黑胶唱片旋转360度,左侧有音符动画,表示该模块是玩。下方模块暂停,黑胶唱片在最右边,一半被覆盖,左侧没有音符动画,比播放暂停更清晰。通过点击黑胶唱片暂停播放;点击下方的黑胶唱片向左滑动播放,点击上方的黑胶唱片向右滑动。两者的交互是相关联的,是一次很好的交互体验尝试。右侧情感细节——输入密码、IP情感动作1、在使用场景的登录页面输入账号密码时,如何给用户安全感,防止密码泄露。2、设计思路设计目标:提高输入密码时的趣味反馈,增加产品的记忆点,增强用户的心智。设计方案:登录页面顶部有产品挥手打招呼的IP形象。当用户输入密码时,最右边的IP会变成一个遮住眼睛的图像,并有一个写着“Secret”的对话泡泡,表示当前用户操作非常重要,不能使用。偷看,虽然产品后台有记录,但为了表达产品尊重用户隐私保护的感知,用IP来传递用户的安全感,让产品更贴近用户。同样是bilibili登录页面,这个方法在任何产品中都可以探索和使用。BOSS直达就业进度感知——阅读文章,随时了解当前位置1.使用场景阅读文章时,猜测文章的大概长度,通过快速滑到底部给出阅读期望,比较麻烦。2.设计思路设计目标:提高用户对文章内容长度的期待,更好的给用户一种进度感,从而合理安排阅读时间。设计解决方案:体验设计应解决用户心理层面的需求。阅读长文时,用户无法感知进度。这是一个体验很差的设计。阅读BOSS直聘文章时,增加进度条,显示用户在Y轴上移动进度条,在X轴上移动,形成联动效果。如果是很短的文章,用户滑动文章进度条会很长,否则会很短。.为什么不加上一个百分比,这样更简单明了?笔者理解,百分比是数字显示,会干扰文章的阅读,尤其是排版不同的内容。文章本身还是以阅读为主。如果百分比太明显,会干扰阅读文章本身,为了达到100%,将粗略扫描一下,本末倒置。结论设计师必须有发现美的眼睛。美不仅是视觉的,更是一种良好的体验过程。不要让用户认为,这是每个设计师所追求的。认真记录产品细节,了解背后的思考,也是不断提升自己逻辑思维和表达能力的一种方式。