企业官网交互设计 Pharbers website design

1.背景挑战


关于法伯
成立于2008年的法伯宏业——Pharbers,是一家关注建设医药行业领先的市场销售saas决策平台的公司,致力于以高效便捷生动的方式解决客户对数据分析的需求,当前公司多款核心产品已覆盖多家内外资药企和医疗健卡机构。面对产品线类型和数量的增多,法伯希望通过整合各产品线打造一体化数据平台设计,
有利于公司多业务发展及管理的同时提高用户产品及服务体验。

官网作为体现品牌产品和服务的展示和获取销售线索的入口,亦需要根据公司未来发展计划,
做出相应的信息架构布局展示,调整以适应不同阶段的公司及市场发展环境的变化。

项目属性:企业团队项目

我的参与:信息架构梳理 & 全流程交互设计 & 产品体验测试

项目耗时:2个月:从设计到开发开始执行(2019/12/09 — 2020/01/22)

网站地址(开发中)

友情提示: 图片内容可通过对网站比例尺寸调整放大查看


2.关键点突破

3.信息架构梳理

4.页面内容故事线设计

5.页面层数、关系及特点

6.页面信息模块化设计

信息模块

影响力模块信息设计案例

7.页面信息布局

8.网站页面构成

9.导航与站点地图的设计

10.动作表单设计


11.设计回顾与小结

设计思路
对比两种不同的设计思路,第一种是让每一个页面体现它的场景,第二种是页面间保持相对一致性,且展示页面来源。当内容信息和运营维护能力不够强的时候,无序的增加页面层级并不是明智的方案,只会增加内容空旷感和维护压力。

复关于用性与灵活性
高度复用的结构和一致性的组件布局,整体网站符合一致性设计不容易让用户迷失。在设计的过程中不仅仅需要对于交互流程方式进行抽象,也需要对常规页面布局进行抽象,对不同展示标题信息动作组件和其它类型组件进行抽象,以达到最小成本,最便捷的交互流程,最熟悉的操作方式,最灵活的信息延展性。注重全局设计也注重局部细节设计。

关于复盘
不要看表面样式,要看为什么要这样设计,要耐心分析元素构成,要考虑当前可实现的基础和全集延展性。注重积累:积累元素,积累组件,积累布局,积累UI,积累状态,积累反馈,积累极限参数规则。

如何跳出当前方案的设计,保持持续迭代
设计过程中有所考量的方案,暂时无法实现可以收纳于功能盒(functional box)。
如何跳出当前的方案,如何打破固有认知?
首先,要有井底之蛙需要有自知之明。最灵活最自由的东西,奇点的突破才是最难把握的。
1、当我们没有达到最灵活最自由的状态的时候,不要觉得当前的方案就是最好的,不存在最,只存在更。
2、利用时滞效应进行回顾,有时有效。
3、多角色多元角度进行回顾。(可以是自己演绎也可以是请教)
4、查看头部同类型内容,观察对方是否存在新突破点。
5、查看相似但不同类内容,观察是否有可融合点。
(很多时候打破现状的方法不仅是单一方法应用,更多的是多方法应用...有待补充)

12.参考

Slack
h2o
plaid