Eason张UED

其他

QQ音乐「超级订阅」的全链路体验设计过程

前言超级订阅是一个全新的业务,我们完成了从0-1的构建,搭建艺人与粉丝间相互友好便捷沟通的平台,让粉丝们追星更容易、也更有沉浸感。我们从艺人、粉丝两者的角度进入思考和挖掘,打造独家的、便捷和流畅的超订功能和权益。此文章记录了我们是如何通过分析艺人和粉丝需求来创新设计全新的——超级订阅平台。项目背景超级订阅初期业务模式:音乐人可自定义多个会员等级,并支持用户开通订阅,用户完成开通即可获得提前收听作品等权益。但在内测期间发现,大部分音乐人均持观望态度,参与度不高。因而调整了业务运营方向,从艺人侧、粉丝侧两方进行整体系统性的功能体验构建,形成超级订阅平台,希望能更好的推动产业健康发展。很高兴有机会在这里,将整个超级订阅的设计思考和过程跟喜欢和关注超级订阅的朋友分享,希望透过本次的分享,
2022年9月26日
其他

百度「视频搜索」体验设计全链路框架升级

我们正处在一个内容视频化的时代,短视频平台的崛起使人们从消费内容到创作内容都越来越倾向于视频这种更加丰富、直观的承载形式。在近两年各大视频内容巨头纷纷发力搜索的态势下,百度搜索正通过视频化战略转型迎接挑战。本文将带你了解设计师怎样在搜索视频化的过程中发挥自己价值。背景百度搜索作为传统搜索引擎,内容浏览框架与内容消费体验都更符合图文类资源的特点。在视频化趋势下,用户搜索、浏览、消费视频的需求日益增长,原有的浏览框架导致用户在搜索后难以触达视频结果、消费时难以切换不同场景。此外在视频消费体验上还存在播放流畅性不佳、视频品质感较差等问题,用户感知未到达最佳水平。故我们综合百度自身特点与用户使用习惯,从强化认知、提升品质两方面出发,升级视频搜索全链路框架,提升搜索视频体验及品质。一、升级视频搜索全链路框架在对百度搜索所有视频场景梳理的过程中,我们发现用户筛选与消费视频的过程中存在筛选效率低、消费不畅快等问题:在综合搜索结果页由于其他资源类型的存在,用户很难畅快消费视频;视频结果页虽能满足用户消费视频的诉求,但该路径的用户认知较弱,操作成本也较高;此外横竖不同形态的视频各有独立的结果页与落地页,消费场景割裂。为强化用户对视频搜索的认知,降低视频触达成本,我们对视频搜索全链路框架进行了升级。1.【负一楼框架】前置满足,畅快浏览综合搜索结果页是用户最先触达的场景,为平衡用户畅快浏览视频与消费综合搜索结果的诉求,我们开拓了负一楼平行框架,即上层页面展示综合结果,下层负一楼页面展示视频结果。当用户搜索与视频关联度较高的搜索词时会自动进入负一楼页面,用户可上滑浏览视频,也可上拉或点击上层面板返回综合结果。设计实施过程中,我们围绕“打造可畅快浏览的视频消费框架”的目标,第一步定义页面框架结构,第二步打磨感知体验,第三步辅助用户认知。1.1
2022年7月4日
其他

智行「会员中心」2.0 设计升级过程解析

智行会员自2018年推出至今,已有3年多时间,采用成长体系和付费体系并行的会员体系(等级权益+付费礼包权益)。随着时间推移和业务发展,会员中心在用户体验和视觉表现层面也有待提升,因此有了本次会员中心改版项目。本文将从设计目标、会员中心框架重构、会员中心视觉语言升级、会员品牌记忆点打造等方面,跟大家分享下此次改版的设计探索。前期我们通过大量的数据分析和用户调研,确认此次升级的目标:1.
2022年6月30日
其他

百度「搜索热点」的设计思考及诠释方法

刷刷手机看看今天又发生了什么热点大事,已经成为现代人茶余饭后消遣时间的主要方式,而搜索热点区别于其他社区类产品,最大的优势是能够把大家关注的事件始末及相关知识服务快速聚合起来,帮助用户更全面的掌握信息。设计师作为连接用户与信息之间的纽带,在项目实践中也进行了系列的设计探索,除助力平台高效聚合呈现信息外,并以更丰富的设计层次诠释热点,帮助用户更便捷的获取所需。设计思考及诠释方法我们先要去了解用户是如何消费热点内容的,基于用户情景认知链路分析用户在事件消费的链路,可以分为三个重要节点:1.热点环境的感知;2.热点事件的理解;3.事件观点的产生。结合用户的消费路径,我们将设计逻辑框架拆分为三个层级:1.
2022年6月6日
其他

B端企业级产品腾讯企点是如何巧用「动效」设计的?

企业级产品中常见的问题腾讯企点产品线,包括客服、呼叫中心、营销、商通等SaaS产品,产品受众角色多,业务场景复杂,由于角色与场景的复杂性,在产品设计中也遇到了一些问题:问题1:产品界面信息量大,操作繁琐任务流程复杂;界面信息量大、复杂度高;核心功能操作步骤繁琐;问题2:产品功能复杂,用户难get新功能透传不够直观;视频等功能透传效果好的形式制作成本高;问题3:品牌形象对外宣传不统一品牌动态对外宣发文章/素材Logo缺乏统一形象面对上述问题,除了常规的交互视觉优化外,探索基于动效的方式来解决企点在用户体验、用户教育、品牌传递三个方向的问题,提升用户教育效果,标准化视频制作流程提高视频质量并降低制作成本,建立可持续的动效设计系统,规范动效在产品内外的设计,提高易用性与统一性。基于上述三大方向遇到的问题,我将从以下三个方面来介绍:Part
2022年5月24日
其他

百度App 阅读场景下的「适老化」设计标准研究

近些年,得益于经济和社会的高速发展,越来越多的中老年人开始尝试享受移动互联网带来的便捷生活。50岁及以上网民在总网民中的占比已经由2015年的9.2%提升至2020年的26.3%,增长接近两倍。但中老年在融入移动互联网时仍面临诸多困难,是需要重点关注的弱势群体。随着各类问题在社会舆论中持续发酵,国家政策也开始关注中老年的互联网使用体验,推动各类APP进行适老化改造。2020年12月,工信部发布《互联网应用适老化及无障碍改造专项行动方案》。2021年3月11日,全国人大发布《十四五规划纲要》,明确提及“加快信息无障碍建设,帮助老年人、残疾人共享数字生活”,更是将信息无障碍建设上升到了国家顶层规划的高度。
2022年4月8日
其他

顺丰速运APP「适老化」体验设计案例复盘

项目背景根据第七次全国人口普查,60岁以上老年人达2.6亿人占比18.7%,预计60岁以上老年人数量将保持3.41%年增长率,2050年达到35%,我国即将进入中度老龄化社会。其中视障人群当前人口数已突破1700万,在使用移动端APP时通常会遇到的问题包括:无法看到文字、文本与背景对比度不够、内容复杂,难以理解等等。因此需考虑支持对视障人群的优化,通过现有的技术低成本地进行移动端产品体验优化,提升高度近视、或老年远视用户的体验。作为快递物流行业的领头羊,顺丰速运从建立至今,一直注重服务质量的提升,在用户侧也一直拥有良好的口碑,顺应数字化潮流是顺丰速运在新时代发展的必然选择。前期分析此次针对顺丰速运
2022年4月6日
其他

自如家服「会员体系」从0-1搭建全过程解析

