网站首页 > 博客文章 正文
基于COMOS开放的编程接口,管理员可以为同一用户需求提供多种解决方案。但如果解决方案仅仅是满足用户需求而忽略交互设计,可能会带来很差的用户体验,减少用户的使用积极性,无法发挥软件最大的价值。
今天就通过一个实际案例,一起了解下交互设计的重要性,以便引起大家对方案优化和后期迭代的重视。
首先介绍下案例需求:用户可通过拖拽控制点绘制出下图所示图形,并允许移动箭头位置和拐点位置。
接下来介绍下差、中、优三种解决方案。
方案1(交互体验差):
将控制点设置在箭头中部,“水平处控制点”负责“垂直箭头”的左右移动,“水平控制点”上下移动时,图例不执行任何动作,如下图所示:
“垂直控制点”负责“水平箭头”的上下移动,“垂直控制点”左右拖拽时图例不变化,如下所示:
在工具条位置选择“带拐点”的复选框,实现绘制拐点。
从以上操作演示来看,效果还不错,完全符合用户需求。接下来做个组合操作,看下会发生什么?
组合操作后,控制点的位置完全没有规律,用户很难快速判断移动“水平箭头”该拖拽哪个控制点。
方案2(基于方案1优化)
将方案1中的水平控制点和垂直控制点做限制,水平控制点仅可水平移动,如下所示
垂直控制点只可上下移动,如下所示
通过限制可以减少控制点混乱的状态,以下是组合操作演示
经过优化,方案2可以保证大部分情况下控制点在图例的相关直线上,方便用户识别,但有时还是会出现下图所示的控制点混乱的情况。
方案3(友好交互)
控制点布置在箭头顶端,所动即所得。
最后再跟大家分享几个图例定制成果,仅供参考
1.任意增加箭头数量和移动箭头位置(基于三角函数换算实现)
2.根据需要添加卧式容器的水包和移动水包位置
3.绘制云线
?就到这里,欢迎关注分享~
推荐阅读:
- 上一篇: 软件架构设计系列之三(软件开发方法)
- 下一篇: 文档 接口管理工具(接口文档包括的内容)
猜你喜欢
- 2024-10-05 软件开发项目管理中的矩阵图:工具应用与实例解析
- 2024-10-05 软件架构设计系列之三(软件开发方法)
- 2024-10-05 区块链钱包系统软件开发详情(搭建案例)
- 2024-10-05 餐饮外卖小程序开发定制案例赏析(外卖小程序源码可运营可二次开发)
- 2024-10-05 收入准则应用案例——定制软件开发服务的收入确认
- 2024-10-05 09、循环结构:for循环案例-求水仙花数 #软件开发
- 2024-10-05 设计模式——软件开发的实用宝典(设计模式软件工程)
- 2024-10-05 教育软件开发案例-互动课堂云平台
- 2024-10-05 进入IT行业这么久,你真的了解整个软件开发的流程?看完就懂了!
- 2024-10-05 软件开发的流程(软件开发的流程及工具)
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- ifneq (61)
- 字符串长度在线 (61)
- googlecloud (64)
- messagesource (56)
- promise.race (63)
- 2019cad序列号和密钥激活码 (62)
- window.performance (66)
- qt删除文件夹 (72)
- mysqlcaching_sha2_password (64)
- ubuntu升级gcc (58)
- nacos启动失败 (64)
- ssh-add (70)
- jwt漏洞 (58)
- macos14下载 (58)
- yarnnode (62)
- abstractqueuedsynchronizer (64)
- source~/.bashrc没有那个文件或目录 (65)
- springboot整合activiti工作流 (70)
- jmeter插件下载 (61)
- 抓包分析 (60)
- idea创建mavenweb项目 (65)
- vue回到顶部 (57)
- qcombobox样式表 (68)
- tomcatundertow (58)
- pastemac (61)
本文暂时没有评论,来添加一个吧(●'◡'●)