互联网产品设计

其他

大厂APP正默默撤下banner

而且短期内不可能撤下。这是什么原因呢?难道是资本家们良心发现,终于意识到用户体验的重要性了吗?显然不可能,这几年各大平台的广告力度只有上升没有下降。我认为撤下
2022年12月26日
其他

为什么撤回消息要留痕?

为什么聊天中撤回消息,会提示所有人“你已撤回一条消息”。不管是单聊还是群聊,不管是微信还是飞书,都是如此。这让撤回消息的人很苦恼,有种此地无银(一般是指刻意隐瞒,结果反而暴露)的感觉。这对操作人不友好的功能,为何要留痕呢?要回答这个问题,我需要知道一个产品设计原则:当一个功能有正、负效应时,需要看整体的效应是正还是负。回到聊天消息撤回场景。一个聊天消息的撤回,这几个角色都会有影响:发消息的人,接受消息的人,看消息的人(群场景)。对于发消息的人,是不想让人知道自己撤回了消息的。对于接受消息的人,是需要知道对方是否有撤回消息的。否则会导致用户看到有消息提醒,但进来一看发现没有消息,这体验太糟糕了,还以为产品出bug了。对于看消息的人(群场景),也是需要知道是否有人撤回了消息的。否则消息上线文不完整,影响阅读体验。消息撤回留痕,对发消息的人是负效应,对于接受消息的人、看消息的人是正效应。为了整体体验,牺牲个人体验,这是产品平衡之法。我们还可以从线上和线下对比的角度,来看这个功能。现实生活中,说出去的话,泼出去的水。你说话后,是没法撤回的。虽然我们也经常在说完一句不恰当的话后,赶紧说“当我没说”,但已于事无补。线上是线下镜像,是对现实生活中的模拟。线上和线下一样,需要对自己的言行负责。聊天消息撤回留痕,也是在提醒发消息的人,要对自己的言论负责。目前,我国相关法律的规定,微信聊天记录是属于即时通信、通讯群组网络应用服务的通信信息,是可以作为证据的,是可取证的。这样看,聊天消息撤回留痕,正效应远远大于负效应。这也是微信、钉钉、飞书等IM产品都留痕的原因。那另一个问题来了,为何微信撤消息的时限是2分钟呢?而钉钉、飞书是24小时呢?特别是微信的撤销时限?不能长点吗?比如5分钟?1小时?据说,微信团队对2分钟的设定,是有数据支撑的。微信产品团队进行大数据分析后认为,从信息接收者的角度,2分钟是从接收到阅读一条信息的平均时长。而撤回时间在2分钟内,会最大程度保持上下文完整,给人一种稳重的用户体验。就算对方看到了你的消息,你在2分钟内撤回,也可以说一句发错了,对方也能理解。至于钉钉和飞书,为何最长可撤回24小时内的消息呢?可能是工作场景下,对于消息的容错性更大吧。工作场景下,对语言要求更加严谨,并且发出来的消息会被反复查看,如果说得不妥当,可撤回重发,这样可避免不必要的麻烦。你觉得呢?推荐阅读被“抗阳”段子杀疯了!都是文案鬼才!哈哈哈哈什么样的方案才算好设计?两款睡眠App大比拼2022京东新百货频道改版复盘你「在看」是最好的肯定与鼓励
2022年12月23日
其他

被“抗阳”段子杀疯了!都是文案鬼才!哈哈哈哈

转自:BAT这几天,朋友圈里阳成一片。阳了的人情绪都很稳定,不着急吃药,不着急降温,先发一条朋友圈:我阳了。你要是朋友圈里没有阳的,出门都不好意思跟人打招呼,那只能说明了一件事,你朋友太少了。阳多了,抗阳的段子也跟着来了,简直要被笑死了——01我问医生阳了有什么症状他说大部分都是先发朋友圈02这个后遗症很严重的据说记忆力大幅下降03奥密克戎的症状基本上和老婆查你手机时的感受类似04各位朋友请控制好自己阳的时间05以前买菜等封控现在买药等感染06终于轮到男人拿个试纸战战兢兢测自己是不是两条杠了07得新冠瘦了有一点心动08阳过的朋友说,这病特别仁义一般一家五口会得四个留一个买菜做饭的09阳了请假还是申请居家10我们单位搞了个小阳间以后阳了的同事来上班就到小阳间去办公没有阳的同事留在阴间11朋友都阳了就我没阳感觉自己被排挤了12如果你没有阳问题就大了13最担心的事出现了以后赚不到钱不能怪新冠了14终于要成功的送到满是阳性的同事和朋友那里了15今年春运亿阳迁徙16据说今年贺岁片是《喜羊羊与灰太狼之阳了个阳》17如果要阳一定要选个病毒品种好的18好的毒株不等人欢迎咨询19接下来要考虑的就是如何有序、稳妥地阳20不愧是上海到底还是国际金融中心21万万没想到抗原贵的原因找到了22专家说长得好看的人不容易得新冠哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。虽然阳了不是什么好事,但很佩服大家这种苦中作乐的心态,希望阳了的早日康复,没有阳的也做好防护!推荐阅读案例实操告诉你,如何规范产品的颜色什么样的方案才算好设计?两款睡眠App大比拼2022京东新百货频道改版复盘你「在看」是最好的肯定与鼓励
2022年12月21日
其他

什么样的方案才算好设计?两款睡眠App大比拼

Watch,获得用户睡眠时的动作来监测睡眠。从我个人对于它们睡眠检测的结果对比来说,两个应用的监测效果不相上下。虽然两个应用在监测算法上都很牛,但是在产品的功能和界面上,却非常不同:Sleep
2022年12月16日
其他

2022京东新百货频道改版复盘

转自:京东设计中心JDC推荐阅读产品坟墓:字节又一产品关停阿里这套B端营销设计方法,把用户心智拿捏得死死的花费10个亿,抖音是如何设计世界杯专题的?你「在看」是最好的肯定与鼓励
2022年12月14日
其他

产品坟墓:字节又一产品关停

今天,今日头条旗下的资讯阅读平台App「识区」正式停止运营及服务。上一次更新还停留在8月初。而今年7月,识区已经陆续从各大应用商店下架,且官方没有给出任何下架原因。再看一眼识区APP:字节新产品「识区APP」上线「识区」APP,是由【今日头条】旗下新团队打造的一款资讯阅读平台,可通过关键词规则、信息订阅源维度来订阅你需要的信息,满足你的个性化阅读需求。识区App是一个基于人工生成的算法推荐信息流。识区主要是搬运今日头条的内容,但是比今日头条有风格,每一个识区都是区长参与筛选,通过人工推荐内容。区长在自己创建识区中推荐自己觉得优质的内容,以自己的技术、品味、洞察区挑选内容。让识区变成了兴趣圈层的同好的聚集地,也达到了社交的目的。识区App最终价值是给用户提供了一种新的信息获取方式。但是,「识区」APP正式上线不足一年便宣布关停。识区坟墓姓名:识区座右铭:定义你的阅读宇宙一句话介绍:兼具RSS阅读器与内容社区的资讯阅读平台生于:2021年8月(内测)卒于:2022年12月12日享年:2岁死因:未知,大概率是业务发展策略变更大事记:1、2022年1
2022年12月12日
其他

阿里这套B端营销设计方法,把用户心智拿捏得死死的

不同的产品,用户的关注点是不一样的。以饿了么这种点外卖
2022年12月9日
其他

花费10个亿,抖音是如何设计世界杯专题的?

作为全球最火爆的体育赛事,世界杯由于其独有的稀缺性,被外界誉为四年一次的足球盛宴。根据国际足联主席因凡蒂诺预测,2022年的卡塔尔世界杯赛事将会吸引到全球超过五十亿人观看,这一人数占全球总人数的比重超过60%。以往球迷们观看世界杯,更多是通过电视或者央视频、优酷这种传统的互联网视频平台,而在2022年这个冬天,抖音花费10亿巨资,成为了国内首个获得世界杯直播版权的短视频平台。作为拥有6亿日活的抖音,将会如何跨界设计世界杯专题,让亿万球迷能在抖音享受四年一次的足球盛宴,本期设计就来全面拆解抖音世界杯专题。一、栏目入口抖音世界杯的入口在抖音头部一级导航栏最左边,和周边、关注、商城以及推荐并列。世界杯的栏目首页从上至下主要分为5个部分,分别是轮播(当日热门赛事以及活动)、金刚区(包含赛程、积分榜、有奖预测和我的主队入口)、比赛直播(当日赛事)、名嘴聊球(签约足球大咖)、赛事热点(热点头条资讯)、热门球星(入驻足球巨星)、世界杯好物(周边商城和抖音生活服务)、重磅热播(抖音自制节目)、大家都在拍(平台用户自创视频)和视频信息流(世界杯专题相关视频)。二、内容策划抖音在内容策划方面,几乎把前央视解说团队都邀请过来了,比如黄健翔、段暄、刘建宏这些家喻户晓的的足球主持人,都在抖音单独负责至少一款足球综艺栏目。除了解说团队,抖音还邀请了众多跨界娱乐综艺大咖,为球迷一口气送上8个原创足球综艺节目。从这个版块可以看出,抖音对此次世界杯的重视度之高,就像卡塔尔为了举办世界杯投资2200亿美元一样,劣势可以用金钱弥补。1.
2022年12月7日
其他