自如家服会员体系从0到1的搭建是2021年由我主导的一个公司战略级项目,依据战略决策前置设计调研及思考,项目从决策到落地经历了多次探索及优化,历经半年时间全量上线。自如给用户的品牌印象一直是放心、省心、安心,家服会员体系为了从视觉上延续用户信赖度,从形色字质构层面对设计细节不断打磨,使会员体系框架更丰满,最终达到较好的落地效果。一、项目背景自如家服是服务O2O保洁、家修、搬家三条业务线的融合落地,作为自如核心业务之一,承担着将优质用户变现的重任,而家服卡是在家服业务基础上打造的具有拓展性的产品,需要平衡商业价值与用户价值,打破业务壁垒,是一种新的增长模式的探索。作为会员身份识别的符号,是建立与用户联系的重要媒介。稍微抽离于服务本身,与用户、场景、身份建立关系,确保页面流量的承接和功能的高效转化。对于设计师而言面临着多维度的挑战,不仅仅需要兼顾用户体验及流程闭环,还需要思考如何通过设计手段满足业务诉求,不断找到最优解。下面主要从用户感知层和信息结构层入手,与大家分享一下从项目目标确定到设计产出背后的思考。二、确认项目目标家服卡是一个可以创造新的家庭服务场景,且可以指数级增长的新产品。通过会员管理机制增强用户粘性,为用户提供更加丰富、精准的内容和服务,首先需要精准地抓住用户心理,从心理层面激发用户的兴趣,从视觉层面感知到升级前与升级后的身份变化,最终触发用户行为。对标到设计目标是:1.
2022年3月28日
其他

阿里1688「会员体系」设计复盘

近年来随着流量红利逐渐消失,平台获客成本上升、客户留存难等问题逐步凸显。CBU设计团队在过去一年里,通过洞察B类买家诉求,结合业务目标将买家权益和客户身份进行精准匹配,在升级1688会员成长体系的基础上设计了全新的付费月卡,以加深用户对与权益价值的认同和链接,促进用户与平台建立长期可持续的关系。设计思路用户特征&诉求分析:基于1688平台商家和货源情况,结合对买家人群的洞察,我们发现B类买家的核心诉求是“找商机、找供给、好服务”。其中,商机是B类买家建立新采购关系的主要动机,优化供给是B类买家寻求降本提效的必然选择,而确定性的服务能够有效降低生意风险。1688的会员设计之旅,也因此展开。多视角定位B类会员价值:站在不同的视角,通过对B类会员价值的梳理,我们得到了一些启发:商业视角:成熟的会员体系能够实现用户价值和商家价值共赢,推动商业营收增长。产品视角:能够培养用户对会员体系的认可,明显提高用户的产品复购率。用户视角:从会员体系中获得了权益(商机、供给、服务)匹配,逐渐建立起对平台的信任感和身份优越感,从而更多地发生交易行为进而形成对平台的忠诚度。核心策略基于上述背景,围绕用户及商业等多视角的B类会员价值,我们确立了设计目标:通过强化会员权益价值感知,促进开卡转化及复购留存,实现会员的深度信任和长期价值感提升。为了实现这一目标,拆解了以下三个设计策略进行实施:塑心智通过心智拆解和权益内容设计表达,让用户感受平台会员价值,并在第一时间快速获取供需匹配
2022年3月11日
其他

请查收!全局「交互规范」制定指南

浏览了许多关于“设计规范”的文章,发现很多都是在针对通用流程和视觉方面在整理,关于交互层面的内容比较少。基于此,结合最近项目中沉淀的实际案例,以及参考了不少行业通用的设计规范,总结了一篇关于搭建交互规范的流程、框架、要点。希望能够帮助大家更好的沉淀交互规范。文章概览1.
2022年3月8日
其他

那些适老化做得好的App,都做对了什么?

1月20日,工业和信息化部“互联网应用适老化及无障碍改造专项行动”,公布了首批通过适老化及无障碍水平评测的网站和APP。腾讯新闻关怀版、微信、QQ、全民K歌、微信支付、腾讯地图关怀版、QQ音乐等7个APP,以及腾讯网、搜狗均在首批评测中获得通过。结合此次专项行动,中国信息通信研究院携手腾讯对老年人使用移动互联网应用的情况进行调研和洞察,并对2021年的适老化改造行动进行总结和回顾,联合发布《移动互联网应用适老化改造与实践报告》。报告旨在帮助社会各界更深入地理解老年人在使用移动互联网应用时的障碍,并提供一些适老化实践案例作为参考。随着人口结构的“变老”和智能手机的普及,老年人使用手机上网的比例急速攀升。从第七次全国人口普查数据看,中国60岁及以上的老年人口数量已经达到2.64亿。与此同时,老年人所面临的“数字鸿沟”问题也越来越受公众和政策的关注。工信部印发的《互联网应用适老化及无障碍改造专项行动方案》促使互联网企业纷纷对互联网应用进行适老化改造,并在“适老化及无障碍改造专项行动”中接受了考核。老年人在使用移动互联网应用的过程中存在哪些障碍?他们需要什么样的帮助?互联网企业的适老化改造成效如何?除去界面上的适老化改造,互联网企业还可以为老年人做些什么?中国信息通信研究院携手腾讯对老年人使用移动互联网应用的情况进行调研和洞察,并对2021年的适老化改造行动进行总结和回顾,联合发布《移动互联网应用适老化改造与实践报告》。报告旨在帮助社会各界更深入地理解老年人在使用移动互联网应用时的障碍,并提供一些适老化实践案例作为参考。注:以下为《移动互联网应用适老化研究与实践》的简要内容,完整版请戳”阅读原文”下载获取。一、他们会遭遇什么样的障碍?1、老人使用互联网应用过程中,混杂着感知、理解、操作多类型的问题从调研数据看,老人常遭遇的问题中安全和骚扰类最多(广告、弹窗、个人信息泄露),去重合并占比62%;其次是理解类障碍(不理解、记不住),去重合并占比53%;而感知类障碍去重合并占比接近41%(看不清和听不清),操作类障碍(点不中、手势做不到)比例26%。还有部分障碍与感知、理解、操作三个过程或其中的两个过程有关,归纳为混合类障碍(如验证码不会用/时间太短、找不到想找的功能),去重合并占比44%。2、使用过程中碰到障碍,他们会怎么做?在使用过程中遇到问题,老年人依赖自己解决的方法有限,而求助他人的范围也有限。老年人自己解决问题的方式中“重启”和“多试几次”成“法宝”碰到使用障碍,老年人依靠自己来解决的方式“关机重启”和“多试几次"为主——61%的老年人试过“将手机关机、重启”来解决问题,58%的老年人会“反复操作,多试几次”。家人朋友是老年人的主要求助对象在老年人求助手机软件相关问题时,大多会选择向家人或亲戚、身边的朋友或熟人求助:接近90%的老年人会向家人或亲戚求助,超过50%会向身边的朋友或熟人求助。按“与子女同住情况”对比,“不与子女同住”的老人求助社区、家附近店铺、营业厅等工作人员的比例更高。结合访谈来看,社区工作人员、家周围店铺的工作人员、营业厅的工作人员等,也是老年人认为值得信赖的、“比子女更有耐心”的求助对象。二、
2022年2月8日
其他

腾讯设计:数字医疗的「适老化」设计思考

