首页

引导帮助在产品中的作用

博博

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

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

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

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

在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音视频产品体验设计

资深UI设计者


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咨询、用户体验公司、软件界面设计公司

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

资深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玩法应用篇

资深UI设计者

从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咨询、用户体验公司、软件界面设计公司

腾讯文档品牌升级

资深UI设计者

为什么要做品牌升级?


“效率一直是公共舆论中的一个重要话题:在古希腊人眼中,它是政治和社会运转的方式;工业革命早期,亚当·斯密将其视作提升生产力的强劲动力。”时至今日,它被奉为公共生活的首要目标,效率升级实质是广义世界里生产力的一次革新。


科技和物联网以看不见的方式正重塑这个世界,从生活到工作,科技把每一张有形的办公桌移到了云端,让每一场可能发生的对话跨过了坐标的限制。技术开放地定义着我们所理解的现实工作环境,腾讯文档以对效率协作世界新的理解重新归来。


我们希望“让协作更高效,让创作更轻松。” 站在新旧交替的路口,是时候以全新的设计语言,让工具退去冷冰的外壳,走进与智能隔空对话的新世界。



产品感知关键词:






Phase 1

——————————

Concept 品牌理念



我们把腾讯文档的品牌因子比做是架落与两岸的,从时间空间的角度,连接现在与未来。在这里,代表效率协作先进生产力创造的新世界,转承着庞大信息流的无限可能性。希望在这里发生的每一次虚拟与现实间的交流都是如此贴近你。





数字之美

在此,我们赋予这个新世界以“数字”之名为前缀:                                              


在数的数字(number)里,从有限0到无限∞;在物的数字(digital)里,从有形到无形


就像霍金所说,宇宙最根本的东西首先是空间,其次是物质,再次是时间。因为物质的存在和运动必须是在空间里进行。而没有物质,谈论时间是没有意义的。

而在这个广阔的效率世界里,由无形的空间结构支持,答应着无声的时钟….


关键词的联想:


连结、握手、相遇、构建、乐高、晶体、方块、魔术、火花、梦想、成就、有序、几何、空间、数字、代码、窗口




从联想中提炼具有关键的隐喻和形式:


把关键性的隐喻抽象出来,找到表现形式,使其更简洁纯粹,更容易被组合




品牌关键词





秩序是一切天体、物质、时间、生命、形态和形式秩序状态运行的最基本法则。


万物有序,虽然呈现的现象千变万化,但褪去复杂的外表,内在规律却是不变的。以更规整和原始的抽象基础形为所有应用元素的开端,以秩序作为布局的基本准则。


正如我们腾讯文档一直在思考的,寻找秩序中的效率,再从效率中找到变化的规律。






早在上世纪,透明性和通透感就追随着设计的平面到立面。从沃德装饰语言的中立性到密斯凡德罗建造的清晰,以形式的通透对内容的冗杂,以材质的纯粹对结构的多样。


在这里,我们用“轻和透”来体现技术带来的未来感,在画面中叙述的更多是余白空间所带来的无边想象力。






“光从来都是为了它所照亮的事物存在而不是为了它本身。”


流质的光影和颜色是整体设计中氛围的基调,用颜色之间缓慢的渐变预演空间中正在发生或者即将发生的故事。


我们用了色盘中相对沉静的极光色系(蓝紫绿),拓宽空间的边界感。


与正在交融和变化的颜色中间态,一同隐喻了智能和科技作用下的每一次协作和创作的真实实现。





Phase 2

——————————

DNA cube 演化



Metaphor Box 协作盒子,我们用一个变化的立方隐喻一个协作空间站。在这里有可能发生的是各种各样的碰撞。思想的火花,创作的灵感,执行的高效。这里有属于一个也有属于一群人的精彩。



Phase 3

——————————

Application 应用设计


最终我们将腾讯文档的Logo图形化,赋予Metaphor Box协作空间的概念。利用有序的几何线条为空间背景构图。在原本的智慧的品牌蓝基础上,添加了一点灵动偏暖的渐变色,为整体画面增添生命力及亲和力。最终完善后应用到官网、官网登录页、闪屏页、空页面的场景。


闪屏




在闪屏的延展中,我们基于大的品牌理念延展出两个不一样的方向。


A. 以腾讯文档logo的形状为视觉元素载体空间,向里呈现一个轻盈有机的未来世界。



B. 以腾讯文档产品“协作盒子”的概念,立体的展现一个代表科技为基底,多方协同运转的动力世界。



最终,我们选择了整体画面更为清晰,主体更为清透明确的主图形。



调整细节后应用到闪屏





官网

官网首页Banner是最直接、最具感染力的视觉传达路径,我们需要让用户在进入 docs.qq.com 即刻形成品牌印象,通过Slogan传达腾讯文档的产品价值,同时在Slogan的字段上添加了正在编辑态的光标元素,体现文档高效的协作能力,最终以响应式的方式适配到移动端。



在官网的其他页面,我们将品牌语言进一步落地。




空页面


在腾讯文档空状态的设计中,我们以几何的ip形象为页面穿插一个个不一样的故事性叙白。传递腾讯文档平易近人的智能语调。



在画面的整体构成中,我们增加了一些轻透的质感元素,结合几何形的整体图形语言,让画面轻盈也丰富。





——————————

写在最后


古尔德在《奇妙的生命》一书中写道:“有些人觉得(人类是唯一智慧生命的)前景令人沮丧,我却总为之感到振奋。我将它当成是一个源泉,它带来了自由,也带来了道德上的责任。”效率的背后不止是关于工作方式的改变,仍然需要不负所望:构建责任。


我们在逐步进化腾讯文档的整体视觉语言系统。后续我们将推出下篇,向大家展示腾讯文档品牌在UI语言和其他品牌延展中的更多设计。


在这个快时代,精耕出自己的风格,打造更舒适的用户体验,敬请期待......


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

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


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

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






腾讯文档 | 数据化设计

资深UI设计者

2015年之后的中国互联网,人口红利、流量红利逐渐退场。2019年遭遇第一场资本寒冬,上半年投资总金额同比下降了58.5%。也在2019年,“精益创业”、“精益数据分析”、“增长黑客”等一系列数据思潮开始流行。而UX设计师作为半个产品经理,我们很容易将这股“数据热”迁移到自己身上:每个UX设计师都要学数据分析了吗?数据和设计是什么关系?天天盯数据会限制设计师的想象力吗?数据到底要怎么用?……




Preview

——————————

数据热

过往,设计师一般不会把“数据”挂在嘴边。我们提倡“以用户为中心,打磨极致用户体验”,较少考虑成本和商业效益。