第四大运营商的APP来了~

以前,我们办手机卡,只能在移动、联通、电信中选。而现在,多了一个选择,中国广电,这是我国第四大运营商。至此,三大运营商三分天下的局面打破。2019年6月6日,工信部正式向中国广电发放5G商用牌照。2022年6月27日,中国广电5G业务将在全国范围内正式放号。就在近日,中国广电的APP
2022年12月2日
其他

分析五种消息通知!产品中不可或缺的一部分!

是与当前页面的内容强关联,用户无需离开当前页面就能看到反馈消息,不会中断用户操作,出现时间短,对操作上无影响。缺点丢失信息的风险,用户注意力不集中时,会出现漏掉关键性信息的情况。何时使用Toast
2022年11月30日
其他

被吐槽后,阿里旗下Teambition真把官网改了!

基本判断:“简单好用的项目协同工具”,标题写得明明白白。2.价值判断“阿里巴巴旗下”、“项目管理、任务协同灯解决方案”,描述里写很清晰了。3.
2022年11月28日
其他

据说,500万人在手机上敲这个木鱼APP

现在年轻人的压力挺大。高考,考研考公务员,找工作,打工,裁员,在疫情和内卷的大环境下,更加焦虑。压力和焦虑,需要有缓解的出口。不少年轻人,在网上敲起了“木鱼”来缓解。木鱼一敲,烦恼全消。而一款叫做“木鱼
2022年11月25日
其他

嘘!SaaS产品的差异化设计细节,一般人我不告诉他

智慧营销是一款面向B端企业用户,为其提供线索数据获取、CRM客户管理以及增值服务能力的SaaS产品。为了在竞争激烈的B端市场占有一席之位,我们在设计上对产品进行了深度思考与体验优化。本文主要带来在这一过程中我们的设计思考过程,出于对产品隐私的考虑,相关数据已经进行了脱敏处理。1.新名词SCRM
2022年11月23日
其他

招商银行APP设计拆解,这下藏不住了!

随着移动支付的普及,手机银行也渐渐融入到人们的生活当中。手机银行的优势在互联网的发展中得到了充分的发挥,从而也衍生出了更多的周边产品。如何让用户能够在产品中得到更好的体验,是我们设计师所需要考虑的。今天就以招商银行app为例,带你一起分析招商银行app的设计秘密。一般手机银行的首页基本上是有三个内容:1、banner区进行品牌或者产品的推广;2、金刚区/瓷片区提供常用功能的快速入口;3、内容频道提供产品运营的入口。招商银行的首页结构就类似于一个红包的封面,特别是banner区域的设计方式,在交界处加上按钮,很像一个未拆封的红包。顶部的图标采用剪影的方式,通过透明度参数的设置,来实现在不同banner色彩下进行展示。由于banner上方业务元素较多,为了不影响功能的展示,所以将banner的图片展示重心放在下面,上方则以渐变背景的形式进行过渡。在整体页面上其实banner占了较多的区域,且颜色和视觉较重,为了避免整体页面的花哨和不协调,在金刚区则采用线性图标的设计方式,并加以主题色进行点缀。这样在整个页面上就有了重点和层次。下方的胶囊banner区域,由于上方已经有banner了,所以下方采用小区域进行广告位的展示。banner在设计上也是以渐变色为背景,文字为主体对象。对于银行推荐的理财产品的展示,采用卡片布局的方式。白色卡片加微投影,很好的与背景进行了分开。单纯的卡片加文字方式会略显单调,所以在重要数据信息上用红色字体进行展示。为了避免卡片内容部分区太空,会在相应区域叠加低饱和的色块(如圆圈或者简易图标),使得界面更加协调。如若采用单一的卡片布局,会使界面没有层次,在同类产品展示上,卡片中出现列表的形式。并在后面的信息展示中,采用卡片-列表的交替展示方式。这种展示方式会带动页面节奏,减少用户视觉疲劳。通过页面饱和度的对比可以发现,在信息展示上,文字颜色采用相近的饱和度和明度。在视觉上的表现为整体比较柔和,也更加的耐看。进入到生活专区的页面,布局样式依然延续首页卡片布局的方式,但在色彩风格上有所改变,从金刚区图标采用轻材质就可看出来。为了区分图标,将常用功能采用面性,不常用功能采用线性设计,减少了用户的选择时长。生活专区内容以图片为主,文字为辅。采用瀑布流不间断的浏览方式,增强用户沉浸式浏览体验。对于价格,标签等敏感信息,采用红色字体进行标识,突出信息重点。招商银行app手机淘宝app相比较于一般的购物类app来说,招商的生活类购物页面是属于比较“冷淡”的。从价格标签,活动标签,优惠满减标签可以看出,这些标签样式都很简单,色彩也是用的单一的红色,没有复杂的变化,视觉冲击力忽略不计,更多的是在表达出我有活动,我有优惠,我有便宜这样的一件事,没有强烈让人点击的欲望。或许招商是考虑到自己的银行定位的原因,不想拉低自己的身价与其他购物app竞争,仅从银行产品的层面上做好购物就可以了。个人中心页面为了增加用户的安全感,配色上也更加的朴素冷静。即使是在银行推行的功能上也是有所拘束。从会员权益以及贷款信用卡,也只是以少量颜色来进行凸显。在功能布局上则是以卡片的形式进行布局,将各个模块划分到一定区域再进行信息的集合,使得页面信息显示的复杂程度大大降低。对于页面中涉及到用户隐私的信息也进行了隐藏,很好的考虑了用户感受。在底部tab导航上,招商银行整体上是采用未选中线性,选中面性图标的方式,但是细看就能发现一些“小心机”在首页与财富标签上,采用线性-面性的填充来区分选中与未选中状态。在社区与生活标签上,则直接采用刷新按钮来代替原来的图标。在我的页面中,选中状态则处于灰色填充的状态。利用刷新按钮代替选中状态,一举两得。用户可以很好的理解到该页面可以刷新,并且只需要再次点击该tab即可刷新,减少了用户的学习成本,符合社区与生活页面的真实浏览场景。在“我的”图标选中后采用了灰色填充的方式进行展示,整体视觉减淡,一是该界面属于隐私界面,需要给用户足够的安全感,减少其他元素的干扰;二是招商银行并不希望用户过多的停留该页面。这也就很好解释了该页面很少放置运营类的功能,更多的是希望用户在其他界面促成消费。在生活页面的徽标引导上,没有单纯的使用传统的小红点进行提示,而是采用了小标签的方式,简单的将当天的活动进行了说明,这对用户来说是一个友好的设计,即使用户不点击该图标,也能从字面上了解到当天的活动,给用户提供了知情权和决策权。招商银行的启动页与微信的启动页有异曲同工之妙,虽然隶属于不同的产品,但传达出来的意境却很相似。微信属于社交类产品,在其启动页上以人为中心,同时以地球为背景,营造出人的孤独感与想与世界交流的一种意境。招商银行则属于金融类产品,如果以金融为主题来设计启动页,会显得很俗气,拉低身价。但招商银行在设计上采用一个奔跑向阳的人为主体,可以从中感悟出财富是需要靠奋斗获得的,或者梦想是需要追逐的,一下子就将app的主题进行了升华,同时也体现了奋斗路上的孤独感。微信与招商银行的这个表意设计很好的体现了产品价值,我们在做设计的时候也可将这些融入到自己的产品中。在标语的设计及排版上,虽然是一行文字,但是为了契合logo上的山峰形象,文字在排版上也错落有致,形成动态的美感。其次是在字体的设计上,对于会封口的字体,也进行了开口处理,使得字体更加的富有生机。设计师在设计产品的时候,除了保证视觉上比较美观,还应该理解每个元素的设计缘由。有了自己的设计理念再做产品,就能够将那些别人看不到的东西给体现出来,也让我们的产品多了一份情感在里面。推荐阅读微信支持撤回5分钟内的消息了?转化率提升5倍:你需要学会的「分层设计」淘宝订单页改版分析,这个页面改得真好!你「在看」是最好的肯定与鼓励
2022年11月21日
其他

