从0到1搭建PC桌面程序产品的踩坑总结

本人是从业6年多的『交互+产品』综合体，2年移动产品经验 4年移动交互经验，但PC端桌面程序是从业来第一次设计。可算是浑浑噩噩、跌跌撞撞的走过来，其中有很多收获，想着以写简书的方式记录下来，希望大家多多指教！

接下来进入正题

产品的开发框架：Electron

产品描述：一个即时任务流展示平台，业务方接入平台后，可以按照规范自定义任务流内容，及推送到桌面程序的触发规则

桌面程序主页面：

桌面程序主页面

踩坑1：程序的拖动规则

最开始没有细化拖动规则与可拖动区域，所以上线后会造成以下BUG

1.全选拖动全选输入框内的文本

2.无法复制粘贴某页面的文本

3.程序的可拖动区域小，不易拖动操作

4.点击按钮与拖动窗口冲突，导致最终反馈与操作目的不符

解决方案：可操作部分不可拖动，其余部分都可拖动。如：业务任务流、搜索框、按钮

收获：

① 不能依据鼠标的形状（箭头、竖线、手指）去判断是否可以拖动

② 小窗口类型的桌面程序，一定要定制大片区域可拖动

③ 业务任务流需统一拖动规范，统一在业务任务流展示区域内不支持拖动

④ 因为是平台类的产品应考虑业务方的接入成本去设计规则

踩坑2：按钮内文字展示不全处理方式

共有两种方式可选

方案1：hover在按钮上后，文字滚动展示更多，如下图：

滚动展示示例图

方案2：hover在按钮上出现tips，并在上面展示全文字，如下图：

tips示例图

两者都能解决，但是选后者，后者更高效

持续更新中...