通俗来说,就是产品经理负责“生意”,设计师负责“体验”。以“造鞋”为例子,产品经理做了市场调研,决定要生产儿童运动鞋,设计师负责设计“适合4-11岁的儿童在城市公园玩闹”的鞋子应该长什么样、穿着它跑跑跳跳是不是舒服的。但是设计师不需要担心运动鞋的销量,产品经理则要跟老板汇报销量业绩。


在红利消退、产品同质化严重和快速迭代的多重压力下,UX设计迎来了更高的挑战:仅凭主观判断“好不好用、好不好看”来打磨产品内在体验,不考虑产品的生存、增长和盈利,很难在行业立足。与此同时,随着数据采集工具的日渐成熟,数据以“客观”和“便捷”两大特点,帮助我们更快获得“设计的依据”。精益化设计是必然趋势,而“数据分析”是精益化设计的手段之一。



沿用“设计鞋”的案例,UX设计师要在自己所在领域思考:在设计调研的过程中,我们用什么数据指标来衡量这个儿童鞋好穿、好卖?在鞋进行批量生产前,我们有没有数据资源支持我们研究父母/小孩对鞋子外观的偏好、小孩运动时容易受到哪些物理伤害等等?如果有条件进行小范围的数据实验,我们如何设计数据实验来评估好穿好卖?





PART 01

——————————

数据的定义

“理解任何事物都需要先对它进行定义,这样才能够在头脑中清楚地知道正在讨论的是这个东西,而不是其他东西。”非常喜欢美国经济学家Thomas Sowell在《经济学的思维方式》里说的这句话。


如果我们对“数据”下定义,那么产品设计语境中的“数据”具体是什么?数据是怎么产生的?


从数据采集手段来看,互联网产品的数据来源主要有3个:二手资料数据、问卷调研数据和应用埋点数据。




1/ 二手资料数据

行业数据和竞品数据一般通过二手资料获得,包括商业交易数据、用户群的态度和意愿、用户舆论指数、竞品的用户规模和盈利状况等宏观数据。常用的搜索渠道有:百度指数、企鹅智酷、艾瑞、尼尔森、各大科技资讯平台等。


我们可以将这些理解为“市场数据”,在立项期对产品方向有一定指导意义,能快速了解市场概况,也能帮助产品思考差异化定位的问题。



以“腾讯文档为”项目为例,我们想提高腾讯文档用户创建文档的成功率,通过模板创建文档是关键路径之一。研究用户通过模板创建的路径时,想大概了解用户找模板时可能会在意什么。于是我们尝试使用百度指数搜索“模板”、“文档模板”、“PPT模板”、“Word模板”、“Excel模板”,从搜索量得知:PPT模板搜索量最高,符合我们的推测;Word模板内容中,简历、合同需求量较大,而部分用户只是想要好看的Word背景等等。虽然我们得到的有效信息不多,但我们能够通过二手资料的方式,快速了解用户需求的基本面。



2/ 问卷调研数据

问卷调研数据是通过向目标用户发放问卷获得的,侧重于收集人口学信息、用户自述的历史行为、主观态度或意愿,比如用户满意度调查、流失用户原因调查等。本质上是通过建立假设、再进行抽样统计的方法来得到用户口述的答案。也就是,问卷倾向于听用户说了什么、而看不见用户真正做了什么。严谨的问卷分析也会比对后台数据,校验用户说的和做的是否一致,以清洗无效数据。




3/ 应用埋点数据

较之于问卷调研数据,我们想看“用户做了什么”,则通过分析应用埋点数据获得。

“应用埋点数据”也叫“埋点数据”、“前端页面数据”,我们可以简单理解为“通过技术手段获得用户在应用内(网站、客户端、小程序等)的操作行为数据”。其背后原理是:用户和界面发生交互,系统需要向服务器发送请求和返回请求,把这些请求预埋一段计数代码,就能得到页面的曝光数据和用户的操作数据。

埋点需要产品经理或设计师做好数据指标的定义,跟开发工程师提前沟通,让开发工程师在代码中嵌入埋点。一个埋点由多个字段组成,规范地定义字段,有利于我们在数据平台搜索埋点更方便。当我们怀疑数据有效性时,也更方便排查埋点问题。




埋点类型可分为曝光埋点、操作埋点和时长埋点:

1. 曝光埋点可以捕捉页面被展示的次数,可以是针对整个页面,也可以是页面中的某个区域。即我们常说的PV、UV。


2. 操作埋点则是在用户对页面某个区域(按钮、卡片、提示条等)进行手势操作(点击、双击、长按、滑动等)时,进行打点记录。对应的,也称之为某个操作的PV、UV。


3. 时长埋点是通过标记以上两类埋点、并计算时间差获得的。比如,我们记录用户选取模板耗费的时长,可以通过离开页面的时间(t2)-进入页面的时间(t1)计算。而离开页面则用点击左上角返回按钮、点击具体模板等“离开”操作来核算。



基于以上3种原始数据,我们可以运算得出点击率、功能渗透率、人均点击次数、人均使用时长等具有对比价值的数据。


较之于二手资料和调研数据,埋点数据更加贴近用户的真实表现,作为反馈指标的灵敏度更高,可挖掘性更强,也能作为客观衡量指标引入到每一次产品迭代中。


设计师理解埋点的原理,有助于在数据采集环节跟数据开发更好地沟通,并提出合理的数据需求。另外,当我们拿到一组数据,也需要从根本原理上去判断数据的信度和效度,确保数据没有质量问题再进行下一步分析。




PART 02

——————————

数据之于设计

数据分析能力会在UX设计师的岗位招聘要求中被提及,但除了电商和广告行业的数据化设计知识体系较为成熟,其他领域还在探索。另外,相比于市场营销、产品经理、产品运营等职能,设计师的分析框架是相对晚熟的。


实际上,我们很难从招聘广告中归纳“具备数据分析能力的设计师”长什么样,但我们期望这样的设计师对数据的感知力强、分析逻辑清晰、数据经验丰富,对某个垂直领域的数据仪表盘了如指掌等等。


数据对UX设计有什么用?或者说,在设计链路的哪一个环节,数据和设计才能发生化学反应?



UX设计日常流程为:得到一个需求(需求评审/需求挖掘)——输出设计方案(设计决策)——验证设计方案(设计实验)。顺着这个流程,我们来看看数据在UX设计各阶段的作用。



1/ 需求评审:以提升最终业务数据为目标,评估需求的价值贡献和优先级