微信支持撤回5分钟内的消息了?

最近微信Android8.0.30更新,有网友晒出“截图”,显示微信文字消息可在5分钟内撤回。因此人们开始认为,微信会将消息撤回时间由2分钟调整为5分钟。这个消息被网友晒出后,网友一片叫好。可马上,腾讯官宣该消息为谣言:用户发出消息后,可撤回的时限仍是2分钟。那么问题来了,微信支持撤回消息的时限,为何是2分钟?不是5分钟?不是10分钟?我们经常因为发错消息而不能撤回,被社死。比如骂老板的话错发到群里了,个人私人照发错了人。甚至有人将羞羞照、悄悄话错发到群里,简直隔着屏幕都能感到浓浓的尴尬。但是发现时,已超过2分钟。只能跺着脚、扇着耳光骂自己,然后骂微信。为何微信消息撤回,不能多几分钟呢?这能“拯救”多少错发消息的人呀。今天我们来唠唠这个事。这个问题,可拆解为这几个小问题。1、微信消息需要支持撤回吗?不支持行不行呢?不行,产品需要允许用户犯错。发错消息,或者消息中有错别字,或者消息内容不恰当,这是比较常见的。产品需要有容错性,允许但不鼓励用户犯错。2、微信需要设定撤回期限吗?能无限撤回吗?答案肯定是不行。在双方对话中,如果不设定撤回时间,就会产生这几个危害:1)好久前发的信息,对方都已经看到,你再撤回,即尴尬又容易产生误会。你这是没事找事呀。2)如果可以无限制撤回消息,这将严重影响上线文的连贯性、完整性,严重影响阅读体验。3)如果可以无限制撤回消息,这会让发言者无所顾忌,鼓励发言者对自己的发言不负责。4)现在网络中聊天内容,是可作为证据的,是有法律效应的。随时可以删,这不是鼓励犯错么。3、既然需要设定消息撤回时限,那为何是2分钟呢?据说,微信团队对2分钟的设定,是有数据支撑的。微信产品团队进行大数据分析后认为,从信息接收者的角度,2分钟是从接收到阅读一条信息的平均时长。而撤回时间在2分钟内,会最大程度保持上下文完整,给人一种稳重的用户体验。就算对方看到了你的消息,你在2分钟内撤回,也可以说一句发错了,对方也能理解。4、如果消息撤回时限超过2分钟,行不行?不是不行,但是没有太多意义。比如设置5分钟?10分钟?24小时?超过2分钟,多数人已经看到你发的消息了,该截图的、该保存的都保存了。撤回意义也不大。并且上面说了,撤回消息时限更长,会导致上下线文不完整、阅读体验差,并且还在鼓励犯错。5、如果消息撤回时限短于2分钟,行不行?不是不行,但是会造成消息的错误撤回,因为时间太短,可能发消息的人还没有意识到这到底有没有错误?要不要撤回?抱着宁错杀不放过原则,从而导致消息撤回错误,造成不必要的麻烦。同时,撤回时间太短,或会让人有发消息恐惧的心理。6、消息撤回,为何还要有提示呢?既然撤回信息给用户提供了一种后悔药,为啥吃完后还要留下“某某撤回了一条消息“的提示呢?答案是,如果接收者收到通知但打开后发现没消息,以为丢失消息,反而要发送者重发一下,这会让双方更加尴尬。另外,在一些商务谈判或者借贷等特定场合,如果撤回信息无文字提示,则将会导致对方利益收到损失。从功能开发角度来说,撤回功能的诞生是为打错别字或者发错人等正常使用场景考虑的。至于某些特殊的场景,如“羞羞照、悄悄话、键盘侠”等,用户在信息发出前还是尽量克制,避免冲动。同时,“撤回痕迹”会时刻提醒着那些“爱撤回”的使用者,不要过度滥用此功能,要敢于对自己说出的话语负责。如果「2分钟是从接收到阅读一条信息的平均时长」可靠的话,2分钟还是比较合理的,并且撤回后一定要有撤回提醒,这样才会让自己发言谨言慎行,对自己说的话负责。你觉得呢?推荐阅读转化率提升5倍:你需要学会的「分层设计」淘宝订单页改版分析,这个页面改得真好!2023
2022年11月18日
其他

转化率提升5倍:你需要学会的「分层设计」

今天为大家带来一个关于到家精选服务下单转化的项目总结。希望能以到家的服务型商品为例,带大家了解如何跳出页面设计本身,通过完整且有层次的设计思考,做出有效的设计解决方案,为业务增益。🕙全文约4000字,阅读时间约10分钟。到家是58业务线中不多的,以下单转化(非电话连接)为最终目标的业务。主要包含保洁、清洗、搬家、维修4大品类,涵盖70+子品类和80+页面。而所有服务的下单流程,绕不开的其实就是服务的列表、详情和提单页。就是下面这样一套详情和提单页框架,在优化前已在线上停留了18个月,且样式几乎覆盖了所有的到家服务和页面。长时间没改,不是我们不想改。在去年也试过2版优化方案,转化率都没有原版好。👇试了还不行,也不是真的没办法。我们在春节大促时,做了优惠信息在下单路径中的透出,效果提升明显。👇但对业务来说,这也只是权宜之计。没有了优惠补贴,转化率很容易被打回原型。1.重新思考设计核心面对这样的僵局,再做优化,就一定需要转换思路了。追根究底,如果跳出纯页面设计的层面去看转化,我们设计的到底是什么?到家服务的下单和普通商品的最大区别就是,它是服务类商品。*服务类商品:服务类商品是指能够实现交易的无形商品,无需中间媒介(物流)的参与即可完成交易的商品。2.提炼用户关注点那么对于服务类商品,用户到底关注的是什么呢?为了解用户的关注点,我们和用研同学(感谢@王楠)一起进行了8场用户访谈和12项眼动测试。通过对用户反馈进行归纳整理后,我们发现:对于服务商品的下单流程,关注点主要集中在5个维度。在理性上,用户主要关注的是服务的时间性、经济性和功能性;时间性:指服务的速度,能否及时、准时、省时的满足服务需求能力。经济性:为得到相应的服务,顾客所需费用的合理程度。功能性:指服务实现的效能和作用。在感性上,用户主要关注的是服务的安全性和舒适性。安全性:指服务供方在对顾客进行服务的过程中,保证顾客的人身不受伤害,财物不受损害的能力。舒适性:指服务对象在接受服务过程中感受到的舒适程度。这5个维度其实大致能够代表整个到家的服务类商品的基础属性。基于这5个基础维度的新视角,我们不再聚焦于纯粹的页面设计,而是从服务类商品本身出发,进行整体的设计考量。我们既需要关注外部共性,在大的服务商品属性下去进行整体的基础感知完善;也需要关照内部特性,针对多样的服务内容去关注不同场景间的差异,也就是去进行分层设计。1.基础层设计:完善用户基础感知我们首先根据用户关注的信息,整体从服务商品的5个基础维度上完善用户的基本感知,也就是基础层的设计。基础层的设计能够让下单体验满足用户最低标准的诉求,保证服务商品在基础下单体验上的完整性。1)
2022年11月16日
其他

淘宝订单页改版分析,这个页面改得真好!

最近用淘宝买东西,选好商品后点击「立即购买」按钮,随后出现的「订单确认」页让我大呼惊喜!界面信息展示十分清晰,并且优惠信息占据了最显眼的黄金位置。这个改动,不仅是巧妙的创新,更能直击用户的爽点。对于淘宝这个国内最大的电商平台,仍然不断进取,持续创新,真的要点赞下面我们来详细说说。
2022年11月14日
其他

2023 年全新视觉设计趋势来啦!趋势7简直把我萌翻了!

原文:Graphicmama网站来源:版式设计很简单一年一度的平面设计趋势又来了,作为设计师也会很关注这方面的资讯。那么2023年的平面设计到底流行哪些趋势?接下来设计菌带你们来看看Graphicmama团队所预测的趋势。喜欢记得收藏并转发哦!2023年平面设计趋势概览:1.
2022年11月11日
其他

谢楠,给微博提了一个需求

