首页

如何把控设计的画面整体?这个六个视觉语言一定要了解

博博

不管是一部电影,还是一张视觉创意,想要消费者或者老板买单,从形、意、色、字、构、质等一系列视觉语言,都需要很好的掌握。

作者:Peng蓬的芝士追光      来源:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系01063334945。 

分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

千万级小说产品,会员全链路设计复盘

博博

本文通过强化会员品牌、全链路精细化运营和提升会员服务的设计手段阐释如何为用户提供更好的服务。

百度小说是百度APP内的垂直频道,拥有过亿月活和行业最全的正版书籍。随着著作权保护意识逐步上升,越来越多的用户愿意为优质的资源和阅读体验付费。2019年底,为了满足用户消费升级所产生的一系列需求,百度小说初步建立了会员体系。经过两年多的打磨,我们不断提升会员的服务体验,并进行了多次优化升级,现在将我们的设计经验分享给大家。

一、设计背景

2021年我国数字阅读用户规模达到5.06亿,同比增长2.43%,半数以上用户愿意为电子阅读付费,占比最重的人群为19~25岁用户,达到44.63%(数据来源《中国数字阅读报告》),“Z世代”已经成为我国数字阅读的主要群体。随着消费升级,用户对服务的需求不断提升,更看重信息之上的附加价值,如认同感、归属感和仪式感。

二、改版原因

2019年,由于时间紧、任务重,我们完成了小说会员从无到有、从0-1的基础场景搭建。但随着设计趋势的变化,当时小说会员的设计风格与主流用户的喜好不完全匹配,在使用场景中也存在易用性不足、内容缺乏吸引力等问题。下图是2019年小说会员的界面。

同时,我们对小说用户进行了视频访谈,搜集了用户在使用会员服务中遇到的问题,如会员福利少、找不到会员专属内容、购买过程有卡顿等,最终梳理为的三大核心问题:身份感知弱、购买路径长和资源内容少。

三、设计目标


在小说会员亟待改版的背景下,我们结合业务目标、旧版核心问题和用户诉求,推导出了本次改版的设计目标—品牌化、链路化和服务化。

1、品牌化—强化会员品牌

小说会员作为百度APP众多会员之一,设计团队希望能带给阅读用户一些不同的品牌记忆点。

1)设计关键词

基于会员的主流用户、产品属性和用户诉求,我们衍生出以下关键词:年轻、品质、尊贵、超值。年轻用户群体的占比越来越高,新版的设计风格力求更好满足年轻用户的审美需求。

2)会员符号

符号是最直观的视觉元素之一,能够以最快的方式传递产品记忆点。在会员品牌符号设计的草图阶段,我们从字母V、VIP、钻石、王冠和小说IP白嘟嘟等多个方向进行了方案发散。最终采用了白嘟嘟图形与尊贵感的V形符号相结合的形式。该方案既延续了小说的视觉符号,又与竞品的会员标识形成差异,从而加深用户的品牌感知和视觉记忆。

3)会员色彩

为了确定更加独特的品牌色,设计团队搜集了大量的尊贵氛围图片,提炼出了玫瑰金,牙金,赤墨等8个具有品质感的颜色。在视觉初稿阶段,我们选择了玫瑰金和黄金两种主色进行了方案尝试。最终根据整体效果确定主色为明亮、高贵的玫瑰金,辅色为黑茶棕,深支子和漆黑的配色方案。新的配色方案让用户感受到新颖、现代,焕然一新。

4)会员图标

在图形元素上,为了增强亲和感,我们选择了圆润的面形图标样式,通过大圆弧和小圆角的细节处理,传递给用户一种年轻、品质的品牌印记。

5)信息传达

我们对会员购买页和权益详情页进行了布局重构,采用深色的背景衬托卡片信息,使得产品框架层和内容信息层更加明确,突出核心内容。

在各类场景中,我们通过会员品牌色彩、图形、符号和IP形象的渗透,强化会员品牌印记。

经过分析研究和实践,我们完成了主场景的设计升级。

2、链路化—精细化运营

就会员体验而言,我们需要关注用户在各种时间和各类场合下的需求,因此我们将会员的全链路状态分为时机、场景和人群三个维度。

1)时机

在不同的时机状态下,我们需要传递给用户不同的信息。只有深入剖析不同状态下的用户诉求,才能为其提供更好的服务。接下来我们从购买前、购买中、购买后和即将过期四个阶段阐述:

①购买前—权益/优惠信息引导

在用户购买前,我们强化了低价和省钱信息,让用户直观感受到购买会员后的价格福利。为此我们从三个方向上进行优化,在开通购买页,外露省钱金额,帮助用户了解开通会员可享受的收益;在会员频道页,采用外露多项权益,让用户快速了解会员权益;在章节购买页,采用突出会员折扣和会员优惠价,让用户感受到开通会员的折扣福利。

②购买中—优化路径流程

在用户购买中,我们在会员购买链路环节进行简化,采用当前页弹出半层面板替代跳转至会员聚合页的方式,缩短等待加载时间;在章节付费链路环节,将商品选择区信息结构进行优化,减少多章购买的页面跳转,使得用户能够更流畅完成支付,提升付费体验。

③购买后—强化权益感知

在用户购买后,鉴于付费用户对商品和服务品质有着更高追求,为此我们通过在各类重要入口展示会员权益,包括省钱金额、去广告次数以及各类场景VIP状态提示等方法,以达到强化用户的权益感知。

④即将过期—轻引导续费

在即将过期前,为了避免对用户造成强付费的不友好感知。过期前3天,我们采用了轻量化的形式告知用户续费,通过各类引导信息的提示,让用户知晓会员服务期限届满。

2)场景

我们在入口和功能场景中也进行了精细化设计,让用户更便捷地使用会员服务。为了突出会员优质内容和服务,我们设置了会员专属的频道和书库,方便用户选择。

在各类功能场景中,为了方便用户在使用功能的过程中随时购买,我们设置了多个功能场景的会员开通入口。让用户快捷享受会员服务。

3)人群

通过小说用户数据分析,我们将用户人群分为会员用户、潜在用户、新用户和过期用户。

为了让会员用户能够体验到区分于普通用户的尊贵感,我们在付费页、批量离线、TTS播放页和签到页等场景均采用了会员定制化的配色方案和引导提示,这样使得会员用户在体验服务的各类场景中有更强的身份专属性。

所谓潜在用户,是指仍在犹豫是否购买会员的用户。我们通过限时优惠券、激励视频试用15分钟、书架省钱提示、挽留弹窗和降级版免广告权益等方式,让潜在用户不仅可以先试后买了解会员权益,而且可以通过各类信息提示通晓会员体验,更好地判断是否通过会员服务减少付费金额和提升阅读体验。

我们针对新用户建立了新人见面礼活动,用户在新手福利活动期内可享受超值折扣开通会员,低价体验会员权益。而针对已过期的用户,我们通过下发优惠券、强化特权等形式唤醒用户,以免错过各类福利和特权。

3、服务化—提升会员服务

在内容为王的时代背景下,为了增加会员产品的核心竞争力,我们持续扩充会员书库的数量和类目、拓展会员权益,让用户阅读到更加丰富的小说内容和体验到更多权益的会员服务。小说书库的付费和免费书数量大幅扩充,且书籍类型新增了有声书和短篇故事,增添了小说资源的多样性。

在权益上,对内我们持续拓展会员特权,从最初的4项扩展为10项,新增了有声免费听、免费读故事、整本离线、专属字体、签到1.5倍书币等权益;对外我们联合其他产品,推出了会员赠礼和联合会员服务,用户可以根据自己的需求进行购买,享受组合购买的优惠。

通过多个版本的迭代,我们完成了会员体系的设计升级和落地,用户体验得到了显著提升。

四、未来规划

提升付费产品的用户体验是一个体系化的研究课题,需要各个角色通力合作,合力同行,开拓革新。将来我们还会不断探索,通过不断优化体验细节,不断增加用户权益感知,不断尝试方案创新,形成设计组合拳,为用户提供更好的服务。






作者:百度MEUX      来源:站酷



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系01063334945。 



分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

用这三步流程,打造百度酒店比价认知

博博

百度酒店以比价及低价感知传达、高效预订低价为设计目标,实现划分为了“提升感知、建立认知、强化记忆”三个阶段建立用户认知。


百度酒店以比价为核心特色,经历多次设计探索,初步建立了用户认知。

设计中通过“核心流程分析-明确用户关注信息-探索比价价值”的方式去制定设计策略,并在方案探索与落地阶段,通过思路发散、多轮数据验证与方案迭代,验证了“氛围感知强化、价值信息传达、聚合比价”等设计手段的作用,希望给服务和电商等比价类产品的设计师一些启发和参考。

一、项目背景

酒店住宿在线预订市场中,各个平台基于用户权益、运营补贴等差异进行着激烈的价格竞争,导致行业存在天然的价差。而在我们进行的一次酒店预订访谈中发现,超过半数的用户在预订酒店时会进行比价,而比价的用户中多数会使用2个以上的酒店APP。因此,在市场存在价差且用户有比价诉求的背景下,百度酒店通过接入多家供给及会员低价,旨在建立酒店聚合比价平台,为用户提供性价比最高的酒店搜索服务。

二、设计策略与落地触点

1.目标和策略制定

在上述背景下,我们与产品侧对齐业务目标,结合对用户诉求的分析,确定了设计目标。


为了达成设计目标,需要明确比价在酒店预订的各个触点下对用户的价值是什么,以探索比价如何发挥作用。下图列出了酒店预订的核心流程、核心模块及用户关注信息,由于用户在各个环节关注的信息不同,比价所能发挥的价值也就不同,因此基于比价是否影响用户进行选择和决策,我们又将核心流程分成服务报价选择前、服务报价选择时、服务报价选择后。



设计目标的实现也对应上述3个环节如下图:

  • 在服务报价选择前,比价还未对用户决策、预订体验产生直接的影响,此时要去传达比价的概念和价值,并尽可能的强化这种氛围感知,让用户清晰地认识到百度酒店可以比价,以吸引用户使用比价。
  • 在服务报价选择时,用户会利用比价进行选择和预订,此时要突出低价、辅助用户进行高效的对比和预订。
  • 在服务报价选择后的下单环节,可以进一步强化比价的感知和价值,以加深用户对百度酒店比价的印象。