肖恩·凯利斯在《增长黑客》开篇就提到“仓筒组织”这个概念:职能组织有各自的KPI,但未必对最终的业务目标都有利。比如开发人力有限的情况下,产品经理想上线新功能,市场运营想搞推广活动,设计想做UI大改版做炫酷的动画——就像N匹马有N个方向,马车跑不快。


尤其是当产品进入成长期,我们会发现“能做的事情真的太多了”!不仅仅是来自老板和产品经理的需求,每天都有用户想教你做产品,刚刚竞争对手又上线了N个新功能等等。另外,当多个产品经理分管不同业务线,每个产品经理都会认为自己提的需求优先级最高。那么,ABCD这几个需求,哪个更值得即刻实现?


有目标导向和成本意识的设计师,不会拿到PRD就开始画稿,而是做需求评审。下次产品经理给你提需求,或者自己想要主动提案,不妨从下面几个问题开始思考效益。


如果这个新功能上线或对已有功能做这些优化点:


|正向评估:如果做,能使哪些用户在什么场景受益?用户会因此使用、消费、甚至推荐我们的产品吗?

|负向评估:如果不做,是否会造成用户口碑变差,甚至弃用我们的产品?

|数据导向:预估这个需求对大盘数据(AARRR)有何贡献?如果无法在短期看到对大盘数据的直接提升,应该取什么样的数据指标来评估其价值(GSM模型)?

|比对优先级:目前有ABCD四个需求,而人力资源有限,当下最应该解决哪个数据环节的问题?


我们以腾讯文档的Excel按行填写功能为例,阐述如何在需求评审阶段就思考数据效益。


一开始,我们只是从用户吐槽中了解到在手机端使用Excel录入信息的困扰:协作人之间容易窜行误删误改别人填写的行,甚至把创建人输入的表头信息都给删掉了。


我们模拟信息收集场景,摘出Excel移动端输入的体验节点,发现“在有限的屏幕内去处理表格信息,需要来回滚动/缩放表格,再回到自己的行再输入”这一点最容易发生错误,尤其在没有冻结首行的情况下。



我们有收集表功能,也支持表格转收集表,但是都依赖创建人主动去使用这个品类/这个功能。我们是否可以在创建人不干预的情况下,直接把来回滚动的表格输入变成纵向的表单输入?



以上都是从“感知”角度发现和分析问题,确认了“存在这么一个问题”,然后提出了一个可行的想法。往往这个时候,我们容易为之兴奋。


但是如果我们坚持更精益的投入产出比,我们应当评估“这是不是一个要优先解决的问题”,即评估收益:改变Excel移动端的输入体验,能带来什么收益?


首先,我们做正负向评估。


|正向评估:如果做,用户可以在手机端更顺畅地录入信息,避免串行删改的错误。虽然这不足以吸引新用户使用我们的产品,但这个体验未在竞品实现,能形成差异化的记忆点,也许能带来好的口碑。

|负向评估:如果不做,手机端的Excel输入体验跟其他竞品无差,用户倒不会因此流失,但是创建人会因为协作者的犯错苦恼,也许会因此转为采用“IM一对一沟通”来避免出错。


然后是设定数据目标:如果这个功能落到数据板上,能作何贡献?


|数据导向:我们预期这个功能能够通过提升手机端的输入体验,来避免用户出错,降低创建人整理数据的负担,以提高用户留存(而非预期这是一个拉新功能)。并且,设计假设正确,应该能通过一些数据指标看到用户的行为变化。




最后,对比同期提出的几个产品需求,评估优先级。


|比对优先级:假设Excel按行填写的需求是A(图中黄色点),同期有一个影响文档安全分享的需求B。如果我们按照正负向评估去考量优先级,将AB两个需求都放在象限图里,越外层越应该优先处理,那么我们就应该优先处理需求B。



以上是为了将思维可视化呈现给读者,实操时更重要的是数据意识和敏感度。图示仅供参考,用何种形式表达不重要。


掌握一套清晰的需求评审思路,才有话语权去讨论这个需求是做还是不做、即刻要做还是延后再做。这不仅仅是UX设计师需要具备的目标导向思维和需求分析能力,而是整个团队都应该建立的数据意识和工作流。这也适用于对设计师提案的自我审查,避免自娱自乐。


2/ 需求挖掘:数据作为产品健康度的体检指标,为设计圈定问题域

产品在不同的成长阶段关注的短期效益会有所不同。初创期,产品先要验证其假设的需求是不是用户真实需求、商业模式是否可行。当产品发展到一定的用户规模,我们可以通过对比关键数据指标,去判断现阶段是否符合预期。这就像我们去医院抽血做体检,血样指标可以反映我们当前是否健康。


如何检验产品健康度呢?我们首先关注宏观的数据转化是否符合预期,即AARRR。海盗指标这一套,想必大家耳熟能详。但对设计师来说,难点在于如何将宏观数据转化与具体的用户使用场景进行关联,进而落实到具体的设计任务。


以腾讯文档为例,在线文档的核心用户价值是“从创作到协作的多人多端无缝同步”,因此我们定义用户的关键路径是“创作→分享→协作”,即:



基于关键路径,我们继续下钻分析每一个环节,建立用于监控“转化质量”的行为漏斗。比如在“分享”这一步,落到APP里,这个行为漏斗是:



我们发现仅30%的创建人在分享文档前设置了非私密权限——这个数据并不符合我们的预期,因为这会导致创建人分享文档后,协作人无法直接查看或编辑文档。协作人需要进行权限申请,创建人则需要处理相应的权限申请通知或更改权限,从“申请权限”到“审批通过”的时间差降低了协作效率。



我们进一步去找关联的数据指标,来确认“这给用户造成了困扰”——“有多少用户在文档分享出去之后再返回来设置权限”‘、“一个创建者平均要处理多少次权限申请”等等。


通过小范围的用户测试,我们了解到“权限设置”是一个视觉盲区。于是,我们优化分享页的信息展示,来改善“用户看不见权限设置”这个问题。另外,当创建人在处理权限申请的通知时,提供修改权限的入口,以避免重复处理同一个文档的申请消息。



最终,我们将“分享前进行权限设置”的转化提高到80%——吹牛的,业务数据太敏感,无法以真实数据跟大家分享,本文的数字皆为脱敏数据。


这就像一个剥洋葱的过程。先找到产品的核心价值和对应的主路径,再拆解到对应的多个用户任务流,关注微观的某个环节转化是否有问题。利用数据诊断产品健康度,然后继续用数据或其他研究方法下钻,下钻到可以落地到设计点的层面。



3/ 设计决策:借鉴用户行为数据,对方案进行快速决策

