首页

奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?

ui设计分享达人

导读
: 欧洲杯余温尚在,巴黎奥运会开幕在即,体育赛事总是跨越着时间与地域,将观众们的情绪紧紧相连。
除了精彩纷呈的竞赛本身,各大体育赛事的视觉表达也总能引起热议。徽标设计、赛场新貌、信息文字……它们不仅沉淀着历史基因,还传达着关乎当下的特色表达,而其中字体的选择也是关键要素。
本文聚焦 8 项全球顶尖体育赛事的徽标及官网设计,感受字体如何在其中构建起富有表现力的场域。
 
1|奥林匹克运动会
奥运会的徽标设计总是引人注目,往往融合了前瞻的设计理念及丰富的地域特色,其中图形设计与文字信息的和谐搭配亦至关重要。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
即将到来的 2024 巴黎奥运会会徽融合了金牌、奥运圣火与象征国家的玛丽安娜元素,以此致敬女性运动员。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
而下方文字则是设计团队特别定制的 Paris2024 Font 可变字体,风格简约,线条动感,蕴含装饰艺术风格。这款字体不仅运用到了印刷物料中,也在巴黎奥运会官网中用以呈现信息。
历届奥运会徽标设计常常采用手写字体或是定制字体以更好地匹配概念核心,但也有不少徽标采用了现成的字库字体。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
 
例如 2004 雅典奥运会徽标采用了 Gill Sans,组委会表示这款字体的字母形状与大量的希腊古代石刻铭文有异曲同工之妙。2020 东京奥运会使用了 DIN,其严谨细致的字体基因与祖市松纹图案搭配和谐。
 
2|澳大利亚网球公开赛
Font:Sharp Sans
网球四大满贯赛事之一的澳大利亚网球公开赛(简称澳网),创办至今已有 100 多年的历史,是每年四大满贯中最先举行的一个赛事,亦是最年轻的大满贯。
左:旧徽标         右:新徽标
左:旧徽标 右:新徽标
 
澳网于 2016 年推出了新徽标,使用了 Sharp Type 字体公司旗下的 Sharp Sans(现已加入蒙纳家族)。相比于旧徽标,这款几何风格无衬线体为徽标增添了更多时尚简约的现代气息。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
澳网官网也使用了 Sharp Sans,既保证了视觉风格的统一,也通过这款适应度极高的字体实现了良好的信息传达。
 
3|温布尔登网球锦标赛
Font:Gotham
同为网球四大满贯赛事之一的温布尔登网球锦标赛(简称温网),创办于 1877 年,历史悠久、声望丰厚。独特的草地场地也是温网的特色之一,为比赛增添了独特的观赏性和挑战性。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
目前的温网徽标自 2011 年起启用,代表草地颜色的绿色部分有两个交叉的球拍和一个网球,外侧紫色环形部分则用 Gotham 字体标注了温网名称。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
这款经典的美系无衬线体也应用到了温网的数字呈现中,既权威直率,又蕴含轻盈优雅。
 
4|NBA 美国职业篮球联赛
Font:Knockout
左:旧徽标         右:新徽标
左:旧徽标 右:新徽标
 
NBA 的徽标也经历了多重的焕新,2017 年,维持了长达 48 年的徽标有了小幅度更新,核心部分维持不变,色彩略微调深,字母变得更窄,强化徽标在品牌数字资产中的醒目度。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
NBA 官网则是选择了 Hoefler & Co. 旗下的 Knockout 字体。这款字体是对与 19 世纪末美国活版印刷商各种无衬线字体的一种总结诠释,打破了现代主义的传统,传递出更为经典的美式风格基因,与网站整体视觉风格相得益彰。
 
5|英格兰足球超级联赛
Font:蒙纳定制字体 Premier Sans
作为欧洲足球五大联赛之一,也因节奏快、竞争激烈、强队众多而商业表现极为突出的足球联赛,英超联赛在 2016 年启动了品牌升级,适配更多元化的媒介。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
 
左:旧徽标         右:新徽标
左:旧徽标 右:新徽标
 
 
蒙纳应 DesignStudio 委托,为英超联赛定制了品牌字体 Premier Sans。品牌升级前,英超联赛一直使用一款全大写的字体;时过境迁,英超需要一款更清新、亲切的字体,适配各种媒介。此外,欧洲职业足球联赛的品牌营销竞争激烈,字体也需要在营销上发挥作用。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
最终,Premier Sans 这款字体不仅在大字号下确保了良好的展示,还适应表格这样布局密集的版面,并配备了窄体来显示较长的球员名字,从而适用于多种媒介,从屏幕、球衣号码、再到电视节目、排名表等等。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
6|世界摩托车大奖赛
Font:蒙纳定制字体 MotoGP Font
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
国际摩联(FIM)公路赛车的各项赛事中,世界摩托车大奖赛(MotoGP)最受关注。MotoGP 始创于 1949 年,是历史最久的摩托车大奖赛,每个赛季覆盖四大洲的 16 个国家。
作为顶级的摩托车赛事,MotoGP 集结了全世界最优秀的车手与最先进的摩托车型。2020 年,MotoGP 商业权利持有方 Dorna Sports 决定与 Fontsmith(现已归入蒙纳)合作,设计一款活力、高端、迷人的品牌字体。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
该款字体不仅框架清晰,并且融入了赛事元素,如开放的车道形状,因而兼备摩托车工业感的曲线和优美的视觉意味,个性鲜明且富有动感,从而使 MotoGP 的品牌形象和力度都得到提升。
 
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
目前,这款字体不仅应用于 MotoGP 的各类实体物料,也呈现在各类数字媒介和转播画面中,鲜明一致地传达出赛事风格。
 
7|伦敦马拉松
Font:ITC Avant Garde Gothic + Proxima Nova
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
伦敦马拉松诞生于 1981 年,于每年 4 月下旬举办。伦马也是世界六大马拉松赛事之一,但不同于其他赛事,伦敦马拉松是一个慈善马拉松,大约三分之二的跑者都是通过慈善捐款的方式获得参赛资格。
伦马的徽标左侧字体颇具优雅的曲线感,而右侧则使用了一款现成的字体:ITC Avant Garde Gothic。
这款字体以 Avant Garde 杂志的 logo 字体为基础而设计,并逐渐由设计师团队经手优化为完整的字体家族;具有强大而现代的外观,是平面设计师用于标题及短文本的理想选择。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
伦马的官网标题字体也沿用了 ITC Avant Garde Gothic,正文则选择了易读性更强的的 Proxima Nova,兼具力量感与现代性。
 
8|全英羽毛球公开赛
Font:Neue Haas Grotesk Display + DIN
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
全英羽毛球公开锦标赛是世界上历史最悠久、最负盛名的羽毛球锦标赛,由 1898 年在英国吉尔福德成功举办的世界上第一场羽毛球公开比赛发展而来。
伦敦创意机构 Monopo London 于 2023 年为全英赛打造了忠于基因却也更为活力的视觉升级。更为平面的图案设计、全新的配色方案等都带来了更温暖、舒适、愉悦的感官体验。
奥运会、温网、NBA……顶尖赛事的字体选择,如何带来惊艳视觉?
 
 
 
在字体应用方面,此次视觉升级也颇有考量。
官网标题字体选用了 Neue Haas Grotesk Display(这款字体正是 Helvetica 的前身),正文字体则是蕴含着德系干净严谨基因的 DIN。两款字体相辅相成,既展现年轻、现代的外观,又清晰鲜明地呈现大篇幅文字信息。
结语
体育赛事往往历史悠久,蕴含着深厚的品牌基因,也随着时代的发展进行视觉升级。字体在其中亦占据重要的视觉核心,不仅奠定了表达基础,也在赛场、网页、宣传广告等多种媒介上完善信息的呈现。
活力、坚韧、愉悦、希望……无论是使用字库字体抑或定制字体,更灵活、更大胆的字体策略,能将品牌声音传达更远,触达更多,设计表达与创意的可能性也正在于此。
 


作者:Monotype蒙纳
链接:https://www.zcool.com.cn/article/ZMTYyODM4NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

用好「用户行为分析」让体验起飞

ui设计分享达人

用户行为分析-如何开始搭建
体验或交互设计知晓用户行为分析有什么用?
答:
我们所处的行业下,各类产品变得成熟精细,大家开始拼细节卷服务,市场竞争激烈。对于产品的各种优化改版也就开始变得谨慎,往往需要经过用户研究或是数据分析等工作来验证或决策,不再是由设计师或产品经理凭借过往经验办事或对标竞品照抄了,恰好用户行为分析就是用户洞察中具有代表性的一项;
 
体验或交互设计为什么要掌握这些呢?
答:
回归到用户体验相关设计,本身就是一项细致活儿,处处需要用户研究或数据洞察来辅助设计工作,了解其相关甚至熟悉搭建分析,从职能发展趋势来看,可能是迟早的事;
 
所以即使你目前用不上用户行为分析相关,也不要急着关掉文章,先简单了解一下吧,说不定你会有兴趣呢,说不定不久后刚好用上呢?
 
 
用户行为分析能干啥
用户行为分析是数据分析的一个重要领域,特别是在数字化服务行业中,主要目的是通过深入研究用户群体的流量动向以及操作行为特征等,来了解用户与产品间的关系、效果、趋势,以帮助我们优化产品设计、提升用户体验并驱动业务决策。
说人话就是:
监测用户在产品上做出了哪些行为、是否符合预期、有什么特征、问题在哪里,然后看看产品上需要做些什么调整或迎合用户的特征偏好来决策啥的。
 
用户行为分析有啥优势
具备一定的客观性与真实性
被动采集的行为数据有时候比用户口述反馈的信息要更真实有效,一方面更加直接,另一方面也少了些用户心理设防(霍桑效应);
用好「用户行为分析」让体验起飞【构建篇】
 
 
具备一定的代表性与准确性
由于是群体性的大数据,所以更有代表性,并且是即时的数据记录,不容易记混记错,准确性也更好;
用好「用户行为分析」让体验起飞【构建篇】
 
 
具备可持续性与可追溯性
通过数字化技术实现,可以伴随产品发展持续的采集数据,可以较为方便的调取过往数据进行比对追溯分析;
用好「用户行为分析」让体验起飞【构建篇】
 
 
具备一定的AI不可代替性
用户行为的背后依旧是人文心理等方面的内容分析或业务场景化决策,往往离不开人工的加持介入;
用好「用户行为分析」让体验起飞【构建篇】
 
 
实施构建的流程
以下是对用户行为分析的工作流图解,由于不同企业的诉求有差异,以下工作流仅代表大部分用作交流;
用好「用户行为分析」让体验起飞【构建篇】
 
 
 