2.明确落地触点

为了找到一些好的比价概念和价值的传达方式,以及提升比价体验的方式,我们进行了竞品调研,竞品包含酒店、商品等不同行业,调研结论归纳如下:

  • 利用流程中的主要模块,传达比价概念以及“享低价”、“省钱”等比价价值认知;
  • 结合“产品缝隙”渗透比价概念,具体指“当前内容”到“下一个阅读内容”的停顿时间,包括跳转时的过渡页、阅读完结的结束过程等,在用户不排斥的状况下,给用户带来一些基础的认知教育;
  • “聚合比价”模式,将针对同一商品或服务的报价由低到高排列,以便用户快速对比和选择低价。


结合竞品调研结论,我们根据百度酒店的核心流程和触点进行了设计策略的拆解,建立了策略和落地的映射关系。



三、方案探索与落地

1.提升感知-让用户知道百度酒店可以比价

这一环节的设计目标是要让用户知道百度酒店可以比价,以吸引用户在百度酒店完成下单行为,因此清晰、有吸引力的比价元素设计十分重要。基于竞品调研内容,我们进行了设计探索。

1)酒店列表-氛围感知强化及价值信息传达

下图所示为酒店列表比价设计的探索过程,最初的方案,为了保证酒店信息的获取体验,采用了与传统酒店预订平台采用一致的结构和信息优先级,仅结合图片区域和价格做了比价信息的结合,但这种设计与传统酒店预订平台差异很小,比价感知和价值的传达效果并不好。因此设计侧转变思路,在酒店列表中通过更强化的模块来突出比价的感知,同时结合“比某平台低xx”的文案说明比价结果,传达“比价获得更低价”的感知


酒店列表覆盖多个场景,为了建立百度酒店一致的体验和认知,我们将列表的设计覆盖到了搜索结果页和小程序的多个页面,如图所示。


2)房型及服务报价-基于低价推荐去强化比价

房型及服务报价模块对应酒店精准需求和酒店详情页,与酒店列表思路一致,方案在逐渐与传统酒店预订平台产生差异化,去强化比价、低价的感知,形成记忆点。

下图为搜索结果页的方案,最初外露了多个房型,以满足用户的选择诉求,但从用户行为数据来看,百度酒店的绝大多数用户会选择酒店的最低价房型及报价,因此我们调整设计方案,结合最低报价,用模块式的对比方式去强化比价,并通过“低价立省xx”的信息去传达低价感知。另外,这一部分的设计也和聚合比价有所结合,后面会进行详细的说明。


详情页的主要模块设计与搜索结果页基本一致,如下图所示,详情页中将最低报价作为低价房型推荐,以建立一致的比价认知同时便于用户快捷预订低价。另外,在常规的报价列表中,为了提升用户查找报价的效率,相比于最低价房型,采用了弱化的形式。最终方案上线后,数据上也取得了正向的效果,报价展现到预订点击的转化得到了提升。


3)“产品缝隙”中的比价概念渗透

“产品缝隙”并不像上述列表模块那样感知强烈,设计的目的是为了进一步加深“百度酒店可以比价”的用户印象。结合百度酒店的核心页面,我们重新设计了酒店列表和房型报价列表的加载态,利用“多资源方交替动效+文案说明”的方式,构建动态的比价感知,在用户进入页面或者进行筛选等场景时会出现。另外,我们也利用了小程序首页和详情页的页尾,在阅读结束时去传达全网比价的概念。


2.建立认知-聚合比价模式的构建

在竞品调研部分,我们提到了聚合比价模式,百度酒店由于报价复杂,也适合用这种方式去简化报价。

如图所示,常规酒店预订平台,同一房型(如标准大床房)会存在不同服务政策(早餐服务、取消规则、支付方式)的报价,而在百度酒店中,由于又加入了预订平台的差异,报价会更加复杂,数量更多且同质化严重,即服务政策相同,仅预订平台不同的报价多次出现,这就导致了报价列表的查看和选择效率较低。



聚合比价模式就是要将这些服务政策相同的报价聚合在一起进行比价,以简化报价列表提升选择效率,同时在服务相同的情况下,绝大部分用户会更倾向于低价,在报价聚合后,可以突出低价以便用户预订

我们也在探索如何让聚合比价更简单,初始方案采用点击展开的形式,用户可以保持滑动浏览的交互体验,整个过程的交互体验比较流畅,但页面的层级关系较为复杂,用户认知成本高。因此我们又尝试了调起面板展示比价详情,让用户聚焦在当前报价的对比,并通过模块式的设计,清晰罗列了每个平台的服务、优惠明细等差异信息,让信息的对比更高效,同时强化低价平台,与前面的比价模块保持认知一致


聚合比价模式下,存在了两种用户路径,如图所示。用户可以直接选择最低价资源方完成预订,也可以通过比价详情弹,查看针对同一服务的所有平台报价,对比平台的详细服务、优惠差异后再选择预订。

这种预订模式的目的,一方面在教育用户建立百度酒店可以比价、可以买到低价的认知,另一方面也提升了用户选择低价平台的效率。另外,聚合比价要具有清晰的规则才能被理解和信任,在比价详情中,为了进一步降低认知成本,我们通过标题突出了聚合项,并增加了比价说明入口,让聚合规则更明确。聚合比价的方案上线后,报价的预订点击到成单转化也得到了提升。


另外,前文提到的精准需求搜索结果页和详情页的低价房型推荐也利用了这种模式,不过在比价感知上做了更强化的处理。用户可以在详情页直接点击各个平台报价完成预订,也可以点击文字部分查看房型详情,在页面底部的比价详情中完成报价的对比和预订。



3.强化记忆-比价价值感的再次强化

填单场景是在预订完成后,这个环节我们可以将比价的概念和价值再次展示给用户,以加深用户对比价的认知。这里的设计手段与“提升感知”阶段类似,如图所示为一些方案探索,在用户选择低价平台预订,点击跳转至填单页后,我们会强化用户“预订到最低价”以及“为用户节省xx元”的感知。另外,在用户提交订单时,会存在一定的加载时间,我们也利用了这里的“产品缝隙”,结合加载态继续传递低价、省钱的认知。


四、结语

回顾百度酒店的比价设计过程,我们以比价及低价感知传达、高效预订低价为设计目标,基于百度酒店的核心预订流程,探索比价在各个环节如何发挥作用,进而将设计目标的实现划分为了“提升感知、建立认知、强化记忆”三个阶段,并为业务带来转化提升。

提升感知过程结合流程中的主要模块,通过模块式对比形式、传达比价价值感、基于低价推荐强化比价、以及利用“产品缝隙”等手段,去吸引用户了解和使用比价;建立认知过程利用“聚合比价”模式去精简报价,同时结合对低价报价、低价平台的强化,让用户更便捷的预订低价;最后强化记忆的环节,我们进行了一些方案尝试,再次强调比价的价值。另外,为了建立一致的比价认知,整体的设计中也坚持一致性的原则。百度酒店的比价设计也在不断地尝试和优化中,希望能给用户创造更好的使用体验。




作者:百度MEUX      来源:站酷



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系01063334945。 



分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

消息通知 | 提升消息推送转化率的必备知识!

博博

前言

通知是产品中极其重要的一部分,它能快速将内容的状态及变化通过不同的方式传达给用户,以便用户在收到信息后根据所传递的内容及时做出应对策略。
在这里,有一个很现实的问题,很多产品喜欢一股脑的把有效的/无效的、重要的/不重要的、用户想知道的/不想知道的等所有信息通通推送给用户。那么,你的推送渠道真的用对了吗?是否做了信息优先级区分?推送时间段是否有效?站在用户角度,下面这些场景你肯定碰到过:

◇ 手机屏幕总是频繁弹出信息,接二连三的震动、提示音让你一怒之下卸载了一些不太常用的APP;

◇ 桌面图标99+、主页的消息入口99+、进入消息分类还是99+,清理起来非常麻烦,还不如关闭几个分类通知,少一个也能缓口气;

◇ 一天少看了几个小视频,好不容易节省出来的流量被通知无情的消耗,还不如关闭系统通知权限来得快;

◇ 每隔一段时间,都要在手机短信中回复一大堆TD(退订),想吐的感觉;

◇ ......


在频繁地打扰下,用户关闭了一个个通知权限、甚至一度卸载APP。不难看出,好的消息通知能巧妙的将用户求留住(部分用户利用通知就能保持对微信、QQ的控制欲),做的不好就会起到负面作用、失去了消息通知的初衷,这里面最需要把控就是推送的一个“度”。
用户可能因为一条走心的推送而转化、也可能因为被打扰而放弃使用,站在设计角度,需尽可能打造让用户更喜欢的通知系统。那么,对于不同的业务需求及使用场景,又该如何差异化的进行消息推送,笔者通过本文进行分析总结,与大家一起了解。



分享目录

一、消息推送的基本知识
二、消息通知渠道
三、让用户再次开启通知权限
四、提高触达率的小技巧
五、结语


一、消息通知的基本知识

1.什么是消息通知

消息通知是产品提供的一项服务,能够及时将产品的期待或内容的变化、根据其等级权重合理的通过不同渠道及时同步给用户,常见的如互动提醒、老用户召回、活动拉新、产品更新或帮助提醒等,通过站内红点、弹窗、短信、邮件等方式与用户进行信息交换。


2.消息推送的目的

用户层面,方便及时获取到想要知道的信息、以及对信息交换的控制权。例如:用户发布一条新的短视频想要对评论/点赞及时掌控、给心上人发了信息想在第一时间看到回复...等,产品也是借此用户对内容的控制欲,利用消息推送提升用户的使用体验。
产品层面,通过主动推送想让用户知道的信息,以达到新/老用户转化的目的。例如:通过手机短信形式发放优惠券对老用户召回、应用内通知或桌面推送对用户拉新...等,以此提高产品收益,获取更大的商业价值。

3.通知设计的基本原则

首先,一个好的消息系统首先需要将消息内容设计的全面,以便用户通过消息通知能准确无误的了解到对应内容;
其次,消息的触达方式需合理有效,必须提供便捷的操作入口以供用户及时反馈;
另外,为了避免过于打扰用户,需选择合理的推送渠道,提高用户触达概率及反馈效率。


