APP推广合作
联系“鸟哥笔记小乔”
03 | 产品细节剖析,让你看看大厂是如何做设计的!
2021-02-26 15:17:38

作为设计师,在拿到产品需求的时候,所要做的不仅仅是完成产品的设计工作,更重要的是要思考如何通过设计的的手段去推动产品背后的商业价值达到最大化,提升视觉体验、增强用户的粘性以达到用户转化的目的。不需要我们设计的有多么复杂,可能是一个步骤的简化、一句打动人心的文案、贴心的提示、趣味的动效...

01.「微信」你使用过图片备注吗?

产品体验:

微信好友昵称除文字备注外,还可以使用图片备注,保存成功后即可在设置备注页面描述区域看到此前备注的图片,好友信息也增加了描述入口。

设计思考:

当我们的微信好友过多或因好友随时改变昵称的原因,而经常找不到,我们就会随手备注一个昵称或标签,以便需要时方便查找,但针对当面即时添加的好友,就算使用的昵称备注,可依然没有印象怎么办?

其实微信的备注功能比我们想象的要强大,除了昵称备注外,还可以使用图片备注。当我们因工作接触的人较多需要添加好友时,短时间是没有办法把所有好友的个人信息都记熟,这时候图片备注就能助我们一臂之力了,另外还可以直接把客户的名片作为图片备注,将单个好友的信息集合,实现一功能多用。对于记性不好或短时间内添加好友较多的用户非常实用。

02.「即刻」排版设置-帮你缓解视觉疲劳

产品体验:

在即刻APP的排版设置里,开启“中文标点挤压”和“段间距”,文本内容会自动减小中文符号后面的间距,且段与段之间也会增加留白,提高视觉舒适度。

设计思考:

我们在看文章或电子书时,都有过这样感觉,当篇幅较大时,到了一定时间,就会产生视觉疲劳或专注度减弱的情况。视觉疲劳的强弱程度,用户除了自行调整外,平台还能通过设计手段提升用户体验来缓解,常见的网络文章会在不同位置**图片来减轻用户的视觉压力,其电子书也会通过短篇幅的翻页来缓解视觉疲劳。

在即刻APP的系统设置中,可通过排版设置提升浏览体验。开启中文标点挤压,文本将自动减小中文标点符号后的空白区域,避免间隔太大造成脱节,去掉不必要的空白,还能为内容节省空间,毕竟内容才是产品最重要的部分,所以不要没理由的去掉特地为它预留空间,“挤挤总还是有的”;其次开启段间距,即段与段之间视觉更加明显,第一反应就能感觉出这是两段内容(段落的结尾如果跟上一样最后平齐,傻傻分不清是衔接上一段还是新的一段),让用户浏览文本内容的思维更清晰且减少思考,提升节奏和视觉平衡感。

03.「拼多多」通过搜索关键词建立情感链接

产品体验:

在拼多多搜索“生日蛋糕”时,商品搜索结果呈现的同时,会有满屏的蛋糕表情落下,以示祝福。

设计思考:

商品搜索框,顾名思义就是搜索商品使用,用户需要查找某个商品时,输入关键词,系统通过后台数据对关键词进行匹配,然后按照特定是顺序呈现出来,旨在满足用户的搜索需求而生。

拼多多搜索功能除了满足用户的基本需求外,还增加了一个小细节,搜索部分特定的关键词,结果页会使用趣味化的微动效。比如,在搜索“生日蛋糕”后,会有满屏的蛋糕表情落下,给予用户生日祝福,通过营造情感氛围,获得用户的认可,跟用户建立情感链接以鼓励继续下一步操作。同时平台用趣味的微动效生日祝福通过情感、人性化的交互方式更受人用户青睐,可以让用户感到心情愉悦,进一步增加用户的信任度及粘性。

04.「微信读书」替身书架-帮你瞒天过海

产品体验:

使用微信读书,如果自己所看的书籍不想别其他人知道,或者想假装自己在看某个领域的书籍,可在隐私设置中开启替身书架,既可以保护隐私,还可以满足面子心理。

设计思考:

