B端体验周刊-Vol 05(2023.02.03)

当前位置:首页>设计文章>UI>B端体验周刊-Vol 05(2023.02.03)
欢迎来到虾米的B端体验周刊,每周B端体验设计知识点提炼,与你一起持续成长~

想更系统学习B端知识,请点击文章末尾的阅读原文跳转,我为你整理的B端体验笔记目前已有700多篇行业文章且持续更新中
1
全局交互规范制定指南

文章地址:https://www.yuque.com/xiami0101/bq79sy/lb59vaz3ngnmwh0n

推荐指数:

【交互规范】搭建科普:非常完整且清晰的交互规范科普,规范搭建必看

设计规范的内容框架,交互规范的搭建流程和详细案例,团队如何推进规范

设计规范的作用

  • 产品设计:保障产品内不同模块的设计一致性,同时提高不同设计师间的设计、协作效率
  • 研发开发:通过定义的标准规范,提高流程、组件的复用率,提高整体开发效率
  • 用户使用:让用户能够在产品全局感受到统一且完整的体验,降低使用成本和学习难度
设计规范的构成

视觉规范:主要是在表现层、框架层进行规范的统一,主要包括:形、色、字、构、质、动 六个层面。

  • 形|图形元素:圆角形体、图标规范等
  • 色|色彩体系:主题色、功能色、中性色等
  • 字|字体体系:字体、字节、行高、字重等
  • 构|界面布局:层级样式、栅格系统等
  • 质|质感风格:投影效果、模糊效果等
  • 动|动画动效:画面动效、跳转动效等

交互规范:主要针对于产品的结构层、框架层入手,定义统一的交互规范,指导页面、流程搭建和组件使用规则。包括:全局原则、页面布局、通用流程、标准组件、文案规范。

  • 全局原则:统筹和规范全站的交互原则
  • 页面布局:关键页面布局,抽象遵循规律
  • 通用流程:整理可复用流程,不同场景即插即用
  • 标准组件:定义可复用组件,后续直接引用
  • 文案规范:统一语气语调,明确书写规则
B端体验周刊-Vol 05(2023.02.03)
不同阶段的交互规范
B端体验周刊-Vol 05(2023.02.03)
行业通用规范和团队规范的区别:行业通用的设计规范(如TDesign、AntDesign)大而全、通用,而一般团队内构建的设计规范都是源于某一个产品或业务,主要的特点是“专精”。专注于「业务」本身,主要是「团队内成员使用」,追求的是投入产出比最大化。

交互规范的原则:

  • 保持规范的业务性。既要贴合业务场景归纳完整,同时又要避免凭空定义脱离实际。故我们定义时要代入业务规划,尽量富有前瞻性,这样定义的规范不仅能覆盖当前需要,同时后续也能更好地迭代。
  • 保持规范的专注性。有的放矢,明确内容优先级,避免盲目追求大而全和形式主义。
    • 优先级高(覆盖面广、复用率高)的关键内容重点描述;
    • 优先级低(逻辑简单、认知一致)的内容可简要描述,避免事无巨细降低效率。
  • 保持规范的生长性。阶段性的回顾规范。遇到规范未能覆盖或无法指导设计的地方,及时修订同步团队,避免墨守成规,固步自封。
好的设计规范是提高设计效率,引导设计方向,而不是因为设计规范而局限了具体业务的设计,如果这样,还不如不去定义。


2
这篇导流条设计方法,让我打开了新思路

文章地址:https://www.yuque.com/xiami0101/bq79sy/ewkgtneqqa0bmza5

推荐指数:

【矩阵导流】项目复盘:有驾导流体验升级案例,拆解导流链路寻找设计发力点,各端产品相互联动,协同发挥优势,实现流量价值最大化。

很少见的矩阵导流案例文章,非常落地,可用于小程序等引导下载APP参考

导流的体验设计要点:

  • 全链路洞察,对导流链路进行拆解,通过盘点导流链路的用户行为,明确每个节点的设计方向;
  • 降低广告干扰性,减少用户浏览过程中的阻断感,适度弱化广告氛围;
  • 用户的视角引导,让用户专注于产品本身传递的价值,引领用户完成对产品的探索从而完成下载激活。
B端体验周刊-Vol 05(2023.02.03)
B端体验周刊-Vol 05(2023.02.03)

3
投屏互动广告 — 优酷商业化设计创新实践

文章地址:https://www.yuque.com/xiami0101/bq79sy/nkwzase30wnbfc2a

推荐指数:

【投屏互动】商业探索:通过链接大小屏互动提升投屏广告的商业价值

  • 如何通过设计解决商业与体验矛盾的经典案例
  • 多端资源联动赋能商业价值
