一件好事

  • Role: UX Designer | UI Designer
  • Date: Jan, 2018 – Oct, 2018

cover5

“一件好事”是由腾讯公益发起的,是一个为个人提供便捷发起或参与身边温暖小事公益项目服务的微信小程序,旨在帮助个人联动身边的力量、验证个人公益影响力,传达“人人公益大家帮”“小个体也能改变世界”的公益理念。

截止到2018年10月,一件好事平台共有约12万人发起或通过捐款、评论互动等方式多维度参与600余件好事,覆盖扶贫救灾、教育助学、环境保护、动物救助等公益类型项目。

 

产品与设计目标

 

为了达成提升项目发起量和参与量的产品目标,我们用因果关系循环图(causal loop diagram)系统地分析了与该目标正负相关的各个因素,梳理得出了可以通过优化体验帮助实现产品目标的设计重点,即降低学习和使用门槛、增加回报、加强信赖、提升传播度。

causal loop diagram

设计思路

对于每一个设计目标,我们在用户体验系统的各个环节我们都构建了相应的设计思路。

以下将展示其中一些例子。

案例一:

设计目标之:降低使用门槛

关键任务流程:发起项目

设计思路:

A. 提供网页端和移动端两种填写项目资料的方式,将复杂度较高的填写资料任务引导到PC端,减少用户输入大量内容的操作负荷。
优化发起1

B. 拆分并渐进式呈现需要用户填写的资料,让用户在每一个页面仅聚焦单一任务,减轻认知负荷。
发起优化2

C. 以提问的方式引导用户选择或填写信息,并结构化组织作答语言,通过情感化的文案策略减少用户的心理和认知负荷。

3

案例二:

设计目标之:增加个人回报,给用户带来高需求层次的情感体验

关键页面:项目详情页

设计思路:突出人的要素,强化参与者(用户)和其他角色的关系。将思路分解,即:

A. 以发起者第一人称讲述好事,拉近支持者和发起者之间的距离,让用户信任项目、认同发起项目的初衷并希望通过支持项目完成同样的自我实现;

B. 通过时间线清晰地展示项目每一个关键节点的进展,让用户看到自己的支持行为可以对受助者带来的切实改变,为用户带来成就感;

C. 展示发起者和参与者的工作单位和毕业院校等集体信息,且网友可通过点赞、评论、分享等方式互动,为用户带来归属感。

45

设计方案

I. 完整流程图

6

II. 完整设计稿

由于项目时间紧张,本项目协同开发采用了小步快跑的agile UX敏捷设计方法,多数页面由交互设计师根据UI设计师定义好的设计规范迅速产出设计稿,大大提高了设计效率、缩短迭代周期,产品上线后采集数据信息,通过观察分析pv、uv、转化率、漏斗模型等页面数据进一步调整设计不断迭代改进。

超过110个UI界面:

7