有人说,线上看书的效果没有看纸质书籍的效果好,其实并非全部如此,主要因人而异,比如线上看书可以有效利用碎片化时间、不分场景等,不管是线上还是线下,都没有明确的界定,只要能坚持就好,坚持是一件很不容易的事情,比如很多用户喜欢把自己在看书这件事告诉所有的朋友,利用营造人设以追求自己的面子心理,通过好友的夸赞转化为自己坚持下去的动力。

微信的替身书架就可以满足用户的多种需求,通过隐私可以设置一个“分身”来代替真实书架,开启后,替身书架将代替真实书架显示在个人资料中,除了隐藏自己真正阅读的书籍,保护阅读隐私,让自己不被“视奸”外,还可以满足用户的面子(装X)需求,满足用户想要被看到的一面,利用替身书架经营自己人设的需求,比如最近在读的书籍类型、领域等,通过“造假”的方式满足自己的虚荣心,来获得他人的认同感。替身书架一定程度上可以通过裂变手段把获取的新增用户转化为活跃用户,同时满足了用户保护隐私和营造人设的需求,一举两得。

05.「网易云音乐」视频歌单-边听边看更便捷

产品体验:

在网易云音乐听听歌时,如果遇到喜欢的视频,也可以收藏到视频歌单了,从我的-收藏和赞入口进去就能看到。

设计思考:

一直以来,歌单是网易云音乐的核心功能,网易云音乐也是唯一一个将歌单作为核心架构的音乐产品,当我们碰到一首非常喜欢曲时,可能也会钟情于该歌曲的MV,边看边听似乎能更好的融入歌曲的“灵魂”中,如果我们需要再次播放该MV,就要从这首歌曲处找到相应的入口。

网易云音乐8.0版本最新推出了视频歌单功能,延续了用户喜欢的“歌单”模式,根据自己喜欢的歌单主题,将MV,视频、mlog内容聚合在一起,做出一个好听、好看,好玩的视频歌单,让音乐动起来,省去了以往每次找视频的一系列繁琐操作,优化路径,让边听边唱的体验更加便捷。

06.「微信」朋友圈视频静音播放-减少噪音污染

产品体验:

在微信朋友圈,长按选中视频,然后从弹出的选项中选择“静音播放”,跳转到视频播放页面后是没有声音的。

设计思考:

朋友圈作为现在获取好友信息的主要场所之一,很多的用户都会在朋友圈发布图文、短语、视频等类型信息。我们通常习惯性的每隔一段时间就想去朋友看看,当看到非常感兴趣的视频时,就激动的忍不住点了进入,没想到突然来了一段劲爆的音乐,此时地铁上的人都诡异的看着你、正在午休中的同事在仇视你、上班中的领导皱着眉头看向你,就问你,尴不尴尬?

其实在微信朋友圈看视频,很早就设计了这样一个细节,长按该视频,选择“静音播放”跳转到视频播放页面,此时播放视频时没有声音的,如果担心视频里的声音影响到自己或他人,可以使用静音播放,虽然事前把手机音量减到最低也可以解决这个问题,但可能导致忘记将音量调回来而造成来电或其他声音通知的信息遗漏。静音播放还能方便“摸鱼党”在上班时间给自己来一个小小的放松,避免众目睽睽之下太过张扬给自己带来不必要的麻烦。

07.「饿了么」趣味/情感化-有温度的交流

产品体验:

在饿了么骑手信息页面,点击蓝骑士头像,头顶的蓝色竹蜻蜓会旋转2秒,且配有玩味性质的toast文案,趣味性十足,时而引发会心一笑。

设计思考:

眼尖的细心网友可能已发现,之前我们在饿了么点外卖,待骑手送到去取餐时,骑手头盔上有个蓝色的竹蜻蜓,这个不仅仅是装饰作用,更是对优秀骑手的一种激励政策。竹蜻蜓不仅是骑手身份的象征,还因“皮肤”的创意让外卖骑士职业在社交平台攒了一波人气,随后美团也在头盔上增加了袋鼠耳朵、美猴王的“凤翅紫金冠”等。

