商业B端app初版设计总结
交互设计:黄雅琪
界面设计师:张丽丽

在商业B端app1.0之前其实还有一版设计,虽然没有开发,但我觉得任何一版设计都会有可总结的点,都是设计师经过思考设计出来的。
那我就唠唠叨叨下我们这版的设计。
这版设计功能专一,打开app首页直接展现的是合作进度,直观展示数据,并通过设计去加强用户对数据的感知能力。也就是可以方便我们的用户每天打开app就可以直观的看到项目合作,不用浪费太多时间停留在app内。
这里简单说下app C端与B端的区别:
平衡效率效果
C端产品需要关注用户的使用时长,产品做得越好,用户越愿意为它花时间。而在B端市场,效率才是产品的目标,因为B端产品的价值恰恰在于在尽量短的时间内抓住用户痛点,如果用户需要在你产品上花费很多时间,那就说明你的产品太难用了。
提供精准预测,及时反馈,不负所托
当一款C端产品出现异常,可能只是用户很生气,但若是B端出了岔子,影响就要大多了。因为精准可预测对企业工具来说至关重要。
接着说我们这款B端产品
目标用户
合作厂商用户 内部运营 销售 BD

产品目标
为合作厂商了解项目合作进度以及过程数据提供便捷的查看平台
用户定性研究
我们明确了目标用户,并对目标用户进行定性研究,以便创建人物角色,研究用户的真实使用场景,以用户为中心创建合理的流程和功能。
以合作厂商用户为例
使用场景(典型)
查看项目进度
场景一:合作厂商用户通过平台查看项目合作进度,核心指标以及真实用户对车型的评价数据
需求点(痛点):直观的项目进度数据呈现,连贯完整的查看体验
查看最关心的数据
场景二:不同用户关心的数据有些不同,在功能层级度的情况下每次都要进来查找
需求点(痛点):在下钻层级多的情况下经常去二,三级找关心的数据
考虑点
根据上述场景分析,此平台设计中应该考虑以下三点:
数据直观 查看流程完整 常用功能外露
产品结构图

产品流程图

确定了主流程之后,再根据产品需求,以页面为单位,对各个流程节点进行细化,产出以页面为单位的功能流程图,并查看各个功能的层级,同时也便于与产品之间的讨论。
交互设计稿

界面设计稿

数据可视化
这款app的图例__数据可视化直观性非常重要,整个项目开发时间特别短,所以界面设计师需要平衡开发成本和视觉效果,所以设计的图例都以简约、直观为主


浅色背景更适合展示大量的数据信息,因为在浅色底上数据图表的识别度比较高。而深色、彩色背景更适合渲染简单的数据,用于烘托气氛。
转载此文章条件:
署名:涵雨-Rain
并附带站酷原文链接




































