🤔一句话描述需求

为了满足 2023 年蔚来全球信托理事选举以及 EP Club 选拔的需求,需要在海内外 NIO App 中发布投票文章,协助运营完成业务目标。当前国内 App 已经具有投票功能,但是欧洲的 NIO App 中暂无此功能

🎯 设计目标

1. 赋能全球信托理事选举
2. 优化国内外用户投票使用体验
3. 保证运营管理和配置投票的后台工具使用体验,提升运营效率

基础信息

需求范围&上下文

Scope:支持全球用户通过当地的蔚来 App,对同一主题(PGC)进行投票,并实时聚合结果

用户流程-Flow

UX 设计稿

关键帧

枚举选项样式、状态、结果

Q:投票是否必选?
A:必选

Q:选项样式有?
A:纯文本选项、图片+文本组合

Q:多选类型有哪些?
A:常见多选、最多选择 X 项、最少选择 X 项、可选X-M项、必选 X 项

Q:用户何时查看结果?
A:投票后、投票结束后、投票前

UI 设计稿

设计挑战

挑战:如何降低用户对多选题型的认知?

由于业务使用多选场景的复杂性、特殊性,为了满足其使用,我们在多选的配置上,给予了业务较高的灵活性,增加了可选 N 项、必选 N-M 项两类规则。当我们在执行设计输出时,发现「可选 N-M 」对于用户来说,理解成本较高,体验可以进一步优化,于是我们将其进一步拆解为更精细的规则,像至少选择 N 项、最多选择 M 项,能够明显提升用户对于规则的理解。

竞品分析

调研范围

分析了微信公众号投票、飞书文档、豆瓣、B站等9 个竞品的投票功能

查看调研文档

项目总结

“消减”用户认知,提升投票体验

将多选题型进行更细致的拆解,如上设计挑战中的例子,能够快速帮助用户正确解读投票规则。

在投票上线后,我们和运营进行了系统化的沟通,建议其在配置投票时,尽可能的缩短选项的字数,保证用户的阅读体验

注重“细节处理”,保证投票的专业性、精准性

在设计走查时,发现第一个用户的投票计数为 1 votes,语法错误,和研发进行了沟通,对于 0 或 1 票的情况,使用 vote。

在 UI 设计上,使用微动效来提升用户投票后的体验,如右图中视频所示