二、消息通知渠道

消息通知渠道分为应用内通知应用外通知。应用内通知主要来源于消息中心或系统主动触发的弹窗来体现,而应用外通知包括桌面图标红点、手机短信、电子邮件、push、公众号信息(需绑定)等渠道推送。

1.应用内通知

1)消息功能入口
消息功能入口提示也称为红点提示,主要有底部Tad栏、首页右上角、个人中心右上角三种形式。当有新的通知出现时,对应图标的右上角会出现小红点提示,清晰明了,关于小红点设计,之前《小红点篇 | 用好这招,让用户的触达率大幅度提升!》这篇文章有详细说明。
红点提示的用户触达率较高,但需要用户在登录状态下才能查看,比如订单状态变化、用户与用户/产品之间的互动消息、产品活动通知等。

2)消息列表

当产品的消息类型较多时,点击消息功能入口即可跳转至二级分类列表。与上述相比,消息列表的内容则更加清晰,通过第一次消息入口功能的引导触发,这里的用户触达率将成倍增加。

3)弹窗通知

以弹窗的形式覆盖在页面内容顶层,阻碍用户的当前操作并迫使用户对弹窗做出决策,可以是系统主动弹出或用户手动触发,对用户的干扰极大。
弹窗通知最大的优势在于会100%被用户看到,无法忽略,否则将不能进行其他操作,很适合产品的一些重要事件提醒,例如应用升级、活动通知、优惠券引流等。


4)Toast 通知

Toast通知是用户在操作之后给出的即时反馈,与当前页面内容关联性极强,但不会中断用户的操作,出现的时间很短,一般持续3秒后自动消失,对用户的干扰也比较小。
需要注意的是,Toast容易在用户不注意的情况下被遗漏,所以适合用于操作后不影响大局、且不可二次操作、不可逆转的轻量提示,例如删除成功、提交成功等。


2.应用外推送

1)桌面小红点

小红点通常以圆点+数字的形式出现在图标右上角,用来提示应用内的未读消息数量,进入应用查看或清除后小红点则会消失。桌面小红点有一个必备前提,需要同时开启设备和应用内的通知权限方能接收提醒通知。
在部分应用中,桌面小红点具有较大的价值,能对用户产生积极的影响,使用频率得到进一定的提升。例如:社交类应用中的私信、评论、点赞等;商家端的咨询信息、下单提醒等,用户在看到后都会有强烈的点击欲望,对一些数据的提升起到推动作用。


2)PUSH推送

PUSH推送通知常见于设备顶部横幅(几秒后消失)、通知中心以及锁屏后的中部区域,用户可从卡片中的内容获取信息类型及重要程度,用以决策是否需要立即打开。
这种推送方式,用户几乎很难忽略,不处理的话会长时间浮于屏幕之上,非常适合价值及时效性较高的消息通知。除视觉提醒之外,还可通过听觉触达用户,例如支付号、微信的收款信息等,不过依然要同时开启设备和应用内的通知权限。


3)手机短信

短信推送是大家很熟悉的通知渠道了,毕竟现在都是用手机注册账号,手机号获取难度几乎为“0”,常见的有验证码短信(用户请求)、营销短信(产品推送)两种:
验证码类似“一问一答”的互动,没有什么特别的玩法;
营销类短信对于拉取新用户、老用户召回、节日/活动促销能起到不可替代作用,产品可通过短信发送图片、文字以及超链接,内容的时效性、用户的触达率都相对较高。
着重说明一点,因为短信通知的成本较高,在使用之前需要足够的思考分析,细分用户群体做到精准投放,避免所花费的成本与产生的价值不成正比。另外,如果需要放超链接,那么短信内容一定要有足够的说服力及吸引力,总是被用户当做诈骗短信删除、举报的话还不如不放。
为了减少对用户的打扰,让产品更人性化,一般会在短信结尾提供TD(退订)提示,用户回复即可取消后续的推送,但是否真的取消成功,这就得看产品了(¬◡¬)...

4)电子邮件

电子邮件推送方式使用的并不多,一方面需要产品有web端服务,纯粹的移动端APP邮件推送不会有什么效果;另一方面,绝大多数的用户登录电子邮箱并不频繁,还容易被用户一键清理或误删。
电子邮件唯一的好处就是用户可通过超链接直达内容出处,相比APP应用,免去了下载等一系列操作,还可以长时间滞留,便于用户随时查看或添加星标,处理时间段选择较为灵活,很适合web端服务。针对一些商业化的邮件推送,也需要花费一定的经济成本。


产品获取用户邮箱地址的难度较大(邮箱账号除外),不难理解,使用手机号一键登录、验证码登录、第三方账号登录远比邮箱地址登录要方便的多。除此之外,还可以通过个人设置的添加邮箱、问卷调查的邮箱地址预留来获取,不过这就要看用户的主动意愿了。

5)公众号消息

公众号背靠社交应用,普及程度及用户触达率是极高的,不过这需要产品利用部分业务、活动为导向,引导用户关注公众号后方能接收到消息通知。
目前公众号只能向用户发送符合部分场景要求的服务通知,例如刷卡通知、物流轨迹变化、商品购买等。如果预算足够的话,还可以购买公众号列表、内容详情页、朋友圈等产品广告位进行特定用户群体推送,无需用户关注也可以看到并进行转化。


三、让用户再开启通知权限

用户一旦关闭通知权限,对产品来说无疑是一个损失,这意味着没有消息通知的推动,用户的使用频率以及与产品之间的互动显然会减少(就连夫妻之间都需要时常互动与沟通交流,何况对于有选择余地的产品),时间长了,用户转投其他产品的“怀抱”也不是不可能。
有没有想过,用户只是关闭通知权限而已,并没有卸载APP,真的就没办法了吗?是不是该做点什么...


1.寻找关闭原因

用户之所以还未卸载APP,说明还有价值,归根结底,关闭通知权限的原因都是因为消息的“狂轰乱炸”带来的无尽骚扰,几乎没有例外,而产品还会添上一把火,用户再次打开APP时无底线的催促用户再度开启,耗尽用户最后一点耐心后,或许再也没有机会了。
这个时候,设计师考虑的不是频繁提醒用户开启,而是用户关闭通知的真正原因(“狂轰乱炸”只是概括),细化各种可能性,然后从中找出机会点,但凡有所改进都值得试一试,毕竟相比什么都不做不会更糟。这么解释似乎毫无说服力,下面举个例子:
当产品中的某项免费服务突然有一天开始收费了,但受到了大多数用户的抵触,这个时候你该怎么做,是无视用户诉求继续收费、还是恢复到之前的免费?这并不是一个选择题,继续收费会导致大量用户流失、恢复免费可能连维持运营成本都难,所以不经思索的选择草草收场、连下下策都算不上。用户抵触的原因可能收费过高或是与实际价值不符,有没有想过利用限时折扣、附加其他增值服务(成本较小)或者组合捆绑销售也不失为一种策略。
那么,到底该如何做既能愉快的发送消息通知、还能能挽回用户的心呢?

2.引导二次开启

用户关闭通知权限,并非没有需求,最典型的就是在某宝、某东加了满满一“车”商品等待降价,然后抱怨消息通知太吵关掉了通知权限,最后就是无法收到折扣通知、还把问题怪在了APP身上,着实太冤。用户只要还有需求,通知权限就还有被重新开启的机会。

1)损失厌恶/利益引诱

首先,我们需要找出对应的价值点,利用优秀的文案给予用户思考的余地,用户每多思考一会,结果都有可能发生改变。
人们都讨厌失去,对于损失的不可控很难接受,在引导用户开启通知权限时,需要强调不开启会失去什么,毕竟面对“得到”和“失去”时,损失更加让人难以忍受,例如物流产品告诉用户“未开启通知,将错过重要的快递信息”。还可以通过激励等进行利益引诱,如“开启后能及时获取红包卡券、折扣通知”等,并提供快捷通道,促使用户重新开启通知权限。

2)消息分类/分别处理

每种类型的通知都不可能符合所有用户的“胃口”,针对社交、电商类产品,可将通知类型分类处理,用户希望接收哪种类型的消息单独开启即可。
例如支付宝将消息拆分为多个类型;京东还增加了午休免打扰设置,开启后在12:30-13:30不会收到任何消息提醒;微信群过多、消息太吵时,开启免打扰又担心错过重要人的信息,于是微信在去年上线了开启群消息免打扰后、可设置群内4个人的消息正常通知,算是比较人性化的设计了。

3)提供关闭/关不彻底

部分产品提供了关闭消息通知功能,但又关不彻底,这是产品基于妥协的基础上,依然在低频推送消息的“流氓”玩法,与用户完全关闭相比,已经算是不错的结果了。
常见于PC客户端,就像很多软件的插件一样,不管怎么关,总是无法彻底关闭,甚至还将开启操作伪装成其他内容引导用户误触;手机短信推送也会有这种情况,用户回复过“退订”后依然会收到相关短信。


这种方式需谨慎使用,在用户关闭通知后,需通过后续推送内容的质量、频率试探用户底线,然后逐渐提升,切不可无视用户操作。


四、提高消息触达率的小技巧

1.减少重复通知

反复推送相同的内容只会让用户更加反感,回复退订、卸载应用都可能在这一刻发生。
很明显,消息发出后,如果用户的触达率较高就没必要再次推送。反之触达率较低,重复推送会让用户有种被催促、胁迫的感觉,适得其反,触达率低有没有可能是文案不够友好、表达不够清晰或者吸引力不够?即便同一件事情,也尽量使用不同的表达方式,如何想办法重新引起用户的关注才是关键点。


2.言语得当、避免误会

中华文字博大精深,且有56个民族,其性格习惯各异,特别在利用当前社会热点、媒介进行的营销推送时,尽可能规避掉敏感信息,如地域/民族歧视、性暗示等。


3.细分受众群体

很多时候,消息推送太少无法满足产品目标、太多则会惹恼用户导致通知权限被彻底关闭,所以不仅要考虑消息推送频率,更重要的是对受众群体进行分类、分别推送,不要每次都一股脑的将消息发给所有用户,当然,能做到千人千面(成本大)则会更好。


4.内容清晰简洁

