导图社区 B类产品WEB端设计要点
B类产品WEB端设计要点解析思维导图。
社区模板帮助中心，点此进入>>
互联网9大思维
产品立项报告
组织架构-单商户商城webAPP 思维导图。
域控上线
产品经理如何做好项目管理
python思维导图
经验分享：产品经理必懂的产品思维
产品诞生过程
产品周期图
css
B类产品WEB端设计要点
TO B产品服务的三种模式
IAAS：Infrastructure As a Service
基础设施即服务
表现形式：厂商提供服务器，纯粹网络硬件，客户可以租用
如：阿里云服务器、腾讯云、百度云
SAAS：Software As a Service
软件即服务
表现形式：企业根据需要提供租赁软件的服务
如：钉钉软件
PAAS：Platform As a Service
平台即服务
表现形式：厂商提供开发服务器环境
如：SDK/DEMO 给客户使用的环境
设计需要注意的那些坑
流程与逻辑
1. 理解需求
理解专用名词
如消息队列、OSS
免费试用按钮
样式为实心、左对齐
不要轻易改变用户习惯，影响产品转化率
总结
在不了解需求的情况下，不要开始设计
要理解产品现阶段需求目标，检验设计是否符合商业目的
2. 竞品分析
Intercom
注重创新，表现在设计和产品定位
S 优点
用插画的形式表达产品功能，故事性、趣味性强
W 缺点
官网和后台风格不统一，后台功能相对较少，没有工单和机器人
O 机会
用户体验至上的公司，易吸引客户，优秀的设计来降低运营
T 威胁
不专业的问答工具可能影响公司的工作效率
zendesk
国外最早的客服产品
最早的云计算客服服务中心
国内无服务器，很难扩展业务
有一定的知名度，产品相对成熟
商业模式过于传统，没有垄断地位
美洽
国内最早打造最美的在线客服软件
国内最早的客服软件，起步早
创业公司，资金短缺，为生存增加影响用户体验的设计
创业公司灵活，如能抓住机会，有机会开拓新市场
国内投资人较少关注客服系统，资金短缺，巨头开始进入
SWOT分析法，对竞品所处情境进行全面的、系统的、准确的研究
通过分析，结合自身的优缺点，深入竞品是做好设计的前提
竞品分析不要表面，要从中得到启发，对后期设计有帮助
3. 交互框架
交互稿
视觉稿要调离交互稿的局限
尊重合格的交互稿，优化有BUG的交互稿
避免参考交互稿的排版，调入交互稿的陷阱
跳出设计框架，展现美感度好的界面
4. 搜集素材
TO B与TO C的投资比例：中国98%TO C，2%TO B
网站找灵感，多交流
避免参考有问题的设计素材
平时手机TO B类素材网站
将收集好的素材进行可行性评估
5. 内部讨论
提前准备好表达你想法的素材、参加讨论
需要利用团队的力量，寻找更多可行性的设计方案
6. 视觉表现
开始做到2-3个视觉方案
表达设计思路：相关的视觉规范
小的动效：增加页面流量的活跃性
产品展示模块
C端的产品可以使用图片展示
B端产品展示比较抽象化
头图：建议原创拍摄
针对产品做一些辅助图形：用于装饰、底色搭配
7. 内部评审
确定设计思路是否符合产品定位和商业目标
确定设计方案是否满足用户需求
确定设计是否符合用户体验的标准
避免绕过内部评审到外部评审
8. 外部评审
确定设计方案是否达到业务方的预期
确定设计方案中的细节是否存在开发实现性的问题
集中收集不同岗位的意见
9. 修改定稿
需要提炼评审时所提的意见并修改
10. 切图开发
在PC端，1920屏幕中1倍图和2倍图都是高清的
在MAC端，1920屏幕中1倍图是模糊的
切题用2倍图
