https://mp.weixin.qq.com/s/VVkNRVa4UGl54pKEh1Vwdg
    当前PC搜索品牌广告,对用户来说:信息冗杂,品牌记忆点较弱;视觉风格不够与时俱进;互动创意不丰富。对客户来说:也希望通过提升样式权益及灵活性,满足更多的客户营销诉求。我们将通过本次设计升级给出解答方案。

    一、设计理念

    我们重构了广告的产品形态,在官网寻址、品牌信息和服务满足上为用户和客户带来全新体验,增加客户的商业权益,撬动客户品牌预算。经过实验验证,ctr也显著提升,客户认可度较高。提升广告收入的同时,为用户更高效提供信息需求的满足,实现用商一体的协同共赢。


    百度|百度PC搜索页面体验设计再升级 (已落地) - 图1

    「设计重构」「引爆视觉」「智能设计」「创意互动」四大抓手将现有痛点逐一攻克。

    二、设计重构
    **

    1.框架:面积增大,形态沉浸
    **

    PC搜索品牌广告在改版前,左右信息较为分散,造成极大的空间浪费,沉浸感弱。功能分布较为杂乱,没有形成模块化的分区。

    从“空间”属性出发,打破原有PC搜索品牌广告左右割裂的广告位结构,形成通栏形态。较大幅度地增加视觉感受上的面积,提供沉浸式体验。在此基础上,突破性尝试搜索框通顶,进一步强化品牌权益和用户体验。

    1.mp4 (1.17MB) △打开视频,感受实际落地效果

    2.信息层级:主题突出,去除冗杂

    用户在信息浏览和信息获取的过程是非常快速的,一旦没有抓住用户短暂的注意力,就会流失掉。PC搜索品牌广告改版前在较小的空间内承载过多信息,导致重点信息不突出,信息分类不明确,信息传达效率不高。

    本次升级改版突出每个模块要传达的特性,根据用户视觉动线,从“功能”布局出发,按照用户从左到右、从上到下的阅读习惯,我们将信息展示分成三个模块:左侧为品牌宣传、右侧为产品展示、底部为相关服务。相较于旧样式,新设计结构更清晰,客户营销理念可以充分表达,同时高效满足用户需求。

    2.mp4 (1.31MB) △打开视频,感受实际落地效果

    利用以上方式,我们得到了一系列具有沉浸感且结构更清晰的搜索品牌广告设计。

    百度|百度PC搜索页面体验设计再升级 (已落地) - 图4

    三、引爆视觉

    对于用户来说,在视觉上第一时间吸引注意力,并在进一步使用过程中,满足核心用户的个性化及审美需求是关键因素。因此我们引入全幅视频、微动等富媒体形式,丰富创意形式匹配品牌、客户多元营销诉求。

    1.视频赋能

    视频广告在信息容量和传达直观性上更具有竞争力。广告行业中视频占比也逐步在提升。通栏视频如影院般观影感受,更富沉浸感。

    3.mp4 (1.76MB) △打开视频,感受实际落地效果

    2. 微动赋能

    我们将微动以全屏蒙层的形式融入到广告中,可以更好的联通广告与自然结果的关系,营造品牌氛围,突出品牌调性。

    4.mp4 (1.45MB) △打开视频,感受实际落地效果

    四、智能设计
    **

    1.智能取色:取色精准,智能匹配

    在图片及视频通顶的基础上,为保证搜索框清晰可见,在搜索框下增加颜色渐变蒙层,蒙层采用智能取色能力,选取图片上部1/3区域面积最大的颜色值,保证颜色蒙层能够与图片自然融合。

    同时,在取色过程中获取到客户物料的亮度信息,通过亮度信息智能判断用户物料属于深色还是浅色系,进而进行组件的智能匹配,深色模版搭配深色组件;浅色模版搭配浅色组件,保证组件颜色与客户物料和谐效果。减少客户操作步骤,提升物料投放效率。

    百度|百度PC搜索页面体验设计再升级 (已落地) - 图7

    2.滑动交互:衔接自然,过渡平滑

    首卡搜索品牌广告的通顶设计,当用户滑出搜索品牌广告时,我们利用动效形式,使搜索框自然过渡为白色效果,保证衔接自然、过渡平滑。

    5.mp4 (559.63KB) △打开视频,感受实际落地效果

    3.组件色彩:感知差异,提升识别

    品牌色彩有着特殊的识别性,在用户界面中也承载一部分信息功能属性。为了进一步促进用户快速识别和品牌记忆,我们定义了四种标准组件色,同时将自由度放开,支持客户自提品牌色,充分表达品牌之间差异性,使品牌特征更突出。

    百度|百度PC搜索页面体验设计再升级 (已落地) - 图9

    五、创意互动
    **

    互动是构建品牌与用户群体双向沟通的有效手段,而创意互动打破了传统广告的线性传播模式,以强参与感,促进转化效果。我们根据不同的行业特性,结合新技术、新媒介,刺激受众内在好奇心及兴趣心理,使用户参与到广告中。因此进行互动广告的创意方向的探究。

    1.VR互动玩法

    根据VR的特征:沉浸感、交互性、想象性。适合汽车行业的外观及内饰的展示需要,用户通过拖拽主动操作,360度更加真实的的了解车型卖点。

    百度UED:PC搜索页面体验设计再升级 (已落地) -  - 2022-04-26 17-20-29.mp4 (778.03KB)%20-%20%20-%202022-04-26%2017-20-29.mp4%22%2C%22size%22%3A796707%2C%22taskId%22%3A%22u8f44f727-ac69-4ec4-b95d-1572725a8ed%22%2C%22taskType%22%3A%22upload%22%2C%22url%22%3Anull%2C%22cover%22%3Anull%2C%22videoId%22%3A%22inputs%2Fprod%2Fyuque%2F2022%2F1038119%2Fmp4%2F1650965011876-c6d18afd-d550-4876-b01a-3d5b60941077.mp4%22%2C%22download%22%3Afalse%2C%22__spacing%22%3A%22both%22%2C%22id%22%3A%22o0zRk%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%2C%22card%22%3A%22video%22%7D#o0zRk) △打开视频,感受实际落地效果

    2.擦除互动玩法

    如在汽车处于风雨交加的环境中,通过擦除其前景上挡风玻璃水珠后触发汽车启动奔驰的效果,突出汽车抗恶劣环境和高速等性能特征。

    百度UED:PC搜索页面体验设计再升级 (已落地) -  - 2022-04-26 17-20-30.mp4 (1.77MB)%20-%20%20-%202022-04-26%2017-20-30.mp4%22%2C%22size%22%3A1856971%2C%22taskId%22%3A%22u166d783e-43a1-4fd7-b75f-3f7d9cd3147%22%2C%22taskType%22%3A%22upload%22%2C%22url%22%3Anull%2C%22cover%22%3Anull%2C%22videoId%22%3A%22inputs%2Fprod%2Fyuque%2F2022%2F1038119%2Fmp4%2F1650965032486-ea6b7383-9852-4eb5-b23d-1cd5ebcacaca.mp4%22%2C%22download%22%3Afalse%2C%22__spacing%22%3A%22both%22%2C%22id%22%3A%22KlTFP%22%2C%22margin%22%3A%7B%22top%22%3Atrue%2C%22bottom%22%3Atrue%7D%2C%22card%22%3A%22video%22%7D#KlTFP) △打开视频,感受实际落地效果

    更多互动玩法我们也将持续探索中。

    结语

    百度PC搜索品牌广告设计升级,将更强视觉、更强互动融入其中,全方位多角度的为用户带来全新的广告体验。对于设计师而言,我们也面临更多的挑战,如何采用做用户产品的设计与交互方式,构建商业产品用户体验,形成和谐的「用商一体」带给用户优质体验的同时,服务广告主和商业变现。