关键节点拆解说明
此次主要聊聊基础的上手运用与注意事项,不涉及过深或难以理解的部分,如果说用户行为分析可以到达高等数学的程度,那么此次就讲讲加减乘除好了,师父领进门,修行靠个人,各位看客请上座!
用好「用户行为分析」让体验起飞【构建篇】
 
 
目标需求拆解
1、什么时候开始?
首先你的产品得有流量,然后得有一个关乎到用户行为的目标,例如想看看用户流量分布、了解功能使用频率、任务执行的漏斗关系、用户行为偏好、用户数据画像构建等,这个时候就可以考虑开始了,不然就可能南辕北辙费力不讨好。
用好「用户行为分析」让体验起飞【构建篇】
 
 
2、界定一个范围?
首先构建一套完善的用户行为分析系统并持续的维护与应用并不是一个轻松的事情,所以最好是针对性构建+多迭代,不要上来就想着做全盘搭建,表面的工作或问题往往可能只是浮冰,逐步的深入后问题会越来越多,个人深有体会!
用好「用户行为分析」让体验起飞【构建篇】
 
 
3、由上而下,找准路线?
通过业务目标向下拆解,一般上层目标无非是商业转化、用户活跃留存、任务通过率这些,向下拆解则是通过业务目标去锁定核心的业务场景或任务线路,这些核心的页面、场景或是任务线路,就是你前期可以界定的一个范围,后续的重点工作则是将核心功能的入口或路径穷举出来,避免数据对不上或找不到异常源头的情况。
在我的认知里,用户行为分析建设不是一锤子买卖,步伐走小一点,基础搭好一些,以后的迭代建设或维护也会轻松许多;
概括一下就是,不要追求全面,靠拢业务价值,关联上指标或者核心业务场景即可;
之前网上看到有大佬给了一个建设思路,这里搬来大家参考一下;
用好「用户行为分析」让体验起飞【构建篇】
 
 
带你认识不一样的埋点
数据埋点技术已经很成熟了,甚至有很多第三方的埋点+分析的服务,以及采集用户行为数据的不仅仅只有埋点技术方案,哪怕你做一个录屏技术都可以,只不过从数字化产品视角出发,埋点技术更有性价比,以及符合用户隐私权益,所以这里专门讲一下“埋点”这个老技术,熟悉的大佬们可以跳过埋点这部分。
1、埋点是什么
数字化应用大多有个特征,就是需要用户进行界面交互,有交互就有行为动作发生,而
数据埋点
就是将用户在
界面交互
时产生的
各种类型
监控日志
上报到产品后台去,这样业务团队就可以知道到用户在不同页面或业务场景下操作了什么,去往过哪些页面,当结合业务后台的订单等数据时,就可以还原出更加清晰的用户行为全貌。
 
通常这些埋点会分为
“页面访问(PV、UV)、区块曝光(区域、时长)、按钮操作(动作、状态)”
三大类型,并
携带交互元素和操作者的各类特征信息参数
,便于我们知晓更多的场景细节与用户情况,例如知晓这个【免费试用】按钮是对应了那个产品?点击的用户是否已开通这个产品?这个用户是否为付费用户?是否个人还是商家类型?用户从那个渠道进来的等,而且这些植入在产品代码中的埋点可以不间断持续的采集和配套产品迭代进行维护,可以帮助业务团队获取大量有效数据用作业务分析决策。
用好「用户行为分析」让体验起飞【构建篇】
 
 
2、什么时候派上用场
这些数据埋点主要是为业务目标的洞察分析服务,也就是说业务目标中需要采集用户行为数据时,埋点就要派上用场了,相比传统的业务日志,埋点可以收集到更加全面的界面交互的行为数据,能够简易的还原出一套线上用户的使用情景,而不仅限于一些业务后台就能统计出的转化率或基础数据等;
用好「用户行为分析」让体验起飞【构建篇】
 
 
并且埋点数据可以与业务数据分开存储运维,这意味着埋点数据可以更迅速的根据设定的指标公式统计出期望的数据或视图,并且不会干扰业务访问的性能质量,因此产品迭代后的新老数据对比、营销活动的效果评估、用户行为的特征偏好识别等,数据埋点都以可以派上用场的。
 
3、怎么提埋点需求?
首先埋点需求没有固定的文档格式,其次不同埋点服务平台的要求也有差异,就移动端来讲,很多服务商已经支持可视化埋点、全埋点、无埋点服务,可以实现自动识别交互元素并进行埋点操作,大大减少了开发工作量,那么再聊回埋点需求怎么提。
 
核心结论就是由上而下,通过业务目标或核心指标进行拆解,然后关联到核心的任务流程上,对于一个页面或一套流程没有必要进行全篇埋点,技巧我概括为以下几点;
用好「用户行为分析」让体验起飞【构建篇】
 
 
埋点需求的主要内容基本包含以下,根据业务或埋点平台的差异,可以自行调整;
用好「用户行为分析」让体验起飞【构建篇】
 
 
4、业务扩参怎么一回事儿
扩参即扩展参数,指在当前用户界面中可以请求到的业务数据,并将这些业务数据绑定到埋点日志中一并上报给埋点数据后台,通常为一些用户属性参数、业务属性参数、设备属性参数、网络环境参数,这样我们就可以通过这些额外的参数进行数据分析或是过滤,举个典型案例;
用好「用户行为分析」让体验起飞【构建篇】
 
 
 
数据治理是做什么
为什么要治理?
简单说就是提升数据质量与准确性,在庞大的一套数据中,我们需要弄清楚数据之间的映射关系,即不同的数据参数代表了什么元素什么动作什么含义,数据是否有缺漏或冗余、报错漏报乱报、是否有无效的脏数据(例如内部的测试数据或脚本爬虫等带来的数据),如果我们不去将这些数据进行治理,则统计出的数据指标特征或趋势都将不可靠,无法被商业应用。
简单讲就是元数据没治理准确,得到的数据指标也就失去了实用价值。
用好「用户行为分析」让体验起飞【构建篇】
 
 
怎么去治理?
本质是查缺补漏将无效的数据过滤掉或纠错
,再把数据涵义映射成具体的指标或描述,用作进一步的指标计算与分析,如果数据又多又杂,你会发觉这一步要你老命,例如埋点就需要逐个查询原始埋点的位置、触发条件、埋点用途、埋点含义甚至与关联业务数据的关系校对等。
不过还好,
一般来讲这些工作都是数据建模(BI)相关人员去负责的
作为应用层的我们,更多的是能够根据业务目标提出埋点需求、提出指标与数据报表需求,以及通过数据核算或查看数据趋势等手段找出异常让 BI 修复
,所以这里就不展开埋点数据治理的方法了。
 
数据维护不易
就埋点监控用户行为的方式来讲,除了平时的治理与报表问题修复,每次迭代改版还要做好相关埋点信息的管理与维护更新,保证不出错,不影响关联指标,甚至是线上用户偏好的推荐算法等应用,特别是数据规模越来越大后,又密切关联着业务决策时,数据更不容出错,且要求准确。
 
三大分析内容产出
1、内容产出的先后
在用户行为分析内容构建的过程中,除非是有特定场景特定诉求,通常个人认为都是先出指标、再完善行为链路、再逐步丰满用户画像的一个过程,原因如下;
  1.  
    通常先接到的都是一些核心指标,例如转化率、留存率、活跃度等,同时这些指标也是上层最先关注到的;
  2.  
    接着就是完善不同场景或任务路径相关,帮助洞察微观视角下的体验障碍或用户偏好等,产出流量统计、流程漏斗等,起到业务体验的洞察改善决策作用;
  3.  
    用户画像的数据本身就没那么好收集,并且是一个逐步完善和被业务决策应用的过程,所以一开始不会直接奔着用户画像构建开始;
 
2、基础指标构建
所谓指标可以理解成是产品某项业务的成绩,例如我是卖包子的,那么我的指标大概率就是每天卖出去多少包子、利润有多少、哪款包子销量高,根据这些信息我就可以知道我平时应该准备多少包子、哪些品类的包子需要多做一些、我靠卖包子能赚多少钱。
用好「用户行为分析」让体验起飞【构建篇】
 
 
指标构建的原理
实际上指标的构建逻辑可以很简单,例如A占B的百分比、ABC的总和、连续多天A占B的变化等,很多加减乘除的算法就能搞定,主要是能拿到真实数据,不然我怀疑你在做烂账......
 
常见指标:
用好「用户行为分析」让体验起飞【构建篇】
 
 
3、行为链路分析
用户行为路径是一种数字化的旅行地图,相比较传统服务的旅行地图,场景会更纯粹、意图更准确、数据采集更便捷,主要作用有以下几点;
  •  
    分析用户在产品中的活动范围或页面路径的关系,可以帮助了解用户活跃分布,流量走向等情况;
  •  
    识别在任务或流程漏斗中的卡点或跳失情况,帮助优化流程体验或提升转化率等指标;
  •  
    通过用户的互动方式或路径特征来进行用户分类或偏好分析预测等,用于内容推荐算法或精准营销;
 
这些行为我们可以大致分为浏览、消费、互动三大类,根据不同的业务类型,可以选择性采集和分析相关数据,例如电商产品就比较关注用户的浏览与消费行为,常见的有商品浏览、添加购物车到下单;
而社交应用就更关注用户的互动行为,如不同类型的内容访问、评论点赞、关注收藏分享等;
这些数据最终可能由可视化的数据报表呈现出来,以便于业务团队快捷的找到数据问题或特征,如常见的漏斗图、桑基图、雷达图、树状图、散点图、决策树等;
用好「用户行为分析」让体验起飞【构建篇】
 
 
小话题延展
最近在UXRen的一场分享会中,听罗浩讲了体验营销的话题,虽然是关于用户研究在职能岗位上挖掘新的商业能力的内容,但是其中有一段是关于如何在旅行地图中挖掘新的营销触点,有一些体会,这里结合用户行为链路分析简单聊一下;
背景与问题:
产品功能与业务增多,引流渠道多样化,不同渠道流量的撬动关键是什么,核心场景具备哪些能力,哪些渠道的流量能吃掉,这些流量所处的触点或场景能支持什么,用户意图是什么,产品能力能满足什么,产品发展可以支持哪些?如何分流或匹配各类流量的意图,并提供路径分发,这些用户流量数据有何趋势或特征,是否能与场景或触点进行根因分析,是否沉淀行为或偏好模型?
行为路径的重点:
在于观察不同触点下的客户意图,展开业务所能触及的部分或新的机会,并匹配合适的关键路径,以提升转化或用户粘性等,然后做数据回归分析,抓取有效的用户特征信息,并应用到产品的内容推荐或外部引流投放信息优化上。
流程过程:
触点展开与机会洞察,触点场景——意图识别——结果匹配(关键路径)——(根因回归)画像更新——算法推荐——广告优化
这一套下来,是不是感觉有点儿似成相识?后来一想这不就是一套用户增长的设计思路嘛。
这一套下来,是不是感觉有点儿似成相识?后来一想这不就是一套用户增长的设计思路嘛。
 
 
4、用户数据画像
主要是帮助了解和理解用户,使得我们可以划分用户群体和识别偏好特征,最终以提供精准营销或是洞察用户诉求来迭代改善产品。
其中偏好特征我们还可以根据业务属性细分为兴趣偏好、行为偏好、消费偏好等,并为不同偏好特征的群体提供个性化的内容服务,例如常见的内容标签标记,通过识别用户常看内容的标签,来推荐类似的标签的内容或是有潜在兴趣的标签内容来抓住用户的兴趣。
用好「用户行为分析」让体验起飞【构建篇】
 
 
 