没有用户愿意在不明所以的情况下来看长篇大论的内容,需确保消息内容简单直接、清晰易懂,并符合用户认知习惯,还得保持友好的语气以及富有创造力的品牌形象。
处于营销目的时,可利用感兴趣的事件/事物勾起用户的点击欲望,例如网络热词、时下热点等,笔者虽然并不提倡“标题党”,但不得不说,很多标题党都能起到不错的效果。


5.提供“下一步”入口

消息通知需要一个有效操作入口,并且在消息内容中有对应的指向,点击应用内通知切换APP界面、应用外推送链接跳转至web页,从始至终都需要为用户提供一个查看更多内容或参与的有效途径。


五、结语

消息通知设计的主要目的是在正确的时间、以正确的方式将内容呈现给用户,并提高产品的转化率,不管用户愿不愿意接受,这始终都是一个呈现信息的不错途径。
本文主要总结了消息的通知渠道、常见问题处理、提升用户触达率的方法,以帮助新手设计师快速掌握完整的消息系统。或许最终的结果事与愿违,但不能否认其魔力,需要做好的是确保消息内容质量、对应的受众群体及合理的推送渠道,相信总有一种方式适合你产品。



作者:大漠飞鹰CYSJ      来源:站酷



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系01063334945。 



分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

引导帮助在产品中的作用

博博

合理的产品引导功能,可以使用户在较短时间内了解产品的特性与使用

用户怎么知道此功能的使用方式?

前几天眼睛不太舒服,去医院做了一个检查(视疲劳导致)。因为要走商保,所以要使用社保卡,之前我记得用社保结算都需要去人工窗口,我刚过去就被一个穿着红马褂的大妈拦住说自助机也可以用社保,要我扫她胸前挂的码(可以快速到达电子社保二维码界面),扫完她就开始帮我点击操作。 

她觉得我应该不会操作,所以让我看一遍,其实这个操作并不难,只是因为我不知道自助机上可以用,自助机周围也没引导操作流程。而且她这种方式让很多年纪大的人和外地过来看病的觉得你是个骗子,后面好几个人都还是去了窗口。 

在B端产品中也有很多类似问题,用户不知道有这个功能、也不知道这个功能怎么使用,特别是一些大数据产品,专业性比较强。产品、技术都认为用户和他们一样都懂,实际上并不是,这个时候你需要提供一些邀请,引导用户进行使用。

邀请就是引导用户进行操作前的提醒和暗示,通常包括实时的提示信息和预期功能,以表明在下这个界面或下个界面可以做什么,这是成功的交互式界面关键所在。

例如:飞书我的空间,当鼠标停留在可编辑区域上时,就会实时地显示邀请(复选框),这个例子的缺点是鼠标如果不处于相应区域上,就不会显示邀请。 



另一种方案是任何时候都显示邀请,例如:石墨文档我的桌面,复选框一直显示。



静态邀请

静态邀请就是通过直接在页面上给出交互提示,可以让用户随时看到期望的界面功能。

静态邀请主要有两种模式:引导操作邀请、漫游探索邀请

1、邀请操作 

步骤邀请 

例如:华为云HECS服务器产品就给出1、2、3操作步骤 引导操作会占据页面较大的空间,同时也会吸引用户的眼球。所以在设计时需要思考一下,你希望引导用户执行什么操作,用户是否可以多次查看,这样有利于设计出明晰的页面和信息层。



白板引导 

另一种引导操作邀请叫作白板式引导。 意思很明确:现在只有一个空白页面,需要引导用户创建内容。





利用空白区域“变废为宝”,如何对该区域应有的功能给出提示,是诱导用户创建内容(填补空白)的有效方式。

2、漫游探索邀请

与引导操作邀请关系密切的是漫游探索邀请。假设你重新设计了某个页面并添加了一组全新的功能,怎样才能保证用户恰当地使用新页面,同时发现新添加的功能呢?漫游邀请是向用户介绍新功能最好的方法。



最佳实践:

1、漫游功能用户可能不想用,所以需要有可选功能,也就是可以跳过或关闭;

2、漫游功能不是“创可贴”不要乱用,只有针对精心设计的界面使用才能发挥价值;

3、设计漫游的关键在于保持简单,让它容易开始也容易停止。漫游应该只是页面本身的一个演示。脱离页面的“教程”式漫游很难起到作用。

动态邀请

静态邀请适合提示用户当前界面中包含什么功能。然而,许多调查试验表明,用户经常不会阅读指导说明性的文字。而在用户交互过程中,在他们需要的时候提供邀请则是一种不错的方式。动态邀请就是在用户交互过程中的某个点上吸引用户,并引导他们继续下一步操作。

1、悬停邀请:在鼠标悬停期间发出邀请 

吸引用户的一种方式是通过鼠标悬停来显示邀请



例如:飞书消息列表鼠标移入后, 背景变化的同时会有一个“勾”图标来吸引用户,鼠标移入上去后提示可以勾选完成,点击完成后消息移除列表。 

最佳实践

1、当操作没有内容重要,而且希望界面整洁时,使用悬停邀请。

2、在实现悬停邀请时,可以通过改变光标、改变背景和显示提示条共同配合表明所邀请的操作

3、在交互的不同阶段,尽量点缀一些用户熟悉的元素,通过熟悉的概念引出新概念有助于用户快速理解新功能。最常见的元素是按钮、链接、下拉箭头和众所周知的图标。

4、通过距离表明邀请操作的目标对象。 

2、预期功能邀请:使用熟悉的实物引出新实物 

唐纳德·诺曼将这个术语引入到设计领域。最经典的例子是门把手,门把手的预期功能是可以抓握、扭转或按压。屏幕元素可感知的预期功能没有物理属性,不过,由于习惯、术语、图形及一致性等原因,用户能够在某种程度上感觉到他们可以操作这些元素。





例如:第一张图飞书文档sheet页“加号”图标与第二张图“三个点”图标,就是一种预期功能邀请。用户没触发之前就能猜到触发后会是什么效果。 

预期功能邀请之所以有效,是因为利用人们已知的习惯与认知引入交互,从而让用户顺利完成一连串操作。 

最佳实践

1、通过人们习以为常、司空见惯的概念来引出新的、不熟悉的交互方式。

2、使用可感知的预期功能来给出邀请提示(例如,用向下的箭头表示可以打开下拉菜单,而用向上的箭头表示可以关闭菜单) 

3、把邀请安排在适当的上下文中,特别是要靠近交互的主体。 

3、推论邀请:用于交互期间

设计邀请时怎么才能猜测用户的想法,也是一项重要挑战。如果用户下一步可能会执行多种操作,而事实上又不可能准确判断用户想法,那么面临的困难就会比想象的大很多。 

在google sketchup ( 3D)绘图工具中,当鼠标点击某个点后,进行第二个点连接时,会有多种可能性,这个时候系统也不确定用户会怎样连接,但会给出对应的提示,比如:端点、中点、背面、侧面等点位来辅助用户进行连接。 



例如:这种工作流场景个人觉得也算是一种,点击“加号”右侧会滑出面板,给出你可以添加的动作。 这种在交互期间以可见方式向用户表明系统推断出的用户想法被称为推论邀请。

4、更多内容邀请:用于邀请用户查看更多内容

图片类型的更多邀请,例如:站酷相关推荐 



文字更多邀请,例如:QQ邮箱右侧最近联系人 



邀请的优点

精心设计的应用能够通过邀请体现出各自的细微差别,无论是静态还是动态,都是引导用户顺利进入下一个交互层次的有效方法。

谢谢观看!


作者:夜莺YEAH      来源:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系01063334945。 

分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司 

白嫖!2022年最新免费可商用的101款中文字体包(附下载)

seo达人

优设网(4种字体)

优设字由棒棒体 – 优设&字由

优设好身体 – 优设

优设标题黑 – 优设&字由

优设标题圆 – 优设

图片

庞门正道系列(5种字体)

庞门正道细线体 – 庞门正道 x 胡晓波工作室

庞门正道真贵楷体 – 庞门正道

庞门正道轻松体 – 刘兵克工作室

庞门正道粗书体 – 6.0车港敏

庞门正道标题体3.0 – 庞门正道 x 12位设计师

图片

 

站酷(6种字体)

站酷庆科黄油体 – 郑庆科

站酷小薇LOGO体 –  李大卫

站酷文艺体 – 刘兵克工作室

站酷酷黑体 – 胡晓波等多名设计师

站酷快乐体 – 刘兵克等多名设计师

站酷高端黑 – 胡晓波、刘兵克等

图片

 

胡晓波系列(3种字体)

胡晓波男神体 – 胡晓波

胡晓波骚包体 – 胡晓波

胡晓波真帅体 – 胡晓波

图片

 

阿里巴巴普惠体 (9个字重)

图片

 

千图网系列(6种字体)

千图雪花体 – 千图网 x 字魂网

千图纤墨体 – 千图网 x 字魂网

千图马克手写体 – 千图网 x 字魂网

千图厚黑体 – 千图网 x 字魂网

千图笔锋手写体 – 千图网 x 字魂网

千图小兔体 – 千图网 x iFonts

图片

 

叶根友字体(3种字体)

叶利航九龄卡通 – 叶根友

叶根友守中曲画 – 叶根友

叶根友锐劲体 – 叶根友

图片

 

霞鹜系列(4种字体)

霞鹜文楷 – 落霞孤鹜

霞鹜漫黑 – 落霞孤鹜

悠哉字体 – 落霞孤鹜

小赖字体 – 落霞孤鹜

图片

 

仓耳字库(4种字体)

仓耳舒圆体 – 仓耳字库 x 张少龙

仓耳周珂正大榜书 – 仓耳字库 x 周珂

仓耳小丸子 – 仓耳字库 x 张少龙

仓耳渔阳体 – 站酷 x 张少龙

图片

 

Keynote研究所(5种字体)

演示秋鸿楷 – 人生哥 x 叶运鹏

演示夏行楷 – 人生哥 x 刘锡栋

演示春风楷 – 人生哥 x 徐占海

演示悠然小楷 – 人生哥 x 孟祥媛

演示佛系体 – 人生哥 x 纪国才

图片

 

荆南字坊系列(3种字体)

荆南波波黑 – 荆南字坊

荆南麦圆体 – 荆南字坊