最近看《脱口秀大会5》,主持人谢楠大大在屏幕前,给微博提了需求:希望在「点赞」时增加「确认」或「取消」弹窗,让操作人二次确认。为什么为明星这么在乎自己点赞了什么内容?因为用户微博点赞时,这条微博的详情页是可以看到具体谁点赞了的。而明星对某条微博点赞,容易被各种解读。“手滑大王”杨幂大大也一度发微博,建议微博把点赞放在左手边。这里我们可从一个产品经理的角度思考,用户(谢楠、杨幂大大等)的这类需求,是否需要去支持。我们可从「用户-场景-需求-产品」的分析模型,来分析明星遇到的问题。用户:什么样的人群?明星,公众人物场景:什么环境下?刷微博时需求:遇到什么问题?如何减少误点赞,减少手滑产品:什么解决方案?前面的故事中,谢楠、杨幂大大给出了自己的解决方案,弹窗二次确认、点赞按钮放左边。我们知道,用户遇到的问题,是用户诉求,不是产品需求。用户给的自己的解决方案,是用户建议,不是产品解决方案。如果真的要解决减少误点、减少手滑的情况,会有不少的方向可思考。比如,个人中心-设置里,可按照需要,设置隐藏点赞功能。比如,微博详情页,不显示具体谁点赞了该微博。比如,针对加V,强化教育,告知点赞会对所有人可见。比如,如谢楠、杨幂大大的建议,点赞时二次确认、或者点赞移到左右边。比如,把点赞折叠起来,点更多才看得到比如,给认证明星用户特权,他们的点赞其他用户不可见。等等。但是,这都是头疼医头,不是彻底解决问题的思路,这种简单的逻辑堆砌,反而让简单的功能复杂化。点赞本来是一个非常低成本的情绪表达,增加各种逻辑,只会让这个功能失去原本的样子。同时,当你深入了解这个需求的背景后,你会发现,点赞手滑或许是个伪需求。首先点赞手滑出车祸的用户极少。基本只出现在少数明星和公众人物身上,只是几亿用户中极少数。另外一方面,是不是真的手滑?还是有意为之?为了热度和热搜?只有自己知道。就算真的是手滑,道个歉,下次注意点就好了。如果微博真的针对明星把「点赞」折叠起来,或许又有人会暴跳如雷:这怎么让我上热搜呢?再也不能找手滑的借口了。某些“手滑”点赞,对明星是一种宣传,对微博是流量。需求要不要满足,背后还有利益。有时候,哪怕是真需求,不满足是最好的决策。如果你是微博的产品经理,遇到明星的这类诉求,你如何应对?推荐阅读颜色搭配太吸引人了!一套NFT产品设计作品推荐未来已来!5个值得关注的Web3设计趋势新零售B端产品优化,从产品、交互、UI设计的思考你「在看」是最好的肯定与鼓励
2022年11月9日
其他

未来已来!5个值得关注的Web3设计趋势

未来已来,以太坊前几天完成了2.0的合并,互联网正在从web2时代向web3转变,除了web3之外,元宇宙也愈演愈热,在这双重的趋势影响下,从一些国外的设计网站也可以明显看到设计趋势也正在发生着变化。Web3
2022年11月4日
其他

新零售B端产品优化,从产品、交互、UI设计的思考

导出的图片质量不高,所以需要替换导出的所有图片,另外需要注意的是Bodymovin这种导出形式,一定要注意图片的大小,太大落地后会有明显卡顿。下图导出60张序列只有190kb,所以加载流畅度没问题。
2022年11月2日
其他

为什么需要在开发App之前,先构建MVP?

功能多么接近预期,但是却没有达到预期。如果你的测试用户能准确地告诉你他们想要从你的产品中得到什么,简直太完美了。当你获得用户很一致的反馈,你就能得到一个产品必须具备的功能清单,这些功能需要在App
2022年10月31日
其他

组件搭建的B端产品,设计师价值在哪?

有朋友问过我一个很有代表性的问题:“我所在的公司已经开始用组件来做产品了。对于简单的产品,设计师把组件和页面框架做完后,前端就直接用组件库按照规则去搭建页面了。文案也可以由产品和开发直接对接。设计师已经不需要每个页面都出图了。在这种工作流程中,设计师是不是就不那么重要了?我们
2022年10月26日
其他

精妙的文案设计,又打开了我的新思路!

你在文案上的表达,够格吗?文案表达是交互/UI设计师、产品经理都需要掌握的技能,但即使知道了一些原则、方法论,但还是在感觉在文案上有点不尽人意、表达效率低下...今天我就结合在腾讯这边的经历(踩过+听过的坑),为大家盘点提升文案表达效率的方式,或者容易忽略的场景。1.转换含义/概念将一些特殊文案/数据,如尴尬的-0个点赞、保密的-用户不想被人看见的...将其转换成另外一层含义,使用户专注在新概念的表达与理解上,忘记旧概念。如数据为0的场景(0个点赞、0条评论)是我们容易忽略的,毕竟直接显示0个内容会使页面显得质量差、没意义。而百度知道就把「无」的概念转化为「比赛/竞争」的口吻,将0个点赞显示成【抢首赞】。以此来刺激用户的竞争心理,引导参与互动。再如理财通里,隐蔽金额不同于传统做法(展示加密符号),而是把加密字符变成【空空如也】的文案。还有日期的表达上:与其在最近的一段日期里显示几月几号,还不如直接告知用户是
2022年10月24日
其他

元宇宙的产品设计特点

最近有朋友问我,领导要想做一个元宇宙会议产品,应该怎么设计?在2022年,Facebook改名为Meta后就引爆了元宇宙,你可以看到从2022年后元宇宙的热度就爆发式增长,到现在逐渐冷却。元宇宙产品指的是在web3.0技术、5G、3D建模等技术加持下,通过制造虚拟现实,映射所对应的产品。甚至在传统互联网下,有一个段子:“所有的web2.0应用都适合再元宇宙做一次。”基于元宇宙目前的产品设计形态来看,我们仍然可以掌握元宇宙的产品设计特点。1、虚拟1:1还原所谓虚拟1:1还原,就是指元宇宙产品是希望可以包含现实世界万象于虚拟世界,任何元宇宙产品都是以现实场景、现实操作步骤来设计的。其实比较讽刺的是,如今许多的大型3A游戏已经早就完成了这类场景的搭建,所以元宇宙的产品首先就是要有虚拟的人物、空间、物品,并且和生活人类的一致。针对3D建模下的人物形象、道具、空间是不可少的。产品相比APP、网页的平面应用设计,则更多要从展开的三维空间,去设计用户的功能和产品框架。2、一定要有的虚拟Avator设计元宇宙的产品从目前来看,产品设计里有一个标准,即人物一定要是“人”,而不是像游戏那样有各种异型、非人的动作和姿势。▲2022人工智能大会元宇宙的会议系统针对人的跑步、走路、微笑、跳舞、运动的场景,我们都要考虑在元宇宙产品中结合,以前设计一个用户就是一个账号,现在就变成了用户各类皮肤、身高、表情、性别等初始化。▲派对岛的社交场景基于以上特点,我们可以罗列下元宇宙下的产品一定要有的人物属性。性别:穿搭风格:性格:昵称:走路:跑步:面部表情:那么如果是虚拟会议,则上面走路、跑步以外的元素其他都是我们在元宇宙场景需要的,因为这正是我们开会所辨别别人的基础。3、元宇宙的产品切记不能做的复杂做元宇宙的产品,因为为现实的虚拟映射,就造成了用户的操作步骤和现实一旦还原就容易把功能做的特别复杂。比如开头有同学提问:“元宇宙的会议产品,应该怎么做”,我们首先要梳理现实生活中开会中的重要元素和关键步骤。比如定会议室、邀请同事加入、投屏讲解、进行会议的结果PK玩法(比如投票、游戏等)。加上一些会议辅助功能,如录屏、多个会议室连麦等,这都是我们现在开会中涉及到的需求场景。可是一旦把这些都映射到元宇宙产品里,还原这类现实操作和场景所带来的性能降低、用户交互门槛高、功能使用流程长,就会导致线上开会的体验其实很差。任何一类产品,用户的使用足够简单才能有竞争力,比如线上会议对于用户的需求,其实就3点,一个是可以快速创建;第二是参会人可以快速加入;第三就是展示会议内容就可以了。至于什么虚拟形象、形象之间的互动场景实际上不是刚需。除非你可以刻画出开会人的实时表情、超强的低延时,相比音频与平面视频屏幕的画面外,可以给出人与人之间更多互动,那么这才会吸引用户使用。所以元宇宙的产品一定不能太复杂,用户操作路径甚至要比普通互联网产品短或一样,才有用户愿意去用。比如在创建虚拟会议的时候,以前是选择会议的平面背景,现在是选择虚拟人物形象背景,用户操作步骤不增加,又完成了元宇宙产品下的必要设置,这是一种产品设计方法。4、梳理终端设备能力进行调用元宇宙产品需要更加多了解终端设备的基础能力,比如在PC电脑上摄像头的图像捕捉技术、手机的摇晃震动接口,都是可以辅助元宇宙的用户信息。比如最近iPhone14Pro灵动岛设计,苹果给出了新的用户交互入口,增加了应用的玩法。你可以点击查看交互规范。灵动岛和
2022年10月21日
其他

