GD Lite
GoDaddy 亚太项目成立于2018年03月,主要做的是微信小程序和手机端网页产品 GD Lite。这两个项目主要服务于既有用户,项目包含:域名搜索、域名 DNS 设置、网站 SSL 检查、网站安全检测等等。2019年3月18日发布了微信公众号 Godaddy.com, 该公众号至今已有4万多个关注者, 绑定小程序有多达8万多。2020年5月8号发布 GD Lite,并将 GD Lite 运用于 Messenger 上。
请点击网站 lite.godaddy.com 查看项目线上产品。

.png)
我的职责

与PM进行商讨,分析细化需求;

调研并独立完成各个模块的交互设计方案,迭代和优化设计方案;

负责 GD Lite 的视觉设计规范(色彩库、图标库、各类控件等)以及UI界面设计;

设计完产品后会进行用户体验测试 (performance test、copy writing test);

在测试阶段去与开发协同工作,验收UX流程和界面的UI;

项目上线以后,查看用户的点击率,及时迭代产品。
用户画像


项目框架图

设计规范


颜色色板

图标 I

图标 II

设计流程图
设计流程图有助于我们对整个设计的把握,在这个阶段我们通常会把每个feature的细节流程画出来,以便于与产品进行沟通。
例:下图是域名价值评估中用户收藏的一个域名的流程图
.png)
设计文档
在做完流程逻辑图以后,会撰写设计文档,文档包含项目目标、用户场景、流程、文案等等。下图是在做域名价值评估中所撰写的一些文档。

关于用户测试
在设计阶段我们主要使用了两种测试方式,一种是使用平台 Usability hub 进行测试,而另外一种是使用远程观察测试。
1. Usability hub
在这里平台中我们主要进行单击测试、导航测试、问题测试和偏好测试等等。比如在professional email 的时候做的偏好测试:
测试的人员为25个左右。得到的结果是18个人(72%)选择了方案2,7个人(28%)选择了方案1。

2. Using testing
同样还是以上面的例子举例,在做完用户偏好性设计后我们又进行了远程观察测试,测试参加的人员一共5位,其中三位被测试者用鼠标点击了方案二的图标,发现有些用户认为这个图标是可以点击的。经过讨论,设计由原来的灰色底图带图标的设计改为彩色方案。

交付
.png)

例:域名搜索价格过滤器交付内容
限制
最低价 小于等于 最高价,如果最低价大于最高价,那么翻转最高价和最低价
价格区间是:大于等于 最低价 & 小于等于 最高
键盘限制为数字键,价格为正整数
当用户只输入最低价,意味着筛选条件为价格大于等于最低价,此时筛选器显示 ≥价格
当用户只输入最高价,意味着筛选条件为价格小于等于最高价,此时筛选器显示 ≤价格
用户点击点击 重置 按钮时,清空价格区间,用户点击 确认 筛选事件
清空选项代表着用户未启动筛选机制
UX 流程

页面展示
.png)