2016年听了白木彰老师在杭州的一次现场分享,他对“Design”的理解非常透彻。“Sign”是“标志”,应该是大家最共通的常识,就像国旗是这个国家的sign。那“De”是什么?台下有人回答“重新定义”,而白木彰很自信地说:“不,这是一个否定词”。

对于UX来说,同理。每一次的设计都是一次否定,否定现有体验的合理性,否定现有的产品、服务或某一功能完全满足需求。反过来想,则是审问自己的设计方案:每一次的“否定”,真的更好吗?


这里举一个“小需求”为例:腾讯文档Excel的PC端右键菜单高度优化。笔者目前负责腾讯文档编辑模块的UX工作,日常就是很多这样的“小优化”,其实这更加考验数据敏感度和对“严谨”的坚持。


需求背景就是用户反馈“右键菜单太长了,小屏幕看不到菜单底部的内容”。


“展示问题”的解法有很多:


解法1/ 用UI手段,降低单个menu item的高度。



解法2/ 重新归类,通过折叠来缩短菜单。



解法3/ 当菜单无法完整展示,重新锚定其在屏幕的坐标。




对比竞品,确实有表格产品通过(2)去解决这个问题,但是我们捞数据发现:右键菜单中,插入行列是高频操作(红色部分),点击次数比其他功能高5~130倍,且人均点击量分别是3次和2次。我们决定不去对增加行列进行菜单折叠,因为这样做虽然我们解决了“菜单太高”的问题,但降低了点击效率。



接到某个需求的“A问题”,我们容易一叶障目。但是,会不会因为我们解决了A问题而引发B问题呢?数据帮助我们快速决策,避免B问题的出现。谨慎对待每一次小设计,因为每一次小设计都是一次否定。


4/ 设计实验:采用数据实验对设计方案进行择优或改进

大家对数据实验应该不陌生,常用的方法有AB测试和灰度测试,是一种控制变量的抽样实验方法。


AB测试是指通过抽取抽取等量用户样本进行AB两个设计方案的投放,对比两组数据,进行方案择优。这两个方案的差异要严格控制在“仅有一个因素的差异”。这跟我们初中做生物实验论证“一棵小树的生长需要阳光”的思路一样:两组等量的小树,一组有阳光,一组没有阳光,经历相同的时间后对比生长的平均高度差。水、空气、养分等其他条件要严格一致。因此大改版等“多变量”的设计并不适用于AB测试去印证。


大改版则通过灰度测试或拆分变量去做AB测试来确保效果。灰度测试是指如果软件要在不久的将来推出一个全新的功能,或者做一次比较重大的改版的话,要先进行一个小范围的尝试工作,然后再慢慢放量,直到这个全新的功能覆盖到所有用户。也就是说在全量发布的黑白之间有一个灰,所以这种方法也通常被称为灰度测试。


设计师需要观察综合的数据指标,以腾讯文档为例常规的指标有:PV、UV、人均点击次数、功能渗透率、使用该功能的留存率等等。另外是多渠道收集用户反馈,包括腾讯文档的“吐个槽”社区、微博搜索关键词、随访身边的用户朋友等。



Conclusion

——————————

结语

数据化设计不是对“精心打磨体验”的否定。恰恰相反,对设计工匠来说,数据分析能力是一种新的“打磨工具”,提倡在设计实施和决策过程中更科学和客观。UX和数据的关系,就像我们期望鞋子被量产之前能够有数据佐证“这款鞋好看好穿好卖”,而不是否定“好看又好穿的鞋子能带来更好的销量”。


最后,“价值-设计-数据”是一个动态课题,必然随着业界经验的沉淀和数据工具的发展,不断迭代。



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

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



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





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



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

平面设计和演示设计的区别

seo达人



Keynote是Mac用户使用的幻灯片软件,我们平常看到的苹果发布会,国内手机发布会基本都用的是Keynote。当然Mac系统也兼容PPT。Keynote因为其简约而高级的动效而备受青睐,很多企业开发布会首选就是Keynote。我做了几张动效图来示意一下发布会的高级效果。





演示设计这个概念,包含了上述PPT,Keynote发布会。常见的PPT商业定制项目包含: 企业介绍PPT、产品型发布会PPT、白皮书、商业计划书等等。我们今天讨论的不是这两款软件跟平面设计PS AI的区别, 我们要讨论的是平面设计和演示设计的区别,所以下文的阐述中,我有可能一会儿讲PPT,一会儿讲Keynote,讲的都是一码事,都叫(幻灯片)演示设计。

对PPT感到非常诧异

在没有接触演示设计之前, 我一直是做平面设计(这些年做过UI,平面海报,电商类,游戏视觉,官网)。这两年才刚接触PPT,算是一个跨界选手了。当我第一次听到PPT居然还需要设计,我感到十分诧异。我不是很能理解一款毫不起眼的Microsoft PowerPoint,我意思是说,一款职场人士的常用的幻灯片演示软件,一款根本算不上是设计软件的PowerPoint,能跟设计有什么挂钩的呢?有什么沾边呢?

让我感到更诧异的是,还有专门PPT设计师这种职业的吗?他们的日常工作是怎么样的?PPT设计师跟平面设计师有什么区别呢?如果说设计是为了解决问题,优化体验。那么,PPT设计需要解决的是什么样的问题呢?什么样的客户,有这类需求呢?有多少这样的群体,愿意为毫不起眼的PPT而付费呢?我刚接触PPT那会儿,我实在是太多的疑惑了。

第一直觉,好丑,好Low.

作为一个资深平面设计师,当第一次看到一些所谓很“不错”的PPT作品,我第一反应真的是看吐了。感觉好丑好low啊!这就是我的第一直觉。有一些配色,一些阴影,很多细节,简直完全侮辱我这么多年的审美。这也更加加深了我对PPT的疑惑:

· 就这玩意,这么土的效果,以我的技术不是随便降维碾压这些人么?
· 为什么会有这么丑的PPT?
· PPT设计不遵循平面的规则吗(透视,颜色,投影等)?
· 要是我来做的话,肯定能做的更好。
· 就这些东西,居然还有那么多人说好?





发布会,不就是大图叠字么?简单!

在没有跨入这个行业之前,如果你问我对PPT和发布会的第一直觉,我会这么回答你:不就是大图配文字吗?如果说让我来操刀发布会, 我所认为的演示设计,难道不应该是高逼格大图加简约而且少的文字么?发布会不应该就是这样的吗?是的,我的第一直觉没有错。我们现在看到的比如小米、华为、OV、苹果,汽车发布会等等,都是大图配字。