OTT端(OverTheTop):互联网公司越过运营商,发展基于开放互联网的各种视频及数据服务业务。

商业与体验存在天然矛盾:广告产品形态的因素里,能提高产品售卖率和价格的关键点,往往就是会引起用户反感的关键点。

通过设计缓解矛盾并提升商业价值:

  • 资源整合而非叠加:打通大屏OTT端和小屏手机端两个设备的广告投放,贯穿为一款广告产品。通过双端资源位的联动与能力升级,达成了品效合一的品牌营销目的。
  • 广告即内容:通过广告内容创意进一步加强双端的互动性,达到1+1>2的效果
    • 内容情节互动,让品牌印记更加深入人心
    • 设备体验互动,让决策下单高效而充满趣味
  • 高效直达品牌落地页:提供多种后链路跳转能力,其与前端互动能力可自由组合搭配。
大小屏资源串联的优势

  • 大屏:具备强视觉冲击力的曝光优势,让客户以100%屏占比播放TVC广告片充分传达品牌概念。
  • 小屏:具备便捷的后链路跳转能力,利用界面空闲空间新开大卡资源位与大屏同步播放,跳转能力让用户一键触达落地页。
互动链路完善以精准匹配行业诉求:完成的产品链路将多种互动方式囊括其中,品牌可任意选择与自身诉求匹配的能力。

B端体验周刊-Vol 05(2023.02.03)
B端体验周刊-Vol 05(2023.02.03)

4
为什么要学习设计方法论?

文章地址:https://www.yuque.com/xiami0101/bq79sy/xz6p9b

推荐指数:

【方法论】基础概念科普:用于理解方法论在设计中的作用,以及融入作品集或回答面试相关问题

方法论定义:在特定条件下,在解决特定问题时,能够不断复用的一般性规律

那些被人反复使用、影响力很大的方法论,能够一定程度上说明他们的复用性强,越贴近真理。

方法论的类型

  • 分析法:解决推演思路的问题
  • 原理/效应:解决事物原理的问题
  • 法则真理:解决问题的参考标准(偏真理)
方法论的作用

  • 赋能业务:运用方法论可以更好的站在业务OKR和商业价值的角度提供专业的设计产出,赋能业务目标;
  • 服务用户:运用方法论可以站在不同的用户视角,提升高价值用户的整体体验,让设计思考可以更完整、更准确、更有说服力。
方法论的运用场景

  1. 策略分析阶段:解题流程、思路;
  2. 方案设计阶段:解题准则;
  3. 衡量方案可行性阶段:验证方案实际价值的规则和标准。
方法论的使用方法

  1. 第一步:了解你解决什么阶段的问题。包括用户分析、增长分析、交互设计、视觉设计、结果评估。
  2. 第二步:明确在此阶段要选择的方法论。
  3. 第三步:把要解的题套用在方法论或模型中,推导出解决方向或方案。

5
「自然交互 泰斯勒定律」如何平衡设计的复杂度?

文章地址:https://www.yuque.com/xiami0101/bq79sy/uzm3ac

推荐指数:

【泰斯勒定律】(复杂度守恒定律)

无论在产品开发环节还是在用户与产品的交互环节,其内在的复杂度都有一个临界值,到达临界值后就不能再简化了,你唯一能做的就是将固有的复杂性从一个地方移动到另外一个地方。

泰斯勒定律应用要点

  1. 系统的总复杂度是一个常数,为用户提供更简单的功能会增加其他方面的复杂性这提醒我们要注意用户体验的提升不是绝对指标,任何产品在设计和开发的过程都需要考虑综合成本。
  2. 找到复杂度转移的最低成本的方式:复杂度在转移的过程中和转移之后都会产生成本,我们需要找到最低成本的转移方式,为复杂度转移提供合理的理由,这样的转移才是可持续的。
  3. 界面不能太过简单,适当的复杂度也会吸引用户:过于简单的界面也会使用户失去兴趣。根据美国「积极心理学」奠基人之一的米哈里契克森米哈赖的「心流」概念,当挑战或任务难度与用户的技能水平相匹配时,用户会更容易投入心力、更渴望达成目标、获得成就感,产生“心流”体验,从而更愿意去使用产品:
BB700


免责声明:尊重知识产权。本周刊发布内容(包括不限于文字、图片和视频等),均为转载或整理自网络,其版权归原创者所有。如发现侵权问题,请及时与我联系,以便及时删除。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI交互设计干货

B端体验周刊-Vol 01(2023.01.06)

2023-9-18 16:19:44

UI交互设计干货

体验设计周刊-Vol 10(2023.03.14)

2023-9-18 16:20:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索