按钮边框用3px好还是5px好?

作为交互,偶尔在团队人力短缺的时候也被要求向后补位,做一些简单的视觉。然而每次做视觉的时候我都会感到有些难受。原因在于我总是被要求解释一些像素级问题,比如,间距多2px会不会好一点、透明度为什么是70%而不是50%,诸如此类...正巧本周和一位好友聊天时,聊到了前谷歌首席设计师离职时写下的一篇博客,里面的一个段落可以表达我面对这种问题时的内心感受:...当一家公司里挤满了工程师时,它就会求助于工程来解决问题。将每个决策简化为一个简单的逻辑问题。消除所有主观性,只需查看数据即可...这些数据最终会成为每一个决策的支柱,使公司陷入瘫痪,无法做出任何大胆的设计决策。谷歌的一个团队确实无法在两种蓝色之间做出决定,所以他们正在测试每种蓝色之间的41种色调,看看哪一种表现更好。而我最近就边框3、4还是5px宽进行了辩论,并被要求证明我的观点。我不能在这样的环境下工作。我已经厌倦了辩论如此微小的设计决定。世界上还有更多令人兴奋的设计问题需要解决。全文阅读:https://stopdesign.com/archive/2009/03/20/goodbye-google.html可以看出证明或者纠结这样的像素级问题无论对于哪个阶段的设计师来说都是疲惫且无奈的。是2px的问题吗?被论文折磨过的朋友们应该很熟悉写论文的流程中第一个难过的关卡就是,需要论证“这个问题是个问题”。这句绕口令解释起来很简单,就是我们不需要验证“保温杯的美观程度对保温功能的影响”,因为这不是一个问题。反映到设计工作中,被要求证明“间距多2px更好”和“边框多2px更好”时,我们想要论证的是什么问题呢?我们常在做设计的过程中,随着设计得越来越深入,越来越细节,视线逐渐由宏观变得越来越微观。可能这个需求目标是“在图文信息流中增加一个账号关注模块”:这种需求目标下,“账号的间距多2px还是少2px”会对账号关注率产生影响吗?我相信大多数人的答案都是否定的,即使公司人傻钱多非得做实验争个2px带来的收益,这2px带来的收益会有多少呢?能占优化推荐算法带来的收益百分几或千分几吗?我们还值得花这些人力成本和时间成本去验证吗?上述举例的目标和问题是产品向的,如果说我们换成一个设计向的。假设现在团队觉得我们的推荐算法已经优化到天花板了,但是推荐账号关注率仍然上不去,所以想要从设计层面解决问题。那么此时,关注按钮的边框用3px还是5px关键也不在于这个数字,而是什么样的设计能让「关注」在这个模块里有更高的区分度,视觉上更突出。毫无疑问,单从边框粗细上来说5px肯定好于3px,从按钮底色上来说红色肯定好于灰色,按钮字号上来说更大的肯定好于更小的。这些都是根本不需要实验就可以得到的结论。而真正的问题是什么呢?如果不克制,推荐账号就可以设计得无限吸引眼球,关注按钮又红又大,一方面影响了图文信息流的消费,一方面图文信息的业务也不干了,也会要求图文放大再放大,评论点赞再大、再红、最好来个动效。这样五颜六色五花八门的视觉效果,是产品想要的吗?显然不是,所以规范和组件的作用就体现出来了,它帮助我们从全局的视角去定义内容和行动的优先级,高优内容如何展现,高优行动如何展现,其他的普通内容与行动如何展现。交互的工作之一就是思考与梳理什么的场景下什么是高优的。也因为有了规范,所以「关注按钮边框用3px还是5px」也不是一个问题,问题是「在消费图文信息的场景下,关注推荐账号是否是高优/推荐行动」,如果是,那就用规范里的强化btn去展现,如果不是(显然不是),那就用规范里的基础btn去展现,没必要去纠结这2px。如果到了这一步,需求方还是觉得这样的按钮不行,没有达成他们提高推荐账号关注率的目标。那基本可以确认问题在于产品认为现有的按钮组件在图文信息流里区分度不明显。这时候我们要纠结的也不是3px和5px的问题了,而是组件中的按钮样式需不需要做全局性的设计优化。那么做组件的朋友可能就要问了,如果我被挑战组件里的按钮边框是3px好还是5px好,我该怎么办呢?这可以从实用性和美观性两个角度来回答。从实用性角度,你可以把目前产品所有按钮的典型使用场景都拉出来,代入3px和5px后,去感受下哪个数值在各个场景下都可用(有足够的区分度、可感知是个按钮、不会出现蓝底红字这种违反科学原理折磨晶状体的情况)。美观性这个角度就很难解释了。当然你可以从一些已被验证过的理论(例如格式塔)来陈述怎么做是美的。但这些多是方法,如何验证“美”,“美”是否可以被量化,这个问题至今仍在探索。也有许多学者已有研究,感兴趣的朋友可以去b站听听复旦大学王德峰老师关于艺术哲学与审美问题的公开课。我浅谈一下我的部分理解:美是可以被训化的。更多时候我们都是先被动地接收了“什么是美”(可能是影视作品、新闻报道、产品发布会...),才会在面对一些视觉表达时输出自己的判断“美”或“不美”。举个例子,唐朝推崇“以胖为美”,所以大家都觉得胖好看;现代鼓吹瘦为美,所以大家都觉得瘦好看。早几十年,明星都是方圆脸,所以大家都觉得脸方一点圆一点大气好看,后来主流媒体又在营销某些V脸明星的美貌,所以风向又变成了小脸尖下巴好看。我们的文化背景下,复杂也是美的(例如东北花棉袄,复杂的祥云图腾,陶瓷纹饰),因为从小就在复杂的信息过载的环境下长大,所以我们对于复杂信息的接受度比外国人要高很多,最直接的体现就是我们的购物软件首页,五花八门应有尽有,大家用起来也觉得挺方便,而国外的软件就会分门别类,每个类目下信息和功能都尽量展现得简单。这几年在苹果设计(以及其他以简为美的品牌)的强势输出和营销下,我们逐渐被“驯化”为了以简为美,所以设计趋势才逐步趋向于简单。视觉如此交互也是如此,我们之所以需要有规范,也是为了“训化”用户后,让用户不加思考就可以知道什么功能会出现在哪里,不用学习就知道要怎么使用。“美”或许是被外界的主观输出“驯化”后,我们作出的自认为客观的判断。回到2px的问题上,如果目标是提升“美感”,在论证按钮组件是3px美还是5px美的时候,或许强势的营销和频繁的曝光会成为观点的有效辅助。但如果目标是提升数据,讲到这里你应该能发现大多数情况是无法用外界的主观美学去解决产品的客观问题的,因此纠结2px带来的美感提升从而带动数据提升也是有点强“美”所难。关注真正的问题吧!虽然上文里讲了很多如何应对“2px”问题的方法,但我其实更希望产品和设计人员能把更多的时间和精力放在真正的问题上。用户不在你的平台购买商品是因为你的商品之间设计的间距不够大吗?可能更多是因为优惠信息不明显、优惠力度不够、物流慢、售后差吧?用户不来你的平台观看内容互动评论是因为图片太小字太大吗?可能有点联系,但会不会是我们没有把发表工具做好导致内容局限无法适配多图大图,会不会是缺少内容曝光渠道导致用户无处消费,会不会是没有创作者上升通道指引使得头部一潭死水腰底部的努力与才华无处施展?怎么做出和品牌契合的等级体系呢?怎么在不影响视频消费的前提下融入直播预约呢?如何优化内容创作工具的使用体验呢?有如此多2px外的设计问题值得我们去纠结,我们为什么一定要把目光死死地盯在像素之间呢?开头提到的2009年谷歌针对41种蓝色做实验的后续是,在2016年的时候,谷歌又针对链接色蓝改黑做了一次AB实验:而在这期间,由于安卓设计原则频繁改动,甚至谷歌自己的内部团队无法遵守这些朝令夕改的“设计原则”,移动端应用设计逐渐只为iOS设计然后复制到安卓...推荐阅读B端组件红黑榜灵动岛和
2022年10月19日
其他

B端组件红黑榜

的文章当中提到过,但在使用顶部导航的过程当中,还是会面临很多问题。顶部导航最大的局限性便是展示数量太低,毕竟在空间布局当中,横向空间与纵向空间的差异其实是非常大的,顶部导航的高度设定不能过高,同时
2022年10月17日
其他