荆南缘默体 – 荆南字坊

图片

 

三极字库(4种字体)

三极泼墨体 – 三极字库

三极素纤简体 – 三极字库

三极行楷简体-粗 – 三极字库

三极力量体简-粗 – 三极字库

图片

 

素材集市(2种字体)

素材集市酷方体 – 素材集市

素材集市康康体 – 素材集市

图片

 

字由系列(3种字体)

点字浅夏体 – 字由

字由文艺黑 – 字由

字由芳华体 – 字由

图片

 

钟齐字库(4种字体)

马善政毛笔楷书 – 马善政

钟齐志莽行书 – Zhimang

钟齐流江毛草 – Liu Zhengjiang

有字库龙藏体 – 钟齐字库

图片

 

字体视界(2种字体)

字体视界法棍体 – 字体视界

字体视界法棍体拼音版 – 字体视界

图片

 

像素字体系列(6种字体)

粗宋 – diaowinner

点点像素字体 – wixette

坊宋 – diaowinner

凤凰点阵体 – Haoyu Qiu

观致8px字体 – 夏夏

中文像素字体 – Luckeee

图片

 

字体传奇(2种字体)

字体传奇南安体 – 字体传奇

字体传奇特战体 – 字体传奇

图片

 

其他系列字体(26种字体)

创客贴金刚体 – 创客贴 x 郑庆科

刘欢卡通手书 – 刘欢

雷盖体 – 猫啃新人

美呗嘿嘿体 – 美呗设计中心

逐浪萌芽字 – 逐浪字库

白无常可可体 – 白无常

斗鱼追光体 – 斗鱼

文道潮黑体 – 文道字库

汇文明朝体 – 天王帝廷

Oz焦糖下午茶 – 新蒂字体

图片

摄图摩登小方体 – 摄图网 x iFonts

鸿雷板书简体 – 鸿雷字迹

江西拙楷 – 黄煜臣

卓健橄榄简体 – 卓米品牌设计

问藏书房 – 造字工房

阿朱泡泡体 – 朱振杰

沐瑶随心手写体 – 春颜秋色

包图小白体 – 包图网 x 字体视界

联盟起艺卢帅正锐黑体 – 卢帅

锐字潮牌真言简 – 锐字家族

图片

贤二体 – 汉仪字库

途牛类圆体 – 途牛UED

杨任东竹石体  – 杨任东

醍醐书体 – 字体维基网友

黄引齐招牌体 – 黄引齐

柳体 – Hiweed team

图片

 

结语

以上字体在整理之时,均可免费个人/企业商用,但不做任何保证,如有任何字体在以后更改为收费字体,不做另行通知,请各设计师随时留意字体出品方的版权资讯。

字体整理只为让更多设计师使用,绝无任何非法传播或售卖,如后续有任何字体不允许传播,请联系本人,会立即删除。极少部分字体需进入官网授权下载,所以未提供安装包,请查看对应的指引说明。

 


作者:黑马青年

转载请注明:学UI网》白嫖!2022年最新免费可商用的101款中文字体包(附下载)

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



设计灵感不应该被一个网站而限制

seo达人


不能被一个网站而限制

最近 Behance 封停了国内账号,导致很多设计师无法访问,因此也流传了很多解决方案。今天黑马哥就不和大家讨论这个解决方案了,其实有很多同学就算在能访问的时候也没看几次~O(∩_∩)O~。

图片

这个事件告诉我们,设计师的习惯是多么的重要,我们的设计灵感不能因为一个网站平台而局限。退出账号依然可以访问,只是很多同学纠结的是自己的收藏没有了,如果平时养成本地化采集的习惯,你就不会出现这个问题。我们不要把希望寄托在云端,只是买一个硬盘就能解决的事情,也不要觉得不方便,其实很多作品我们也不会经常看,存储只是为了不时之需。每年都对采集的作品进行一次整理,近两年的放在电脑里面,时间过长的存储在硬盘里面就可以了。主要还是要对作品进行分析,掌握作品的技法经验和设计思维才是关键。

除了存储习惯以外,我们也不要只是固定访问一个网站获取灵感,优秀的设计类平台是很多的,我们要发现更多新大陆。下面黑马哥为大家精选几个访问频次较高的国外平台,国内的大家都比较熟悉这里就不列举了。

 

设计/插画等灵感网站推荐

以下推荐一些个人比较常用的几个网站,排名不分先后,属于随机性排序。

1、notefolio

https://notefolio.net/

notefolio 是韩国的一个设计交流网站,很多设计师都会在这里分享自己的设计作品和进行设计交流。和国内很多设计作品分享平台类似,是一个综合型设计师交流社区,有平面设计、UI/UX 设计、插画、产品包装设计、摄影、版式设计、数字艺术、美术、工艺等等。

图片

 

2、Mobbin

https://mobbin.com/

这是一个汇集全球优秀 APP 截图的网站,有超过 50000 个优秀 APP,节省了下载应用的时间,对于 UI 设计师来说非常实用。

同样的应用还提供了 iOS 和 Android 两个不同版本的截图,简直非常的人性化。这是一个使用起来非常简单的网站,海量的设计必将开启你的灵感脑洞。

图片

 

3、Pinterest

https://www.pinterest.com/

这绝对是一个灵感采集的绝佳网站,经过众多用户的长期积累,已经汇集了全球大量的优质图片资源,其中设计作品也是非常丰富,且质量都普遍偏高。

你可以通过关键词搜索、画板关注、以图搜图等操作获得灵感,而且相似推荐还能延伸出更多类似构图、配色、主题等图片资源。点击作品还能跳转到原始出处,顺藤摸瓜找到更多优质资源,真的是非常便利。

图片

 

4、Designspiration

https://www.designspiration.com/

该网站除了通过关键词搜索图片内容以外,在搜索栏有⼀个调色板的图标,点击可以通过指定的颜色进行搜索相关配色的图片或者设计。在选择颜色的时候不是单一的色彩选择,可以选择几个配⾊组合进行搜索,对于设计师来说⾮常实用。

图片

 

5、Abduzeedo

https://abduzeedo.com/

Abduzeedo 是一个优秀的设计博客,提供给设计师创意和灵感的社区,这里有设计、摄影和 UX 等相关的文章提供给那些想寻找灵感的设计师。这是一个开放的设计社区,它是设计师日常的灵感来源。

图片

 

6、UI Garage

https://uigarage.net/

UI Garage 提供了很多应用设计的截图和模板,专业细分的类别和精挑细选的设计截图,还有很多设计工具推荐,是一个非常实用的网站。在这里不仅可以获得设计灵感,还能获得优秀的设计工具或者插件来提高我们的工作效率。

图片

 

7、Dribbble

https://dribbble.com/

Dribbble 相信很多喜欢 UI 设计打卡的同学比较熟悉,汇集了大量设计师的一些日常创意作品。该网站不同之处是发布作品需要邀请码,就是需要有邀请码的设计师邀请加入才能发布作品,获得邀请码也相当于设计能力获得认可。

整体作品的质量还是不错的,如果当你设计时没有想法,这是一个不错的灵感采集地。

图片

 

8、ndc

https://www.ndc.co.jp/works/

这个网站展示了很多非常不错的设计作品,偏向于简约风。相信这些项目设计的灵感,可以带给我们更多的设计思考。

图片

 

9、FolioArt

https://folioart.co.uk/

FolioArt 是一个插画艺术作品展示网站,拥有高质量的插画作品,形式也多种多样。就像一个插画家的资源库,让有商业需求的客户通过这个平台,和世界顶尖的插画师进行合作。

图片

 

10、unDraw

https://undraw.co/illustrations

这里提供的插画作品数量众多,各种小场景的插画无论是独立使用,还是组合使用,肯定可以满足很多场景需求了。平台内置的编辑器还可以对插画进行调色,导出格式也是支持后期编辑,非常的实用和便利。

图片

 

小结

设计的灵感来源途径是很多的,不局限于某一个单一路径,以上的推荐仅为抛砖引玉,还有很多优秀的网站给我们带来设计灵感和经验学习。每个人的关注焦点和选择角度不同,以上仅为个人推荐,不足之处欢迎大家留言补充。

 

原文地址:黑马家族(公众号)

作者:黑马青年

转载请注明:学UI网》设计灵感不应该被一个网站而限制

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



社交临场感 | QQ音视频产品体验设计

雪涛


SITUATION ANALYSIS

——————————

现状分析

要突破用户增长停滞的困境,需从全局角度思考,对问题所处的系统进行分析与洞察,找出拓展应用场景的机会点,提供技术或价值创新的功能与服务。



SWOT分析

首先,针对QQ音视频所处行业的竞争态势进行全面、系统的分析,包括内部优劣势,以及外部机会和威胁,以此制定相应的策略与计划。


用户洞察

关注竞争对手,更要研究用户,通过用户调研洞察用户需求,找出QQ音视频应持续巩固优化,以及需考虑突破的使用场景。 



行业趋势

综观音视频的行业发展与科技趋势,有三个主要的发展方向:


1. 超高清视频


5G高带宽、低时延将开拓更多玩法和业务场景,超高清视频通话将带来更豐富的感官體驗,犹如面对面沟通。


2. 应用场景多元化


从使用场景来看,音视频已走出会议室,从单纯的沟通交流,扩展至丰富的应用场景,广泛服务于人们的日常生活。


3. 智能终端+音视频云服务


未来智能终端将具备联网连接的能力,搭配音视频服务提供商的云服务,使得通话无所不在,可随时通过智能终端进行音视频通话。





VISION PLANNING

——————————

愿景规划

综合前述分析,提出QQ音视频的用户体验愿景(UX Vision)和价值主张(Value Proposition)。


用户体验愿景

QQ音视频的本质在于沟通,其声影重现的独特优势,消弭了空间距离。未来随着通信技术的演进,高画质、低时延、实时互动的感官体验,将实现远距临场(Telepresence)的终极目标,使用户感受到近乎面对面交流的体验,就像在眼前〝一起做〞某些事。




价值主张

综上所述,提出QQ音视频为用户传递的价值——社交临场感(Social Presence)