数字技术的日新月异为我们带来了便利,有时却遗忘了银发族。如何让数字医疗更适老,成为亟需解决的问题。笔者尝试总结了数字医疗的适老设计策略,希望为数字适老补充一些行业视角。在疫情影响下,日常生活快速往数字化、智能化发展,更突显了老年用户的无所适从。他们被动接受着预约挂号、线上问诊、购药上门等服务,在好奇与挫折中摸索尝试。近半年,笔者参与了一系列适老化主题的调研与设计探讨,尝试总结了数字医疗的适老设计策略,希望为数字适老补充一些行业视角。适老化常常与信息无障碍的概念共同出现。信息无障碍是指任何人(无论是健全人还是残疾人,无论是年轻人还是老年人)在任何情况下都能平等的、方便地、无障碍地获取信息、利用信息。但我们在讲数字适老时,与信息无障碍存在一定差异。为了让“适老”更聚焦,我们将老年群体和视障、听障、肢障、认知障碍用户做一个分离,他们在认知、能力和触网意愿上是有差异的:认知:大部分数字化服务的设计者是80和90后,与老年用户生活的时代不同,在记忆力、理解力下降的影响下,老年用户对新生代文化的了解有限;相比之下,障碍人群中的很多则是与我们同时代、共享着相似的文化认知的。能力:老年群体属于视觉、听觉、触觉等身体机能退化导致的触网困难,可通过降低操作门槛来匹配其能力;视障等障碍群体属于身体机能缺陷导致“生理上用不了”,需要通过形式替换来补充,如听觉补充视觉。意愿:由于对新事物存在恐惧和抗拒,老年群体对触网存在较明显的心理障碍,担心不会用被嘲笑、上当受骗等;相比之下,障碍人群则不明显。明确了人群,我们再来看老年群体的用户画像:退休或半退休,可自由支配时间多,生活相对清闲;社交圈被动窄化,以熟人圈子为主,生活半径短;不服老,担心和社会脱节,努力了解新事物,担心拖累家庭;身体健康状况随年龄增长而下降,但认为小病小痛是正常情况,精神好更重要;在探讨数字医疗的适老化之前,我们先对数字产品适老的普适原则进行了盘点。研究表明,老年用户有主动触网需求,截止至2020年3月,50岁及以上网民群体占比为16.9%。其中,老年用户的触网主要是为了与外部世界进行连接、便利自身生活和丰富生活内容。但是,由于社交圈子小,学习能力下降,老年触网特点呈现从众性、高忠诚度和沉浸式。但是,由于大部分数字服务在设计之初并未考虑到老年用户的感观和认知限制,他们在使用时会遇到各种各样的难题,比如字太小看着吃力、不明白功能含义、不懂搜索、遇到弹窗广告不知道怎么操作等。总结起来,基本可分为看不清、不理解、难操作和不放心四类问题,相应的,适老相关标准指南和竞品也围绕这四类问题,探索了一系列优化方向。看不清老年用户的文字、颜色辨识能力下降,容易看不清手机屏幕。设计原则:通过字号放大、色彩对比度调整,提升视觉识别力喜马拉雅-适老版不理解由于不熟悉新生代文化,老年用户常看不懂网络用语、图形图标和表情包。设计原则:采用老年熟悉的认知体系;用具像化的图形图片代替抽象图标难操作受感观退化影响,老年用户对手机上的很多功能不会用,或是用起来很慢,容易产生挫败感。设计原则:简化信息层级,降低操作难度,支持语音等多样操作方式四川天府通-关怀模式不放心出于对新事物的陌生和恐惧,担心遇到网络诈骗,或因自身操作失误造成经济损失和隐私泄漏。设计原则:避免弹窗广告等诱导样式,深化防错机制,避免误操作带来的不安和损失腾讯云银行-适老版满足了数字适老的普适原则,我们仅仅完成了入门的第一步,并不能解决老年用户使用数字医疗服务的诸多问题。随着年龄增长,老年用户的健康状况逐渐下降,对医疗服务的需求持续增强。近半年,我们对老年用户使用医疗服务的现状做了一系列调研,了解到的现实是,老年用户对数字医疗服务认知浅、使用体验差,信任感和价值感非常有限。不了解对于大部分人来说,挂号、问诊已是司空见惯,但老年用户与数字医疗的第一次碰撞,往往是源于疫情。疫情影响了线下就医的便利性和安全性,倒逼老年用户在线解决医疗问题,但即便经过了一年多的磨合,也只有一二线城市的老人接受并掌握了医院公众号的在线挂号,对第三方平台提供的问诊、体检等服务并不了解,低线城市的普及度则更低。不信任老年用户对数字医疗服务的信任感主要来源于官方平台,对第三方平台提供的资讯、服务、医生资质的真实性和可靠性存疑。不会用首次使用数字医疗服务,老年用户基本需要他人协助,在经过一段时间的摸索和教育后,也不一定能理解多种医疗服务的具体作用。不好用由于不熟悉数字服务操作,在预约挂号、个人信息填写、数据录入等方面感到“太复杂”,导致整体操作耗时长,甚至容易中途放弃。不愿用在前述因素的综合影响下,即便对数字医疗有期待,老年用户仍更倾向于线下就医,也未建立对数字医疗的价值确信。显然,老年用户对数字医疗的认知和使用仍存在诸多障碍,我们需要从行业视角出发,结合数字适老和服务特色,探索医疗场景的适老策略。1、医疗场景的服务特色着眼于行业,医疗服务具有严肃性、线下性、紧缺性和敏感性,其设计首先要体现对垂直领域的思考。符合专业逻辑符合规范:与许多纯To
2022年1月10日
其他

顺丰「会员成长体系」设计总结

项目概述顺丰是国内最大的综合物流服务商、全球第四大快递公司,致力于成为独立第三方行业解决方案的数据科技服务公司,以领先的技术赋能客户,为客户提供涵盖多行业、多场景、智能化、一体化的智慧供应链解决方案。为更好的将顺丰的理念、文化及服务传达给用户,我们从产品设计层面针对顺丰会员制定了一套荣誉体系,旨在从线上渠道提升用户对顺丰的品牌感知。用户群体分析顺丰速运App数据显示:①男女比例较为均衡,中性风格可兼顾性别差异;②18-34岁为占比最多的用户群体,年轻化设计符合大部分用户审美。勋章体系的意义增强用户荣誉感:用户使用App时随着成长值的不断提高,解锁更高等级的勋章,荣誉感不断增强;刺激用户探索新功能:激励用户基于对成长值的探索从而使用本产品以及对产品新功能的了解;提升APP活跃度:提升用户使用产品时的体验及愉悦度,鼓励用户每天来,从而提升产品的活跃度及成交率。勋章质感关键词提取设计语言建立我们从图形、色彩、质感、构图、品牌等方面进行了思考,将共通元素进行统一并延展到整个勋章体系,将我们品牌的基因和产品基调传达给用户。图形:以顺丰logo延展元素、金牌等图形作为基础底板;色彩:不同等级对应与其特质相符合的色彩;质感:不同等级对应与其特质相符合的质感;构图:多种图形元素组合叠加,增加图标可看性;品牌:结合顺丰快递箱打造品牌独特性,建立识别符号;构思落地头脑风暴元素提取(以钻石会员为例)细节拆分纸箱用正俯视图形成六角勋章造型,突出品牌的同时体现尊贵感;使用品牌logo外框作为统一识别符号,并进行圆润化处理;通过钻石造型和颜色来区分层级关系;高级别会员采用圆滑翅膀造型区别于低级别会员。精细化过程从构思落地元素重构叠加
2022年1月4日
其他

百度直播平台「设计语言系统」构建过程

一、什么是设计语言?设计语言是把设计作为一种“沟通的方式”,在特定的场景中进行内容与信息的传达。设计是介于科学与美学之间的一种艺术,是需要理性的去解决感性的问题。它和艺术之间的差别就在于“解决问题”。二、设计语言有哪些?设计语言最底层是项目设计语言,具有典型特征和主题,比如医疗项目凸显专业冷静,节日项目凸显热闹氛围。往上一层是产品设计语言,强调个性品牌,比如小视频的设计深色更沉浸,电商从结构到色彩都凸显热闹。很多产品随着发展,形成一些系列平台服务,平台设计语言确保服务“统一规范”。最顶层是生态设计语言,跨设备跨平台和硬件呈现的设计语言。
2021年11月30日
其他

优酷「字体调节能力&长辈模式」的设计搭建

一、前言随着经济技术的发展,生活医疗水平的提升,信息无障碍理念是近年国家推进可持续发展的一项重要工作。优酷一直在致力于无障碍设计体验的提升,使产品更加多元包容。在此之前,我们先行完成了无障碍搜索的语音能力搭建、视觉无障碍剧场等一系列关怀体验优化。统计显示,每日有超过25%的优酷用户对系统字体进行放大,而这部分用户中超过20%年龄小于30岁,用户使用字体调节功能已经成为一种习惯或必备需求。除此之外,目前中国已经步入老龄化社会,年龄的增长带来视力不同程度的下降,产生的最大问题就是“看不清信息”。在这大背景下,优酷进行字体调节能力和长辈模式的搭建是刻不容缓的工作。
2021年11月1日
其他

抖音设计语言2.0 全新升级

品牌焕新升级粉丝福利:点击下方名片关注,在公众号后台回复:“体验地图、QQ、认知偏差、走查、技能树、抖音、竞品分析、上瘾、iOS资料、交互合集”
2021年10月29日
其他

腾讯「兔小巢」适老化和无障碍设计改造

读出图标的操作含义【原有问题】有一些图标,普通用户能够轻松地感知到这是可点击的按钮,比如下图的“点赞”。但由于代码未能规范地将图标声明为“按钮”,读屏软件无法识别,会直接略过图标,只朗读出数字
2021年10月25日
其他