常见画像指标构建
这些指标会通过用户行为、设备信息、个人资料的完善来逐步获取,主要可以了解到用户的地域分布、年龄与性别分布、设备与活跃度情况,相应的数据在业务后台基本上都能够获取到,只需要将某个时间分区的数据拉出来,经过Excel之类的软件把数据加工一下,就能够获取到相关数据视图。
如果将多个数据指标结合起来分析,便可以获取一些复合型数据指标,例如哪些年龄段的用户群体消费能力更强、活跃度更高、不同教育背景的兴趣爱好是否有一定的关联性等等;
用好「用户行为分析」让体验起飞【构建篇】
 
 
进阶画像指标构建
进阶的数据画像会完善更多的用户特征信息,便于业务团队找到用户群体的特征,做进一步的精细化运营或内容推荐,常见的画像指标如下;
此外就是在收集用户数据的过程中,保证用户隐私安全、合法性和安全性。
此外就是在收集用户数据的过程中,保证用户隐私安全、合法性和安全性。
 
用户分层模型应用
当我们采集到一定的用户数据后,就可以在数据画像的构建阶段进一步完成用户分层工作,这一步是为了将用户分类,因为不同用户群的目的是有差异的,例如闲逛、精准采购、参与活动的等等,以提供差异化的服务做精准营销、识别用户群体特征做业务策略决策、或是优化产品体验相关,不过当你的用户规模尚小,运营模式简单,你也不用迫切去进行用户分层相关,因为收益不大。
那么通常都有哪些用户分层模型呢?其实你并不陌生,一些给你列举了一些;
用好「用户行为分析」让体验起飞【构建篇】
 
 
分析结论到应用
相信你也发现了,用户行为分析的构建与产出并不只是行为链路的数据,同时会包揽很多其他的有价值的指标与数据,所以不要被用户行为四个字迷惑,或许你此刻正需要构建相关数据。
 
当你准备构建或整理用户行为分析前,记得目标或问题先行,针对性采集数据或建设指标,在你有了相对准确或清晰易懂的数据后,那些数据报表或图表根本难不倒你,说白了无非是将纯纯的一堆数据换了形式展示,如果你数据可视化的形式与应用不够了解,你可以看看AntV官网的介绍说明了解一下,其实你也不用每个都研究个遍,实用的就那么几个,酷炫是要代价的,报表搭建平台支不支持、Excel支不支持、时间精力够不够研发给你整,都是问题~
 
 
此篇最后!
你可能疑问没有完整的教程手把手教你啊,其实不然,构建的前提、流程、要点、建设方向均在此篇中交代过,当你按照这套流程框架去做,基本上不会有啥大问题,一般来讲这些内容也够用,至于选用哪些数据埋点平台、数据分析平台、报表搭建平台、视自家公司情况而定吧。
也不要担心在数据报表搭建或分析的过程中,你搞不定,是不是你执行先不说,多问问百度或平台客服总能解决,如果就是觉得很难上手,那么大概率是工具你不熟,或者工具不好用。
 
 


作者:泡泡_PAO
链接:https://www.zcool.com.cn/article/ZMTYyOTMxNg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

双钻模型全方位解读与实战案例

ui设计分享达人

目录
一、双钻模型简介
二、双钻模型的阶段
三、双钻模型生活中应用
四、双钻模型总结
 
一、双钻模型简介
双钻模型全方位解读与实战案例
 
 
双钻模型(Double Diamond Model)是由英国设计委员会(British Design Council)于2005年提出的。这一模型是用于描述设计过程的一种框架,它将设计过程分为四个阶段:发现(Discover)、定义(Define)、开发(Develop)和交付(Deliver)。
二、双钻模型的阶段
双钻模型全方位解读与实战案例
 
 
1.  发现(Discover):
a.  目标:收集和研究大量信息,理解问题的全貌。
b.  方法:用户调研、市场分析、观察、访谈、数据收集。
c.  结果:广泛的洞察和灵感,为问题定义阶段提供基础。
2.  定义(Define):
a.  目标:分析和综合发现阶段的信息,明确设计问题和机会。
b.  方法:数据分析、问题陈述、需求定义、设计准则制定。
c.  结果:一个清晰、具体的问题陈述和设计方向。
3.  开发(Develop):
a.  目标:产生和发展解决方案的过程,探索各种可能的设计方案。
b.  方法:头脑风暴、概念设计、原型制作、用户测试、迭代。
c.  结果:多个初步解决方案和原型,为最终选择提供依据。
4.  交付(Deliver):
a.  目标:验证和完善最终方案,准备产品的详细设计和生产。
b.  方法:详细设计、开发、测试、实施、发布。
c.  结果:一个成熟的解决方案,准备推向市场或交付给客户。
1、发现(Discover)
在发现阶段,设计团队的主要任务是广泛收集信息,理解用户需求、市场趋势和问题领域。这一阶段注重探索和发散,旨在获取尽可能多的洞察和灵感,为后续阶段提供丰富的基础。
发现阶段需要做什么:
双钻模型全方位解读与实战案例
 
 
1.  用户调研:
a.  访谈:与潜在用户进行一对一或小组访谈,了解他们的需求、期望、痛点和行为模式。
b.  问卷调查:通过结构化问卷收集大规模用户反馈,获取定量数据。
c.  观察:直接观察用户在自然环境中的行为,记录他们的操作方式和遇到的问题。
d.  用户旅程地图:绘制用户在使用产品或服务过程中的各个接触点,识别关键的用户体验。
2.  市场分析:
a.  竞争分析:研究竞争对手的产品和服务,了解其优势和劣势。
b.  趋势分析:识别行业和市场中的最新趋势和技术发展,预测未来变化。
3.  数据收集:
a.  文献研究:查阅相关的学术研究、行业报告和白皮书,获取背景信息和理论支持。
b.  数据挖掘:分析现有的数据资源,如用户反馈、支持请求、社交媒体评论等。
结果:
发现阶段的产出包括大量的用户洞察、问题陈述、机会识别以及设计灵感。这些信息将被用于定义阶段,以明确设计问题和机会。
案例:设计一款新的健康管理应用
背景:一家科技公司决定开发一款新的健康管理应用,旨在帮助用户更好地管理他们的健康数据和生活方式。
用户调研
双钻模型全方位解读与实战案例
 
 
1.  访谈:
a.  目标用户:20位年龄在25-45岁之间的潜在用户,涵盖不同的健康状况和生活方式。
b.  问题:了解他们目前如何管理健康数据,使用哪些工具,遇到的主要挑战是什么。
2.  问卷调查:
a.  规模:1000名目标用户,问卷内容包括健康管理习惯、对健康应用的期望、常见的使用场景等。
b.  结果:定量数据分析发现,70%的用户希望应用能提供个性化的健康建议,50%的用户认为当前的健康应用缺乏数据整合能力。
3.  观察:
a.  场景:观察用户在健身房、诊所和家中的健康管理行为,记录他们如何记录和分析健康数据。
b.  发现:大多数用户在健身房使用手动记录方式,而在家中则依赖多个设备和应用,导致数据分散和管理复杂。
市场分析
双钻模型全方位解读与实战案例
 
 
1.  竞争分析:
a.  竞品:研究当前市场上的主要健康应用,如MyFitnessPal、Fitbit、Apple Health等。
b.  分析:MyFitnessPal在饮食记录方面表现出色,但缺乏运动数据整合;Fitbit在运动数据追踪上有优势,但个性化建议不足。
2.  趋势分析:
a.  趋势:健康科技领域正朝着个性化和整合化发展,人工智能和机器学习在个性化健康建议中的应用越来越普遍。
b.  技术:可穿戴设备的数据整合和远程健康监测成为新的增长点。
数据收集
双钻模型全方位解读与实战案例
 
 
1.  文献研究:
a.  文献:查阅关于健康管理、行为改变和用户体验设计的相关研究,获取理论支持。
b.  发现:有效的健康管理应用需要兼顾用户动机和行为改变理论,提供即时反馈和鼓励。
2.  数据挖掘:
a.  来源:分析公司现有的用户反馈和支持请求,识别用户常见问题和需求。
b.  结果:用户普遍希望应用能提供更好的数据可视化和综合分析功能。
结果
通过发现阶段的调研和分析,设计团队收集了大量的用户需求和市场信息,明确了以下几个关键问题和机会:
1.  用户需要一个能够整合各种健康数据的平台。
2.  个性化健康建议是用户高度期望的功能。
3.  当前市场上的健康应用存在数据分散和管理复杂的问题。
这些洞察将指导下一阶段的定义和设计工作,确保新开发的健康管理应用能够真正满足用户需求并在市场中具有竞争力。
2、定义(Define)
定义阶段的主要目标是将发现阶段收集的广泛信息进行分析和综合,明确设计问题、用户需求和机会。这一阶段的重点是收敛信息,以确定一个明确的设计方向,为后续的开发阶段提供指导。
定义阶段需要做什么:
 
