表情面板是百度APP互动场景中非常重要的基础输入体验功能。本文以三个核心设计环节为例，分享在不同设计阶段，对表情面板体验细节的理解和感悟，阐述大体量平台性产品在进行体验微创新时，对设计方案的严谨论证及思考。

///

表情面板改版背景

1.在百度APP评论场景中，每天有几十万的含有表情的评论生产量，表情对于评论互动氛围的营造起着至关重要的作用。

2.百度APP emoji 2.0升级，除了样式升级外，表情数量由原来的77个增加为180+，原有的横滑翻页交互形式更受限制。详情可查看之前的文章内容：BAIDU EMOJI 2.0

///

设计目标

通过优化表情面板交互形式，提升表情使用率，促进互动氛围提升，有以下3个核心目标：

///

横滑表情面板现有问题分析

1.展现屏效低

横滑分页提示+表情分类tab占据表情面板1/4的位置，但是现有表情仅有一个分类，且短期内拓展可能性较低，导致一屏仅展示20个表情。

2.操作顺畅度弱

a.横滑翻页效率慢：表情2.0升级后表情数量的扩充至180+表情，横滑翻页的交互形式需要滑动10页才能看完。

b.输入切换不顺畅：表情面板高度低于系统键盘高度，切换键盘时有面板跳动。