京东「拍拍严选APP 3.0」全新升级

拍拍严选APP全新改版升级,以提供更品质的二手产品,更健全的服务保障体系,更好的交互和视觉体验,与用户建立良好的信任链接,传递“减法生活”的使命愿景,来进行本次的改版升级。随着国内消费大潮的升级,大家在消费观念上更加注重产品本身的品质,对数码新奇特产品的尝试以及轻奢产品的更新周期都越来越短,二手产品的存量及品类丰富程度都渐具规模,但生活观念上断舍离和环保意识也在增强。拍拍严选是是京东旗下品质二手零售平台,给用户带来更多品质低价手机的同时也为地球减负,为全球环境保护及实现碳中和承担更多的责任。拍拍严选APP
2021年10月18日
其他

腾讯设计团队:「银发青松助手」适老化设计案例解析

银发青松助手今天上线了,正式接受长辈们的检验。如果你还没有看过这个小程序,可以扫码体验下。简而言之,银发青松助手就是把如何使用智能应用的教程搬到线上,同时把老年群体常用的服务集合展示。客观地说,它没有什么黑科技,没有什么炫酷的互动。但在完成这本没什么新意的“百科书”背后,我们愈发觉得对老年群体的理解远远不够。在争议中启动去年开始,互联网应用适老化改造专项行动开始推进,包括鹅厂在内的互联网厂商,通过优化界面、简化程序、增加功能等方式,来适应老年人的用机需求。比如大字号版的APP让长辈通过语音交互便能获取信息;“长辈模式”让他们上网购物更方便,等等。然而,用户研究的同事发现,适老化改造解决的是老年群体“更好用”的难题,“不会用”依然没被解决。这就是我们要做银发青松助手的出发点。我们在媒体上看到,有银行职员为老年客户手绘金融app使用教程,也看到72岁大爷为老年大学编写PPT版本的教程,网友直呼“比我都懂手机”;市面上也已经有同类型的图书产品。所以,青松助手作为线上版本的教程,这枯燥而繁重的“笨功夫”项目,就是被挑战的第一点——有没有必要去重复?问题还不止一个:小程序版的教程,没办法边学边用呀?到底有多少老年群体不会用智能手机?教程如果从操作系统做起,那市面上UI千千万……如果老年人自己不想学,做得再易学易懂,是不是也白做?如果老年人没有智能手机……把这些问题糅到一起,结论就是:会用手机的老年人不需要青松助手,不会用手机的老年人用不到青松助手。大家不讨论了,先各自回家和爸妈聊聊。再聚一起的时候,结论还有点出奇地集中:爸妈是很想玩转智能手机的,想要像晚辈用得那么遛,他们还感受到,数字的世界里很丰富,一会儿流行这个,一会儿流行那个,总之,不想掉队。他们学手机,除了我们预设中的子女晚辈的指引,还有一个重要的场合:老年社交中互学互助。那不如试试看?设计师的挣扎开始了先从交互体验设计开始。设计师是个与爸妈交流还算频繁的人,按照他自己的想法,吭哧吭哧就给出了第一稿交互。在这一稿交互设计里:教程是互动式的,按每一步操作拆开,每一步的演示都是动画优美的短视频;每一步视频都做了轮播的设置,在长辈没有划动到下一步之前,还有同步轮播的语音指引;滑动,声音这些都是好看又简洁的图标式按钮;每个教程封面的下方,还贴心地加上对应产品的图标;导航栏描述也很贴心详细;为了激励长辈多学点,每个教程下方还有“多少人学过”的数字和部分头像展示……早期设计稿这稿交互对围观的同事来说,除了一看就懂怎么上手,好像没什么问题了。但真实的情况是,这些设计被用户研究一次又一次的可用性测试结果,给一一打回。对设计师来说,内心产品界面体验的秩序约等于重建。比如:标题字体,设计师在美学与尽可能大的平衡里取了最大值,然而在老年群体眼里,依然“不够大”;教程封面的产品图标,“看不懂”,还不如把产品直接写标题里;滑动、语音这些图标,也是“看不懂”,“图标为什么不直接写滑动写声音?”导航栏文字太多,限制了展示的栏数量,长辈不知道往右滑动查看更多;为什么要轮播?“我看一遍就懂了其实”;关于“多少人学过”,截至目前受访的老年人,没有人关注到它……
2021年10月15日
其他

饿了么为老年人的「买药场景」是如何设计的?

我国即将进入中度老龄化社会,2020年60岁以上老年人口占比18.7%,老年人面临较大的医疗困境。他们大多患有慢性病,会持续服用固定的药物。但是,照顾小孩的老人不方便出门买药、腿脚不便的独居老人难以及时补充药物等现象层出不穷。随着互联网进一步向中老年群体渗透,截至2020年12月,50岁及以上网民群体占比由3月的16.9%提升至26.3%。虽然老年人可以享受互联网医疗服务,但是受生理和认知障碍的限制,老年人使用APP的体验并不是很顺畅。饿了么作为国内优质的本地生活服务平台,我们专注让生活更美好,更便利。为了更好地应对老龄化现象,积极解决老年人医疗健康问题,提供良好并行之有效的买药服务,我们将适老化改造作为送药行业的研究课题并进行了深入设计。一、年老困局为了能深入了解老年人在使用饿了么APP买药的真实问题,我们采用线下可用性测试的方式,招募老年人进行任务测试。测试前,设定任务内容、选取用户样本;测试中,洞察老年人的真实行为和痛点;测试后,旨在年老困局中修炼破局之道。1.1
2021年9月16日
其他

蔚来 Aspen 3.0.0|全新UI及交互设计过程大揭秘

在过去几年的时间里,数字座舱系统已经陪伴车主朋友们经历了两个大的版本迭代。这期间每一次的优化、每一个新功能的推出,伴随的都是大家对座舱体验设计更高的期待。为此,NIO数字座舱设计团队不断总结经验教训,努力探索着最适合,最贴近用户使用习惯的座舱体验。我们也非常愿意结合以往的经验总结,把我们的思考分享给大家。首先,与大家一起分享
2021年9月9日
其他

京东「品牌会员LOGO」设计过程复盘

人有气质差异,品牌也有。品牌气质是高于品牌个性的表达,是一种根植于品牌中更为重要的元素。如今互联网信息错综复杂,品牌传播成本越来越高的情况下如何利用气质差异让品牌个性更加鲜明。不然你会发现类似的产品越来越像,去掉LOGO都分不清谁是谁,所以作为品牌更应在乎的是平衡稳定的内核性格,而不是随波逐流的皮囊。项目背景1)项目概述满足品牌会员业务B端商户群体以及C端市场等多应用场景推广需求,在主站以及站外建立统一心智,提高品牌认知以及业务知名度以及影响力。2)业务诉求品牌VIP需要区别于京东已存在的其他会员体系的一个形象表达,既要有会员专有属性,又要跳脱于现有设计表达和对会员形象的固有认知,同时还兼备品牌VIP的业务特性。设计思路1)品牌价值分析深度了解项目背景和挖掘业务诉求之后再对竞品进行梳理分析,得出风格倾向-设计元素-色彩偏向等对项目行之有效的多维信息。2)视觉风格探索从同类竞品、相似产品风格上大部分的图形和排版形式基本大同小异,元素和色彩都普遍单一。结合分析结果来看希望从图形或颜色上能有突破,跳脱大众对会员形象的固有认知的基础上又有所关联。3)关键词提炼从前面的分析积累的结果之上萃取过筛得到为自己所用的信息—即关键字提炼—思维发散—设计展开。大脑思维在扩散状态模式的时候最有趣,身心在这个阶段非常舒适,随便想吧随便画吧…freestyle完了这时候就会得到一些有用的点子,需要理性的筛选出方向。如下展示的图即是在上机之前已经确定好提案的几个方向稿。初稿呈现
2021年9月8日
其他

以京东“摇京豆”为例,教你设计「签到类」小游戏