临场感相关理论与研究,源自Short、Williams和Christie等三位学者于1976年所提出的社会临场感理论(Social Presence Theory),指的是双方通过传播媒介进行沟通的过程中,所能感受到对方真实存在的程度。QQ音视频凭借高度的媒介丰富性,提供实时响应、语言/非语言线索交互,使用户能轻易地在社交互动中感知对方真实存在,进而在心理上获得归属感与认同感。


根据过往文献与媒介特性,将QQ音视频的社交临场感分为四个层次:


1. 界面质量(Interface Quality)

界面可用性与视觉设计不会干扰操作,能让用户专注于音视频沟通。


2. 真实感(Realness)

音视频的声画体验及与人交流的方式,能贴近于真实世界。


3. 互动性(Interactivity)

用户之间的互动交流越强,越能感受到对方的存在。


4. 情感传达(Affective Expression)

通过情绪表达、环境氛围的营造与对方建立连接,在心理上感到彼此的存在。





STRATEGY FORMULATION

——————————

策略制定


围绕社交临场感的价值主张,制定突破当前困境的目标与设计策略。音视频产品除了广泛应用在通讯场景,正逐渐赋能更多创新场景。基于Q群生态和调研结果,聚焦于生活、办公、娱乐等场景进行探索。


设计目标

两个主要的设计目标:


1. 重塑体验


回归通讯本质、夯实基础体验,对通话界面进行改版设计,让用户专注于音视频沟通。


2. 场景探索


开拓应用场景,通过社交临场感赋能生活、办公、娱乐等场景需求,为用户创造价值。




设计策略

针对QQ音视频的应用场景,制定相应的设计策略。




STRATEGY I

——————————

通讯本质——专注沟通更无碍



界面质量是影响社交临场感的关键要素,然而调研结果显示,QQ音视频的通话质量和体验落后竞品,包括主界面功能复杂、通话流程痛点多、核心能力落后竞品等体验问题。

针对上述问题,提出QQ音视频改版的设计思路:


1. 化繁为简,回归本质


2. 链路排查,解决痛点


3. 补齐短板,超越竞品




化繁为简,回归本质

分析不同通话类型的用户习惯,以及各个功能的使用数据,区分功能优先级,分为核心功能、辅助功能、高级功能等三个层次,重新定义功能架构与布局。



主界面:少就是多,收折非常用功能,确保核心通话体验。


更多面板:主界面功能越少,更多功能入口越能起到引导作用,从右上角找到进阶功能。


快捷手势:通过新手引导、红点引导、快捷手势,满足高级用户的需求。



链路排查,解决痛点

运用认知走查(Cognitive Walkthrough)快速排查通话过程存在的用户痛点,并将缺失的功能与信息补齐,最终解决超过16个以上的可用性问题。




补齐短板,超越竞品

对于视频画面的思考:

QQ采用1大N小的画中画模式,适合1人主讲、他人观看的场景,主客位明显,缺少一种与他人共在的感觉;反观微信是9路宫格画面,视频画面仅聚集在上半部,有利于节省流量,但同时也限制了屏幕利用率。



兼合上述两者的优点,设计了16人视频通话的功能:


1. 100%屏幕利用率,让内容展示更完整。


2. 力求面画均等分割,最多支持16路视频。


3. 手势快速切换宫格与画中画



16人视频通话也延伸了不同的创意玩法,例如祝朋友生日快乐、拼字表白或求婚。




STRATEGY II

——————————

生活场景——与你陪伴更有感



QQ视频通话重度用户的通话对象,主要来自恋人伴侣,这类用户最希望获得〝在一起〞的陪伴感,而社交临场感的〝真实感〞是营造音视频陪伴感的关键因素——彷佛对方就在眼前,两个人一起聊天、一起做某些事。


让他 ‧ 她看到最好的你

声影的真实感,是让对方感受到你就在眼前的必要条件。真实感包括流畅度与清晰度,通过用户行为分析,发现在不同场景下,用户对视频清晰度与流畅度有不同偏好 。


为此,QQ音视频开创了的高清 / 流畅模式,用户能根据自身需求做选择,切换自动、流畅480P、高清720P三种模式,针对不同模式定制码表,匹配不同的帧率和码率。除此之外,QQ音视频也与手机厂商合作,开发QQ 5G 1080P超高清视频通话,提前布局5G应用。



记录〝在一起〞的时刻

创造情感连接,有助于拉近彼此距离,营造陪伴感。有什么是情侣、闺蜜平时会做的事,因为分隔两地不能一起做了?


循着这个思路,设计了全新的双人合拍模式。距离遥远的两人,通过QQ音视频实现留影合拍,让彼此的情感得以沈淀。另外,为了增添合拍时的乐趣,该模式结合了P图资源与人脸识别的能力,让用户可选用场景模版与挂件,创造属于两人的高光时刻。



〝一起做〞某些事

情绪之间的感染,更能强化陪伴感与互动感,据此设计了第一款支持视频聊天的一起看应用 ——视频包厢。有别于Q群一起看的广播形式,视频包厢诉求更亲密、1v1的陪伴感,彷佛对方坐在身边,一边看剧、一边聊天。视频包厢的价值,除了提升QQ音视频的互动性,也为关系链活跃拓展应用场景。





STRATEGY III

——————————

办公场景——群体沟通更高效


线上会议是办公用户主要的使用场景,一方面将聚焦用户核心需求,思考办公场景的功能设计,另一方面增强用户之间的互动性,让会议更具社交临场感,就像面对面沟通一样高效。


沟通更多元

为什么需要文字聊天?当主持人开启全员静音,此时无法回应讲者;多人通话时,最多同时听到6个人的声音;不方便开麦或摄像头,又想参与互动。


为了解决痛点、完善沟通形式,QQ音视频新增了文字聊天的功能,可通过手势快速展开 / 收起聊天界面,并支持发送表情和文字消息;这些消息只会在通话界面沈淀,不影响未参与会议的群成员,避免不必要的打扰。


轻松会议管理

对办公用户而言,线上会议需要完善的管理机制。QQ音视频尝试结合Q群管家机器人,小成本实现通话预定。用户能设置通话主题、开始时间、会议提醒,并支持分享会议链接到微信、QQ空间等其他渠道;获取链接的用户,能快速拉起QQ加入会议。


以我所⻅为你呈现

面对面分享是信息共享最有效率的方式,分享者能够当面指出要点,有效地表达与沟通。QQ音视频借助系统镜像投屏,实现边通话、边共享的能力。在商务会议中,将手机中的信息与操作,实时同步给其他参会成员,例如文件、照片、邮件内容等,并支持同步画面、设备声音。另外,诸如游戏分享、作业辅导、操作协助等场景,都能通过屏幕共享满足需求,为用户带来实质性的效益。手机端最后一块拼图完成后,QQ多端皆可实现屏幕共享,现已成为QQ音视频的口碑能力。




STRATEGY IV

——————————

娱乐场景——线上聚会更好玩



疫情期间,线下聚会被迫停止,线上娱乐应运而生。在此契机之下,借助音视频实时互动、声影重现的特性,开启了新的娱乐形态——QQ一起派对。


QQ一起派对是基于音视频展开的实时社交游戏,旨在打造真实聚会游戏体验,让游戏过程更贴近线下真实场景,就像面对面一起玩聚会游戏,能与好友边玩游戏、边聊天。通过环境氛围的营造,包括场景具象化、增强代入感等方法,实时感知好友的情感变化,从而获得社交临场感,在心理上感到彼此的存在。


此外,有别于竞品需通过点击按钮作答,QQ一起派对利用实时语音识别,让用户通过更自然的人机交互方式,在游戏过程中进行语音抢答,彷佛置身于真实世界中与好友互动。





OUTCOME

——————————

成果:深挖场景,用户为口碑功能点赞


QQ音视频经过一系列的体验重塑,获得不错的成果。基于生活、办公、娱乐等场景深挖需求,新增许多实用功能和创新玩法,为用户体验和价值创新奠定良好的基础,且归功于这些积累,以致于在疫情期间,QQ音视频能不畏竞品的挑战。除此之外,多项新增能力,例如屏幕共享、视频包厢、QQ一起派对,获得用户广泛好评;调研显示,用户乐于将QQ一起派对推荐给其他人,足见该功能获得不错的用户口碑。



结语

对于音视频行业来说,疫情迎来的爆发式增长,无法保持高速成长态势,会有一定程度的回落,但能提高大众接受度和习惯养成,体认到音视频能在一定程度上替代线下沟通,不仅限于通讯功能,音视频应用拥有更多的可能性,正逐渐赋能更多创新场景。为此,QQ音视频基于社交临场感,探索并赋能生活、办公、娱乐等应用场景,提供技术或价值创新的功能与服务,为用户创造独特的价值。


面对市场上同类竞品的崛起,作为一个UX设计师,除了因应产品思维设定目标,亦应思考如何以价值驱动解决问题:对于如何解决问题、迈向未来愿景,提出最适切、有效的方法。换言之,要关注的不只是当前面临的问题,更重要的是擘画用户体验愿景,提出该产品的价值主张,并制定相应的设计策略。


以QQ音视频来说,项目初期设计师便与产品经理共同讨论产品方向、策略和功能规划,并根据调研报告,找出拓展应用场景的机会点,借此描绘出QQ音视频的未来愿景、给用户带来的价值。尔后根据里程碑计划(Milestone Plan),从通讯本质、场景探索到新终端应用,逐步朝着远距临场的终极目标前进,此举不仅有助于产品功能先行布局,也能确保功能设计围绕用户价值。




蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系。 



作者:腾讯ISUX团队    来源:站酷





分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

设计效率工具趋势 | 综述篇

雪涛

概述

——————————


工欲善其事,必先利其器。好的工具可以有效的激发设计师的灵感、提升设计师的效率。我们准备做一个设计效率工具系列,整个系列将好的设计工具贯穿到完整的设计流程中,并结合日常我们使用的情况向大家做推荐。通常的设计流程分为日常的积累、研究分析、设计创作、测试评估、对外宣传这几个环节。此篇为综述篇,之后的篇章会针对不同环节进行深入的陈述。




一、日常积累


设计师日常除了应对当下的需求,每天可以拿出一定时间保持学习的习惯。不仅可以让我们紧跟最近的设计趋势、设计潮流、设计方法,也可以让我们潜移默化中得到提升。


Panda|全而美的设计订阅平台





