游戏 内容 用户 背景数字营销是指借助于互联网营销方式，帮助业务方和消费者建立触达渠道，实现业务的商业目标达成。按业务类型分为线下产品的数字广告和数字内容（APP、影音、动漫、游戏等）线上推广分发。本文主要聚焦在数字内容线上推广分发上，尝试从用户获取渠道、体验方式、内容感知、新技术带来的变化等几个方面，为相关从业者梳理数字内容流行的营销方式，以期提供一些启发和借鉴。往期回顾:腾讯出品！2021-2022设计趋势报告：社交APP篇前言人是群居动物，不论以何种方式，人和人都在社交。阅读文章 > 腾讯 ISUX 出品！2021-2022设计趋势报告：日系潮玩篇潮流玩具最初起源于日本，盛行于美国、香港，又叫艺术家玩具或设计师玩具，是玩具与艺术摆件融合的产物。阅读文章 > 腾讯出品！2021-2022设计趋势报告：动态篇前言动态设计（Motion Design）有助于创建令人愉悦且直观的用户界面。阅读文章 > 近年来用户内容消费呈碎片化、视频化，多元化趋势。短视频内容强势崛起，这种方式可以让用户更轻松、更深度消费内容。在各类营销类型中，短视频逐渐成为推广的重要方式，不仅在实体产品电商领域，日益成为重要的销售方式，在数字产品的推广上，也发挥越来越重要的作用。漫威在短视频平台注册虚构报社账号宣传《蜘蛛侠：英雄无归》电影，获得海量关注和点赞。说唱歌手 Lil Nas X 用《Old Town Road》做 BGM 在短视频平台发起的牛仔挑战（#Yeehaw challenge），使这首歌曲通过短视频成为了全球爆款。这首歌在美国地区的流媒体播放量超过了 25 亿次，在 Billboard 排行榜保持了 19 周的冠军。美国创作型歌手兼唱片制作人 Charlie Puth 尝试在短视频平台上发布一些旋律，发起了标签挑战 #writethelyrics，邀请粉丝们为旋律填词，这个标签累计视频观看量达到 38 亿次。在游戏领域，短视频/直播内容也正成为分发重要形式。短视频巨头已深入游戏腹地，2020 年移动游戏用户与短视频用户重合率达 82.5%，近六成移动游戏用户会用短视频主动搜索游戏内容。短视频在和游戏内容结合上有先天优势，消费门槛低，体验更沉浸，同时也可以快速获取其他玩家的感受。除此外，对于游戏制作和发行方来说，这里也是通过内容创作获取用户的良好渠道。游戏依托赛事直播、KOL 直播，聚集了大量高质玩家，相较于传统分发方式，直播具备互动性、真实性、及时性等三大特点。KOL 主播可以将游戏最直观的展现在玩家面前，更可以利用高人气迅速提升游戏热度。Facebook gaming 现在采用直播 feeds 的方式进行游戏的推广，使玩家对游戏体验感受更直观。黑客帝国 4 在官网为用户提供了一段可交互的宣传视频，根据用户的选择不同，触发不同类型结局。让用户更有代入感和掌控感。有种“我”开启了一段故事，也更容易带来体验上的惊喜感。洛杉矶流行艺术家 BIIANCO 为其单曲 That’s what friends are for 制作了互动音乐视频，以互动游戏的方式让观众进行多次选择，探索属于自己的故事。在游戏类内容宣传上，为让玩家更直接、更低成本的体验到游戏的玩法和特点。借助 2D、3D 以及交互视频素材高度还原游戏的真实场景，音效、视觉、玩法互动与游戏本身无异，将原有的游戏体验前置，让用户在短暂的广告展示时间中快速明白游戏的核心机制。2021 年音频内容呈爆炸式增长，播客这种很早就有的形式，在今年焕发了蓬勃生机。因为疫情原因，音频内容呈爆发式增长，相较于其他数字内容表达方式，音频覆盖了更多互动场景，用户可以在通勤、运动和打扫房子的时候在车里播放。21 年初热播的《流金岁月》不仅霸屏热播热榜，更首次将营销可能性转化到“看不见的”声音领域，最终联手十多家播客参与多方面讨论了女性、友谊、成长等话题，精细化传播，也让更多电台参与创作讨论，最终“我的「流金岁月」”主题内容实现了全平台百万级的总播放量。Beats 就联合播客《大内密谈》推出了一档名为「一首歌的诞生」的系列节目，主播相征会在节目中和各位音乐聊一聊他们的某一首歌从谱曲、写词到录制的全过程。2021 年，《大内密谈》连续 7 年获得 Apple Podcasts 年度精选播，拥有 400 多万忠实听众，单期节目收听量超过 400 万次。影音、游戏联动明星、品牌、知名 IP、传统文化产业、线下活动等等具有影响力的合作方进行战略合作，扩大双方影响力。如英雄联盟和 LV 的跨界联动，这款由 LV 设计的史上最昂贵、最奢侈的游戏皮肤，还未推出就捕获了无数 LOL 玩家的心，在让玩家兴奋不已之余，还引发了“这款皮肤究竟有多贵”的讨论。自 2017 年腾讯和敦煌研究院达成战略合作以来，王者荣耀飞天及九色鹿主题皮肤、QQ 音乐“古乐重声”音乐会、敦煌诗巾、“云游敦煌”小程序和敦煌动画剧陆续推出。三年间，累计超过 2.5 亿人次参与了“数字供养人”，超过 4000 万年轻人在王者荣耀中遇见了敦煌飞天，“云游敦煌”小程序目前已接待超过 3700 万人次线上游客，40 多万用户设计了自己专属的敦煌丝巾，24 万用户在腾讯公益平台为敦煌石窟保护项目捐款，15 万用户在线用声音演绎敦煌动画剧。《王者荣耀》是如何演绎敦煌第三季美学创意的？项目背景从 2018 年初识敦煌，以标志性符号“飞天”切入，带领用户认识敦煌，到 2020 年尝试在世界观中融入壁画中的故事与情感，讲述家喻户晓的敦煌九色鹿的故事，以爱守护。阅读文章 > 2021 年底热剧《风起洛阳》联动洛阳市文化单位正式发布“华夏古城宇宙”的全新概念，并宣布“华夏古城宇宙” 首发洛阳 IP 中的剧集《风起洛阳》、纪录片《神都洛阳》、动画片《风起洛阳之神机少年》，带领观众开启探索华夏文明的旅程。1）内容二创，形成粉丝传播文化影视剧宣发期，通过话题互动或设置传播内容，让用户创作内容进行传播，如《鱿鱼游戏》引发自发传播的抠糖挑战也引起更多受众注意激发用户观看。游戏也会在上线后逐步积攒口碑和玩家数量，官方在制作游戏时和后期推广上会提供一些方便传播的核心素材，由游戏粉丝玩家群体自发进行二次创作产生的 UGC 内容，也会引发大众关注。很多玩家会围绕游戏内容创作出新奇舞蹈、仿妆、COS、攻略、同人剪辑、漫画等，提供广泛的话题和讨论度。例如《CS：GO》，它通过一条开箱视频引爆短视频平台，打破了消费用户的圈层，从游戏用户到泛娱乐用户，最终令游戏内箱子的价格从 0.8 元涨至 2 元，极大地促进了消费。2）打造庆典活动，激发用户共情通过大型庆典活动，让用户共情，形成记忆共享，将志同道合的人聚在一起，形成文化传播。如英雄联盟每年都会举办盛大的全球总决赛开幕庆典，并加入一些让人印象深刻的游戏元素。相较于通过中心化推荐方式向用户展示广告内容，新的趋势是广告主利用用户社交关系链，在 facebook、微信、QQ 等社交平台进行分享传播。通过社交流量的传播内容，让受众觉得更贴近自己，也更可信。相较于其他数字内容，在游戏分发上私域流量日益重要，很多头部社交渠道在尝试如何更好的通过私域流量带动游戏分发。1）通过社交动态通知触达Facebook 游戏智能助手会在玩家的对手参与游戏后，通过 Facebook 与 Messenger 提示对方继续玩游戏，这种方式可以吸引玩家快速回归玩过的游戏；同时在首页好友动态中可以看到好友的游戏邀请动态和相关战绩，对游戏有较高的流量传播；游戏的高活玩家也可以通过邀请好友对战或分享游戏活动等方式进行裂变传播；2）线上社区深度触达Discord 建立起玩家之间互推、互鉴，玩家与开发者间直接互动的社区平台；社区内的种子玩家可以更直接地与开发者接触，让自己的声音被听到；同时他们也是优质的渠道传播者，将优质的讨论内容、游戏动态进行分享，让渠道转化效率更高；同时 Discord 可以创建「临时」游戏语音频道，可以让其他成员看到频道内成员正在玩的游戏；玩家也可以将游戏实况传输到服务器，在语音频道邀请朋友共同观看自己的游戏“现场直播”，让玩家的朋友在沙发上重现游戏的感觉；3）利用核心玩家作为推广资源触达游戏开发者利用多圈层 KOL 的优势，引导他们产出与游戏相关的 UGC，OGC 内容，形成话题热议，从而触达到目标用户，这种方式可以增强游戏影响力，甚至产生出圈的效果；比如 Youtube 通过扶持优秀的内容创作者，通过他们的粉丝圈或者社交关系进行游戏推广。2021 年初爆火出圈的社交产品 clubhouse，也是在早起利用名人明星和圈子的力量，通过采用邀请制的方式吸引了高质量的种子用户，带动 app 的影响力，提升其在世界产品和科技圈的热度。相较于传统的机器人客服，机器人进化出了新能力,在数字内容推广上展现新前景。在 Discord 中，由第三方机构提供各种数字内容服务能力的机器人，如将 Patchbot 机器人添加到频道后，可以将用户喜欢的游戏资讯/功能更新及时推送到频道中，让玩家获取信息更及时；在 Discord 和 Telegram 聊天群组中，有很多提供数字产品服务能力的机器人，为群中小伙伴定期推送和主动获取影音资源。随着元宇宙、区块链技术的火爆，数字内容也展现了不同以往的展示和推广方式。2021 作为元宇宙爆发年，向我们展示了未来的一角。通过虚实结合的互动体验，数字营销不再局限于单一的文字/画面，而是通过多体感的交互，让用户全方位的体验数字内容，为猎奇的互联网用户打开了数字营销新篇章。1）虚拟偶像成数字内容推广重要方式2021 年，随着元宇宙基建的推进和爆款案例的频出，虚拟偶像也迎来了新一波发展高潮，引得不少音乐公司纷纷入局。19 岁的加州虚拟网红 Lil Miquela 代表了 Z 时代的社群偶像，她在 instagram，youtube，discord 等平台分享自己的时尚穿搭，与名人或朋友的合影及生活想法，甚至她还在 Spotify 发布了自己的 15 首单曲。打造了跨平台的 Vmodel 身份。韩国虚拟模特 Rozy，不仅在社交网络分享自己的穿搭生活，还如同常人一样，营造看电影的真实体验，她的代言产品不仅涉及线下美妆，还为线上购物网站，电影等数字产品内容做宣传推广；下一个洛天依？6个超写实虚拟偶像产品分析编辑导读：洛天依、闪耀暖暖、虚拟 up 主，近些年，“纸片人”不断出现在大家的眼前，收获一批又一批的粉丝，成为青春永驻的“真偶像”。阅读文章 > 2）虚拟演唱会打造多感官音乐体验贾斯汀 比伯举行了一场由真实动作捕捉的线上虚拟演唱会，比伯在演唱《Peaches》、《Hold On》等人气单曲的同时，观看直播的观众可以根据场景与比伯进行线上互动：场景切换到田野时，观众可以点击不同颜色的花朵，让田野生出花朵形状的流光；切换到街头场景时，观众可以把聊天内容或爱心发送到比伯周围；这种虚拟演唱会的形式将全球的粉丝连接在一起，在虚拟场地形成万人互动的沉浸式音乐体验。宝可梦 25 周年，联合说唱歌手 Post Malone 推出了自己的虚拟音乐会，马龙在这次虚拟演唱中共演唱了《Psycho》、《Circles》、《Only Wanna Be With You》、《Congratulations》四首单曲，在虚拟世界中与知名宝可梦一起完成表演；也为新发售的《宝可梦：晶灿钻石/明亮珍珠》起到宣传作用；3）利用虚拟社区打造游戏/影视宣发新方式Decentraland 提供了去中心化的社交世界，用户可以创建自己的虚拟形象，在不同的游戏场馆进行切换，为游戏品牌起到了更好的宣传作用；同时 Dcentraland 提供了虚拟土地售卖，用户或开发者购买土地后，通过制作 3D 场景，发布自己设计的各种产品或服务，这些场景也可以使用 VR 终端来体验，用户或开发者可以发挥无限的想象力进行宣传创作。韩国剧集《鱿鱼游戏》热播后，剧集中的游戏关卡在罗布乐思公司的游戏社区被“1:1”还原，其中的游戏“1、2、3”木头人进入推荐排行榜，吸引了众多观众成为玩家，也让很多玩家去奈飞追剧，扩大了该影视资源的影响力。4）区块链及 NFT 技术赋予数字内容流通新方式伴随着区块链技术的发发展，有的游戏分发公司也在尝试通过区块链技术进行游戏发行。如 Ultra 试图打造一个基于区块链的游戏发行平台，通过通证经济实现更加合理的利益分配。对游戏玩家来说，可以在下载完成前就尽情享受新买的游戏，并在玩游戏时继续下载缺失的数据。玩家可以自主选择是否允许游戏内弹出广告，观看广告可获得通证奖励，邀请朋友、参与测试和策划游戏也可获得相应通证奖励。因此，游戏玩家既可以即时玩独家游戏，又可以通过多种方式赚取通证奖励。NFT 实现了虚拟物品的资产化与流通化，赋予了数字藏品/游戏/影音等内容的虚拟价值；艺术品数字资产化将拓展影视相关内容的产品链，因被赋予独特的价值，使得其可以通过交易完成变现。2021 年 10 月 11 日，王家卫首个 NFT 作品《花样年华——一刹那》以428.4万港元价格成交，同时创下王家卫个人作品与亚洲电影NFT作品拍卖价格新高。艺术家扎堆的「元宇宙」到底是什么？7000字帮你完全看懂！元宇宙是一个全新的数字世界，我们可以想象的任何东西都可以存在。阅读文章 > 总结伴随着用户数字内容消费习惯的变化，数字内容呈现方式、渠道和分发方式都在发生变化。可以看到在未来，数字内容制作方和发行方，需要为用户提供更多元的方式深度进行体验，同时承载数字内容的平台也逐步由传统的中心化渠道向私域流量转移。作为数字内容发行方，如何有效且长线输出高品质内容，构建内容壁垒，探索更有吸引力的表现形式、缩短和用户的沟通渠道，是未来需要深入思考的。参考文献《2021 数字营销趋势重磅出炉，来年的营销风向抢先看！》《2021，数字广告几个可见趋势》《元宇宙中的土地价值评估初探》-微信公众号“金牌估值”Facebook Gaming 博客 https://www.facebook.com/fbgaminghome/blog?type=develope《科技巨头布局元宇宙系列报告 》《虛擬網紅當道——「不是人」卻坐擁百萬粉絲！》欢迎关注作者微信公众号：「腾讯ISUX」本篇来源：优设网原文地址：https://www.uisdc.com/2022-design-trends-2
用户 形式 内容 搜索设计看似简单，展现形式上只有一个输入框和搜索按钮就可以了，但是里面隐藏了很多交互细节。最近工作中刚好有搜索相关的设计需求，今天就来总结下搜索中的交互细节设计。本文的主要内容包括：搜索的作用搜索栏的形式搜索设计的原则搜索的作用用户是懒惰的，不愿意花太多精力去记忆信息，“无脑刷”的抖音玩法让亿万用户乐在其中。因此产品设计时需要尽可能的降低用户的行为门槛，“千人千面”推荐机制越来越重要。但是搜索查询是用户主动行为，相对更有掌控感，始终都是产品设计中非常重要的方式。搜索主要是帮助用户从海量数据中快速找到想要浏览的内容，例如百度、谷歌等搜索引擎能够成为单独的产品，可以看出搜索在互联网时代具有极其重要的作用。主要包含以下两个方面：1. 降低用户的行为门槛搜索实现了简单的输入，快速输出，只要几个关键字就可以获得符合用户需求的内容，将原有的用户行为成本转移给系统，从而让购物消费更加快捷、轻松。而语音输入和拍照搜索进一步降低了用户行为门槛。2. 减少用户操作，缩短行为路径搜索功能可以帮助用户快速定位信息，从而提高了用户对内容的触达效率。例如当用户有明确的购物需求时，不需要一步步点击商品分类，选择商品类型、品牌等信息，就可以快速直达自己所需的商品。搜索的形式搜索栏是搜索功能的起点，内容不复杂，但是也有多种形式。我简单的将其分为完全形式、简化形式以及类搜索形式 3 种类型。1. 完全形式我们大多见到的搜索栏是由输入框和搜索按钮组成的，用户输入相关内容后，点击按钮或者回车就可以执行搜索了。在完全形式下，根据搜索范围的设定，又可以分为全量搜索和定向搜索两种形式。全量搜索就是直接对全平台内容执行搜索，在搜索结果中分类展示。例如腾讯云 Web 端搜索功能，用户只需要输入关键字进行模糊搜索就可以了。定向搜索则是用户可以预先设定搜索范围，可以减少后续用户的筛选操作。例如淘宝 Web 端搜索栏可以设定“宝贝、天猫、店铺”3 个搜索类别。微信搜索栏兼具了两者的功能，既可以直接输入关键词完成全平台内容搜索，也可以设定范围定向搜索。完全搜索栏包含了分类项、输入框、搜索按钮等形式，因此占据的页面空间也相对较大，更适合重搜索场景的产品。例如在电商移动端产品中，虽然页面寸土寸金，但是搜索栏仍然采用完全搜索栏形式，辅助关键词引导，可以更好的抓住用户视线。2. 简化形式简化形式主要用于弱搜索的场景中，通常只是用图标来告知用户存在搜索功能，更有利于页面空间布局。当然形式也是随着页面的不同而改变的。今日头条的首页都是采用了完全搜索栏的形式，进入到资讯详情页面时，用户的核心任务是查看页面信息，用户的搜索需求则变成了弱需求，只是提供了图标入口，能够满足用户的快捷操作即可。3. 类搜索形式如果用户没有直接的搜索需求，而是在浏览商品过程中，对某类型商品产生了兴趣，希望查看更多相似商品。电商平台专门增加了“查看相似”的功能，用户不需要输入任何内容，只需要点击按钮就可以查找相似商品，从而提高了用户的搜索效率。搜索的交互设计原则完整的搜索流程包含了各种细节。例如搜索栏的形式、光标停留、输入状态、异常数据、搜索结果、二次筛选等等。整个过程没有非常艰深的业务内容，主要是交互的细节设计，可以总结以下 3 个设计原则。1. 信息引导移动端产品中页面空间有限，搜索栏更多的是作为入口，通常会增加关键词引导用户点击。用户点击操作后会进入到专门的落地页面，里面平铺了各种搜索信息，例如搜索历史、推荐内容，甚至各类营销榜单等，方便用户快速操作的同时，增强的内容的曝光和引导性。而在 PC 端产品具有页面空间优势，用户的搜索过程完全是通过搜索栏完成的。为了做好用户引导，搜索栏中会增加历史搜索记录，下方增加推荐关键词，帮助用户快速完成搜索。同时也可以唤醒用户对某些商品的兴趣和记忆，从而挖掘用户潜在的搜索需求。2. 用户效率搜索是效率型操作，如何快速帮助用户完成输入、结果查询是最主要的设计目标。例如当光标停留时，搜索栏就会呈现各种已有信息，方便用户选择输入。用户输入过程中，搜索栏通常会展示关键词联想信息，方便用户快速选择相关内容。淘宝甚至给出了二级的商品标签，引导用户更准确的定义商品，从而提高搜索的准确率，最终更好的提升用户的购物效率。当关键词与内容不匹配时，反馈结果前置可以减少用户的后续操作。腾讯云搜索栏输入的关键词不符合内容时，并没有跳转到结果页面再给出信息反馈，而是直接在搜索栏中做出反馈，从而减少了用户的跳转次数。由于 PC 页面的展示空间更大，用户的行为成本相对更高，为了帮助用户实时搜索，首页内容滚动时还会增加吸顶搜索浮层，方便用户快速操作。3. 隐私保护搜索历史有利有弊，不经意间可能会泄露自己的隐私。为了打消用户的顾虑，搜索通常都会增加清除记录功能。而在今日头条中细化了隐私保护项，搜索历史不是简单的全部清空，而是可以单独删除，便于用户保留所需的内容。另外还增加了无痕搜索模式，避免用户搜索之后会忘记删除关键词的场景。写在最后设计就是细节不断打磨提升的过程。搜索中还有很多细节设计，例如关键词的视觉引导性、常搜选项置顶、搜索结果的二次筛选等等，今天就不一一讨论了，欢迎大家留言交流。如何做好浏览器搜索设计？我总结了这9个建议对于搜索，百度百科给出的基本解释是: 给予一定的条件后再寻求,搜查。阅读文章 > 欢迎关注作者微信公众号：「子牧UXD」本篇来源：优设网原文地址：https://www.uisdc.com/3-search-design-principle
用户 内容 人士 兔小巢 （txc.qq.com） 是一款由腾讯 CDC 开发的用户反馈互动社区，让腾讯内外各产品团队无需开发即可快速生成专属社区，高效收集用户反馈，并与用户进行深入交流。兔小巢作为用户反馈互动社区，每天能收到来自多个产品的成千上万条产品反馈，但是我们听到的是全部的声音吗？会不会有一些人因为产品设计上的某些细节问题，而无法顺利向产品团队提出反馈和想法呢？本文是兔小巢团队在适老化与无障碍改造探索方面的一次阶段总结，希望能为社区类产品，甚至是其他类型的产品提供一些思路。关于适老化与无障碍的重要性老年人和残障人士等弱势群体，无论是生活方式，还是日常娱乐，他们的体验行为或多或少会存在差异。通过一系列的用户调研，我们才近距离地了解到，在使用手机过程中，有一些我们习以为常的提示，可能超出了他们的理解范围，成为了无效的信息；有一些内容，我们可能扫一眼就能理解，但对于他们来说可能需要多几步操作，才能获取具体的信息。我国 60 岁及以上的人口已经有 26402 万，占全国人口的 18.7%，同时残障人士的数量也不容小觑，仅视障人士的数量已经超过 1700 万。但他们在使用手机软件过程中遇到的困难，却很难出现在常见的手机软件意见反馈渠道，更别说引起产品团队的关注。恰好今年国家发文要求微信、QQ 等腾讯系 9 款产品，在 2021 年 9 月 30 日之前完成适老化和无障碍改造。兔小巢作为嵌入在这些产品的反馈社区，有责任全力配合，帮助老年人及残障人士有效地发出他们的声音。因此，兔小巢适老化与无障碍改造提上了日程。整体改造成果围绕适老化与无障碍，兔小巢进行了一系列使用体验优化工作，主要通过前端改造来实现：1. 适老化字能看清楚了——文本展示效果自适应在微信、App 等条件下打开兔小巢，页面都可以配合应用设置的字体大小，调整内容展示的效果，包括文本字体大小、段落行距等，让老年用户无需寻找调整字体的设置，也能把字看清楚。相比普通版兔小巢首页，适老版的字体、按钮等元素整体放大，方便老年用户阅读。另外页面底部的按钮文案从“说两句”改为“我要发言”，更易于老年用户理解按钮的用途页面更“好看”了——页面颜色对比度优化随着年龄增长，老年用户视觉逐步衰退，具体表现包括视力下降、对蓝/绿色不再敏感、视觉范围变窄、较难适应明暗变化等。为了让老年用户在访问兔小巢时，也能获得舒服的阅读体验，兔小巢整体调整了页面颜色的对比度。关于适老化设计的颜色使用，请参考这篇：想做好适老化设计，先来了解人眼的光色原理！近期，所负责项目正在进行适老化的设计，分析过程中找到一些产品相关的研究和对比，但是看的过程，一直有个困惑：老年人看到的世界到底是什么样子？阅读文章 > 相比旧版兔小巢首页，新版的颜色对比度更高，方便老年用户清晰辨认，获得更舒服的阅读体验2. 无障碍读屏重点更突出了——读屏适配改造正常人使用手机靠“视觉”，而视障人士则靠“听觉”。大多数视障人士都是通过读屏功能来了解屏幕上的内容，但兔小巢此前还未实现读屏软件的相关适配，导致读屏表现欠佳，影响实际使用。因此，为了让视障人士也能顺畅地进行产品反馈，兔小巢对读屏功能进行了适配改造。如聚合相关性强的内容，使读屏软件可连续读出，方便用户减少操作；屏蔽无意义图标，让读屏软件减少读出强干扰性的内容等。以上的改造成果已经支持公司内外超过 7500 款接入产品，并且有近 4700 位老年用户体验，累计反馈了 1342 条信息。具体改造方案1. 文本展示效果自适应在适老化改造过程中，为了实现客户端字体自适应调整，我们设计了“元素尺寸控制系统”。在这个系统下：元素实际尺寸=元素的默认尺寸 倍率（倍率通过读取客户端的设置获取）在此基础上，我们还提供白名单设置，白名单内的元素在页面字体调整时大小保持固定不变。例如在帖子回复列表页上，用户头像并不是主要信息，通过将“用户头像元素”加入白名单，可以实现在页面整体适配字体变化时，头像区不会跟随字体放大而放大，保证了右侧帖子详情的可读性。兔小巢页面的字体自适应后，部分不影响理解的元素，如头像区域，会保持大小不变，保障页面整体的阅读体验2. 读屏适配改造在前期测试中，我们发现主流读屏软件在兔小巢的读屏体验不太理想。因此，通过以下 4 个方面进行整体的改造：读出图标的操作含义「原有问题」有一些图标，普通用户能够轻松地感知到这是可点击的按钮，比如下图的“点赞”。但由于代码未能规范地将图标声明为“按钮”，读屏软件无法识别，会直接略过图标，只朗读出数字 ，因此视障人士很难了解到这里可以进行点击来实现点赞效果。兔小巢反馈帖子中的“点赞”模块「解决方案」我们通过将“点赞图标”定义为按钮，并添加替代描述“已/未点赞，XX 个赞”，让视障人士明白这是一个可点击的交互，理解点赞的状态、有几个赞等信息。控制焦点，感知交互「原有问题」常见的弹窗（如下图的提醒内容），能够快速引起普通用户的注意，有着提醒、引导的作用。但由于前期兔小巢不兼容读屏软件，提醒内容无法让读屏软件识别，视障人士无法及时感知。并且当弹窗关闭时，读屏焦点会停留在弹窗原有的位置，因此会影响读屏软件无法读取应读的内容。兔小巢反馈环节中，提醒输入内容”不能少于 5 个字“的弹窗「解决方案」我们通过记录触发焦点、切换焦点的方式，让读屏软件有效读取弹窗内容，帮助视障人士快速感知弹窗；并且在关闭弹窗后，让读屏焦点回到原来的触发焦点，可以正常读取内容。聚合内容，减少操作「原有问题」普通用户阅读页面的内容，如昵称、发帖时间、帖子内容等，是自上而下连贯的。而读屏软件是按照实际 DOM 节点的顺序依次朗读的，导致读屏用户需要依次点击昵称、发帖时间、帖子内容等区域，才能完整了解页面上的信息。「解决方案」针对这部分相关性强的内容，我们使用 WAI-ARIA 技术将多个 DOM 节点聚合成一条信息，帮助视障人士点击 1 次即可获取全部信息，减少频繁操作，提升效率。读屏改造前，用户需要依次点击用户名字、发表日期、帖子内容，才能完整了解内容；改造后，仅需点击用户名字、帖子内容，操作步骤减少减少干扰「原有问题」对于普通用户来说，“>”能够帮助他们理解点击相应的位置会有下一步操作。但部分读屏软件会将 “>”朗读出来，因为“>”在代码中是通过一张图片实现的，而读屏软件会将图片名称朗读出来，所以这十分不利于视障人士理解。常见问题页面中的点击提示元素「解决方案」我们梳理出页面上所有纯装饰性元素，或对用户理解内容没有帮助的非文本内容，使用 aria-hidden=true 来屏蔽，避免读屏软件读取这部分的信息。最后的话为了保证功能对于老年用户、视障人士真正可用，我们还组织了 7 位老人、8 位视障人士对优化后的兔小巢进行可用性测试。针对老年用户与视障人士在体验过程中进一步暴露出来的认知障碍问题，我们再次优化调整了 20 多处细微流程和文案表意，让弱势人群能够把兔小巢轻松用起来。一位视障用户在可用性测试现场使用手机以上的改造，只是我们的第一步。随着，我们对弱势群体的了解更多一分，便意识到改造工作更任重道远、且无法一蹴而就。如何让他们更容易理解每一步操作、让他们更轻松地完成每一次点击，甚至让他们更多参与到交流互动中来，都值得我们进一步研究与优化。接下来，我们还会继续进行适老化与无障碍探索，希望在未来，弱势群体不仅是发出他们的声音，让大家听见，还能放大他们的声音，让他们也能在互联网世界中找到自己的价值与共鸣。近6000字干货！5个方面帮你完全掌握适老化设计（送大厂PPT）前不久看了阿里巴巴的设计周，其中有一个话题引起我注意“适老化”设计，今天就来聊一聊适老化设计的注意点。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/txc-elderly-design
时间 内容 用户 背景“时间”作为人机交互界面中经常出现的元素，本质上都是为了去传递时间维度的信息。但是我们平时在使用一些互联网产品时会发现，关于“时间”的显示状态或形式在不同场景、不同页面里往往是不太一样的，这是出于怎样的考虑呢？今天我们就来聊一聊，如何在产品设计中把握“时间”显示的诀窍，让其在页面中发挥最大的作用。“时间”元素的分类按照“时间”元素在页面中的出现场景和所起到的作用，可以大致归为以下几类：A. 事件的关键构成要素时间作为描述整个事件的重要组成部分，缺失后会对原本所要传达的内容产生严重的影响，进而影响用户的使用预期和结果，比方说用户可能不能以一个较低的价格完成商品购买，或错过了产品发布会的时间。B. 行为的时间标记指用户本人作为行为主体或行为的接收对象，在某一动作发生后为其所打上的时间标记，比方说“我”购买商品下单的时间或收到一封邮件的时间。C. 内容的附属信息用户在使用产品进行内容消费时，时间作为该条内容的附属信息，起到补充说明的作用，比方说一条短视频或新闻的发布时间。在上面的案例中，我们会发现“时间”在对应场景里所发挥的作用不同，用户在使用产品时往往对时间存在不一样的关注程度。因此我们在做页面设计时，要根据具体场景和用户诉求判断“时间”元素的重要性和优先级，通常情况下：时间作为事件的关键构成要素＞行为的时间标记＞内容的附属信息，之后再思考用什么样的设计形式去展示来达到我们的目标。“时间”的呈现方式和运用技巧在讨论“时间”元素的设计之前，我们先共识一些有关时间的理解和概念。时间可以划分为“时间点”和“时间段”两个维度，类似我们高中物理时学过的“时刻”和”时间间隔“的概念。拿开会举例子：“下午 4:30 会议开始”、“下午 6:00 会议结束”描述的是事件开始、结束的时间点，而“整个会议持续 1.5 小时”、“会议时间为下午 4:30-6:00”描述的是事件过程的时间段；但是，我们在会议开始时也可以这样讲“会议将在 1.5 小时后结束”。通过上面的例子我们可以发下，同样是描述一件事情，运用不同的时间点、时间段的方式去表达，意思一样但却传递出不一样的情感，并且两者存在如下的“换算”关系：1）时间段加上定语会变成时间点（但同样是时间点，“下午 6:00”是绝对时间，而“1.5 小时后”是相对时间，刚好对应到我们设计时两种时间戳类型）；2）两个时间点之间则表示时间段。所以，我们在平时表达或设计时，要先想清楚用“时间”是想侧重表达某一事件、动作发生的即刻时间节点？还是想描述其所持续的时间过程？之后我们再针对不同语境去选取合适的文案和呈现方式。时间的呈现方式离不开：时间戳类型、时间显示格式、时间颗粒度。其中，时间颗粒度指的是描述时间的最小单位，往往颗粒度越细，给用户传达的确定感越强（如转账时间是 12 日 15:15:20），对用户的激励作用越明显（如距抢购结束仅剩 00 时 01 分 23.6 秒）。1. 绝对时间戳绝对时间可理解为事物发生时的确切时间，由具体日期（年、月、日）和时间（时、分、秒）组成。使用绝对时间戳的优势是信息传达精准，显得正式，给人确定感和安全感，同时排布规整，便于形成认知习惯；但缺点是内容显示过长不利于阅读，并且占用空间较大。在时间显示格式的选择上，为了避免混淆，推荐使用文字格式或“-”分隔符来分隔日期，而“/”分隔符在不同国家有不同的展示顺序习惯，容易造成误解，尽量少用。时间颗粒度的选择依情况而定，一般场景总结如下：2. 相对时间戳相对时间在产品设计领域通常是指内容生产、到达、或状态发生改变时，距当前时间点的时间差值，多用于 push 通知、信息流产品，侧重强调内容的时效性；而“倒计时”也算相对时间的一种，侧重营造时间的紧迫感。使用相对时间戳的优势是用户辨识、理解成本低，不用通过计算来判断时间过去或还剩下多久；缺点是不够精确、正式，并很难衡量两个时间点的临近性。在使用相对时间时，要注意格式友好。时间单位可随着时间的推移自动改变；数字不要过多，尽量取整；并且可设置其与绝对时间转换的临界点。总结在设计界面中的“时间”元素时，要遵循场景贴合、便于阅读理解的总体原则；之后根据场景和目标，再选取合适的“时间”呈现方式（包括时间戳类型、时间显示格式、时间颗粒度）。当时间作为“A.事件的关键构成要素”时一般情况下使用绝对时间，并且要看是为了强调某一关键时间节点，还是侧重表达整个持续过程。此外，选用关联场景的文案或者运用倒计时（相对时间）的形式，可一定程度上促进用户更加集中注意力，提升对信息的关注度，并达到特殊的激励作用和转化效果。当时间作为“B.行为的时间标记”时该场景通常是为了追求确定感，通过提供精准的时间和日期便于用户定位到过去或将来的某个时间点（段）去查找、回顾相应内容，因此大多数采用绝对时间，时间颗粒度依具体情况而定。当时间作为“C.内容的附属信息”时如果所设计的产品供给内容的更新速度快，用户活跃度高，并且此时内容的时间信息准确性不那么重要反而更侧重于内容的时效性，那么通常会使用相对时间。部分信息流产品（比如新闻资讯类、社区类）会在列表页使用相对时间，在详情页使用绝对时间，时间颗粒度也是依情况而定；并且会随着时间推移，在某一时间节点前把相对时间转换为绝对时间。如何设计「时间显示」更专业？来看大厂总结的方法！背景“时间”作为人机交互界面中经常出现的元素，本质上都是为了去传递时间维度的信息。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/time-display-design
视觉 图标 内容 背景顺丰速运 APP 围绕寄件生活场景，为用户提供寄快递、查包裹、查运费、网点服务等一站式快递物流服务。随着 2021 年业务发展和内容丰富，用户对产品体验有着更高的诉求。基于用户声音及产品目标，从体验设计纬度定位出现有界面风格陈旧、操作体验不统一、品牌感知弱等问题，因此我们对顺丰速运 APP 进行全新设计升级。接下来，我们将此次改版的内容以及设计上的思考拿出来与大家一起分享，感兴趣的小伙伴可以前往应用市场下载「顺丰速运 APP」进行体验哦。前期分析通过数据分析、用户声音、体验自查、竞品分析、行业设计趋势分析，存在以下几个问题：产品特色不够明显，与竞品拉不开差异，核心功能体验路径冗长且复杂视觉风格近一年没有更新迭代品牌感知弱，缺乏情感化传达1. 设定设计目标针对现有问题，最终确定设计目标为提升顺丰速运 APP 的视觉美观度、操作易用性及品牌辨识度，强化产品的核心竞争力。实现这一目标我们提取三个关键词：「美观 – 全新视觉升级」从界面布局、色彩、图标、字体等进行全新视觉体验升级，让用户感受到更好的视觉体验「多元 – 更丰富的服务体验」针对日益增加的多样化需求，设计上从多元工具整合和自定义设置两个角度出发，进行多元化服务设计探索「高效 – 服务高效性」强化信息层级展示，提高用户查找信息效率2. 全新视觉现有视觉风格满足不了年轻用户群体的审美诉求，新旧版本交替导致视觉界面体验不一致。伴随着产品服务体验不断升级，视觉风格也亟需进行升级。本次视觉升级围绕颜色年轻化、极简化布局、字体规范化、图标亲和力、情感化传达进行展开。色彩年轻化黑红作为顺丰的品牌色，升级后持续强化品牌感知；同时在明度和饱和度做了优化，相比之前得沉闷，优化后整体更加活泼与透气。中性色作为贯穿整个产品的颜色，进行了规范化定制 ，让 APP 整体视觉更统一成体系。极简化布局旧版本页面边距较小，呼吸感较差，内容层级不清晰。从产品的信息展示效率上考虑突出重要信息和功能，因此对承载内容的容器——信息卡片的样式和内容布局进行了结构化设计，使之可以较好地聚合各类信息，更加有利于信息流内容的清晰展现。圆形在人的视觉过程中更容易被认知，给人一种柔软治愈的感受，圆角的合理运用对容器来讲，会突显矩形内的内容，将用户的视线聚焦在内容本身。两个圆角矩形排列时更容易区分内容归属，模块化更强。字体规范字体的运用 ，为整体视觉风格一致性打好基础提升产品体验。图标识别性：颜色采用顺丰的品牌色黑红，运用了叠加撞色的手法，打造独特的视觉语言，同时强化信息层级功能性：通过设计上手法进行区分，例如：图标线性的表现形式一致性：采用圆角，结合圆润视觉语言，统一视觉风格美观性：整体视觉风格更加年轻，活泼底部导航栏图标在图标微动效设计上贴合图形的意义，增加弹动效果，让用户在切换时感知状态的变化。想学更多的图标动效：本篇来源：优设网原文地址：https://www.uisdc.com/express-app-v9-0
飞翔的企鹅
在路上
落霞与孤鹜