这样的设计,背后的逻辑是什么呢?设计看起来很简单,真的做起来很容易吗?

演示设计的逻辑

回想一下,我们是什么时候开始接触PPT这款软件?我想大部分人基本都是从学生时代开始吧。老师讲课都会用到PPT。在学生时代如果老师讲课讲得无聊,那台下的学生肯定就打瞌睡了,要么就在窃窃私语或者玩手机,总而言之,注意力肯定被分散了。无聊的老师讲课,PPT大片大片的文字,丑陋的配色,台下学生总是不爱听,讲课生动的老师往往更受欢迎。


同样道理,教室的场景换成了发布会现场,老师角色换成了演讲人,黑板换成了演示大屏幕。人依然还是从学生时代过来的人。

一切都没有变。


发布会演示设计,如果你不能抓住观众的眼球,那台下就没人听你讲了,场面也会逐渐失控,台下的人玩手机的玩手机,交流的交流,甚至还会有人觉得浪费时间直接走了。就像看一部乏味的电影,继续看下去也是在浪费时间。还不如睡觉。这种情况的出现,对于台上演讲人来讲,也是一种巨大的压力。


所以,演示设计要考虑一个非常重要的问题就是,如何让每一页的呈现,深入人心,抓人眼球。这就是为什么发布会,总是用无比震撼的大图或者视频,简约的大字文案来呈现。因为精彩的内容(图片和视频)可以吸引观众的注意力,再配合演讲人高超的演讲技巧,把要传递的信息,借着幻灯片传递出去。发布会的主体是人。幻灯片是辅助演讲人的工具。你不会见到有人会把一大堆的文字放巨大的屏幕上吧?那坐后排的观众看着多费劲。那观众到底是自己阅读大屏幕上面的字呢,还是听人(演讲人)讲呢?

请记住,最没吸引力的当然是枯燥乏味的文字,而且是大段大段的文字。这里我做一个案例展示你感受一下你就明白了。假设你现在正在观看一场苹果发布会,这一个页面密密麻麻排满了iPhone 14的相关参数和文字介绍。这里无意冒犯 , 只是想通过一个错误的案例展示来表达我自己的观点。



抓住观众的注意力

不管是平面设计还是演示设计,有一条永恒不变的设计规则,那就是观众的注意力特别容易走神。我就拿官网举例子。做过官网的同学应该有所体会,首页Banner区域的位置,一般不会超过5张Banner图,每一张图片的轮播时间,一般不会超过3秒。你的Banner如果不能第一时间吸引用户注意力,逗留时间再长也没用。并且,如果第一张Banner停留时间过长,将影响用户注意后面几张banner。用户的注意力非常有限。同理,偌大的会场,巨大的屏幕, 台下成千上万的观众,发布会如何能吸引用户的注意力?按照设计的逻辑,要想吸引观众的注意力,画面视觉呈现上能用动态元素优先用动态(视频、三维),其次是图片(吸引眼球的图片),最后才是文字(尽量少而精简)。当然一整场发布会下来不可能全是视频,这样也会造成视觉疲劳,仿佛看了一场两三小时的电影。 这样源文件也会超负荷过大,硬件设备也未必跟得上。所以一场发布会,是需要控制好视频,图片,占总页数的比例。

演示设计,就是推演+视觉展示。

说到这里,我给演示设计下一个定义。平面设计是用符号,文字,图形等一系列的元素进行排列组合成视觉呈现出去给受众群体。演示设计则是,通过符号,文字,形象,图形,动画等等,运用合理的视觉化,用复合逻辑的手段去推演,去展示,把关键的point,有力power地传达出去给台下受众。


演示演示,就是推演+视觉展示。和平面设计不同的是,幻灯片演示,不适合在一页内容上去表达过多的信息,要保持简约和克制。所以你会看到尤其是手机发布会,演讲的文字内容一大段一大段,但是画面上字少却铿锵有力,图片大气且震撼。



当我第一次动手实战的时候,我错了。

前面说到我刚开始接触演示设计的时候,我的认知就是,做PPT不就找符合文案意境的图,然后把字摆上去嘛。比如讲企业愿景,大概率就是配高山,大海,攀登,地球等等元素。比如讲医疗的时候,就是配医生,实验室等等配图。这样的认知也没错。



当我第一次做项目实战的时候,我也是这么干的。 然而我又犯错了,我对PPT又有了新的认知。

首先是用途。用途上分为 阅读型PPT 和 讲解型PPT。

| 阅读型PPT

如果PPT是用作商业计划书,项目提案,品牌介绍,白皮书等等这类场景,这一类型的PPT称为阅读型PPT。 阅读型PPT页面上承载了很多的信息,页面布局整整齐齐,板块分明。这一类型的PPT一般是发给其他受众去仔细阅读的,尺寸一般为16:9,4:3,或者2:1 , 3:1。



| 讲解型PPT

如果PPT是用在大型发布会现场这类场景,这一类的PPT称为讲解型的PPT。 这一类PPT,上面也提到过,演讲的主体是人,PPT只是辅助的工具,整场发布会下来主要靠演讲人把PPT的内容给讲清楚,所以发布会级别的PPT,一般字少,大图,大背景,配合动画,三维去演绎。



我第一次动手做商业项目的时候,我错就错在我的需求是阅读型PPT,我却按照讲解型的思路去做。每一页PPT把内容大部分都删了, 只留下部分重要的信息,再配以大图。下面这个就是一个反面教材,随便找个图片胡糊过去,No Way。

当我再次实战做发布会时, 我又犯错了。

犯了一次错,我弄明白了什么是讲解型的PPT,什么是阅读型PPT。在我第二次接到发布会需求的时候,我记得当时是给一个医疗项目做发布会,我配了一张水珠的超高清大图。我当时认为这个图片非常匹配画面要表达的场景,但现实又再一次给我打脸。

我记得客户的反馈就是这个图过于素材化,一看就是免费摄影图库,不符合他们企业的调性。我这才意识到原来我们平常看到的发布会级别的演示,一张大图配的一些剪短而有力的文案,这个图片的来由不是网络上找张图贴上去,或者请摄影师拍一张那么简单。反过来想,找个合适的图或者付费买一张合适的图然后直接打文字上去,真有那么容易,那发布会也太容易做了,钱哪有那么好赚呢,对吧。



最合适的图片来自哪里?

那如果图片不是找一张匹配的图就能完成演示设计的工作,那最合适的图片从哪里找呢?他们大厂发布会的图从哪里来呢?答案是,网络上从来就不存在100%合适匹配的图片,如果你随便找一张图就能糊弄甲方过稿,说明你的甲方好忽悠,或者说要求并不高。

