商业B端app初版设计总结

Recommanded by editor
北京/平面设计师/8年前/16327浏览
商业B端app初版设计总结Recommanded by editor

交互设计:黄雅琪

界面设计师:张丽丽

18f4597fd006a8012156032d2d8e.jpg


在商业B端app1.0之前其实还有一版设计,虽然没有开发,但我觉得任何一版设计都会有可总结的点,都是设计师经过思考设计出来的。

那我就唠唠叨叨下我们这版的设计。

这版设计功能专一,打开app首页直接展现的是合作进度,直观展示数据,并通过设计去加强用户对数据的感知能力。也就是可以方便我们的用户每天打开app就可以直观的看到项目合作,不用浪费太多时间停留在app内。


这里简单说下app C端与B端的区别:

平衡效率效果

C端产品需要关注用户的使用时长,产品做得越好,用户越愿意为它花时间。而在B端市场,效率才是产品的目标,因为B端产品的价值恰恰在于在尽量短的时间内抓住用户痛点,如果用户需要在你产品上花费很多时间,那就说明你的产品太难用了。

提供精准预测,及时反馈,不负所托

当一款C端产品出现异常,可能只是用户很生气,但若是B端出了岔子,影响就要大多了。因为精准可预测对企业工具来说至关重要。


接着说我们这款B端产品

目标用户

合作厂商用户  内部运营  销售  BD


3af4597fd023a80121560327be9f.jpg


产品目标

为合作厂商了解项目合作进度以及过程数据提供便捷的查看平台


用户定性研究

我们明确了目标用户,并对目标用户进行定性研究,以便创建人物角色,研究用户的真实使用场景,以用户为中心创建合理的流程和功能。

以合作厂商用户为例


使用场景(典型

查看项目进度

场景一:合作厂商用户通过平台查看项目合作进度,核心指标以及真实用户对车型的评价数据

需求点(痛点):直观的项目进度数据呈现,连贯完整的查看体验


查看最关心的数据

场景二:不同用户关心的数据有些不同,在功能层级度的情况下每次都要进来查找

需求点(痛点):在下钻层级多的情况下经常去二,三级找关心的数据


考虑点

根据上述场景分析,此平台设计中应该考虑以下三点:

数据直观                查看流程完整            常用功能外露



产品结构图

8c20597fd405a8012156032114ab.jpg


产品流程图

ccdb597fd41800000021298ab88b.jpg

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



交互设计稿

1dcf597fd0cea801215603a8cdb8.jpg


界面设计稿


e6d1597fd0ee0000002129ae7f65.jpg



数据可视化

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

3632597fd123a801215603c72dc1.jpg42d1597fd13900000021296881fd.jpg

浅色背景更适合展示大量的数据信息,因为在浅色底上数据图表的识别度比较高。而深色、彩色背景更适合渲染简单的数据,用于烘托气氛。


25a9597fe2dda801215603d0ed14.jpg转载此文章条件:

        署名:涵雨-Rain

        并附带站酷原文链接


147
Report
|
248
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in