本人是从业6年多的『交互+产品』综合体，2年移动产品经验 4年移动交互经验，但PC端桌面程序是从业来第一次设计。可算是浑浑噩噩、跌跌撞撞的走过来，其中有很多收获，想着以写简书的方式记录下来，希望大家多多指教！
接下来进入正题
产品的开发框架：Electron
产品描述：一个即时任务流展示平台，业务方接入平台后，可以按照规范自定义任务流内容，及推送到桌面程序的触发规则
桌面程序主页面：
桌面程序主页面
踩坑1：程序的拖动规则
最开始没有细化拖动规则与可拖动区域，所以上线后会造成以下BUG
1.全选拖动全选输入框内的文本
2.无法复制粘贴某页面的文本
3.程序的可拖动区域小，不易拖动操作
4.点击按钮与拖动窗口冲突，导致最终反馈与操作目的不符
解决方案：可操作部分不可拖动，其余部分都可拖动。如：业务任务流、搜索框、按钮
收获：
① 不能依据鼠标的形状（箭头、竖线、手指）去判断是否可以拖动
② 小窗口类型的桌面程序，一定要定制大片区域可拖动
③ 业务任务流需统一拖动规范，统一在业务任务流展示区域内不支持拖动
④ 因为是平台类的产品应考虑业务方的接入成本去设计规则
踩坑2：按钮内文字展示不全处理方式
共有两种方式可选
方案1：hover在按钮上后，文字滚动展示更多，如下图：
滚动展示示例图
方案2：hover在按钮上出现tips，并在上面展示全文字，如下图：
tips示例图
两者都能解决，但是选后者，后者更高效
持续更新中...
网友评论