我们拿苹果来举例子。你去看苹果的每一次新品发布会,你去看苹果的官网上面的图,他们的选图绝对不会是随便在网络上找合适的图片,他们的图片,视频,一定是团队亲力亲为拍摄的。尤其是在展示自己的大楼,车间,生产线,员工,企业文化等等,网络上怎么可能存在匹配合适的图片呢?最优质,最合适的图片一定是请专业摄影团队拍摄。这是解决商业需求首选的方案。

下图为 苹果官网截图





大多数客户没有这个预算,要求咱去网络找图。预算充足的甲方能让设计师用上付费高质图片。预算不足的,设计师只能靠免费图库。这里我拿一个我之前做过的商业案例来给大家展示,这是一页飞机稿,由于涉及商业,所以画面所有信息都去除,我们只看画面视觉。


这一页客户要表达的是企业文化,不畏险阻,勇攀高峰。于是我找了一座高山来表达这个意象。当然这座山不能直接拿来用,于是我对这个照片进行了处理。



图片压缩有摩尔纹



这个效果很不错了对吧。我发过去给客户,尽管已经对图片进行了二次处理符合这一次的意象,但是客户仍然对图片提出质疑,认为这座山光秃秃,而且没有生命力,攀登起来感觉像是探险运动,很危险的感觉。当然客户的顾虑是对的。后面经过了沟通,我把山峰换成了绿油油的有树林的山,然后才过稿。

你看,哪怕是精心处理过的图片,它依然没法100%匹配客户的要求。PPT商业定制,着重在定制两个字,这就是为什么我每次对客户介绍自己的时候,我给自己的title都是【PPT商业定制设计师】。如果你还不是很明白我在讲什么,我用两件T恤来告诉你,什么叫定制。

左边是一件纯白T恤,是工厂批量生产的类型。价格也比较亲民,大概几十块钱左右。那什么叫定制化呢? 右边的T恤就是定制,根据客户的要求私人定制。价格能翻好几倍。很多年前就听闻过某位设计大师说过一个非常经典的比喻: 设计就好比裁缝做衣服。


作为设计师,需要在每一次的项目中倾听客户的内心需求,再运用手里的素材给客户定制匹配的图片,对于反映企业文化的意象图片,客户自然有他自己心中的考量。





字给我再放大点!

有一次做国内某知名游戏工作室的发布会PPT。 主办方会场有3个屏幕,一个主屏,两个副屏。副屏上基本是放字,来辅助大屏的有奖问答。我当时在设计副屏的时候,我认为字已经放得足够大了,再大就破坏了画面的平衡和比例,至少在平面领域来讲,画面的字傻大粗,完全没有美感比例可言。我已经调了五六版了老板还是不满意,最后老板自己调了一版超级大的字,我才意识到原来我做不好PPT是思维上没有扭过来,不是因为技法的问题。平面讲究的字体大小比例均衡,不适合用在演示项目,尤其是发布会项目。为什么呢?我们要从用户的维度去思考,设想一下在会场,如果你的字放得不够大,那么后排的观众可能无法阅读到文字。给观众体验感不是很好。所以,为什么发布会一般不会放很多的文字?因为确实阅读起来很费劲。这就是平面设计跟演示设计的区别。

那问题来了, 到底发布会现场,用多大的字才合适呢?业内有这么一个公式,可以大概推算出字体用多少号,能够让发布会现场最后一排的观众也能清楚的看见。



A是指现场最后一排座位到大屏幕的距离,

B是发布会大屏幕的宽度,

Pa是指人到电脑屏幕的距离,

Pb是指你制作幻灯片时,你电脑屏幕的宽度。


假设A是16m, 也就是说最后一排到大屏幕的距离大约是16米,B(发布会屏幕)的宽度大约是4米,你再用尺子测量一下你的电脑屏幕宽度(Pb值),假设Pb值是80cm,那我们可以算出Pa,人到电脑屏幕的距离是320cm. 也就是3.2m. 为什么要推算这个3.2m这个数值呢? 这个数值至关重要,得到3.2m这个数值之后,你就站在距离你电脑3.2m的位置,去看你电脑上面的字,能不能看清,如果不能看清就把文字调试到 你站在3m外还能看清的字号大小。



我再强调一遍。此时在电脑桌前做PPT的你,就站在距离你电脑3.2米的位置,然后去调试你PPT中的字体,这个时候就做个测试,字号大概放多小,仍然能被你自己看得清。那么,这一份PPT在发布会现场就能被最后排的观众看清。 当然允许的话 ,还是尽量把字调大一点点。


业内这个粗略的测试方法, 有点类似于我们小学数学知识里面的比例尺。这个方法不是万能的,如果条件允许的话,最好就是带着你的电脑去现场控台测试,这是最直观的方法。因为发布会屏幕亮度,现场灯光等等,各方面很多不可控的因素都有可能影响到你的PPT阅读性。

平面设计或许不需要对文案进行提炼。但是演示设计需要!

上一篇文章我有提到,演示设计师的第一重任,就是要对客户想要传达的信息进行提炼处理。化繁为简,有所取舍。但是平面设计尤其是版式设计,是允许画面上大片大片文字的存在的。

那么问题来了,客户如果给了你很多的文字内容,都想塞在PPT里面,怎么办?

答案是,做删减或者分页。我们要针对内容和客户沟通,让客户做取舍,删减提炼。一页PPT保持言简意赅的表达。 如果很多内容实在都想保留,那就拆页,分开好几页来讲。记住,就因为你是设计师,所以你更应该引导甲方(牵着甲方走)。而不是让自己陷入被动,在设计的时候左右为难,寸步难行不知道该怎么办。大胆告诉甲方,这一页内容实在太多了,放不了那么多,影响阅读。

演示设计也遵循平面设计排版四大基本准则

如果要说平面设计和演示设计,有什么共同的点。那我一定要讲,从排版上他们都遵循四大基本准则。从本质出发,如果一份设计稿,画面信息排布凌乱不堪,那还不如直接阅读文字。四大准则:对比,对齐,重复,亲密性。这个已经是老生常谈的话题了,这里不展开阐述。同样的,演示设计也是需要对画面进行信息处理,把重要的信息区分开来。

问题来了: 平面的排版技法用在ppt里面合不合适?

不合适。 前面有提到,PPT最重要的是简单,直接,生动。如果平面的技法用在PPT上面,很显然阅读起来是很费劲的。 不信你看下面这两个案例。就拿我日常最爱喝的杨枝甘露做一个例子 左边是我找的一个平面案例。很不错对吧。 但是如果我用这个排版迁移到发布会大屏上,或者16比9的PPT里面,我也不多说了,你就自己对比一下吧。