Panda帮助设计师不错过每天的设计灵感和资讯,包括新的设计方法理念、流行潮流、也有一些新产品推出。我们可以把Panda替换Chrome主页,每次打开浏览器页面都可以随时看到最新的设计资讯。一些英文的订阅也可以用chrome浏览器的翻译功能可以粗略查看。


地址:https://app.usepanda.com/#





Topys|创意内容平台





全球顶尖创意内容平台,作为中国成立最早、最受欢迎的创意垂直网站,以 “Open Your Mind” 为宗旨,始终专注在全球创意、艺术、灵感、人文领域寻找最有质感的声音。


地址:https://www.topys.cn





Voicer|分享生活和设计的美学





我们总在生活中与「一瞬间的感动」相遇。Voicer的理念即是发现这「感动」, 将它传递给更多热爱生活的人们。内容包括创意内容品牌、在线杂志等。致力于分享生活和设计之美。


地址:https://www.voicer.me





Design better|优质设计读物网站





涵盖设计商业思维、产品设计原则、设计系统等关于推动设计团队前进的实践读物,同时提供PDF和有声格式。


地址:https://www.designbetter.co





二、研究分析

——————————


设计师在调研过程会研究用户、记录用户的行为和需求,会使用一些高效的记录工具。同时繁多的调研的信息需要汇总整理,协作整理,这里会推荐一些记录和整理的工具给大家。




Noted|录音笔记好工具





Noted 是一款将录音和笔记相机相结合的软件。我们做访谈用户或做会议纪要的时候,经常错过记录的内容,如果通过一些软件录音的话,后期回听需要比较多时间成本。Noted可以在记录笔记的同时记录输入文字的时间点所对应的录音,输入的每个字的时间点都会对应到。当内容没记录下来时可以随时跳到对应时间的录音进行回听,方便在漫长的录音文件中快速检索。




Marginnote|文献收集箱







重塑学习方式的阅读笔记工具,更加高效阅读书籍和学习,可以在阅读时摘录笔记,制作学习卡,提取关键词,根据笔记生成思维导图,梳理知识框架。非常适合阅读专业书籍,阅读论文以及复习。


地址:https://www.marginnote.com/chinese/home





GoodNotes|手写笔记





一款功能强大的手写笔记软件,拥有多种笔记封面和纸张模板可以选择,支持自定义模板,可以简单处理图片,可以导入pdf、ppt等文稿并做标记,也适合做电子手账。


地址:https://www.goodnotes.com/zh-cn





腾讯文档|在线协作





调研阶段方便多人一起搜集资料和汇总,多人同时在线编辑,内容实时同步。随时随地高效协作,轻松创作。


地址:https://docs.qq.com/home






Xmind|思维导图





功能强大的思维导图软件,极简设计,流畅体验,多种结构图风格选择,方便资料的汇集和思路的整理。


地址:https://www.xmind.cn






三、设计创作

——————————


当设计目标确定时,接下来进行具体的创意设计。设计师除了通过脑暴进行发散方案以外,一些高效的设计工具可以让我们事半工倍。


3.1 灵感搜集


Collect UI|界面灵感



UI设计灵感库,基于dribbble平台精心挑选优质内容,提高效率便捷,为设计师提供专项更好的灵感。同时支持邮件订阅推送。


地址:https://collectui.com





Adobe Color|配色灵感



Adobe color不仅从各个维度解决了我们的配色需求,同时也提供找图需求。其中包含 9 种智能调色模式可以选择。拾取主题色、拾取图片中的渐变色、协助工具可以合理帮助检查不同颜色的对比、探索behance趋势。


地址:https://color.adobe.com/zh/create





Useanimations|图标动效灵感



图标动态效果库,当绘制的图标需要一些巧妙的微动态效果时可以参考。


地址:https://useanimations.com/index.html





3.2 设计打磨


FigmaEX|插件可视化



当插件特别多时候,FigmaEX极大的改善了Figma中使用插件的体验,将插件可视化。可以进行展开,同时显示插件的名称与图标。可以通过拖拽调整插件的顺序,调节高度。


地址:https://moonvy.com/figmaEX/




Autoflow|流程图插件


输出交互设计稿的时候,方便快捷的在不同画板之间连线,提升输出效率。


地址:https://www.figma.com/community/plugin/733902567457592893/Autoflow





Skewdat|倾斜插



这是一个非常简单实用的 Figma 插件,它可以帮你将任何形状元素倾斜过来。


地址:https://www.figma.com/c/plugin/741472919529947576/SkewDat?ref=prototyprio





Undraw|插画素材


最棒最全的插画库,支持快速搜索,一键调整颜色。


地址:https://undraw.co/illustrations






Magic Eraser|轻松移除杂物


一款免费的在线服务,它通过 AI 自动去除图片中不需要的部分,只需要上传图片,等待几秒钟即可。用鼠标把不要的部分划掉,松开鼠标就会闪几下,被划掉的部分就消失了,比如去水印之类的小东西,如果用 PS 的图章,估计要十来分钟,而用 Magic Eraser 就几秒钟,简单易用,推荐使用。


地址:https://www.magiceraser.io







3.3 设计验证


Checklist Design|设计清单



设计输出后可以通过这个清单去做最后的检查。网站列举了一些通用场景(页面、元素、流程、主题、品牌)下的基本设计要素。可以检查你的设计在这些场景下是否符合规范。样式、颜色、命名、易用性等是否合适。


地址:https://www.checklist.design/?ref=prototyprio





四、测试评估

——————————


好的方案不是一蹴而就的,设计方案需要不断的打磨和迭代。方案需要持续和用户进行沟通和测试,才能得到完善的方案。也需要和开发工程师不断沟通,以达到最佳的实现效果。




4.1 用户测试


腾讯文档|在线收集表


用户测试阶段方便高效的收集用户反馈,一般用于定量的用户测试。


地址:https://docs.qq.com/




Hawkeye|眼动追踪工具


一般的眼动跟踪设备比较昂贵,使用繁琐。这个名为鹰眼的眼动追踪APP,可以通过手机前置摄像头捕捉用户在使用产品时的视觉动向。


地址:https://www.usehawkeye.com/?ref=prototyprio




4.2 评估还原


CoDesign|腾讯自研设计协作平台


覆盖产品经理、设计师、工程师协作需求。设计交付更轻松,有效管理和使用设计资产。


地址:https://codesign.qq.com/





Pixel Eye|高效视觉还原


在项目上线前设计师都会对最终的产品实现效果进行走查,以保证设计还原的准确性,体验的流畅性。这是一款视觉还原工具,帮助前端工程师在页面重构阶段就能快速发现开发稿与视觉稿的差异,实时对比、实时修改,减少工程师与设计师的沟通成本,提升整体开发效率。 :


pixeleye.暂未对外开放敬请期待




五、对外宣传

——————————


设计完成后汇报展示、产品的宣传包装等,提供更便捷优秀的展示形式。



5.1 效果展示


Mockup World


样机的类型全面而且免费,综合质量很高。


地址:https://www.mockupworld.co





ls.graphics


素材非常优质精美,有免费和付费的资源。


地址:https://www.ls.graphics/#UI




5.2 在线作品集制作


Adobe Portfolio



主要面向设计师群体,帮助设计师建立个人在线作品集。几分钟就可以建好一个作品集网站,提供精美模板选择。最大的特点是易于操作,无需懂网页程式,都能在建立一个网站。最重要的是你可以使用自己的域名。Adobe Portfolio需要收费。已订阅用户可免费使用。


地址:https://portfolio.adobe.com/start




结语


此综述篇大家有了比较整体的了解,在设计流程中每个环节,介绍了一些比较好用的工具,后续的设计工具系列文章会针对某一环节进行更深入的探索。




蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~

希望得到建议咨询、商务合作,也请与我们联系。 



作者:腾讯ISUX团队    来源:站酷





分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

2022-2023设计趋势ISUX报告·NFT玩法应用篇

雪涛

从2017年萌芽到2021年爆发,NFT在过去的一年内正在成为数字经济市场的“顶流”,从最初的区块链游戏项目、艺术品投资领域开始向外辐射到音乐、体育、时尚等各种形态的数字产品行业中,展现出未来对于互联网行业、金融市场甚至社会生态等领域的影响。

为了更好的探索NFT,本文尝试从NFT的应用与玩法出发,为大家梳理当下市场上涌现的具有一定代表性的NFT项目,以期提供一些启发。

* NFT全称为Non-Fungible Token,指非同质化代币,是用于表示数字资产的唯一加密货币令牌。



为了帮助大众理解区块链和加密货币,Dapper Labs团队创造性地引入了游戏概念,在2017年打造了CryptoKitties项目。该项目以繁殖玩法为特征,建立了迭代化的可循环运行的链上育种逻辑算法,并确保繁殖的随机性。项目中每两只猫可繁殖一个后代猫,后代会继承父母双方256个位源基因组,并在外观秉性等方面呈现不同可能。CryptoKitties通过浅显易懂的繁殖及交易机制,证明了NFT的数字资产价值和游戏体验乐趣。



在CryptoKitties之前,区块链绝大部分应用于去中心化的金融领域,该项目的出现对NFT的应用场景带来了革命性的改变,为NFT的发展打下了坚实的基础。后来的NFT实践应用中,诸多项目都引入了合成、繁殖的玩法。

近期火爆的区块链游戏Axie Infinity中,也引入了CryptoKitties的合成繁殖玩法。游戏中的宠物即是NFT,玩家可以将自己的两只宠物进行繁殖,繁殖产生的后代宠物将从其父母的基因属性中随机遗传。



全球体育运动品牌NIKE在其与RTFKT合作的NFT项目CryptoKicks中,也引入了繁殖玩法,以向CryptoKitties致敬。用户可以通过繁殖玩法,来创造属于自己的定制运动鞋。该功能目前并未正式上线,但已申请专利保护。






NFT在游戏领域的发展趋于稳定后,随即开始向艺术领域扩展。艺术品价值的核心要素之一是能够可靠地证明其所有权归属,这与NFT所具有的唯一性、不可分割性的特征极其吻合。尤其是对于数字艺术品而言,NFT能够有效保证其在数字空间内的知识产权归属。