灵动岛和 iOS 16 实时活动设计规范终于来了!

的实时活动推送。请注意,系统会以不同的方式提醒用户有实时活动正在发生,但是具体取决于硬件是否具有灵动岛功能。避免在实时活动中显示敏感的信息。实时活动在视觉上很突出,很容易被人不经意看到。所以如果你的
2022年10月14日
其他

字节B端设计规范ArcoDesign和AntDesign有何不同?

更灵活。上图来源:https://ant-design.antgroup.com/docs/spec/layout-cn我们再看一下双方提供的案例模板,这应该能代表各自主推的样式。Arco
2022年10月12日
其他

社交聚会小程序设计总结

今天给大家推荐来自宋晚一同学关于社交聚会小程序设计的总结,希望可以带给大家更多设计灵感。宋晚一同学:一直很喜欢社交这个领域,虽说所有的产品都是为了服务某一部分用户,为了帮助他们解决问题或需求。但社交产品的魅力在于——它服务于人类情感化的本能。这是一款帮助人与人相遇的产品,我在【很高兴遇见你】和【很幸运能遇见你】这两者间纠结了很久,高兴是一种很短暂的情绪,我希望这款产品像早期的豆瓣一样,能够帮助用户交到志趣相投的朋友,所以定了后者。取名幸会,寓意是:能遇见你是我的幸运。作品链接:zcool.com.cn/work/ZNjExMzM3MDg=.html下面就让我们一起来看看这套作品吧,希望作品中的一些设计思考和处理技巧可以带给你更多灵感。(可点击图片看大图↓↓↓)以上作品版权归属
2022年10月10日
其他

一个叫「人民赏金」的APP上线了

前段时间,群里看到个截图,一个叫做「人民赏金」的APP上线了。这款APP可以一边帮警察叔叔抓坏人,一边还能领赏钱。乍一看,还以为是公安部的APP,或者官方出品的APP。仔细一看,才发现这款APP是「武汉鼎入鑫科技有限公司」运营,这是一家民企,经营范围包括软件开发,软件测试,图文设计等。人民赏金执行董事&经理,是一个叫苏锦霞的女士。从工商层面来看,没有直接证据证明他们公司和政府有关系。据人民赏金介绍,人民赏金的所有在逃嫌疑人,来源于公安部及地方公安厅的官方网站。官网上有说明如下:平台为非官方、非盈利,本站收录通缉信息均来源于国家公安部及各省市地方公安厅官方网站,数据更新可能不是很及时,如有不当可通过app反馈请告知!为人民服务,响应国家号召,鼓励检举,有功必赏,打击犯罪全民参与。进入APP,我们能清晰的看到通缉犯的赏金清单。还有通缉犯的排名,按照赏金大小、最新发布、热度3个维度的排行。我们看到,整个平台有1927个在逃嫌疑人数量,累计赏金8000多万。比较好笑的是,有的通缉犯赏金低得可怜,只有几块钱。数据的准确定和实时性值得怀疑。我们还能看到,平台正在招募新媒体、法律合伙人。为平台做强做大做准备。虽然网站上写着非官方、非盈利。但是在人民赏金APP,用户可以通过充值泪滴给平台的通缉犯增加赏金,这感觉是给明星打赏似得。赏金会进入「武汉鼎入鑫科技有限公司」账户。PC网站上,存在的针对企业API付费服务,针对用户的充值会员服务。收费手段可谓繁多。人民赏金这样介绍自己:1.人民赏金,是国内权威的通缉、悬赏在逃人员信息收录平台、全民参与对在逃人员打赏的平台。2.人民赏金,是国内唯一的将通缉令、悬赏内容进行归纳、分类并进行相关大数据分析的平台。3.用户可以在平台对在逃人员增加悬赏金额,平台所得赏金将依法奖励给对抓捕对象有贡献的人,无法奖出的赏金将全部捐给慈善机构。4.人民赏金,是在国家大力推行法制建设的大背景下创立的,旨在发挥人民的力量,全面动员人民群众参与到打击犯罪、扫黑除恶的斗争中来,满足人民群众的正义感、提升人民群众的参与度。5.人民赏金在此承诺,用户的赏金全部用到打击犯罪、追拿逃犯、净化社会的行动中去。很强的政治正确性。据说这款APP,早在2020年,就上线了。那时产品上的信息错误百出,像是某个外包开发的app改的,特别是app上还有「基金」tab。两年多后,这个app重出江湖。不知是为了正义?还是为了圈钱?推荐阅读产品设计中返回、关闭和取消的用法B端视觉降噪,别被设计规范框住了iPhone14灵动岛很好,但也不是完美的...你「在看」是最好的肯定与鼓励
2022年10月8日
其他

产品设计中返回、关闭和取消的用法

当进入新页面时,回到上一级页面的操作会使用「返回」、「关闭」或者是「取消」。他们看起来相似,但实际使用上有明显的区别。今天来聊一聊「返回」、「关闭」和「取消」在实际设计中的用法。本文大纲如下:1、返回2、关闭3、取消4、总结1、返回如下图在微信App-我tab页,点击列表(卡包)进入下一页,新页面(卡包)从右往左出现,这时候导航栏左侧是返回图标。上述案例,几乎所有的页面返回都符合这个规律,可以简单总结下:如果下一级页面从右往左移动,这时候使用「返回」。从右往左移动,然后通过「返回」,原路回去,符合交互行为逻辑。2、关闭如下图,发朋友圈,点击「从手机相册选择」,这时候新页面从屏幕底部出现,导航栏左侧为「关闭」。之前版本微信从相册中选取照片,使用的是「取消」,后面版本改为了关闭,如下图所示:有些时候「关闭」和「取消」可混用。facebook发布动态,页面从底部出现,使用的也是「关闭」。对于页面临时从底部覆盖上一级页面,且是完全覆盖,这种情况不应该使用返回,可使用「关闭」。用户点击链接,通过微信内置的浏览器打开,页面从右边往左移动打开,这时候导航栏为「关闭」操作。这似乎不符合上述结论。出现这种情况的原因是:关闭操作承接的任务是关闭整个网站(程序),而不是回到该网站(程序)的上一级页面。如果出现的新页面是一个系统,这时候需要使用关闭(即使新页面从右往左移动出现)。对于底部浮层面板,符合上述规则,基本都是使用「关闭」,如下图所示:支付宝充值提现,选择银行卡时,浮层面板从底部出现,使用返回,不符合交互动效,这种做法不对,如下图所示:3、取消「关闭」和「取消」区别不大,都是结束当前页。很多情况下可混用。当含有「取消」按钮,通常页面有需要一些填写的表单,如下图iOS邮箱所示:目前我理解比较大的区别是:「取消」多适用于填写较多的表单的临时覆盖页面。如下图发布朋友圈所示:上图中,涉及到取消的位置,几乎所有的取消都在左侧。取消等同于关闭、回到上一级页面的动作,位置上布局逻辑统一。当然也有例外,如搜索的「取消」则在右边:几乎主流的产品和iOS系统搜索,都将「取消」放在右边。可能是为了布局的合理性,如果从逻辑上很难解释这个现象。4、总结「返回」、「关闭」和「取消」三个的用法总结:1、新一级页面从右到左移动转场用「返回」;2、新页面从底部出现覆盖当前界面,可使用「取消」或者「关闭」,这部分没有明确的对与错;3、当新页面从底部出现覆盖当前界面,需要填写较多表单内容时,使用「取消」居多。4、进入一个全新的系统,即使新页面从右往左出现,也应该使用去「关闭」,而不应该使用「返回」。推荐阅读B端视觉降噪,别被设计规范框住了iPhone14灵动岛很好,但也不是完美的...微信PC版越来越笨重背后你「在看」是最好的肯定与鼓励
2022年10月4日
其他

B端视觉降噪,别被设计规范框住了

端产品的情况。明明也没有特别多的功能,看上去却感觉有点混乱。Before我尝试进行降噪处理后,改成了下图这个样子,在功能不减的前提下,是不是看起来清爽了许多?After下面我通过
2022年9月30日
其他

iPhone14灵动岛很好,但也不是完美的...

相信大家都已经被iPhone的“灵动岛”刷屏了,本来发布会之前被大家吐槽的“药丸”屏幕,却被新的交互方式化腐朽为神奇,更新不大的iPhone14靠设计师撑起大旗。“灵动岛”是硬件和软件的无缝集成,可以显示通知、播放音乐、计时器、以及充电、AirPods
2022年9月28日
其他

微信PC版越来越笨重背后