你会发现,在现场大屏幕下,阅读如此多的信息,会感到非常费劲,

这就是平面设计和演示设计的区别。

工作流程的异同之处

做了将近快3年的演示项目,很多流程已经算是烂熟于心。今天趁着这个机会,把自己心中的方法论,系统地写下来,方便给各位入行的新人设计师指明一条道路。写,是为了查漏补缺,是为了让知识更加系统化,缝合进自己的知识体系。对自己对他人都是一件有利的行为。

这里我重点说说,演示设计的工作流程。请看下图:



首先第一步是提炼文稿。甲方会给你演讲人的讲稿,大篇的word文字,需要你摘录分页放在PPT里。提取关键信息,梳理清楚表达逻辑。也有一些甲方,会提前把内容已经放在PPT里了,对于内容多的阅读型PPT例如白皮书,需要把布局摆整齐。对于内容少的,需要用图片来撑整个画面,有一些还需要进行尺寸迁移,比如客户提供的是16比9, 但是我们要改成发布会的超宽屏尺寸。

第二步是看分页。我们把内容分好页数之后,需要发给客户确认,客户可能会因为预算不够,让设计师删减页面。因为PPT是按页数来算钱的,比方说一场发布会,1页报价1000元,客户预算1万5.但是你却分页分出了20页内容,这无疑超出了客户的预算,如果乙方这边不肯让步的话,甲方只能删减内容了。疫情大环境下,大家都得勒紧裤腰带过日子。甲方也不好过。

第三步是沟通风格。每一个行业其实风格大体上是固定的,比方说党政风,水墨风,地产有地产的风格,保险金融也有保险金融的风格。国内手机大厂发布会风格,都以简约风格为主。国内新能源汽车发布会,一律向国外BBA,特斯拉等明星企业看齐。所以平时看发布会,就应该多看国外的东西,毕竟很多东西都是借鉴回来的。颜色方面万变不离其宗。来来去去也就那些。我把定风格这件事情说的如此的轻松,是因为我已经参与了大大小小数百个商业定制项目,所以很多风格已经烂熟于心。

第四步出风格稿。风格稿一般出3页就够了。分好页之后,选比较能出效果的页面做风格稿,不要选简单好做的,尤其是一页只有一句话,或者只有几个词的,这种页面无法作为风格稿的代表。

第五步定规范。规范主要包含以下几种东西,布局规范、颜色规范、字体字号规范、元素运用规范、通底。



首先是布局规范,每一页PPT都应该设定参考线,我们应当把内容规定在参考线之内,这样看起来每一页都是统一美观的,这一点对于阅读型的PPT尤为重要。布局规范类似于版式(画册、DM、白皮书)的设计规范。

不管是平面设计还是演示设计,我们都应该设定颜色规范。主色,次主色,辅助色,颜色一般不要超过三种,这是一句老生常谈的话了。字体字号规范也是平面设计和演示设计项目都需要指定的规范。在演示项目中,需要制定大标题、副标题、内页标题、正文规范,还有主题字体。

元素规范是指,通篇设计稿中不断复用的元素,比如圆圈,三角形,或者某一些光效,标题修饰等等。

通底是指每一页PPT的背景。背景通常根据KV元素色调,或者通用元素来指定,通用背景也是为了让整套PPT看起来更加规整。

这里我做了一个表格,写了平面设计和演示设计的工作流程的区别。当然,平面设计下面有很多细分的领域,我这里一个表格可能没法阐述全部, 我只挑其中一两个范畴来讲,大家可以进行知识迁移,举一反三来对比一下平面设计和演示设计的区别。



设计中的设计

大家有没有读过原研哉的这本书?建议入行几年的朋友,对设计行业有一定了解的人,可以读一下这本非常有深度的书。这里我为什么起这个标题 - 设计中的设计。设计中的设计,是你看不见的设计心思。一场发布会,除了台前幕后的策划以外,其实有很多甲方的小心思在里头。


比如,甲方为了让观众能够好理解一些复杂的概念,可能会提供一些动画视频让演示设计师放在画面里。甲方也会纠结一些页面的字眼描述是不是够严谨,会不会误导观众引起争议,他们经常会在现场修改文案;甲方会针对整套PPT进行一个全局的梳理,先说哪个,后说哪几个点,这里的环节应该说多少分钟,那个卖点要让谁上台来讲;现场的提词器需要反复校对文稿;怎么样控制这个节奏,才不会让观众打瞌睡。在哪里穿插亮点,或者提问题,能够和台下一起互动?哪里需要增加动画?一切策划细节,都是人为的设计。不要以为设计只是呈现在屏幕上。设计环节,也算是设计。这些背后的东西,都是设计小心思,我把它称为,设计中的设计。


原文地址:站酷

作者:我是叶老师

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


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


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



设计师调研必备的三张地图,超全面剖析

seo达人

在一个设计项目中,设计师将会面对非常多的决策瞬间。要做好这些决策,绝非只是凭直觉而行的,而需要有强有力的调研结果支撑。


此时,优秀的设计师不仅善用设计工具,更擅于选择合适的设计工具。


调研过程中通常会涉及到三张非常重要的地图:利益相关者地图、同理心地图、用户旅程地图。


有经验的设计师或许都知道他们对于项目管理、用户洞察、设计的关键性决策起着至关重要的作用。但大多数人都存在很多疑问:


·这三张地图的区别是什么?

·分别该在什么阶段使用?

·分别适用于哪些行业?

·有使用顺序吗?

·我该如何使用?

本期内容fabrie就带大家好好解答一下这些问题,并附上三张地图的模板,感兴趣的朋友可以去我们的模板市场获取。


01

利益相关者地图


适用行业:服务设计、产品设计、交互设计
适用阶段:项目调研、项目分析
使用目的:梳理和标记关键的利益冲突者,助力项目规划


在服务设计中,利益相关者地图是一个比较常见的工具。


与其他设计行业不同,服务设计涉及到的是一个系统。其中会有大量且复杂的利益相关者,包括用户、供应商、公司员工、第三方机构等等。

当我们遇到一个问题,需要构思解决办法或是做出一个决策的时候,利益相关者地图就可以帮助我们视觉化地将项目相关人员之间的关系呈现出来,以此来明确每个人的诉求、目标以及对于项目造成的影响大小。


为什么要视觉化?