随着NFT在艺术领域的发展,国外很快出现了以OpenSea为代表的NFT运营主体,为NFT艺术品的创作、发行与交易提供土壤。众多艺术家将自己的作品制作成NFT,供艺术爱好者收藏,促使收藏玩法成为当前市场的核心。

2021年,视觉艺术家Beeple的作品合集《Everydays: The First 5000 Days》以NFT形式加密上链,并在佳士得的网上拍卖中拍出6025万美元的天价,最终含佣金成交价为6934.6 万美元,刷新了数码艺术品的拍卖纪录,同时将数字资产所有权确权讨论推进到迄今为止的最新高度。



参与过《使命召唤》、《霍比特人》等影视及游戏艺术制作的概念艺术家Ben Mauro发行限量NFT艺术藏品《Evolution》。



艺术家William Quigley将现代艺术与普利策奖获奖照片《The Babe Bows Out》结合,创造出致敬贝比鲁斯传奇的NFT艺术藏品。



美国殿堂级图形艺术家John Van Hamersveld发行《Post-Future 后未来》NFT艺术藏品。



除了个人艺术家,博物馆也将其馆藏的各类艺术品铸造成NFT进行拍卖。如大英博物馆与LaCollection合作,将日本浮世绘大师葛饰北斋的《富岳三十六景》系列艺术品铸造成NFT并进行拍卖。



国内的各地博物馆也积极与发行平台合作,相继加入数字艺术藏品的探索,推出了基于各自馆藏文物的数字藏品。

甘肃省博物馆发行的魏晋数字壁画砖,分别为《耕种图》、《牧畜图》、《烤肉煮肉图》、《双驼图》、《宴居图》、《采桑图》。



西安博物院发行的汉唐明鉴数字铜镜,分别为《金背瑞兽》、《海马飞天》、《七乳神兽》、《月宫》、《彩绘狩猎人物纹》、《八瓣菱形花鸟》、《真子飞霜》、《八卦十二辰》。



这些博物馆发行的数字藏品绝大多数上架仅1秒便售罄,火爆的背后,是艺术收藏者对于数字收藏形式的认同。而数字藏品也使博物馆更贴近大众,进一步推动了历史文化的发扬,焕发了文化产业的活力。(国内业务由于内在逻辑与外延不同,应称之为数字藏品)



NFT的迅猛发展,使其逐渐成为品牌营销的必备玩法,众多国内外知名品牌纷纷试水NFT营销,结合自身特性布局相关产品。NFT的稀缺性和唯一性的特征与品牌价值相叠加,一方面使相关作品溢价空间暴涨,另一方面使品牌价值进一步强化,拓展了品牌的市场空间,也提升了消费体验。

3.1 实物产品虚拟化,NFT纪念品反哺线下

本田旗下高端汽车品牌讴歌,打造限量的NFT来配合其2023款新车Acura Integra的发售。预定Acura Integra前500名的客户可获得此NFT,NFT会与实体车辆相匹配,并在交付时升级为独特版本。由于NFT的加持,开放预定一周有余便已突破500名客户。



瑞士奢侈制表品牌HUBLOT与日本艺术家村上隆合作,为「Classic Fusion Takashi Murakami All Black」和「Classic Fusion Takashi Murakami Sapphire Rainbow」两款腕表的持有者,打造对应款式的限量版NFT。



德国美容和生活方式工作室Look Labs推出第一款NFT香水《Cyber Eau de Parfum》,该NFT巧妙地结合了其品牌实体香水的特性,以光谱数据的形式在NFT中表现其物理香气,用视觉替代嗅觉。购买NFT将附送一瓶实体香水,该营销产生了终极奢华的品牌效应。



3.2 拓展虚拟周边,NFT使品牌收益多元化

德国奢侈旅行箱品牌RIMOWA,以航空为主题,使用其品牌最具标志性的材料,构造出4件独一无二的实体艺术品,之后将其打造成NFT并推出,命名为《Blueprints from the Metaverse》,由此试水线上虚拟市场。



Gucci与Superplastic共同推出《Crypto Janky》系列NFT,该系列共10款,以Gucci的经典花纹、标识与符号为灵感,搭配虚拟形象Janky打造而成。NFT的持有者同时会获得一件由Gucci与Superplastic合作设计并制作的陶瓷雕塑。



高端美妆品牌娇兰发布名为《Crypto Bees》的NFT,共1828个,以其logo的蜜蜂元素,叠加生态环境元素打造而成,并为项目冠以公益之名,极大提升了品牌形象并传递了品牌价值观。






过去的一年里,“元宇宙”概念爆发 ,再次打开了虚拟世界大门,引发人们对另一世界的想象,很多人认为这是下一阶段的互联网形态,各种元宇宙项目层出不穷。在这样的环境下,各品牌也争相参与元宇宙项目,在虚拟世界中创作自己的NFT,希望能在未来的虚拟世界中抢夺属于自己的一席之地。

Louis Vuitton在品牌创始人200周年诞辰之际,推出一款免费手游《Louis The Game》。该游戏以收集200支蜡烛为目标,而在收集的过程中,玩家有机会获得Louis Vuitton推出的限定30份的NFT艺术品。游戏的沉浸体验与NFT将玩家这场治愈心灵的旅行刻印成独家记忆,加强了玩家对品牌的无限向往。






Burberry也在开放世界游戏《Blankos Block Party》中推出了其首款名为《Burberry Blanko》的NFT,玩家可以在游戏中收集与出售这个鲨鱼角色。此外,Burberry还将推出喷气包、臂章等NFT配饰,这些NFT配饰可以应用在任何Burberry Blanko NFT上。



Balenciaga通过挖掘其经典作品,在游戏《堡垒之夜》中推出了其品牌的4套NFT时装,这些时装准确地呈现了Balenciaga标志性面料的外观和质感。此外,NFT时装还具有功能,比如运动鞋在游戏中能变成锄头道具,Hourglass包可以变成滑翔机道具等。NFT时装不仅为Balenciaga开拓了虚拟世界新营地,还增加了品牌收益。



Under Armour与球星库里合作推出NFT球鞋,球鞋的造型为库里创造3分球记录时所穿的真实鞋款,可在 Decentraland、Sandbox、Town Star及Rumble Kong League 平台中使用,是首个可跨平台使用的NFT。



雅诗兰黛在虚拟世界平台Decentraland推出其主打产品《Advanced Night Repair》的NFT版本,通过关键词即可免费获得。用户在Decentraland中使用虚拟形象进入“小棕瓶”的瓶身内后,即可穿戴该NFT,穿戴后,虚拟形象会被小棕瓶“焕亮面容”。元宇宙也需要护肤。






在体育赛事领域,一些积极参与NFT建设的先驱者,借助自身联赛的声量与特性,创造出众多花样的联动玩法。

全球最高的篮球殿堂NBA联赛推出《The Association》NFT,该NFT并非一般图像或者视频,而是具有动态属性,会根据球员在现实比赛中的表现而变换外观。该项目是为季后赛发行的,共涉及240名球员,每位球员NFT的外观变化由球员成就和球队成就决定。简言之,如果球员在球场上获得亮眼数据,或者是其球队获得优秀的战绩,都会使NFT的视觉变化更多元、更炫酷。



澳大利亚网球公开赛推出《AO Art Ball》NFT,该系列NFT共6776个,对应将网球比赛场地以X轴121个点和Y轴56个点分割后的6776个地块,即每1个NFT对应1块面积为19cm*19cm的球场场地。在2022年澳网11个项目的441场比赛中,决胜球落点地块对应的NFT,将会被实时更新来标记出这场比赛的信息,比如不同轮次的决胜球对应的NFT,在外观上会增加不同样式的贴纸(前4轮绿色贴纸、1/4决赛铜色贴纸、半决赛银色贴纸、决赛金色贴纸等),同时决赛决胜球对应NFT的外框也将由普通变为金色。









美国橄榄球联盟NFL推出门票NFT,兼具传统门票的功能与艺术收藏纪念的价值,可以在超级碗比赛中使用,每个门票NFT都携带持有者观看比赛所在的区域、排位和座位等信息。NFL副总裁Bobby Gallo称提供定制的超级碗NFT门票能够增强球迷体验。



美国NBA联赛的达拉斯小牛队也推出其2021-22赛季季后赛的NFT门票。



Global Titans格斗系列赛也推出NFT门票,持有者可按门票对应场次观看赛事。目前公开发售的Global Titans NFT门票分为两种,一种是8万枚的赛事直播观看权的NFT,另一种是稀有场前排席位NFT,目前仅提供10枚,持有者可亲临比赛现场。



由体育赛事中门票应用的启发,未来艺术展和演唱会等,都可以制作含有活动时间、地点、主题等关键信息的门票NFT,既满足功能要求,又以更具收藏价值的形式帮助参与者纪念有意义的事。



重要时刻是极其珍贵的,尤其是对于粉丝们来说。NFT的唯一性特征叠加这份珍贵,极大提升了重要时刻的价值,由此也诞生了诸多以Important moment为主的玩法。

Eternal便是一家基于Flow区块链的流媒体NFT市场。在这里,有无数主播、网红或明星在直播中的富有纪念意义的片段被制作成NFT进行售卖与交易。



火爆的《NBA TOP SHOT》也是基于这一点来打造的项目。NBA官方将球员生涯的精彩瞬间剪辑为视频片段,并制作成一定数量的NFT,以不同的价格出售。售价的高低取决于精彩瞬间的质量和球员的火爆程度等。在此项目中,一段球星詹姆斯的精彩瞬间NFT被卖出了23万美元的历史最高价。



Costacos为四名传奇运动员Dan Marino、Troy Aikman、Warren Moon、Jim McMahon制作发行了一套NFT,分别为“成就、经典海报、难忘时刻、众神之手“四个部分内容,记录了传奇球员的奖项、数字、胜利和荣誉。



结语

随着NFT获得的关注度增加,各行各业都开始探索其应用于自身领域的可能性,引发了无限美好的遐想。NFT给人类社会带来全新的理念突破,从传统的历史文化保护到新潮的元宇宙,都提供了崭新的运营路径。其在价值传递、品牌营销、知识产权保护等方面展示出的新鲜力量,为身处互联网社交的我们提供了新的思路与探索方向。


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系。 

作者:腾讯ISUX团队    来源:站酷


分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档