双钻模型全方位解读与实战案例
 
 
1.  数据分析:
a.  整理和分析发现阶段收集的信息和数据,识别关键趋势和模式。
b.  使用工具如Affinity Diagram(亲和图)、Personas(用户画像)和Customer Journey Maps(用户旅程图)进行信息整理。
2.  问题陈述:
a.  将用户需求和痛点转化为具体的设计问题和挑战。
b.  使用工具如How Might We(HMW)问题框架,将发现的机会转化为设计问题。
3.  需求定义:
a.  明确用户需求和功能需求,确定设计准则和约束条件。
b.  创建需求文档,列出所有必须满足的需求和优先级。
4.  设计方向:
a.  确定设计策略和方向,制定设计目标和成功标准。
b.  使用工具如SWOT分析(Strengths, Weaknesses, Opportunities, Threats),评估设计策略的可行性。
结果:
定义阶段的产出包括清晰的问题陈述、用户需求、设计准则和明确的设计方向。这些成果为开发阶段的概念设计和原型制作提供了基础。
案例:设计一款新的健康管理应用
背景:一家科技公司在发现阶段通过用户调研、市场分析和数据收集,了解到用户需要一个能够整合各种健康数据的平台,并希望该平台能提供个性化的健康建议。现进入定义阶段。
数据分析
双钻模型全方位解读与实战案例
 
 
1.  整理信息:
a.  使用亲和图(Affinity Diagram)整理用户调研中的关键发现,分类和识别主题。
b.  通过用户画像(Personas)总结不同用户群体的特征和需求,如忙碌的专业人士、健身爱好者和慢性病患者。
2.  用户旅程图(Customer Journey Map):
a.  绘制用户旅程图,显示用户在健康管理过程中各个接触点的体验和痛点。
b.  识别关键的接触点,如数据记录、数据分析、个性化建议和行为反馈。
问题陈述
1. How Might We(HMW)问题框架:HMW问题:如何使用户能够轻松整合和管理他们的健康数据?如何为用户提供个性化的健康建议?
a.  这些问题将指导设计团队在开发阶段探索具体的解决方案。
需求定义
双钻模型全方位解读与实战案例
 
 
1.  用户需求:
a.  用户需要一个平台能够整合多种健康数据来源(如可穿戴设备、手动输入、医疗记录等)。
b.  用户希望平台能提供个性化的健康建议,基于他们的健康数据和目标。
2.  功能需求:
a.  数据整合功能:支持多种数据来源的同步和管理。
b.  数据分析功能:提供清晰的健康数据可视化和分析报告。
c.  个性化建议:基于用户数据和目标,提供个性化的健康建议和计划。
3.  设计准则:
a.  界面简洁易用,符合用户的认知习惯。
b.  提供及时的反馈和鼓励,帮助用户保持积极的健康管理行为。
c.  确保数据隐私和安全,建立用户信任。
设计方向
双钻模型全方位解读与实战案例
 
 
1.  设计策略:
a.  采用模块化设计,允许用户根据自己的需求自定义平台功能。
b.  使用机器学习和人工智能技术,实现个性化建议和预测分析。
2.  成功标准:
a.  用户满意度和使用率:通过用户反馈和使用数据评估平台的用户体验。
b.  健康目标达成率:衡量用户在使用平台后的健康改善情况。
c.  数据安全性:确保用户数据的安全和隐私保护。
结果
定义阶段的结果包括:
1.  清晰的问题陈述:如何使用户能够轻松整合和管理他们的健康数据?如何为用户提供个性化的健康建议?
2.  用户需求和功能需求文档,列出整合数据、数据分析和个性化建议等关键功能。
3.  设计准则和策略,确保界面简洁易用,提供及时反馈,并保障数据隐私和安全。
4.  明确的设计方向和成功标准,为开发阶段的概念设计和原型制作提供指导。
通过定义阶段的工作,设计团队可以将广泛的信息和洞察转化为具体的设计要求和策略,为后续的开发和交付阶段奠定坚实的基础。
3、开发(Develop)
在开发阶段,设计团队的主要任务是产生和发展解决方案,探索各种可能的设计方案并进行验证和迭代。这一阶段的重点是创造性和实验性,旨在将定义阶段明确的问题转化为可行的设计解决方案。
开发阶段需要做什么:
 
双钻模型全方位解读与实战案例
 
 
1.  头脑风暴:
a.  目标:产生大量创意和概念。
b.  方法:团队成员自由发言,记录所有想法,不进行评判和筛选。
2.  概念设计:
a.  目标:将头脑风暴产生的创意转化为具体的设计方案。
b.  方法:绘制草图、创建故事板、编写用例场景。
3.  原型制作:
a.  目标:创建初步的设计原型,以便进行测试和验证。
b.  方法:使用低保真和高保真原型工具,如纸质原型、Axure、Sketch、Figma等。
4.  用户测试:
a.  目标:通过用户测试验证设计方案,收集用户反馈并进行迭代。
b.  方法:可用性测试、A/B测试、用户访谈等。
5.  迭代改进:
a.  目标:根据用户测试反馈不断改进设计方案。
b.  方法:调整和优化原型,进行多轮测试和验证。
结果:
开发阶段的产出包括多个初步解决方案和原型,经过反复的测试和迭代,最终确定一个成熟的设计方案,为交付阶段的详细设计和实现提供基础。
案例:设计一款新的健康管理应用
背景:一家科技公司在定义阶段明确了用户需求和设计方向,现在进入开发阶段,目标是探索和验证各种设计方案,以创建一个能够整合健康数据并提供个性化建议的健康管理应用。
头脑风暴
双钻模型全方位解读与实战案例
 
 
1.  创意产生:团队成员通过头脑风暴会议,提出了多种创意,例如:用户仪表板:提供整合所有健康数据的仪表板。
i.  个性化建议模块:基于用户数据和目标提供个性化的健康建议。
ii.  社交功能:允许用户与朋友和家人分享健康进展。
概念设计
双钻模型全方位解读与实战案例
 
 
1.  草图绘制:
a.  团队成员绘制了各个功能模块的草图,包括用户仪表板、数据输入界面、建议页面等。
2.  故事板:
a.  创建了用户使用应用的故事板,展示用户从登录到获取健康建议的完整流程。
3.  用例场景:
a.  编写了多个用例场景,如用户如何记录饮食、查看每日步数、接收健康建议等。
原型制作
双钻模型全方位解读与实战案例
 
 
1.  低保真原型:
a.  使用纸质原型和Sketch创建了低保真原型,展示基本界面布局和交互流程。
2.  高保真设计稿:
a.  使用Figma创建了高保真设计稿,展示详细的界面设计和交互细节。
用户测试
双钻模型全方位解读与实战案例
 
 
1.  可用性测试:
a.  招募10位目标用户进行可用性测试,观察他们使用原型的过程,记录他们的操作和反馈。
b.  发现:部分用户在数据输入界面遇到困难,需要简化输入流程。
2.  A/B测试
a.  创建了两个不同版本的个性化建议页面,进行A/B测试,比较用户对不同设计的偏好。
b.  结果:用户更喜欢简洁的建议页面,提供明确的行动步骤。
3.  用户访谈:
a.  进行深度用户访谈,了解用户对原型的整体体验和改进建议。
b.  反馈:用户希望增加数据导入功能,能够从其他健康应用和设备同步数据。
迭代改进
双钻模型全方位解读与实战案例
 
 
1.  调整和优化原型:
a.  根据用户测试和访谈反馈,优化数据输入界面,简化操作流程。
b.  增加数据导入功能,允许用户从其他应用和设备同步数据。
2.  多轮测试和验证:
a.  进行第二轮和第三轮可用性测试,验证改进后的原型是否满足用户需求。
b.  结果:用户体验显著提升,满意度提高,操作更加顺畅。
结果
开发阶段的结果包括:
1.  详细的概念设计和用例场景,展示用户使用应用的完整流程。
2.  低保真和高保真原型,展示各个功能模块的界面设计和交互细节。
3.  多轮用户测试和迭代改进,确保设计方案能够满足用户需求和期望。
4.  一个成熟的设计方案,为交付阶段的详细设计和实现提供基础。
通过开发阶段的工作,设计团队能够验证和优化设计方案,确保最终的健康管理应用既符合用户需求,又具有良好的用户体验。
4、交付(Deliver)
在交付阶段,设计团队的任务是验证和完善最终方案,进行详细设计、开发和测试,并将产品推向市场或交付给客户。这一阶段的重点是实现设计方案,确保其可用性和可行性,最终满足用户需求。
交付阶段需要做什么:
 