产品目标产品目标是将用户的签到行为以摇盒子的游戏形式进行呈现,引导用户完成连续7天签到的主流程任务,并且通过连续签到可获大额京豆的激励方式增强用户粘性,最终提升DUA。目标解读对于业务的目标而言,相比让用户单日签到摇盒子,用任务奖励玩法引导用户完成目标更能让用户在产品中投入更多的时间,提升用户活跃和留存。另一方面,在游戏过程中让用户通过浏览广告的任务来获得京豆、优惠券或省省卡等奖品,最后通过奖品的刺激将用户引导到可进行消费的会场,可帮助完成消费转化。对于用户的体验而言,通过设定合理的布局与信息层级、符合用户预期的行为指引、及时连贯的信息反馈可以帮助用户快速理解签到游戏的玩法,并引导用户完成签到任务。在7天签到的流程图中,强化大奖的信息,并随着用户日渐接近目标时增加大奖信息的提示,增强用户签到的成就感并让用户在放弃签到时产生亏损心理,可提升用户与产品互动时情绪价值。如何以设计达成产品目标?1、界面布局首屏上展示游戏的全部功能区,功能区可分为主要操作区、次要操作区、广告信息等三类。根据用户的阅读习惯与拇指操作热区规划界面的布局元素,可让界面更易操作性更强。【次级功能区】包含用户的次要任务,即当用户消耗完免费摇盒子的次数时,引导做任务;以及需要强引流的广告,并将广告入口与游戏场景进行融合,但需控制数量以免干扰用户操作。【主要功能区】用户的主要任务是“点击签到”、“点击摇盒子”,因此放置了盒子轨道的主要操作区域和核心按钮,并设置动态手指引导用户。而大部分的拇指热区也位于主要功能区域中。【广告信息】一般广告能在首屏露出标题和部分入口,并以信息流的形式出现在第二屏之后。2、引导与反馈游戏的本质是通过签到提升用户的活跃度,并将流量进行转化。游戏的引导和反馈是围绕产品的目标为用户设定行为路径,一方面帮助用户完成游戏任务,另一方面可作为一个中转场将流量引入到其他运营活动中。小游戏的触发点主要是围绕主页开始,因此需考虑到用户在主界面中点击任意触发点时的反馈。其次,用户在触发点击后的流程,需要设计师在介入需求时便梳理清楚,并根据用户在游戏中的行为路径和信息的轻重选择合适的反馈载体(弹窗、气泡、浮层等)。【引导与反馈】除了新手引导外,用户在主页中触发点击的一刻开始,便需即时反馈,告知用户收获的京豆/优惠券/特价商品,并给予明确的操作指导,让用户清晰地知道自己当前的进度和下一步的动作。3、信息场景化根据主页的主次功能分区,将游戏中对应的信息在场景中进行表达。在摇京豆小游戏中,主要信息包括:互动规则(7天签到)和互动主体(盒子),可在相应的功能区中进行可视化。【签到规则】拆解游戏的流程规则,让用户在初次接触游戏时在首页就能够快速理解玩法。「摇京豆」的本质是鼓励用户连续7天签到,阶梯式获取不同额度的奖励,因此为用户在线性轨道上以任务流的方式展示了7个签到盒子,为用户传达一句话就能解释清楚的规则“连续7天摇盒子,即可获得大额京豆”;其中第3天为中级目标、第7天为终极目标,则需突显该盒子的层级,来强化用户对奖励的感知。【互动主体】签到与开奖的形式是摇开盒子,用户可点击盒子或主按钮进行互动,因此盒子与主按钮承载着当前盒子与用户状态的信息。纵向看同一天摇开盒子获得不同奖励的状态,在用户“签到”和“摇盒子”后将主按钮状态设置为“做任务”,让用户连贯地完成任务并获得继续摇的机会。横向对比7天盒子的时效状态,让用户能够对7天盒子的概况有清晰的认知,理解不同状态的盒子的触发目标。综上所述,在设计互动营销小游戏的交互时,需对目标和规则信息的表达进行不断打磨和思考,提升用户做任务和领奖励的反馈流程的连贯性,从而优化用户在签到小游戏中的沉浸感,最终达到商业中提升用户活跃度和引流目的。关联文章推荐,请移步:京东年货节:
2021年9月7日
其他

蔚来 NIO OS 3.0.0 发布,到底更新了什么?

浅色模式设计过程粉丝福利:点击下方名片关注,在公众号后台回复:“体验地图、QQ、认知偏差、走查、技能树、抖音、竞品分析、上瘾、iOS资料、交互合集”
2021年9月2日
其他

阿里云如何建立业务特色的Pixel设计体系

Design等,我们这里就不一一列举了。二、如何有效的进行设计资产的整理在化学世界中,所有的物体都是由原子构成,原子组合构成分子,分子组合构成有机物,最终形成了宇宙万物。2013年前端工程师
2021年9月1日
其他

百度设计团队: 大字版精细系统的「适老化设计」研究实践

当前,我们正面临老龄化问题的严峻挑战。统计表明,中国的老龄化人口已达到2.64亿,且这一数据仍在持续增长,而老年人在生活、情感上都面临诸多问题。首先,老年人在视觉、听觉、肢体、认知方面都出现了不同程度的退化,无法平等地获取信息和服务。其次,年轻人涌向大城市寻找机会,老年人被迫成为空巢者,疫情的发生更使亲人长期两地分离,老人情感孤独缺少陪伴。另外,疫情的爆发也促使线下服务转为线上化,老年人不能很好适应这一转变,遇到很多困难。但是研究发现,市场上目前没有产品很好解决了上述问题,当下移动APP产品缺少对老年人体验的深层次关注与设计,只通过单一加大字号与简化功能等解决基础体验,缺乏通过新技术应用和更全面的适老化设计服务老年群体,老年人的需求依旧未得到关注和满足。因此,百度基于自身雄厚的AI技术和精细、系统的适老化设计适时推出百度大字版,使老年人更平等地获取信息和服务、获得情感陪伴。一、精细系统的适老化设计:易阅读、易收听、易操作、易理解目前行业内缺失成体系的老年人研究报告,针对老年人的研究资料分散在建筑/平面/医疗/家居等各个行业,同时业内也缺少针对老年人系统的设计标准或设计指南,现有无障碍设计标准针对残障人士,且部分标准只适用于PC端,不适用于老年人和移动产品。因此在进行百度大字版的适老化设计时,我们系统的研究了老年人面临的问题、PC端无障碍设计标准及其他相关资料,产出了系统的移动端适老化设计标准体系,同时结合百度大字版实际场景产出了解决方案。适老化设计包含:易阅读、易收听、易操作、易理解四个方面,后续将详细阐述。1.
2021年8月24日
其他

京东年货节: 「全民炸年兽」2.0 项目复盘

该项目是2021年年货节期间京东平台的大型互动项目。联动市场部全站内外打造京东年兽IP概念,通过互动提升用户粘性,持续为APP和各合作业务方引流。从完整的剧情故事、2.5D游戏视角、流畅的动效联动用户操作等角度将游戏体验全方位注入本次互动,同时率先应用了骨骼绑定动画,提升用户的体验感。更多游戏化设计文章推荐,请移步:快手2021「温暖好运年」春节活动设计复盘支付宝2021集五福:品牌+创意视觉设计过程官方揭秘微博
2021年8月17日
其他

百度MEUX:「眼动研究」在短视频APP设计中的应用

短视频的兴起极大地改变了人们信息的接收方式,也越来越多地占据着日常生活的时间。有数据显示,过去5年,文娱整体贡献了超过50%的时长增量,短微视频贡献了其中的68%;而人们每天消耗在短视频上的时间也接近两个小时。短视频赛道竞争的白热化,带来更多的同质化发展。在抖音、快手一骑绝尘的市场格局下,弱差异化的产品往往较难出头。作为追赶者,好看视频一直在探索差异化的产品设计,并结合百度大数据的优势,发挥更多知识场景的拓展性。在这种简短、快速、强刺激、低投入的内容消费模式下,如何更精细化的理解用户内容消费特点,并结合业务目标选择最优的产品实现方案?一般情况下,我们会通过问卷调研、用户访谈、可用性测试,去发现体验问题,了解用户主观偏好及选择依据。然而,用户的“所说”和“所做”往往存在偏差;更重要的是,某些细致入微的行为,甚至不为用户自身所察觉,更无法通过准确的语言主动表述。那么,这种情况下,就需要我们借助更“显微化”的研究手段,去让用户难以被察觉的行为“显影”。所以,我们引入眼动实验的研究手段,在好看视频APP大屏版上线前,通过眼动实验揭示不同页面样式下,用户短视频浏览过程中的视觉策略和操作影响,从而作为重要的用户行为数据输入,支持产品方案上线决策。研究什么?在研究正式启动之前,我们需要确定明确的研究主题。眼动研究一般分为两种类型:发现性研究和总结性研究。两种研究类型的差异如下:由于本次研究需要支持产品方案的优选决策,所以更偏总结性研究,这就需要明确研究的边界,设定清晰的实验自变量和因变量,且尽可能控制无关因素的影响。所以,在和业务达成研究共识的情况下,我们将研究目标聚焦到两种不同因素的影响效果上。1.
2021年8月13日
其他