最近,PC版微信更新后,上线了小程序入口,可以PC上查看、使用微信小程序了。至此,PC版微信左侧边栏上,已经聚集了聊天、通讯录、收藏、文件、朋友圈、视频号、搜一搜、小程序等入口。微信PC版本上入口,和手机上「发现」入口一样丰富。按照这个趋势,手机上的更多功能,或都会搬到PC上,比如直播、看一看等。
2022年9月23日
其他

大厂B端登录页,让我打开新思路了

登录页这个东西,因为感觉很简单,所以经常不被重视。但是登录页作为一个产品的门面,直接影响用户第一印象,又是非常重要的存在。最近研究了一下我电脑上那一堆桌面端的登录页,还真发现了一些之前没想清楚的门道来。目录:0.
2022年9月21日
其他

躺平APP设计细节超棒,动效和IP太吸睛了

元宇宙项目作品集你「在看」是最好的肯定与鼓励
2022年9月19日
其他

火出圈的《羊了个羊》,到底做了什么?

我不知道《羊了个羊》具体是什么时候火起来的,不过今天是我第一次体验这个款游戏,这篇文章就来说下我的一点点思考。背景昨天下班时候,看到同事拿着手机边走路边玩游戏,没来得及问是什么游戏,当时也没想到游戏会如此火爆。今天早上起床,翻微信朋友圈的时候,发现有人发了张照片,并配文说“一夜也没有通过第二关”。上了地铁后,瞥了一眼旁边小姐姐的手机,发现在玩一个游戏,跟昨晚同事玩的游戏很像。中午刷网站时,接连看到了好几篇文章都是关于《羊了个羊》这款游戏的。下午微信群里,还时不时有人分享小程序。后来刷视频,看到了有博主在分析这款游戏。几轮信息传播下来,我的好奇心就这么被激起来了。于是到小程序里找到游戏,玩了几把。最直观的感觉就是“确实难度很高”,而且与之前的玩过的游戏还真有点不一样。#01
2022年9月17日
其他

上亿月活产品的全链路设计改版总结

转自:百度MEUX百度小说是百度APP内的垂直频道,拥有过亿月活和行业最全的正版书籍。随着著作权保护意识逐步上升,越来越多的用户愿意为优质的资源和阅读体验付费。2019年底,为了满足用户消费升级所产生的一系列需求,百度小说初步建立了会员体系。经过两年多的打磨,设计团队对小说会员体系进行了多次优化升级,现在将我们的设计经验分享给大家。一、设计背景2021年我国数字阅读用户规模达到5.06亿,同比增长2.43%,半数以上用户愿意为电子阅读付费,占比最重的人群为19~25岁用户,达到44.63%,“Z世代”已经成为我国数字阅读的主要群体。随着消费升级,用户对服务的需求不断提升,更看重信息之上的附加价值,如认同感、归属感和仪式感。二、改版原因2019年,由于时间紧、任务重,我们完成了小说会员从无到有、从零到一的基础场景搭建。随着设计趋势的变化,小说会员的设计风格不符合主流用户的喜好,在使用场景中也存在易用性不足,缺乏吸引力等问题。下图是2019年小说会员的界面。同时,我们对小说用户进行了视频访谈,搜集了用户在使用会员服务中遇到的问题,如会员福利少、找不到会员专属内容、购买过程有卡顿等,最终梳理为的三大核心问题:身份感知弱、购买路径长和资源内容少。三、设计目标在小说会员亟待改版的背景下,我们结合业务目标、旧版核心问题和用户诉求,推导出了本次改版的设计目标—品牌化、链路化和服务化。1、品牌化—强化会员品牌小说会员作为百度APP众多会员之一,设计团队希望能带给阅读用户一些不同的品牌记忆点。1)设计关键词基于会员的主流用户、产品属性和用户诉求,我们衍生出以下关键词:年轻、品质、尊贵、超值。年轻用户群体的占比越来越高,新版的设计风格应当适应当前的市场需求。2)会员符号符号是最直观的视觉元素之一,能够以最快的方式传递产品记忆点。在会员品牌符号设计的草图阶段,我们从字母V、VIP、钻石、王冠和小说IP白嘟嘟等多个方向进行了方案发散。最终采用了白嘟嘟图形与尊贵感的V形符号相结合的形式。该方案既延续了小说的视觉符号,又与竞品的会员标识形成差异,从而加深用户的品牌感知和视觉记忆。3)会员色彩为了确定更加独特的品牌色,设计团队搜集了大量的尊贵氛围图片,提炼出了玫瑰金,牙金,赤墨等8个具有品质感的颜色。在视觉初稿阶段,我们选择了玫瑰金和黄金两种主色进行了方案尝试。最终根据整体效果确定主色为明亮、高贵的玫瑰金,辅色为黑茶棕,深支子和漆黑的配色方案。新的配色方案让用户感受到新颖、现代,焕然一新。4)会员图标在图形元素上,为了增强亲和感,我们选择了圆润的面形图标样式,通过大圆弧和小圆角的细节处理,传递给用户一种年轻、品质的品牌印记。5)信息传达我们对会员购买页和权益详情页进行了布局重构,采用深色的背景衬托卡片信息,使得产品框架层和内容信息层更加明确,突出核心内容。在各类场景中,我们通过会员品牌色彩、图形、符号和IP形象的渗透,强化会员品牌印记。经过分析研究和实践,我们完成了主场景的设计升级。2、链路化—精细化运营就会员体验而言,我们需要关注用户在各种时间和各类场合下的需求,因此我们将会员的全链路状态分为时机、场景和人群三个维度。1)时机在不同的时机状态下,我们需要传递给用户不同的信息。只有深入剖析不同状态下的用户诉求,才能为其提供更好的服务。接下来我们从购买前、购买中、购买后和即将过期四个阶段阐述:①购买前—权益/优惠信息引导在用户购买前,以低价和省钱为切入点吸引用户开通会员。为此我们从三个方向上进行优化,在开通购买页,采用具体的省钱金额刺激用户转化。在会员频道页:采用外露多项权益,让用户快速了解会员权益,促进用户购买;在章节购买页:采用突出会员折扣和会员优惠价,让用户感受到开通会员的折扣福利。②购买中—优化路径流程在用户购买中,我们在会员购买链路环节进行简化,采用当前页弹出半层面板替代跳转至会员聚合页的方式,缩短等待加载时间。在章节付费链路环节,将商品选择区信息结构进行优化,减少多章购买的页面跳转,使得用户能够更快完成会员支付,提升会员转化。③购买后—强化权益感知在用户购买后,鉴于付费用户对商品和服务品质有着更高追求,所以会员体验的优劣程度,直接影响到后期续费。为此我们通过在各类重要入口展示会员权益,包括省钱金额、去广告次数以及各类场景VIP状态提示等方法,以达到强化用户的权益感知。④即将过期—轻引导续费在即将过期前,为了避免对用户造成强付费的不友好感知。过期前3天,我们采用了轻量化的形式告知用户续费,通过各类引导信息的提示,让用户知晓会员服务期限届满。2)场景为了让用户更便捷的使用会员服务,我们在入口建设和场景助推上也进行了精细化设计。在入口建设方面,我们通过增加入口曝光,让更多用户了解到会员服务;同时,方便已开通会员的用户找书、看书。在场景助推方面,我们通过分析研究线上各入口的会员转化数据,得出了用户在功能场景的会员转化率更高的结论,因此我们建立了多个功能场景的会员入口,吸引用户在使用功能的过程中促成转化。3)人群通过小说用户数据分析,我们将用户人群分为会员用户、潜在用户、新用户和过期用户。为了让会员用户能够体验到区分于普通用户的尊贵感,我们在付费页、批量离线、TTS播放页和签到页等场景均采用了会员定制化的配色方案和引导提示,这样使得会员用户在体验服务的各类场景中有更强的身份专属性。所谓潜在用户,就是指有能力付费但是仍在犹豫是否付费的用户。针对该类用户,我们采用书架省钱提示、激励视频试用15分钟、挽留弹窗会员权益吸引和降级版免广告权益等方式,让潜在用户不仅可以先试后买了解会员权益,而且可以通过信息提示通晓会员体验,更好地促进潜在用户开通付费。我们针对新用户建立了新人见面礼活动,用户在新手福利活动期内可享受超值折扣开通会员,低价体验会员权益。而针对已过期的用户则采用下发优惠券、特权吸引等形式召回用户,刺激过期用户回归续费。3、服务化—提升会员服务在内容为王的时代背景下,为了增加会员产品的核心竞争力,我们持续扩充会员书库的数量和类目、拓展会员权益,让用户阅读到更加丰富的小说内容和体验到更多权益的会员服务。在内容上,小说书库的书籍大幅扩充,付费和免费书数量分别提升了37.5%和90%。书籍类型新增了有声书和短篇故事,增添了小说资源的多样性。在权益上,对内我们持续拓展会员特权,从最初的4项扩展为10项,新增了有声免费听、免费读故事、整本离线、专属字体、签到1.5倍书币等权益;对外我们联合其他产品,推出了会员赠礼和联合会员服务,用户可以根据自己的需求进行购买,享受组合购买的优惠。通过多个版本的迭代,我们完成了会员体系的设计升级和落地,会员数量和收入分别提升了73%和114%,会员的开通转化率提升12%。四、未来规划为体验付费是一个体系化的研究课题,需要各个角色通力合作,合力同行,开创共赢。将来我们还会不断探索,通过不断优化体验细节,不断增加用户权益感知,不断尝试方案创新,最终形成一套设计组合拳,更好的为商业赋能。推荐阅读2022
2022年9月15日
其他