双钻模型全方位解读与实战案例
 
 
1.  详细设计:
a.  目标:将高保真原型转化为详细的设计规范,包括界面设计、交互细节和视觉元素。
b.  方法:创建设计规范文档,使用工具如Sketch、Figma等。
2.  开发和实现:
a.  目标:将设计方案转化为实际的产品,进行前端和后端开发。
b.  方法:使用编程语言和框架,如HTML/CSS、JavaScript、React、Node.js等,进行代码开发和实现。
3.  测试和验证:
a.  目标:通过多轮测试确保产品的功能和用户体验,修复BUG并进行性能优化。
b.  方法:单元测试、集成测试、用户验收测试(UAT)、A/B测试等。
4.  发布和部署:
a.  目标:将产品发布到市场,进行部署和上线,确保产品能够正常运行并满足用户需求。
b.  方法:选择合适的发布平台(如App Store、Google Play),进行发布和推广。
5.  用户反馈和改进:
a.  目标:收集用户反馈,进行产品的持续改进和优化。
b.  方法:用户调查、使用数据分析、版本更新等。
结果:
交付阶段的产出包括详细的设计规范、实现的产品、测试报告、上线的产品以及用户反馈和改进计划。
案例:设计一款新的健康管理应用
背景:一家科技公司在开发阶段确定了健康管理应用的成熟设计方案,现在进入交付阶段,目标是实现设计方案并将应用推向市场。
设计详情
双钻模型全方位解读与实战案例
 
 
1.  设计规范文档:
a.  创建详细的设计规范文档,包括界面布局、色彩方案、字体选择、图标和交互细节。
b.  确保所有设计元素的一致性,提供开发团队参考。
2.  设计工具:
a.  使用Figma制作高保真的界面设计和交互细节。
b.  制作设计交互原型,确保开发团队清晰了解设计意图。
开发和实现
双钻模型全方位解读与实战案例
 
 
1.  前端开发:
a.  使用React框架进行前端开发,创建用户界面和交互逻辑。
b.  编写CSS和JavaScript代码,实现设计规范中的视觉和交互效果。
2.  后端开发:
a.  使用Node.js和Express进行后端开发,构建服务器和数据库。
b.  实现数据同步和存储功能,确保用户数据的安全和可靠。
3.  集成开发:
a.  前端和后端开发团队紧密合作,进行接口集成和功能实现。
b.  确保前后端数据通信的准确性和实时性。
测试和验证
双钻模型全方位解读与实战案例
 
 
1.  单元测试:
a.  对各个功能模块进行单元测试,确保每个功能正常运行。
b.  使用Jest或Mocha等测试框架编写和运行测试用例。
2.  集成测试:
a.  对系统整体进行集成测试,确保各个模块之间的协同工作。
b.  发现并修复集成过程中出现的BUG和问题。
3.  用户验收测试(UAT):
a.  邀请目标用户进行用户验收测试,收集用户的使用反馈。
b.  根据用户反馈进行最后的调整和优化。
4.  性能优化:
a.  进行性能测试和优化,确保应用在各种设备上的运行速度和稳定性。
b.  使用工具如Lighthouse、WebPageTest进行性能分析和优化。
发布和部署
双钻模型全方位解读与实战案例
 
 
1.  发布平台选择:
a.  选择合适的发布平台,如App Store和Google Play。
b.  准备发布所需的材料,如应用描述、截图、宣传视频等。
2.  发布和推广:
a.  将应用发布到各大平台,进行推广和宣传。
b.  通过社交媒体、广告、合作等方式吸引用户下载和使用。
3.  监控和维护:
a.  监控应用的运行情况,确保服务器和服务的稳定性。
b.  提供用户支持和问题解决,及时发布更新和修复补丁。
用户反馈和改进
双钻模型全方位解读与实战案例
 
 
1.  用户调查:
a.  通过问卷调查、用户访谈等方式收集用户反馈。
b.  了解用户的使用体验、满意度和改进建议。
2.  使用数据分析:
a.  分析用户行为数据,了解用户的使用习惯和需求变化。
b.  使用工具如Google Analytics、Mixpanel进行数据分析。
3.  版本更新:
a.  根据用户反馈和数据分析,进行持续的改进和优化。
b.  定期发布版本更新,添加新功能、修复BUG和优化性能。
结果
交付阶段的结果包括:
1.  详细的设计规范:确保设计的一致性和可实现性。
2.  实现的产品:健康管理应用的完整实现,包括前端和后端功能。
3.  测试报告:详细记录测试过程、发现的问题和解决方案。
4.  上线的产品:应用在App Store和Google Play成功上线,用户可以下载和使用。
5.  用户反馈和改进计划:收集用户反馈,进行持续的改进和优化,确保产品的长期成功。
通过交付阶段的工作,设计团队能够将健康管理应用成功推向市场,满足用户需求,并通过持续的改进和优化,保持产品的竞争力和用户满意度。
三、双钻模型生活的应用
双钻模型除了可以用在设计项目中,也可以延展到生活中例如:计划一次大型家庭聚会
发现阶段(Discover)
双钻模型全方位解读与实战案例
 
 
目标:了解所有家庭成员的需求和期望,收集相关信息和灵感。
1.  家庭成员访谈:
a.  进行一对一或小组访谈,了解家庭成员的期望、喜好和特殊需求。
b.  问题示例:你希望在聚会上看到哪些活动?你对聚会地点有什么建议?有没有特别的饮食要求?
2.  历史数据回顾:
a.  回顾以往家庭聚会的反馈,总结成功之处和需要改进的地方。
b.  发现:之前的聚会中,户外活动受到大家的欢迎,而餐饮服务需要改进。
3.  灵感收集:
a.  搜索网上的聚会策划案例和灵感,获取创意和新颖的活动点子。
b.  结果:找到一些有趣的游戏和活动,如家庭问答、烧烤聚餐、DIY工坊等。
结果:
获取大量的家庭成员需求、期望和灵感,为后续阶段提供基础。
定义阶段(Define)
双钻模型全方位解读与实战案例
 
 
目标:分析和综合发现阶段的信息,明确聚会的具体需求和目标。
1.  数据分析:
a.  整理和分析收集到的信息,识别关键需求和共性。
b.  发现:大多数家庭成员希望有一个户外的聚会场所,有丰富的活动安排,并且有素食和非素食选项。
2.  问题陈述:
a.  将家庭成员的需求转化为具体的问题陈述。
b.  示例:如何找到一个适合户外活动的聚会地点?如何确保所有家庭成员的饮食需求得到满足?如何安排丰富多彩的活动?
3.  需求定义:
a.  明确聚会的具体需求和设计准则。
b.  示例:需要一个户外场地,有足够的空间供50人活动。餐饮需要提供素食和非素食选项。活动安排包括烧烤、游戏和DIY工坊。
结果:
一个清晰、具体的问题陈述和聚会规划方向。
开发阶段(Develop)
双钻模型全方位解读与实战案例
 
 
目标:产生和发展聚会方案,探索各种可能的安排并进行验证和迭代。
1.  头脑风暴:
a.  与家人或朋友一起进行头脑风暴,提出各种创意和方案。
b.  创意示例:不同的聚会场地选择、各种活动安排、不同的餐饮方案等。
2.  概念设计:
a.  将头脑风暴产生的创意转化为具体的聚会方案。
b.  示例:选择了一个乡村农场作为聚会场地,活动安排包括烧烤、家庭问答、户外运动和DIY工坊。
3.  原型制作:
a.  创建聚会的初步计划和日程安排。
b.  示例:制定详细的时间表,包括活动开始和结束的时间、餐饮安排等。
4.  用户测试:
a.  与核心家庭成员讨论初步计划,收集反馈并进行调整。
b.  结果:大家对农场场地表示满意,但建议增加一些儿童友好活动。
5.  迭代改进:
a.  根据反馈进行调整和优化,形成最终的聚会方案。
b.  示例:增加了儿童区和适合孩子的游戏活动。
结果:
一个成熟的聚会方案,准备进行最终实施。
交付阶段(Deliver)
双钻模型全方位解读与实战案例
 
 
目标:验证和完善最终方案,进行详细的准备和执行,确保聚会顺利进行。
1.  详细设计:
a.  制定详细的聚会安排和任务分配。
b.  示例:确定活动负责人,安排场地布置、餐饮准备、活动执行等具体任务。
2.  准备和执行:
a.  进行所有必要的准备工作,如预订场地、采购物品、联系餐饮服务等。
b.  示例:预订农场场地,采购烧烤食材和活动所需物品,联系餐饮供应商。
3.  测试和验证:
a.  在聚会前进行一次预演或检查,确保所有准备工作就绪。
b.  示例:核对活动安排,确保所有物品和设备齐全,检查场地布置。
4.  聚会当天执行:
a.  按照计划进行聚会活动,确保各项安排顺利进行。
b.  示例:按照时间表进行活动,引导家庭成员参与,确保餐饮服务及时到位。
5.  用户反馈和改进:
a.  在聚会结束后收集家庭成员的反馈,总结经验和改进建议。
b.  示例:通过问卷或访谈了解大家的满意度,记录成功之处和需要改进的地方。
结果:
一次成功的家庭聚会,家庭成员都享受了愉快的时光,并收集到宝贵的反馈,为未来的聚会提供参考。
四、双钻模型总结
双钻模型优势
 
双钻模型全方位解读与实战案例
 
 
1.  结构化的流程:
a.  双钻模型通过明确的四个阶段(发现、定义、开发、交付)提供了一个结构化的流程,使设计过程更加有序和系统化。
2.  鼓励广泛探索和聚焦解决方案:
a.  通过“发散-收敛-发散-收敛”的过程,双钻模型鼓励设计团队在初始阶段广泛探索所有可能性,然后逐步聚焦和精炼解决方案,确保最终方案的高质量。
3.  用户中心设计:
a.  模型强调用户需求和问题的发现与定义,确保设计过程始终以用户为中心,最终交付满足用户需求的解决方案。
4.  迭代和改进:
a.  在开发阶段,双钻模型提倡多次迭代,通过不断的测试和用户反馈,持续改进设计方案,提高最终产品的质量和用户体验。
5.  跨团队协作:
a.  通过明确的阶段和目标,双钻模型促进跨职能团队的协作,使不同专业的团队成员能够在设计过程中的各个阶段共同工作,提高项目的整体效率。
双钻模型的不足
双钻模型全方位解读与实战案例
 
 
1.  时间和资源消耗较大:
a.  双钻模型的四个阶段需要投入大量的时间和资源,特别是在发现和开发阶段,广泛的探索和反复的迭代可能会延长项目周期。
2.  复杂性管理:
a.  对于较小规模或简单的项目,双钻模型的复杂性可能显得过于繁琐,不适合资源有限或时间紧迫的情况。
3.  不确定性管理:
a.  在发现阶段的广泛探索和开发阶段的多次迭代中,可能会遇到较高的不确定性和风险,需要有效的管理策略来控制项目进度和预算。
4.  团队协调难度:
a.  由于涉及多个阶段和跨职能团队的协作,团队之间的沟通和协调可能会面临挑战,特别是在项目规模较大或团队分散的情况下。
5.  依赖用户反馈:
a.  双钻模型强调用户反馈和测试,但在某些情况下,获取真实和有效的用户反馈可能会有难度,影响设计方案的迭代和改进。
结论
双钻模型作为一种结构化的设计方法论,具有显著的优势,包括提供结构化流程、鼓励广泛探索和聚焦解决方案、强调用户中心设计、支持迭代和改进以及促进跨团队协作。然而,其不足也不容忽视,如时间和资源消耗较大、复杂性管理挑战、不确定性管理需求高、团队协调难度以及对用户反馈的依赖。根据项目的规模、复杂性和资源情况,设计团队需要权衡双钻模型的优势和不足,灵活应用,以实现最佳的设计效果。
参考文献:
https://medium.com/nyc-design/the-double-diamond-model-what-is-it-and-should-you-use-it-4ad28c522d28
https://medium.com/@james_raper/not-yet-another-double-diamond-model-874dcfda839e
https://cubyts.medium.com/adopting-the-double-diamond-design-process-a-complete-guide-cd8ae1c52199
https://www.cubyts.com/resources/blogs/double-diamond-design-process
https://www.uxmatters.com/mt/archives/2023/01/applying-the-double-diamond-model.php
https://www.uxmatters.com/mt/archives/2020/07/how-nondesigners-contribute-to-designing-the-right-things.php
https://medium.com/digital-experience-design/how-to-apply-a-design-thinking-hcd-ux-or-any-creative-process-from-scratch-b8786efbf812
https://bootcamp.uxdesign.cc/design-process-step-by-step-double-diamond-model-explained-e8da543848cc
 


作者:CANAAN8
链接:https://www.zcool.com.cn/article/ZMTYyOTM4OA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

学会讲故事:体验设计方案的演示技巧

ui设计分享达人

学会讲故事:体验设计方案的演示技巧
 
 
在我刚刚成为一名体验设计师的时候,我发现自己处在一个迥异的战场之中——会议室坐满者领导们,一个个面露怀疑之色。我拿着最新设计的界面方案,投放在墙上,我站在这些恐怖的观众面前,手里的任务沉重的压的我喘不过气来。
我的任务不仅仅是演示一个设计方案,我在销售一个概念、需要说服一群人,解决一个复杂的问题。我渐渐意识到,这一过程和驾驭不可预知的情况如出一辙。需要我拥有战略思维、做事的耐心和面对未知的意愿。
阿尔伯特·爱因斯坦
阿尔伯特·爱因斯坦
 