阿里本地生活: 如何从0到1打造勋章激励体系?

本文将通过蜂鸟骑士勋章项目,来分享我们在勋章体系设计过程中的思考与沉淀。产品体验中“勋章激励”是如何发挥价值的?「勋章激励」最早诞生于游戏平台。游戏平台通过勋章这种有趣的激励手段,影响用户的游戏行为,提升游戏的乐趣。在不断的任务达成、勋章获得中,玩家的精神得到了认可与激励,通过收藏、分享和展示,进一步激发了玩家对游戏探索的热情。游戏平台依靠这套完善的“激励循环系统”,成功建立了与玩家之间的精神情感纽带。▲勋章激励体系在游戏平台中的运用从0到1打造勋章激励体系1.
2021年8月6日
其他

腾讯设计团队: 手机银行「适老化」设计探索

国务院办公厅在去年11月份印发了《关于切实解决老年人运用智能技术困难的实施方案》,发改委、卫健委、工业信息化部、交通运输部、中国人民银行部委联合出动,在国内数字化服务行业掀起了一阵波澜,这也让我们对正在探索的手机银行方案进行重新的审视。我们相信未来产品的设计,一定是更加跨梯度、跨年龄兼容的,产品能为更多的用户带来便捷友好的使用体验。我们正是以这样的思路去理解和探索适老化设计,持续为用户创造更加有温度的手机银行产品。作为金融领域的“小学生”,在设计之初,我们仔细阅读了工信部牵头响应国务院号召的第一封细则《互联网应用适老化及无障碍改造专项行动方案》(以下简称
2021年8月5日
其他

「番茄原创」体验设计过程

任一关键词都可获取往期文章附赠的资料包22808位设计师已关注,欢迎⭐️
2021年8月3日
其他

亲手教你设计一款「抽奖」类营销活动

「挽留」和「召回」的环节。而在活动页面中,打造一个专属于本次抽奖活动的IP,也有助于用户加深记忆点,并让页面围绕IP进行设计,不仅可以与其他活动形成差异化的优势,还能顺势打造需要宣传的品牌形象。4.
2021年6月21日
其他

动效在互动营销设计中的实操案例解析

互动营销类产品作为各大电商拉新、引流的重要手段,其核心目标是吸引尽可能多的用户来参与活动。本篇文章尝试从动效设计的意义出发分析视觉设计师如何更好的为产品进行赋能,以及提高动效设计效率节约开发成本的思考。一、动效的价值1.
2021年6月17日
其他

百度贴吧 v12.0 品牌焕新升级

在内容生态大爆发期间,内容产业已成为移动互联网新的生力军,同时也出现内容同质化,用户体验趋同的现象,而用户对审美的需求也在不断提升。百度贴吧作为一个历经17年的“全球最大中文社区”产品,虽取得了令人印象深刻的成就,为广大用户提供了一个兴趣丰富多元的社交平台,但随着产品的不断发展,百度贴吧的品牌形象已无法与多元兴趣社区的定位相匹配。对此贴吧设计团队从品牌形象,品牌策略,视觉识别、用户体验等多个维度重新构建百度贴吧品牌体验。凸显产品核心价值-聊兴趣,打造出一套完整的视觉品牌形象识别系统。进化-品牌理念我们把贴吧的品牌因子比作桥梁,通过兴趣构建人与人的连接。在丰富多元的兴趣中,以“聊”创造出无限可能,希望在贴吧发生的每一次兴趣交流与碰撞,都是将你我拉近。品牌关键词以“聊兴趣,上贴吧”为核心的用户价值,配合年轻化的设计思路,梳理出符合贴吧品牌定位的关键词。并将更加简洁纯粹的关键词提炼出来。以继承、活力、简洁为核心对百度贴吧品牌进行升级。构建-贴吧LOGO的进化1.
2021年6月15日
其他

看酷家乐团队「设计标准化流程」指南

随着设计团队规模扩大,人数快速增多,但每个人都带着自己以往工作经验和习惯,一些典型问题也相应显现:上手就干、主观设计、缺少方法、忽视跟进等。所以我们撰写了「UI标准设计流程」,希望能为UI设计师提供对于设计支撑思路的共识,让设计更有价值:从接到需求到上线后跟踪,我们把流程拆分为五个节点:需求分析-交互设计-视觉设计-视觉规范-方案验证。当然,在设计流程中我们只表达不同流程中的行为目的及标准,相关方法论我们会配套一份「设计师成长指南」,不久之后再与大家分享。1.
2021年6月10日
其他

把盲盒营销机制,应用于产品互动增长设计之中

盲盒营销的起源“盲盒”营销起源于明治末期(1910年)的日本,当时日本百货公司在新年期间都会销售福袋,福袋中内容不会事先公开,但往往会放入高于福袋标价的商品,作为商品尾货处理的常规促销手段。福袋销售效果非常好,用户既能获得趣味性体验,商家也成功清理库存。福袋的营销思路延续到了1980年的日本模型市场中,于是出现了“扭蛋机”的线下机器,集中在二次元、ACG等领域出现,销售的商品也大多是动漫IP
2021年6月7日
其他

酷家乐「雇主」品牌视觉升级过程解析

项目背景设计不统一:酷家乐招聘在2020年之前,由不同的人设计执行,也没有完整招聘计划,所有视觉产出差距大且临时性很强,导致设计调性不统一,设计细节不统一,设计流程不完善。缺乏品牌主张:酷家乐的品牌价值是什么,如何在招聘的同时向求职者传递品牌的精神内核?如何招到更符合酷家乐秉性的人才,我们需要先弄清楚酷家乐自己的战略发展目标和人才形象定位。挖掘雇主优势:行业市场地位:企业发展前景、强大的研发团队势力、企业声誉、口碑;工作氛围愉快:平等的沟通氛围,和谐的人际关系,尊重个性的文化;职业发展机会:富有挑战的工作环境,成熟的内部转岗机制,个人价值得以实现;还想了解该团队更多设计案例?请移步:看「酷家乐」团队如何设计并落地插画系统酷家乐UED
2021年5月28日
其他

看「酷家乐」团队如何设计并落地插画系统

任一关键词都可获取往期文章附赠的资料包别忘了「点赞」+「在看」哦!
2021年5月25日
其他

网易CC直播品牌焕新-设计语言分析

还想了解更多品牌升级案例?请移步:QQ「小世界」品牌视觉设计过程揭秘高德地图-品牌升级背后的故事粉丝福利:点击下方名片关注,在公众号后台回复:“QQ、认知偏差、走查、技能树、抖音、竞品分析、上瘾、iOS资料、交互合集”
2021年5月21日
其他

快手2021「温暖好运年」春节活动设计复盘

春节可是一场年度大戏,各大公司铆足了劲为了交付一份漂亮的“答卷”,占据流量C位。那在这种大型运营活动中,设计同学是如何深度参与其中呢?下面我们通过设计视角,跟大家分享一波本次春节活动背后的思考。春节活动设计,设计什么?本次春节活动项目,设计同学的工作主要分为三部分:品牌设计、规则定义、全会场设计品牌设计品牌LOGO塑造品牌LOGO不仅是用户识别快手的符号,也是用户在手机端进入产品的大门。像春节期间大家将充满喜气的对联贴在自己家门上,我们也希望快手这扇“大门”能够充满春节氛围,吸引更多用户进来“串门”。设计时着重围绕着三个核心点:形式+信息+氛围的处理最终,保留原有图形识别性的基础上,以“牛角”作为核心元素呼应牛年这一主题,突显“分21亿”传递核心利益点,以“红、金”为主的配色强化春节氛围。同时将字体和“牛角”元素沿用在应用商店设计中。春节品牌字体制定为了营造活动氛围,确保品牌认知的统一性,我们对字体进行全新制定,通过多轮尝试和讨论,最终选定「造字工房哲黑」作为基字,它笔划较为厚重,更适合“春节”这种分量感强的节日。将牛角造型融入字体,进一步加强对于“牛年”的呼应,以及感官上的统一。将字体在春节全部会场的主标题上进行运用。活动IP形象设定IP形象能让用户与产品之间的连接回归到“人与人”之间的连接,通过更具人格化的形象,使品牌变得更有温度。本次活动的主IP,在形象设定上采用圆润憨厚体型的小牛,穿着中国传统服饰,粉暖色肤色和笑脸具有亲切感,丰富趣味的动作使它更加生动。穿着不同服装的小牛形象,在不同会场上进行运用。规则定义“规则定义”在涉及到多会场并行、多团队配合的春节项目中,是重要的环节。它能保证在多业务并行时体验的合理性、一致性以及合作效率。在项目初期我们定义了全局的:会场色彩情绪、交互主架构、UI设计基因。会场色彩情绪—情绪曲线“视觉感知”是一种直观而内在的观察和理解过程,外部的视觉通过眼睛传递给大脑后,会直接调度我们的“情绪”。因此,在春节期间全部会场色彩节奏规划时,我们尝试采用更加符合和调度用户当下场景情绪的配色。比如:“预热期”所有会场以“冷色”为主,让用户有个缓冲过程,确保长周期在线不易视觉疲劳。除夕当天“爆发期”所有会场采用“红色”为主,更符合过年热闹、兴奋高昂的情绪;“留存期”采用“紫红渐变色”,更符合年后大家渐渐缓和的心情。交互架构—矩阵式布局为了确保春节期间各会场的交互体验一致性,降低用户认知门槛,全局采用以“矩阵式”交互架构为主,多序列、多入口的互动方式来满足业务诉求和易用性。整体布局分为三部分:“顶部”是活动标题,突出活动利益点;“中部”为视觉焦点,以浏览为主,保证信息呈现清晰;“底部”为操作区,更易操作;同时,为了保证活动的易用性,全局底部按钮不得超过三个。UI设计基因—彩金为了保证全局UI风格的统一和美观性,在初期需要定义出本次春节活动的UI基因。凭借直觉判断我们选择了四种色彩:代表“传统”的嫣红、橙黄和“现代”梦幻感的蓝紫色,将这几种颜色以圆形色彩的流体渐变,调和色彩配比,降低透明度提升包容性,作为本次春节活动的UI设计基因。最终将“彩金”这一UI设计基因贯穿整个春节活动界面中。全局会场设计“设计规则”定义后,设计同学将在此规则下,结合不同会场差异化的诉求,进行设计。2021年快手春节活动会场包括三个阶段:预热期、爆发期、留存期预热期“飞行棋”作为预热主会场,也是用户接触快手春节活动的第一幕。设计时,我们希望将“年轻趣味的游戏玩法”和“中国不同地域的传统建筑”进行碰撞。把飞行棋的7个关卡定义为:东北、华东、华南、华中、西南、西北、首都。用户初次进入飞行棋可进行小牛角色选择,包括:太空牛、潮酷牛、老铁牛、熊猫牛等,陪伴自己打怪升级。根据每层不同地域,绘制对应的经典建筑,以及具有代表性的“神兽”,比如:华东-白暨豚,华中-牡丹/凤凰,西北-九色鹿,华北-神龙等。这些“神兽”被赋予祥瑞、平安的寓意。在闯关过程中,会收到各种道具和奖励,加快自己升级速度。最终,小牛通过消耗体力,在每层棋盘上闯关,从冰雪东北走到热情华南,再到悠然西南,最终到达首都北京,拆开惊喜红包。玩完“飞行棋”,从主会场右下角进去的“集福气”,也是春节核心玩法之一。“集福气”会延续并承接除夕当天,因此全局采用传统红色,更能营造出春节气氛。为了呼应“集”这一概念,头图设计时采用小牛手里抱着“葫芦”摆出“收集”的姿势。造型上通过更加轻盈表现首发,传递“气”的概念,同时气的流动,也代表着“好运”和“福气”的流动。不同的“福气”在设计细节上,进行差异化处理。比如:“人气”的设计构成元素有大鼓、鲜花、星星;“财气”中有荷包、富贵竹、元宝;“运气”里有鲤鱼、四叶草、莲草;“喜气”中有喜鹊、桃花、爱心等;集齐全部的福气卡后,在春节当天可以进行合成,并拆出惊喜红包。除了“集福气”外,“拔河拼牛气”是春节预热期另一个分会场。为了让活动更易玩,交互布局和视觉呈现模拟线下拔河擂台的形式。中国风的插画风格,更贴合春节这种传统节日氛围,通过蓝色和红色区分战队,营造PK感。不同场景和状态,小牛会有不同的反馈。比如:备战时深蹲、做操,胜利时集体欢呼,失败时低头搓脚。当用户用手指戳小牛时,他还会发出“哞”的叫声,会特别萌。我们希望通过动画效果,使整个活动更加有趣和灵动。爆发期“爆发期”是在除夕当天,为了更贴合过年收红包的主旋律,在这一天希望传递给用户“只要来快手就能领红包”的感受。在主会场设计时,我们将传统的“抽奖玩法”和空中“飞着的小牛”结合,打造牛年“吹牛机”概念。同时通过动效、音效同样增强热闹和紧迫感。整体界面都采用“红色”为主,渲染除夕当天喜庆氛围。除夕当天也是家人朋友团聚的时刻,我们希望通过面对面扫码,快手发红包的玩法,让更多用户使用快手。设计采用“产品化运营风格”处理,以简洁的视觉进行信息承载、信息强弱的对比。为了降低学习门槛,首次进入会场时,有动画引导教程。当朋友之间扫码成功后,会有红包到账,通过动画效果提升氛围感。同时,作为强社区属性的快手,我们希望提供让创作者/明星与粉丝之间更多的互动场景。因此“宠粉红包”是创作者在过年期间发给粉丝的福利。围绕着“包红包”行为的前、中、后,通过流畅的体验,让创作者感受到发红包的性价比和爽感。除此之外,除夕当天还有多轮红包雨,为了体现有很多钱,我们在动效上,营造出往外喷涌效果,把整个活动氛围推到顶峰。留存期掐指一算,经历了前面高强度、高刺激度玩法后,用户也会有点累了,所以在“留存期”,希望给用户更加轻松和舒缓的视觉感受。“红包膨胀机”作为留存主会场,主要希望传递给用户一种认知:只要在快手,啥也不用干,就能把之前(预热期、爆发期)获得的奖金“一直上涨”。在“膨胀机”设计时,为了清晰的传递这一概念,选择以“擂鼓”和“快手LOGO”的品牌形象作为结合,鼓会自动敲打意味着“钱”自动在涨。背景色采用孔明灯的夜晚,一是为了契合新年祈福的主题,其次“蓝紫色”的颜色可以给红火的主体物降温。“新春愿望金”作为分会场,让用户拉好友获得“6.6元愿望金”,玩法简单直接,同时促进拉新和召回流失用户。采用存钱罐和小牛角结合,将“牛”的形象贯穿全局,传递统一认知。同时,我们还跟泡泡玛特进行了合作,用户可以做任务抽盲盒。作为“留存期”的分会场,更多年轻用户能好好玩一波。设计上采用跟线下场景一致的“抽盲盒机”作为主视觉,结合着动效音效,使会场氛围更加热闹趣味。以上是设计视角对2021年快手春节项目从品牌视觉设计,到定义全局规则,再到全会场的体验设计(预热期、爆发期、留存期)的回顾和总结。还想了解更多春节活动设计?请移步:支付宝2021集五福:品牌+创意视觉设计过程官方揭秘微博
2021年5月19日
其他

QQ「大会员」品牌运营策划与设计

2019年6月,我们的增值团队推出了全新增值业务QQ大会员,其定位是基于QQ超级会员和豪华黄钻所有特权,同时提供更多增值服务。作为设计团队,得知这个消息的我们是兴奋的,我们可以全流程参与从0到1打造和运营一个全新的会员品牌。同时我们也在思考,什么样的一个品牌形象可以囊括QQ超级会员和豪华黄钻的所有特性,甚至看起来要更厉害,更尊贵呢?这让我们意识到,需要将我们会员系统的品牌设计推向突破点了。本文分为两部分,从树立QQ大会员品牌形象到一年后的现在,我们如何根据产品不同阶段特性和产品策略对QQ大会员进行品牌运营。Chapter
2021年5月14日
其他

阿里云设计中心年鉴-体验的价值

_解决什么问题?人,是商业变革的源头。我们通过帮助客户,从为用户提供美好的体验入手,从目标到结果提供设计咨询服务,为传统企业和政府客户,重塑其发展的可持续增长。用户体验优化体系
2021年5月11日
其他

万字干货长文: 值得学习的「电商游戏设计与策划」大法

内容型电商时代已经悄然来临,电商游戏也逐渐进入了我们的视线内,如何设计与策划一个生态健全且运作良好的电商游戏,看完全文相信你会了解一二。第一章:电商游戏背景概述2018年12月,我们正式启动了电商游戏与游戏化的整体研究计划,到目前为止已然建立起了相对完善的设计方法论体系并成功落地赋能于各式各样的业务需求,在游戏与电商这两个截然不同的领域之间,我们不断发掘使其相互融合的可能性,这也就是电商游戏与游戏化的最初目标。一切的出发点在于时代的驱动,在流量红利结束的当下,我们对于用户的增量固然仍有很强的依赖,但同时也开始关注如何提升用户存量,这时候来源于电子游戏的得天独厚的用户扩散与粘性提升机制也就成为我们想要借鉴的重要模板,如何合理有效地既能提升用户增量同时又能不断提升用户存量,就成为电商游戏与游戏化的根本价值体现。不难看出,如果我们将电商模式投射在八角行为分析上,会发现电商的用户驱动是一个极度偏向黑帽化的方式(即短期的消极驱动)这是有电商的先天基因所决定的,也是基于这一点,我们希望通过更加白帽化的设计策略(即长期的积极驱动)赋能当前的电商用户环境。在考虑游戏设计策略之前,我们最早先思考的是电商游戏如何赋能与业务,即通过何种形式产生我们所期望的用户增量与存量。同时,游戏在电商环境中确实受到各种条件的制约,导致其形式需要符合以下三点:强电商关联性:即游戏本身是为了电商目标服务,其一切出发点都是来源于商业侧;强社交关联性:即游戏形式是为了更好的产生社交裂变,从而获得用户增量与存量;相对平台独立:即游戏依附载体需要独立于正常电商购物流程之外,否则将干扰正常购物的效率;基于这个目标,我们设计出了一种良性的电商游戏生态,称之为自增长双向漏斗,简单介绍一下,电商游戏作为嵌入模块,在使用京东平台资源的同时其自身也拥有一套相对独立的成长体系,因此,在电商平台在为游戏引流的同时,每个小游戏都具有独立成长的能力,而这种成长的结果是更多的玩家留存,并向购物场景引流,从而进行循环扩容的漏斗转化。现在让我们尝试将电商与游戏概念化,并从一个更高层次的视角去看待二者的关系,借用老祖宗的阴阳平衡理论,我们可以看到一个和谐的电商与游戏共存的结构;从这里可以提取出一个贯穿电商游戏设计的关键词
2021年4月21日
其他

腾讯CDC「消息通知」系统设计解析

本文转自腾讯CDC体验设计(ID:tx_cdc),已获得授权转载,如需转载请联系出处消息通知可以及时地将状态、内容的更新触达到用户,用户则可以根据收到的消息做后续判断。但是如果没有及时将重要消息触达到用户或者滥用消息,则失去了消息通知的初衷。特别是针对涉及复杂任务流程的产品,消息类型繁杂,难以全面盘点消息类型,消息系统的设计就显得尤为重要。希望通过这篇文章让各位在设计消息通知系统的时候能够更加全面高效。一.
2021年4月15日
其他

看「作业帮」团队如何设计并落地插画系统

在互联网行业设计中,插画成为视觉设计中广泛应用的情感传递方式。作为中国用户规模最大的K12在线教育平台,公司业务线不断拓宽,设计团队规模日益壮大,从设计风格、技法表现层面来讲,需要对整个团队的插画体系做统一拉齐,以塑造作业帮独特的品牌认知及视觉感染力。什么是插画组件收拢并统一各团队插画设计风格,收集沉淀出高频使用的组件元素,使其能发挥高效可复用、风格统一、透传品牌的作用。1.
2021年4月12日
其他

QQ 2021 春节活动设计复盘: 挖掘Z世代文化,塑造年轻化设计

项目背景爆竹声中一岁除,春风送暖入屠苏。千户万户曈曈日,总把新符换旧符。春节是中华民族最隆重、最富民族特色的传统佳节,但QQ的用户又以Z世代的年轻族群为主。围绕着这一理想和现实的“矛盾”,如何突破两者的次元壁,建立既能承载春节厚重底蕴、又能俘虏年轻Z世代族群喜爱的设计符号与玩法,是QQ春节活动设计的最大挑战。挖掘Z世代文化,塑造年轻化设计1.
2021年4月9日
其他

看贝壳设计团队是如何为老年人设计的?

随着移动互联网的发展与普及,人们的生活方式发生了巨大的变化。当我们足不出户便可以享受到香喷喷的美食、相隔千里也能有面对面的交流体验时,大多数老年人却被关在了数字世界的大门之外:不会线上挂号、打不到网约车、因不会操作健康码而被公交车拒载……这样的事件屡见不鲜,本应同样享受互联网便利的群体,近几年来却处处受阻。数据显示,2020年我国老年人口达到约2.43亿,占比18%,50岁以上的网民群体占比22.8%,数量不可小觑。如何打破互联网产品的使用壁垒,让老年人也能自如地参与到互联网生活中,是我们设计师应当肩负的社会责任。老年人的心智特征贝壳经纪人作为社区的贴心服务者,经常为社区内的老年人提供帮助,解决手机使用问题。经纪人志愿者在社区帮助老人学习使用手机我们通过观察老年人使用手机的过程,并与具有丰富帮助经验的经纪人深入沟通,发现老年人使用互联网产品存在的主要障碍如下:老年人使用互联网产品的主要障碍1.
2021年4月7日
其他

看滴滴团队如何设计并落地一个插画系统?

拥抱变化,是互联网人的座右铭。小步迭代,快速响应,只为降低成本、提升效率。一切都在变,对效率的追求不变。插画,作为一种高效的视觉设计形式,自然备受互联网公司的青睐。但是,“插画”真如我们想象的那么“高效”吗?不,答案是否定的,未经整合形成系统的插画,会造成元件重复设计、无法最大程度提升公司的生产效率,并且会影响品牌一致性。我们要拥抱的高效插画,不仅是一个高效的单次产出,更是一个高效的生产系统。插画所服务的业务目标是什么?在滴滴,插画系统与图片、三维合成等视觉形式,共同构建出了一个综合的“画面视觉系统”,这三个系统所服务的传播目标侧重点有所不同。1.
2021年4月6日
其他

微博 2021「让红包飞」活动设计复盘

一年一度的“让红包飞”活动如约而至。互联网的兴起使红包从线下走到了线上,春节期间在网上发红包和抢红包,已经成为了一种新的节日文化。微博希望通过策划一系列好玩的红包活动,陪伴广大用户一起度过一个欢乐、喜悦的春节。活动背景今年让红包飞活动,整体方案策划是围绕牛年的“牛”字展开。2020年是很压抑的一年,隔离、不要外出、封城···
2021年4月2日
其他

用户心理驱动模型:拆解拼多多游戏化运营玩法

相信很多人非常痛恨拼多多砍价的最后0.1%,明明大奖就唾手可得可就是费了九牛二虎之力也砍不到。明知道是套路可偏偏能够上瘾,是用户变傻了吗?显然不是,这背后是抓住用户心理活动的一举一动,深谙用户多种心理,这也可以解释拼多多7.88亿月活用户的背后实质上是精准的用户心理营销。
2021年4月1日