一个清晰而有逻辑性的mapping可以帮助我们把脑海里的所有碎片化信息集中和串联起来,确保信息没有遗漏。当相关角色的需求和痛点都被充分展示,更能帮助我们发现潜在的人物关系以及不易被察觉的风险和机会点。


当然,这可以是我们制作任何mapping的共同原因和好处。

一般来说,在项目初期阶段,我们就需要进行利益相关者的分析,有两点好处:


一是有助于我们在调研阶段,就更全面地掌握项目的内外环境,了解到不同利益相关者的关注点、体验和期望,这对整个设计方向有决定性作用。


二是如果项目周期较长,很多相关者的信息会发生改变,在项目推进过程中需要不断更新和调整。如果中途再去分析,会让我们的判断产生偏差。


此外,我们使用利益相关者地图,其实更多是为了解决具体的问题。所以我们在使用时,应该是带着问题找答案。


比如:你发现投资人提出的需求与用户的利益相冲突时,就可以通过利益相关者地图来分析他们的权益,推理出对应决策会带来的影响或是回报,从而帮助你把控风险,做出更好的决定。

这其实也是为什么要在fabrie中制作利益相关者地图的主要原因。它为设计师提供了一个便于上手和制作的模板,但也可以随时根据自己的需求自由调整,成为一个实现高效的捷径。


制作利益相关者地图大致分三步:


1. 头脑风暴


首先头脑风暴出所有跟项目相关的个人、群体、组织公司,可以有意识地用不同颜色的便利贴区分不同的群体。


建议将文档一键分享给已知的stakeholder,邀请他们加入头脑风暴,不同的思考维度会帮助你分析出更多潜在相关的身份。


2. 分类分级


对所有识别出来的相关者进行分类,根据对项目的影响程度大致分为核心团队、强相关部门、弱相关部门三个等级,填入地图模板中。


不同的分类标准可以根据自己实际需要研究的问题自由调整,灵活运用。

3. 建立联系


利益相关者之间往往会存在相应的联系,可以用线条将他们关联起来,并描述他们的关系。

设计项目中会不断产生问题,所以将利益相关者地图放在项目文档中,让每一个团队成员都能随时看到和参考,成为设计师沟通项目时的重要帮手,也是它的使命之一。



02

评审中组织


适用行业:服务设计、产品设计、交互设计、工业设计
适用阶段:用户研究
使用目的:深入特定角色的特定场景,理解其行为和需求背后的真正动机


利益相关者地图涉及到项目中的每一个群体,同理心地图研究的则是用户,或者说是一组用户群的想法与需求。


同理心地图≠用户画像,而是制作用户画像的必要准备。


因此我们会在进行某项服务或产品设计之前,就开始使用同理心地图。它的两个主要任务是:


1. 共情用户的所思所想,提取真正的用户需求

2. 建立团队以及各个部门的共识,确保对用户需求的理解和设计方向达成一致。

很大程度上,同理心地图的制作离不开协作。它需要各方共同努力,根据各自对用户的观察,以及研究收集的数据,共享对于目标用户的理解,一起挖掘用户的行为、动机和关注点。

fabrie的同理心地图模板,为团队节省了很多前期的绘制准备,并且让所有人实时在线协作。


在协作之前,建议各方成员将自己对研究用户的已有调研资料或者访谈记录放在模板旁边。大家可以一起花十分钟的时间互通信息,再开始一起创建同理心地图:


1. 确定目标


确定我们在和谁共情?他们面临什么处境?需要做出什么决定?

2. 共情用户


潜入目标用户的大脑,观察和思考他们的所看、所说、所做、所闻、所想(包括痛点和收获)。

3. 分析回顾

整理mapping,思考我们还缺哪方面的调研,我们可以做什么来改变他们的想法和感受。


同理心地图最后可视化地为我们解释了用户行为背后的动机,同时帮助我们去感知到很多不容易被发现的深层需求。


这既能帮助设计师做出可提升用户体验的解决方案,也会在某种程度上引导我们走向更有意义的创新。


03

用户旅程地图


适用行业:工业设计、产品设计、交互设计
适用阶段:对于已有产品的用户体验研究或想要了解预期产品的用户体验过程
使用目的:描绘特定用户与产品或服务之间的交互过程,找出用户痛点和产品机会点


用户旅程地图的核心更偏向于研究人与产品的交互过程,最终优化用户体验。相对来说,它的必要性和通用性会更高一些。


我们既可以研究目标用户与已有产品的交互过程,发现用户痛点以此来优化产品;也可以用来假设预期产品与用户的交互过程,验证自己想要研究的问题,找出产品机会点。

用户旅程地图通过可视化的方式整理用户和产品体验的每个阶段,一般需要包括用户在产品体验阶段的目标、行为、触点、想法、情绪、痛点和机会点。

相对来说,用户旅程地图需要考虑的细节和维度比较多,需要专门绘制,比较麻烦。


fabrie的模板直接给予设计师一个可编辑的框架与思路的引导,让设计师更聚焦于思维发散本身,而不用去关注排版等细枝末节的问题。


当然,除了常规的视角,还可以结合自己业务需求,插入或调整更多相关度高的维度。这也是fabrie模板的灵活性,它引导你思考,但不禁锢你的发散。


然后我们可以按四步走:


1. 确定目标人群和旅程目标


不同用户经历的旅程可能天差地别,因此确定好目标用户以及这个旅程中你想研究的主要问题尤其重要。


2. 描述具体使用步骤


标出在对应的语境下,每个步骤意味着什么,也就是开始研究用户行为。根据模板上方的提示,修改成对应我们自己的用户旅程阶段。

3. 完成每个步骤的多维度描述


在完成用户旅程阶段后,探索每个阶段用户使用产品时的体验感受,思考对应的目标、行为、触点、想法、情绪、痛点和机会点。

4. 提炼关键洞察


根据整个梳理,提炼出关键洞察,也就是我们做这个用户旅程地图的最终目的。

写在最后


设计师在提升设计能力的同时,需要慢慢开始主导设计项目。这几个地图都是强有力的辅助工具,能帮助我们去发现问题和解决问题。


fabrie模板的意义,就是希望大家不被形式所困扰,而是更自由更聚焦地去思考。


在不断使用这些设计工具的过程中,我们会形成更科学完善的设计思维,从而做出更好的设计决策,提升设计格局。


fabrie的模板市场,提供了数十款设计相关的专业模板。如果你是一个设计新手,它可以帮你更快地上手操作;如果你是一个有经验的设计师,模板则可以帮助你提高效率,聚焦于思考本身,不被格式等问题困扰。


原文地址:站酷


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


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


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




日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档