历史是一幅多姿多彩的画卷,交织着无数杰出人物的故事 —— 他们通过战略思维和耐心,成功应对复杂的局面。在众多杰出人物当中,阿尔伯特·爱因斯坦是最闪耀的。爱因斯坦曾说过,“我们不能用制造问题的思维来解决问题”,这一句话也就呼应了战略思维的本质。他提出开创性的相对论理论,这可不是简单的从事实当中衍生出来的的粗略陈述。而是来自于耐心和战略思维深度,以一种让其他人能够理解宇宙的方式阐明相对论概念。
用户体验设计是理解用户和界面设计之间的复杂过程——界面不仅要满足用户的需求,同时也要符合设计目标。
这是一个充满同理心、沟通和解决问题的过程。但是,要达到这一点,设计出一个满足用户需求,并且呈现解决方案的设计,是需要战略思维的。作为一名用户体验设计师,我们必须超越眼前,沉浸在用户视角当中、分析他们的需求,并考虑这些需求如何和设计目标结合。这个艰苦的过程需要耐心,就像完成复杂的拼图游戏一样。
 
为了进一步理解这点,让我们来做个练习
学会讲故事:体验设计方案的演示技巧
 
 
想象一下,你拿到一块 1000 片的拼图,万花筒般的形状和颜色。你会一头扎进混乱中,随机摆放拼图碎片?还是会先定策略?你会先把类似的拼图碎片分组?也许从拼图的边缘或角落开始,然后逐渐往中心拼图?很有可能,你会选择战略方法。耐心和战略决策过程反映我们处理用户体验设计和生活中复杂问题的方式。我们一起来解剖问题,了解其中的复杂性,并制定战略计划,从而完成拼图(解决问题)。
胆小的人成为不了一名体验设计师。我们不仅需要持续不断的创造和展示作品,这需要我们证明方案的思考过程,需要面对评审,修改设计,并重新演示。反反复复,这个迭代过程是对耐心的考验,是一次严峻的考验,让设计师变得更加优秀,更加卓越。
同样,生活也常常给我们带来看上去高不可攀的挑战——一场个人危机,一次职场挫折,甚至全球疫情。克服这些困难的关键在于我们拥有战略性思考能力和解决问题耐心。
在用户体验设计师的世界里,作品演示不仅体现我们专业实力。是将用户需求、商业目标和设计解决方案所构建的故事。
掌握讲故事的艺术能够助力方案的演示。我们绘制一幅蓝图——将观众带入一个以用户为视角的世界,与他们共情,理解他们所遇到的挑战,自信满满地展示我们的设计方案,阐述我们的设计方案如何克服这些挑战。
这和我们的生活如出一辙,我们经常表达我们的经历和意图,通过讲述故事,解决复杂的人际关系和职业问题。
不是你眼睛的问题,文本真的很模糊!!!
不是你眼睛的问题,文本真的很模糊!!!
 
作为一名体验设计师,伴随着充斥着这些“冲突”时刻:怀疑的时刻、修改的时刻、重新思考的时刻、演示的时刻、捍卫设计方案的时刻等等。但是,这些时刻恰恰都是让我们通往行业专家的敲门砖和垫脚石。
我们要拥抱这些时刻,享受这些过程,因为这些过程正在塑造我们,让我们接下来的设计、演示、要解决的问题做好准备。其实,在生活中亦是如此,每一次,我们遇到的问题和挑战都是塑造我们,让我们对未来做好准备。培养我们的坚韧不拔的精神,教会我们看待自己和周遭事务的宝贵经验。
无论是作为一名用户体验设计师不断提升演示技巧,还是在生活上提升解决复杂问题的能力,我们应该始终牢记 2 条指导原则:坚持和战略规划。
这两个支柱(原则)将指引我们穿越最有挑战的地形,帮助我们克服最艰巨的障碍,并领我们走向成功。
成为照亮我们道路的明灯,指引我们朝我们目标方向的指南针。
罗伯特·舒勒
罗伯特·舒勒
 
罗伯特·舒勒(Robert H. Schuller) 曾说过“ 问题不是停止的信号牌,而是指导方针”。这是指引我整个职业和生活的箴言,这句话蕴含深奥的智慧成为我人生的指路灯塔,帮助我应对生活中的挑战,帮助我真正成为一名体验设计师,在演示复杂性中不断前行。
每当我们解决一个问题,每提出的一个设计想法,每克服一个挑战,都能让我们更接近最终目标。坚持不懈、战略规划、耐心、学习经验的意愿,都是指引我们通向成功的指南针,无论是用户体验设计还是在生活。
心之所向无往不前,积极面对,一步一个脚印不断前行。这条道路上充满挑战,铭记一句话,这些不是停止的信号牌,而是指引我们通向终点的指南针。
所以,保持前行,不断学习,不断成长。你的旅程是属于你自己的,是你一生之中最美丽的故事。
 


作者:三分设
链接:https://www.zcool.com.cn/article/ZMTYzMDk0MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

 

清晰展现关键信息,助力高效决策——数据图表

ui设计分享达人

合理使用数据图表可以帮助用户更好地理解复杂的数据,提高用户体验和数据的可读性。选择合适的图表类型并遵循最佳设计实践是确保图表有效传达信息的关键。
数据图表是一种非常重要的可视化工具,它能够
帮助用户更直观地理解和分析数据。
借助于图形化的手段,清晰、快捷有效的传达与沟通信息。从用户的角度,数据可视化可以让用户快速抓住要点信息,让关键的数据点从人类的眼睛快速通往心灵深处。数据可视化一般会具备以下几个特点:准确性、创新性、简洁性。
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
清晰展现关键信息,助力高效决策——数据图表
 
 
 


作者:Miao_C
链接:https://www.zcool.com.cn/article/ZMTYzMjk4NA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

 

 

UI 设计可以应用在哪些行业

蓝蓝设计的小编

在当今数字化和信息化的时代,UI 设计(用户界面设计)的重要性日益凸显,其应用领域也越来越广泛。下面就为大家介绍一下UI 设计可以应用在哪些行业。

当设计遇上AI—百度APP个人中心AI重构

ui设计分享达人

前言
 
AI能力的迅猛发展,为产品设计带来了很多新的可能性和机会。百度作为AI领域的行业先锋,正在不断探索如何将AI技术深度融入到产品中,以赋能改进和提升产品的使用体验。
 
本文将以百度APP个人中心AI重构项目为例,讲述如何运用AI智能推荐和对话能力来解决问题重构体验,将一个传统的固定入口型的个人中心打造成为一个高效智能的AI版个人中心。
 
希望能为读者提供新的视角和思路,激发大家对于AI原生设计的理解和思考。
 
 
个人中心旧版
 
作为百度APP端内业务和基础功能设置的重要回访阵地,个人中心面临着三大核心问题:①功能入口多页面屏效低;②部分功能操作层级深;③资产更新提醒不直观。
 
针对这些问题,我们希望通过精简功能结构、破壳高频功能、强化信息提示,提升用户触达效率,优化整体使用体验。为此,我们计划运用AI能力进行设计重构来解决上述三大问题。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
 
个人中心AI重构设计
 
目前行业内并没有一款运用AI能力对个人中心进行重构的产品,因此,设计师的挑战在于如何从0-1创新重构出“AI个人中心”新形态,来全面提升用户在端内的回访体验。我们依次从「框架、结构、内容、操作、对话」五部分出发定义,逐步搭建功能、丰满细节、拓展深度,创新重构出一个全新的AI版个人中心。
 
1.容器创新设计 打造AI感资产框架
 
基于上述问题和设计目标,首先对个人中心框架进行了重构设计,结合用户行为数据保留常用高频功能入口,去除原来众多类型的内容推荐卡,在页面内实现功能精简提效;其次结合AI智能推荐的能力,开辟出一个承载推荐内容的容器区域,破壳内容便于用户回访。
 
我们共计验证推敲出3种页面框架“嵌入式框架”“分层式框架”“卡片式框架”,选择与AI融合感更强、体验更沉浸的嵌入式框架继续深入,框架头部精简信息,中部保留高频功能便于用户回访,下方区域则通过AI智能推送用户所需内容。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
2.结合用户行为 主动智能推荐
 
在框架下方承载推荐内容的容器区域内,个人中心可以结合用户在百度APP的使用行为数据,通过AI向用户智能推荐内容资源和功能操作。
 
当用户的内容资产有变更时,个人中心能够主动破壳内容,如用户最近下载了一部剧集但未看完,当该剧有更新时,主动提示用户继续观看。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
当用户有设置类潜在需求时,个人中心能够推荐操作功能,如用户的手机经过一段时间使用,有系统垃圾冗余时,会主动推荐用户清理缓存。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
3.构建全业务卡片的内容结构
 
我们将各业务需要展示的信息摘取出来,采用卡片形态进行聚合与承接,以保证AI智能推荐时的灵活性和可拓展性。卡片会采用对话式引导语拉近用户距离,破壳提示内容资源,如向用户主动推荐最近收藏的内容,支持跳转查看并在返回时更新状态;还会在资产变更时进行提醒,如当用户下载视频或备份文件后,对用户实时提醒并提供复访入口;支持用户直接设置功能,支持一键点击并实时反馈状态。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
设计期间,我们从卡片分类方式、模板呈现、交互操作等维度进行了多方案探索,前后迭代实验了3款卡片形态,结合用户访谈测试和实验数据反馈,最终选择使用3.0版本的分卡聚合样式。这一版本采用了统一化模版来精简布局,通过一步操作来前置功能减步长,对功能和内容进行分类聚合来提高页面屏效、使用户更易理解。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
共计为20+业务搭建了10类聚合卡片,定义归纳了3类卡片操作与更新方式,在个人中心选用最符合用户行为的卡片和内容进行智能推荐。目前我们更多业务正在接入推荐卡片体系中,大家敬请期待~
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
4.内容破壳提示 功能操作提效
 
回归用户实际使用场景来看,AI智能推荐卡片形式在用户操作上有了很大的提效。例如查看下载视频的步长由4步缩减为1步,原来用户想继续看视频时,可能会找不到、且寻找入口比较深,现在我们通过推荐卡片破壳了视频等内容,点击卡片即可一键直达视频页,一段时间后返回个人中心时卡片会更新用户的最新观看进度。既减少了用户操作步长,又沉浸式延续了用户在端内的使用行为。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
同样,功能类的操作效率也大幅提升,之前当用户想清理时 ,入口深步骤多、体验非最佳,现在通过推荐卡片将清理缓存功能前置推出在个人中心,用户想清理缓存时,无需翻越层层入口,只需点击“清理”按钮即可一键完成缓存清理,实时告知用户清理进度,大幅提升用户操作效率。除此以外,像深色模式、字体大小等功能也都支持用户在个人中心一键操作。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
5.拓展对话场景 触达用户长尾需求 
 