如果你在线下没有看到,没关系,饿了么已经把竹蜻蜓搬到了线上,俨然已成了饿了么的品牌形象。在骑手的个人信息页面,点击头像,竹蜻蜓会转动,利用toast弹窗配合文案提示,趣味性十足。用户在常规的APP页面交互过程中本来只为满足一个需求而经过的必要流程,用趣味化的方式体现,虽然没有实质上的帮助,但会给用户带来惊喜,让整个操作过程感到放松、愉悦,也是情感化设计的体现,用户偶尔暖心一笑,让冷冰冰的页面变成了有温度的交流,极大的提升了用户体验。

08.「高德地图」长途信息-途中所需一览无余

产品体验:

在高德地图路线预览时,点击长途/沿途信息,即可查看路线所经过的加油站、卫生间及服务区等沿途信息。

设计思考:

有网友说,好多次想在开车的过程中去加油,又不想绕路,又特别的想找中石化而不是中石油,每次遇到这种情况都觉得导航软件不够人性化。其实不仅如此,在开车途中,有时候也有餐厅、汽车维修、取款等方面的需求。

高德地图的沿途/长途信息,可让用户在出行之前把需要了解的信息一览无余,提前会有心理预期,当我们行驶在高速路上,需要知道接下来距离加油站、餐厅或汽修还有多远时,高德地图的沿途搜索功用恰好能够处理用户的当务之急,考虑周全且人性化。

09.「爱奇艺」导航标题字-贴心的界面环境适配

产品体验:

爱奇艺首页顶部导航切换时,主题背景跟随切换后,标签文字也使用跟主题背景相近的色值,让视觉更柔和。

设计思考:

在我们用过大多数的APP中,常见的大标题都是主题色、深色或白色,所以在不同的背景色环境中显示,视觉的舒适度总是没有那么高,也验证了一句话“合格的设计千篇一律,优秀的设计百里挑一”。

爱奇艺首页顶部导航切换时,其标签文字的色值会跟随主题色一起切换,让文本逐步接近背景色,视觉上更加柔和,相比常规性的“千篇一律”舒适度更高,提升了视觉体验,还能起到降低视觉疲劳、保护眼睛的作用。这是一个很容易被设计师忽视的好功能,可以看出来,爱奇艺的团队对界面环境体验的考量是很贴心的。

10.「虾米音乐」横屏磁带效果-满满的回忆杀

产品体验:

使用虾米音乐听歌,在播放页面横屏时,界面会变成早起的音乐播放工具“磁带”样式,颇为复古,上滑弹出多种场景音效选择,并用不同颜色的“磁带”外观区分,点击“磁带”的两个孔可切换上/下一曲。

设计思考:

《荆轲传奇》电视剧中最让我记忆最深刻的一句话是“这个故事虽然已经过去了2200多年,但依然会留在我们的心中,代代相传”,而今天的虾米音乐也将成为历史。相信所有虾米粉都收到一则即将停止运营的线上通知,且启动页也变成了告别画面,让用户一阵心酸,启动页的那一声告别,最后的希望也将破灭。

2021年1月5日10点:停止账号注册、会员充值、虾币充值、专辑购买等服务;

2021年2月5日0点:停止所有歌曲试听、下载、评论等所有音乐内容消费场景,停止个人资料导出或下载;

2021年3月5日0点:运营停止,关闭服务器,届时及以后将无法登录.....

当看到这则消息时,虾米粉们有些泪目了,颇有壮士一去不复返的悲壮之感,虾米音乐从上线到至今都没有让用户失望过,尤其是音乐实验室一直都是音乐界里的黑科技。虽然即将成为历史,但有的设计细节仍值得我们记住。

使用虾米音乐听歌,将播放页面横屏,画面变成转动的磁带效果,其中还隐藏了几个交互手势,点击磁带的左右两个孔可切换上/下一曲,上滑选择场景音效,颇为经典的复古效果给用户来了一波满满的回忆杀,通过突出的视觉样式,给用户带来美好的回忆,达到增强用户记忆的目的。让用户用一款产品很容易,记住一款产品却很难,虾米音乐的磁带效果真正起到了画龙点睛的作用。

-END-

运营那些事儿
分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
运营那些事儿
运营那些事儿
发表文章38023
确认要消耗 0羽毛购买
03 | 产品细节剖析,让你看看大厂是如何做设计的!吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接