2022 元宇宙项目作品集

舒克和贝塔呀
2022年9月13日
其他

让你瞬间觉得产品很「智能」的小交互

的设备,都会靠前显示:推荐阅读重磅产品!微信输入法APP上线猛然发现,主流app都在褪色新东方设计师2022年度述职作品集推荐你「在看」是最好的肯定与鼓励
2022年9月8日
其他

重磅产品!微信输入法APP上线

近日,微信上线了一个重磅产品,微信键盘Android内测版APP上线。微信键盘,是微信官方出品的中文输入法。这应该算得上微信、甚至是腾讯近1年来最重磅的产品了。进入APP,需要通过2不完成设置:第一步,启动微信键盘第二步,切换到微信键盘微信键盘提供2种模式:1)隐私保护模式隐私保护模式下,你所输入的内容不会被上传至腾讯服务器,仅在本地设备储存,以向你提供基础的输入功能。2)拼写Plus模式拼写Plus模式下,相比隐私保护模式,还提供了语音转文字、智能拼写、智能推荐、表情推荐、拼写检查等扩展功能。语音转文字,识别准,反应快,效率高。智能拼写,一键改错。智能推荐书影音、小程序、视频号、公众号等。表情推荐,关键词匹配动态表情,直接发送。拼写检查,输入效率成倍提升。但是「拼写Plus模式」,需要用户授权更多的内容给腾讯。比如部分输入内容、城市归属地等,方便腾讯处理后,将向用户返回对应关联的内容或服务,如动态表情、作品信息、本地方言、本地地址、词语纠错结果等。拼写Plus模式下,腾讯不会储存用户上传的信息。我们看到,「拼写Plus模式」会比「隐私保护模式」功能能强大许多、方便许多。但微信键盘将「隐私保护模式」,作为默认模式提供给用户。用户可按需要选择是否开启「拼写Plus模式」。在效率和隐私优先级上,微信键盘选择了隐私。微信为何要做一款输入法?这需要从张小龙的出发点说起说起。2021年1月,张小龙在微信公开课透露,微信将推出自己的输入法,主要是出于保护用户隐私的考虑:微信原来并不想去做输入法,我们会经常收到投诉,说刚刚在微信里聊到什么,就在其他
2022年9月6日
其他

猛然发现,主流app都在褪色

不需要主题色来暗示操作方法了主题色使用最泛滥的时候,应该是在移动互联网和扁平风格兴起时。智能手机刚普及时,因为没有鼠标指针的悬停效果,一下子就不知道哪里可以点,哪里不能点了。一开始,以
2022年9月4日
其他

新东方设计师2022年度述职作品集推荐

今天推荐设计师
2022年9月2日
其他

飞猪这次改版,氛围感提升不少

01.无法看见的风景—如果你近期有打开飞猪,可能会发现飞猪App大变样了。不同于原版一眼看到的干净简洁,现在能看到春天的湖水和樱花,夏天的田野和微风,生动活泼的会员形象…飞猪的风格变了,从高冷的艺术画廊变成了看得到窗外风景的旅途列车,变得更有旅行的氛围感。▲
2022年8月31日
其他

Tab图标这么设计?一下击中我的呃..心巴。

OMG!经过我们一段时间不懈的努力努力再努力(断断续续的摸鱼)。智行新版底部Tab图标以及动效制作完成啦!本文将围绕智行底部Tab图标改版升级,浅谈下智行的图标设计过程与动效落地。“图标”作为一款App的重要组成部分,不仅要承载着产品功能,还需要体现产品本身的品牌调性、吸引力和趣味性。因此我们想要设计一款,融入了产品调性的抽象化符号图标,强化智行火车票的品牌感,打造记忆点。为此我们瞄准了最高频出现的底部Tab图标,作为这次改版优化的排头兵。1.
2022年8月29日
其他

做B端签了保密协议,作品集怎么办?

对于B端设计师来说,我们想要去做作品集,永远离不开保密协议,但是在保密协议当中,我们要去关注什么数据?具体应该如何执行?难道只能制作虚拟项目?今天我们就来说说B端产品的“保密协议”。首先
2022年8月27日
其他

金山云B端设计被喷老气,要不我改改?

减淡阴影加大圆角近年比较流行浅色大阴影和圆角,为了让界面更显年轻化,我最后也将视觉风格做了些调整。另外,我通过间距调整,让视觉层次更加分明:1.
2022年8月25日
其他

做产品设计改版,该如何分析竞品设计语言?

每当我们需要做设计改版或者启动一个新项目,设计师基本上都会去做一些设计分析,比如风格趋势分析,优质APP界面设计语言分析等等,做这些的目的是为了确保我们的大方向正确,同时也是为了减少重复造轮子。特别是在做0~1的新项目,设计语言分析尤为重要,帮助我们明确行业类普遍做法,差异化怎么做,能够减少踩坑。好了,下面我们看看如何分析竞品的设计语言。做设计语言分析最重要的就是选对分析对象,不管是哪个行业,选对了方向基本上不会出什么大问题。比如,要做一个音乐产品设计改版,想看看一些品牌基因塑造比较好的APP是怎么做的,这时候可以选择国内外排名靠前一些音乐去研究分析。如何选择正确的分析对象,一般情况下选择直接和间接竞品,如果你不知道有哪些优秀的产品,可以在这个网站看看。七麦数据比如,搜索一个音乐后,就可以看到音乐在国内的排名,当然还可以切换国家,看看其他国家的APP排名。竞品的对象一般选择3~5个靠前就差不多了,因为选择越多,后期分析起来越麻烦。前面我们已经确定了几个分析对象,那么到这里我们就开始分析所选产品的设计语言。一般情况下,设计语言的分析维度有色彩、图形、布局、字阶、卡片,当然你还可以增加阴影、圆角、动效等细节。色彩分析色彩分析我们一般看品牌主色调、辅助色、拓展色、安全色、以及文字颜色,目的是了解他们的色彩运用规则和制定策略。比如常规色、按压色、不可点击色彩是如何塑造的。看个列子,比如白色和灰色的应用场景。图形分析图形一般品牌图形的应用,看看这些产品如何打造品牌DNA,如何强化用户印象,图形的维度一般在图标上体现居多。比如再来看看Line的布局布局一般我们看产品内容间距,内容网格是如何打造的,间距节奏如何定义。目前主流的网格定义大部分基于2/4/8三个原子数值来定义。内容间距网格页面布局网格字阶字体节奏这个比较简单,一般就是看看他们一级标题、二级标题、三级文本、辅助文字等等的字体大小如何定义,找到一个基本的参考方向。比如像LINE设计语言,他们标题提供了4种尺寸大小,正文也是提供了4种。标题提供4种尺寸大小,应用在不同场景正文提供4种尺寸大小,应用在不同场景卡片卡片一般情况下我们要分析圆角节奏,卡片的比例应用情况。一般情况下黄金比例,特殊场景除外,比如Banner。需要了解卡片的圆角节奏是如何定义的。当前面我们分析完所有内容后,并了解这些产品设计语言的应用情况以及制定策略,在最后这一步我们就需要将这些分析内容进行梳理成可参考的文档,向团队成员分享你发现的一些核心策略和竞品视觉语言做得比较好的地方,提供给团队参考。这些分析只是参考,站在巨人肩膀学习,这样也是避免在成长过程中走错方向。最重要还需要接下来的执行,根据分析结论重新塑造自家产品的设计语言。写在最后,由于篇幅有限,没有将所有案例全部展开,但给大家提供了一个清晰的流程和思路,可以下去尝试使用这种方法做一次分析,就掌握了,欢迎留言和我讨论。推荐阅读佩服智行设计师,能搞定这么复杂的列表看看求职APP产品设计中的14种求职服务京东褪色了?你「在看」是最好的肯定与鼓励
2022年8月23日