个人中心不仅可以结合用户行为智能推荐卡片,还支持用户主动发起提问,通过对话形式快捷触达长尾需求。用户点击卡片下方的“去提问”入口或上滑页面,即可从个人中心进入对话页。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
进入对话页后,个人中心AI助手首先会推荐一些快捷指令,让用户快速了解对话提问方式和目前支持提问的功能。当用户发起提问后推出相关功能卡片,如在手机运行卡顿时询问“如何清理缓存”,AI助手会推出“清理缓存”卡片并引导用户前往清理,清理完成会再次回到对话页、为用户展示最新缓存状态。
 
以下是支持对话的部分功能卡片,这些卡片整体延续了推荐区域卡片的内容和体验,结合对话交互流程对卡片模版进行了差异化定制。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
最终基于业务功能特点,结合对话交互规范,共计定义了“跳转操作并返回更新”“跳转查看”“当前操作”“当前操作并追加对话”4种交互操作和更新方式。目前我们接入的场景能力尚有限,后续我们将持续进行迭代与优化,提升用户在个人中心进行AI对话的体验。
 
当设计遇上AI—百度APP个人中心AI重构
 
 
 
 
AI个人中心实验上线效果
 
AI版本实验上线后,百度APP和个人中心的关键数据都有了显著提升,带来了正向收益,我们也于今年6月底上线全端,期待大家体验并给予反馈。
 
 
思考与展望
 
如今产品AI化已成为市场发展趋势,作为设计师,如何结合自己的业务,运用AI能力重构产品及体验是一个极具挑战和价值的课题。我们从百度APP个人中心AI重构项目中总结出了一些经验和小tips,在此向大家分享:
 
  •  
    在应用AI技术之前,首要任务是明确其能力范围与显著优势,如文中使用的AI智能推荐能力能够同时满足用户的个性化需求、提升信息获取效率,从而全方位提升用户体验和业务价值。
 
  •  
    我们需要大胆突破、勇于创新,在没有可参考借鉴的产品时应当打破惯性思维,尝试从框架、结构、内容等层面进行全新定义,然后通过持续打磨、深度探索等手段来不断完善产品形态。
 
  •  
    无论是否应用AI,设计底层思维是万变不离其宗的,我们需要始终站在用户视角分析并解决问题,而AI将会是每位设计师的一个趁手工具和灵感中心,它可以给我们更多思考问题的角度,日常工作中我们应当多积累总结然后不断迸发新思考,通过AI这个新工具来解决我们业务的已有问题,向用户提供更好的体验。
 
以上是我们的一些小小心得,希望能为同为设计师的你,在面对AI应用与重构设计时提供一些设计思路和借鉴。
后续,我们将持续聚焦提升个人中心的AI智能感知能力,围绕用户的偏好习惯及当前上下文环境,提供更精准的个性化服务,为用户升级更加智能、自然流畅的AI对话体验,通过结合更多场景逐步打造出一个全方位、个性化的百度APP AI助手,让每位用户都能享受到智能化的便捷与乐趣。
 
 


作者:百度MEUX
链接:https://www.zcool.com.cn/article/ZMTYzMzE4MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

 

 

移动端 UI 设计主要包含哪些内容

蓝蓝设计的小编

在当今数字化的时代,移动端 UI 设计成为了塑造用户体验的关键因素。那么,移动端 UI 设计究竟主要包含哪些内容呢?

移动端 UI 设计中的极简主义

蓝蓝设计的小编

在当今快节奏的数字化世界中,移动端 UI 设计中的极简主义风格正逐渐占据主导地位,为用户带来了全新的视觉和交互体验。

如何从产品角度发起交互设计?

ui设计分享达人

本文从产品角度出发,深入探讨了如何发起交互设计。通过明确产品目标与用户需求、进行用户研究、构建信息架构、设计流程与界面、进行原型测试以及持续优化等关键步骤,阐述了如何打造出满足用户期望、提升用户体验并实现产品目标的交互设计。
 
一、引言
 
在当今数字化的时代,产品的成功不仅仅取决于其功能的强大,更在于能否为用户提供流畅、愉悦且富有价值的交互体验。从产品角度发起交互设计,意味着将用户置于核心,以实现产品的商业目标和用户需求的完美融合。
如何从产品角度发起交互设计?
 
 
 
二、明确产品目标与用户需求
 
(一)定义产品目标
产品目标是交互设计的起点,它决定了设计的方向和重点。产品经理需要与团队共同明确产品的定位、市场需求以及预期的商业成果。例如,是旨在提高用户活跃度,还是增加用户转化率,或者是提升品牌形象。
如何从产品角度发起交互设计?
 
 
 
(二)挖掘用户需求
通过市场调研、用户反馈、竞品分析等手段,深入了解目标用户的行为习惯、痛点和期望。这不仅包括对用户显性需求的捕捉,还包括对潜在需求的挖掘。
如何从产品角度发起交互设计?
 
 
 
三、进行用户研究
 
(一)用户画像创建
基于收集到的数据,构建详细的用户画像,包括用户的年龄、性别、职业、教育背景、使用场景等特征,以便更精准地理解用户的行为和需求。
如何从产品角度发起交互设计?
 
 
 
(二)用户场景分析
模拟用户在不同场景下与产品的交互过程,发现可能存在的问题和优化点。
举例说明:
我们要知道,地铁周边美食,这是一个解决方案。真正的需求是什么?一个字一个字地找需求,地铁=快速方便出行,美食=和朋友一起吃饭/自己一人吃饭。这是一个和线下场景很相关的项目,我们要把不同目的核心用户的主要使用场景写出来。经过分析,我们得出了用户会选择我们产品,且产品未来可能存在的各种场景A、B、C、D、E。如下图所示:
如何从产品角度发起交互设计?
 
 
如果按照目标人群所在场景分类,进行细分,则为下图:
如何从产品角度发起交互设计?
 
 
乘地铁去地铁站和附近地铁站区别:前为用户会乘坐地铁去目的地寻找美食;后为用户不用地铁/吃完后使用地铁,地铁边美食没有其他美食团购产品有竞争力。
上班族和普通大众区别:上班族工作日使用固定地铁站上下班,时间可能紧急,快速获取食物;普通找美食吃的大众不使用固定地铁站,目的是通过地铁快速到达某目的地,就近享受目的地美食。
朋友们和个人区别:朋友们一起吃饭,容易出现喝多、吃过点等异常行为,并且在选择地铁旁吃饭地点时需要考虑朋友们家的位置就近选目的地。个人均不需要考虑以上,较为自由。
 
市场定位
经过领域场景的分析,我们知道了真场景都是用户有目的乘坐地铁去到某地铁站出站口寻找美食的。那么我们对这么一群大众进行用户人口统计学类的细分:
如何从产品角度发起交互设计?
 
 
  •  
    上图为前期定位的目标大众用户群,依靠地铁的工具属性,我们得出了具体的两个影响因素:时间+美食热爱程度。同时我们把直接竞品和间接竞品一同进行用户群比较。可以看到和大美团有相同和不同维度,这就是产品最初冷启动时期的差异化!也就是我们的前、中期场景的主要目标用户类型。
  •  
    红色部分即种子用户群,以这些群体为冷启动阶段,可以更快的向四周扩张。因为他们有使用地铁的时间属性,同时有较高的美食热爱程度,有利于带动其他时间+热爱程度的用户加入产品,实现快速并有质量的拉新、活跃的目标。
  •  
    低端直接竞品即用户群工具属性明显,只是搜地铁站,选择美食的用户,无明显其他行为;高端竞品即注重社交、ugc为起点,逼格高的搜寻美食工具。这部分开始很难,工作量巨大,且较脱离大众主流群体。
 
结合上图和要做的场景,我们得出了产品具体目标用户:乘坐地铁快速到达并寻找目的地美食的大众用户(上班族休息日,大学生,个人或一起),要求在地铁站附近便能方便享受目的地美食。且对美食有一定热爱程度。
 
(三)用户测试
邀请真实用户进行产品试用,观察他们的操作行为,收集反馈意见,为后续的设计提供依据。
1、需求接受
需求很有可能是在线上接到的,并不是面对面交流传递的,并且还会遇到很多坑,例如需求本身不具体,或者自己理解有偏差,因此在接到需求后,最好和交互、产品等同事进行面对面的交流和沟通。
详细了解测试目的和关键点,确定用户配比。
最好是让交互带着跑一下整个程序(半成品demo也好,交互稿也行),这样能在头脑中快速形成操作流程的认知,并把相应关键点对应上去。同时把大致的用户配比情况敲定一下,后续就可以直接招募用户了。
了解demo的完成进度,相应确定具体测试时间。
交互、视觉等完成demo的时间具有太多不确定因素,因此我们需要及时了解整个demo的完成进度,在尽可能快的情况下保险安排测试时间,如果邀请的是外部用户,结果用户到了而demo还没出来,那也是够了。
2、方案撰写和确定
让交互稿帮助自己
。在完成测试方案撰写的过程中demo还未诞生,具体程序细节记忆又很模糊,不好写测试方案,怎么办?不要慌,去看交互稿吧。
及时沟通
。在方案撰写过程中,如果有一些疑问,例如在看交互稿的时候还不是很理解某个具体操作过程,或者自己对产品有疑问的也可以跟交互等沟通,因为自己会遇到的问题,很有可能在测试用用户也会遇到,这样子用户如果问到了,就可以相应作出解释。
核实确定方案
。完成方案后,可以在公司沟通交流工具上和交互及产品等同事再确认一下,是否有什么地方遗漏或有不妥之处。
3、用户招募
这是一个大多数人都头疼的一个过程,希望看完了以下几点,可以稍微缓解一下大家的症状。
 
再次确定测试时间
方案定下来后,再跟交互确认测试时间,了解是否有变动和调整,尽量避免用户来了demo或者测试环境还不ok的情况。
 
撰写招募文案
需要把用户要求、测试日期和地点、报酬、大致的测试时长、用户需要在测试中做什么,以及报名方式等表达清楚。有以下几点可以注意一下,方便我们自己招募:
  •  
    详细列出测试安排的时间段
    。例如10:30-11:15、13:30-14:15,让用户自己挑选合适的时间段,这样就不用事后再协调不同用户测试时间了;
  •  
    优先人力、信息管理、行政等岗位同事
    。尽量避免相关产品人员、设计岗等同事。
  •  
    制作简单的招募海报,并检查。
    可以事先将“海报”用word或者ppt做好,然后保存成图片格式,记得检查核实一下是否有错。因为在公司IM群上直接黏贴确实方便,但是其排版往往不利于阅读,导致用户会遗漏重要信息。而制作成图片格式,可以更好地去避免这个问题,同时还可以显得整个招募过程比较正式,突出了对用户的尊重,也能在一定程度上体现我们用研工作的规范性。
 
