开播更轻松,贴心设计做到心坎上~

职场   2024-06-07 10:38   浙江  

随着直播行业的迅猛发展,内容创作者和主播对于高效的管理工具需求日益增长,我们近期对主播B端进行了一次体验升级。基于开播有着操作快速、多线程、实时的特征我们将从操作更高效、注意力更集中、行为有预期几个方向对开播工具进行优化。

#01
注意力更集中


开播B端用户通常是多线程操作,于是我们围绕让用户注意力更集中做了一些设计。
a.信息做聚焦 :人在集中注意力的时候最佳的视角是30度按照平均人眼距屏幕是40cm可计算出聚焦区域宽约21cm。考虑到屏幕大小对使用距离的影响当屏幕更大时聚焦的可视区域更大

当聚焦区域更大时我们在横向空间也增加了更多的信息展示

b.缩短操作路径 :功能进行分层级,收拢行动点,非重要步骤和提示分级弱化减少认知负荷。根据主播端网页用户屏幕大小占比,基于屏高将重点模块保证在一屏页面内展示。


▲ 根据操作热区进行布局优化
c.舒适的色彩体系 :亮度越高的时候视觉识别难度会更大。尤其开播时长通常高达8小时,用户的眼睛会非常疲劳为了用户操作的舒适度我们优化了色彩体系,并提供了深色开播模式

▲ 舒适的色感

▲ 深色模式减少高饱和色的占比

▲ 深色场景下、色块更有识别性
#02
操作更高效

现有的开播链路冗长,如何通过设计提高开播效率、提升开播体验是我们首先要面对的挑战,对此我们从页面框架、操作路径、交互等方向进行了设计优化。

a.框架一致性:除了组件的一致性,开播前后的操作界面相似的布局逻辑可以减少用户重新学习的负担。

b.交互轻量化:遵循用户习惯,打通断点,减少多个新页面跳转,保持操作流畅性。

在当前页完成高频操作,减少不必要的步骤和弹窗。

优化卡片样式,高频行为外化低频行为收起相似性行为就近排列。


c.个性化定制 :对于需要个性化调整的用户,提供简易的拖拽式编辑工具,快速调整画面布局。

针对主播远距离观看用户评论的场景,屏幕支持旋转展示,可视区域更长,字号域值更广。

▲ 主播看板场景

#03
行为有预期


用户在操作直播中工具的时候对直播画面有着实时的影响,为了避免误操作的场景,我们从这两点出发:
a.画面映射 :实时画面,让用户操作更有体感。

b.实时化信息更显性展示:对应直播画面的信息展示用户能迅速理解操作降低误操作。


#04
极简开播

相较于PC移动端作为更快速的开播工具,我们想到一些更轻量的一些设计方案

·极简开播:布局简化隐藏非必要信息提高图标辨识度,让关键信息一目了然提升移动开播的易用性。

#05
结语

在整个主播端升级设计过程中走访用户是一个非常重要的环节不同量级、类型的开播团队对应着不同的行为习惯真实了解真的用户使用习惯收到的用户反馈及应对措施,能够帮助我们有效明确设计方向; 后续我们还将持续探索提升更为高效、实用的直播体验。



本期作者:淘宝&内容直播B端




//////END //////


淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。我们有小红书啦,关注「蟠淘会TAOBAO DESIGN」,看更多设计团队的生活日记!

淘宝设计
淘宝设计,一个服务于全球亿万消费者体验的设计团队。引领用户体验,让设计触动人心,让商业美而简单。
 最新文章