多渠道投放招募海报
内部用户可以尝试先在公司IM群组上招募,之前招募样本量比较小,因此很快可以招到,其他途径暂时未尝试,公司论坛应该也可以,不过隐约感觉效率会比较低。外部用户可以在朋友圈试试,效果还不错,大家都很热情帮忙转发,群众的力量大无穷。也可以相应去搜索一些QQ群,加入并发布招募信息。另外还有一些社交论坛什么的,都可以尝试一下。方法很多,针对具体招募情况,大家就尽情发挥吧~
 
用户多了留到下次用
海报发出去后,有时也会出乎意料用户数量超过预期了,这是好事,不要担心,也不要急着拒绝,平和的跟对方说明情况,强调下次还会有测试,把用户相应信息了解一下做个记录,下次招募的时候可以直接先联系这几名用户。当然前提是你真的有下次测试需求,如果没有那还是老老实实说明情况。
 
确保自己和用户能彼此联系上
跟用户强调测试时间和地点,尤其是外部用户,如果招募和正式测试隔了几天,最好在测试前一天再通知一下。给出自己的联系电话,同时询问用户的联系电话。
 
第一个用户尽量安排公司内部同事
很多时候demo的完成情况会出现意外,到了测试时间demo还不能用,内部用户可以方便取消或者更换。另外,在第一次测试前谁都不确定用户会有什么反应,第一个测试是可以起到试水效果,而外部用户成本高,用来试水太奢侈。
4、测试准备
 
材料准备
需要准备的内容有:量表、报酬签收表、记录笔记本、录音笔、会议室借用,以及记录表格,如果是外部用户过来,相应准备一杯水,人家大老远过来也不容易。
 
测试内容准备
其实每次访谈用户自己都会挺紧张的,不知道用户是不是也很紧张(PS:好想当一回用户,体验一下被访的感觉)。为了消除这种紧张,同时也是为了更好的完成访谈,可以有尝试以下几点:
  •  
    尽可能多的去了解所需测试的产品
    。有时候demo出来的晚,下午要测试,demo中午才出来,自己都没玩过,测试还怎么搞?之前也说了,那就使劲去看交互稿吧,虽然比不上实际操作来的真实,但是也能有不小帮助,但也要给自己留足熟悉demo的时间。
  •  
    按照模块来列提纲
    。其实相当于组块策略,把同一个模块的问题放到一起更方便记忆,并且也在访谈中也方便自己和其他同事发现遗漏点。但模块不要太大,如果太大了就相应拆分一下。例如,在考拉新版测试的时候,有“首页”、“活动”、“购物车”等测试,但是光是首页内容也很多,作为一个模块还是太大了,可以拆分成“首页整体感知”、“商品详情”等几个方面来整理提纲。
  •  
    根据任务演练提纲
    。有了提纲后,按照任务大致过一下所有列出来的问题,这个过程会打乱按照模块列好的提纲,有一次这样的排练,在测试的时候更不容易漏掉题目,而且也相当于模拟了一下测试,自己心里会更踏实一点,在实际测试过程中也能有更好的应对。
 
相关人员通知
通知交互和产品的同事具体测试时间和地点,邀请他们一起参与。不建议交互和产品只是后期测试查阅报告,如果他们参与到测试中,能更近距离和用户接触,并能更加深刻感受到产品存在的问题,也能更好的推动产品的改进。
5、正式测试
主持人需要注意的点:
  •  
    划分我们和产品的关系。在测试之前跟用户说明清楚,我们并不是产品的设计者和开发者,我们只是受产品方委托来进行测试,以免用户不好意思当面如实评价产品。
  •  
    强调测试的是产品,而不是用户。要跟用户说明产品尚处于不完善阶段,因此邀请用户过来进行测试,帮助发现问题和改进产品设计,但请注意不是为了评价产品。
  •  
    注意访谈技巧。这个就不用多说了。
  •  
    尽可能深入的去挖掘用户的需求。不要停留在用户话述表面,更进一步去追问,用户为什么会这么说或这么问,例如,很多时候在测试中会碰到用户说“哦,原来这个按钮是xx功能,我还以为是xx功能“,这个时候可以再推进一步,了解用户为什么会这么认为。
  •  
    给其他在场的同时发言的机会。主持人如果觉得自己访谈的差不多了,可以询问一下记录者以及交互、产品等同事,了解他们是否还有问题需要补充。
  •  
    记得量表评分和报酬签收。长时间的测试和访谈后容易忘记量表评分和报酬签收,可以把这两份东西放在显眼的地方,另外可以让记录的同事打个招呼,帮忙提醒自己。
 
记录人员需要注意的点:
  •  
    仔细观察用户行为并记录。记录不仅仅是用户的观点、想法等,更重要的是记录用户的实际行为。
  •  
    按照模块记录。记录者可以按照测试方案中的模块来相应记录用户的行为和言语表述。
  •  
    查漏补缺。主持人可能会遗漏一些点,记录者作为旁观者需要提醒主持人遗漏了什么,或者自己有什么新的内容需要补充。
 
6、测试结束
欢送用户。对用户表示感谢,并开门送一下用户,对于外部用户,最好能送到大楼外面可以看见出口的地方。
测试后及时讨论。这个是重点!
在每一名用户测试后及时和交互、产品等同事快速过一下主要发现的问题点,这样做有以下优点:
  •  
    有效达成共识,确定解决方案。刚访谈结束印象最深刻,因此能快速有效达成对主要问题的共识,并讨论确定相应的解决方案。
  •  
    体现敏捷优势。确定了一些比较严重的问题后,交互和产品的同事就可以相应去改进产品设计,做到了边测边改,加快迭代速度。
  •  
    帮助优化访谈提纲,和测试用户安排。有些问题在事先撰写方案的时候可能没涉及到,在讨论后可以补充进去,而有些问题确定后则不需要再测。另外,也可以通过讨论对事先安排的测试用户进行相应调整,例如增删用户,或者调整新老用户测试顺序等。
  •  
    事后帮助我们自己快速撰写方案。通过讨论确定了关键问题,并且,交互和产品的同事也相应清楚了,因此在最后可以快速形成报告。
再次感谢用户。所有用户测试结束后,可以花几分钟时间简单感谢一下用户。
 
7、报告撰写
针对不同大小项目的用户测试,在完成报告撰写过程中有两种具体方式:
  •  
    小测试项目简单快速撰写报告。对于那些1-2天的小测试项目,由于在每次测试后都有讨论,已对主要问题达成共识,因此在报告撰写的时候就可以快速地将主要的问题和风险点呈现出来。
  •  
    大测试项目每天总结并反馈主要问题。大的测试项目持续时间比较久,针对每天的测试及讨论,简单总结一下主要发现的问题,并反馈给相关人员,如果到了最后再总结,容易遗忘掉一些内容,并且这样子也方便自己最后撰写报告。
 
四、构建信息架构
思考信息架构有三个核心关键词:用户角色、产品价值、使用场景。
1、明确用户角色
用户角色清晰揭示用户目标,帮助我们把握关键需求、关键任务、关键流程,看到产品哪些是主要的事,哪些是次要的事。我们应该尽可能丰富、形象化我们的用户角色,让它在设计决策过程中发挥作用,设计出更符合用户场景的产品。
2、了解产品的目标价值
作为产品的设计师一定要理解产品的价值,知道用户想要什么,把最重要的优先级提到最高,尽量移除无关紧要的信息,或降低其他优先级的权重,以免对用户造成干扰。
3、提炼产品的使用场景
要了解产品的业务流程,比如目标用户是谁、什么场景、如何使用,要把产品业务流程上的节点一个一个梳理出来,还要考虑这个产品对用户的价值是什么,不要仅仅考虑界面的元素规范、设计细节等等,要知道产品的目标价值体系。
4、信息架构优先级
基于三个核心点(用户角色、产品价值、使用场景)分析,把目标用户人群核心价值的功能点业务流程梳理出来,分清主次关系,切忌功能堆砌,具体方法可以把所有功能业务逻辑的主线列出来,然后根据业务的优先级做评级,分清楚这些功能哪些是主要的,哪些是次要的,然后通过数字做排序,这样我们就知道哪些功能设计需要明显,哪些功能设计需要低调。
5、信息归类及整合
从整体上思考信息类产品的分类及整合,比如用户资料相关的产品会有用户信息、资料、等逻辑,这样就要把所有跟用户相关的信息都归在同一个分类菜单下,不要让他们分散在各个页面中。也就是所谓的一级菜单、二级产品的处理逻辑。
6、要定期审视与迭代
随着产品规模与复杂度的提升,要随时关注信息架构是否满足当前的产品框架,不要等需要时候再去孤注一掷的全盘优化,这样会让项目陷入被动的局面,可以逐渐增强,循序渐进的优化,从小的细节对信息架构进行调整,提升产品的易用性。
 
六、进行原型测试
1、制作原型
使用快速原型工具制作可交互的原型,以便更直观地展示设计方案。
 
(二)内部测试
团队内部进行初步测试,检查功能的完整性和流程的合理性。
 
(三)用户测试
邀请外部用户进行测试,收集他们的意见和建议,发现潜在的问题和改进空间。
 
七、持续优化
 
(一)数据分析
通过收集和分析用户的使用数据,了解用户的行为路径和偏好,为优化提供数据支持。
 
(二)用户反馈处理
及时响应用户的反馈,将有价值的建议融入到后续的优化工作中。
 
(三)迭代更新
根据数据分析和用户反馈,不断对交互设计进行迭代更新,以适应市场和用户需求的变化。
 
八、结论
 
从产品角度发起交互设计是一个综合性的过程,需要充分考虑产品目标、用户需求、信息架构、流程界面、测试优化等多个方面。只有以用户为中心,不断追求卓越的用户体验,才能打造出具有竞争力的产品,在激烈的市场竞争中脱颖而出。
 
在未来的产品开发中,随着技术的不断进步和用户需求的不断变化,交互设计也将面临新的挑战和机遇。产品团队应保持敏锐的洞察力和创新精神,持续探索和优化交互设计,为用户创造更多的价值。
 


作者:Charlotte的嘻酱
链接:https://www.zcool.com.cn/article/ZMTYyNzM1Mg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
 

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan。

WechatIMG27.jpg

关键词:UI咨询UI设计服务公司软件界面设计公司、界面设计公司、UI设计公司UI交互设计公司数据可视化设计公司用户体验公司高端网站设计公司银行金融软件UI界面设计能源及监控软件UI界面设计气象行业UI界面设计轨道交通界面设计地理信息系统GIS UI界面设计航天军工软件UI界面设计医疗行业软件UI界面设计教育行业软件UI界面设计企业信息化UI界面设计、软件qt开发软件wpf开发软件vue开发

日历

链接

个人资料

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

存档