自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 UI界面设计十原则

优秀的UI工程师做出来的系统类界面不会十分华丽,页面中没有任何分散用户注意力打搅用户操作的元素。另外如果用户的行为引起了一个错误,在恰当的时机运用信息显示什么行为是错误的,并确保他/她们明白如何防止这种错误的再次发生。在系统软件中用户的大部分时间都消耗在界面操作中(数据录入、数据修改、数据查阅、等等),这点与浏览为主的网站类页面的用户操作完全不同。我们无需画蛇添足,用户希望在新创造的界面中看到那些、已有的、相似功能的、或遵循基本操作方式的软件界面。了解用户,因为用户的目标就是你的目标。

2024-01-29 08:58:20 388

原创 交互设计的一些原则

尽量符合用户习惯的设计,让人接受陌生的东西需要代价,除非我们觉得这个代价是必须的。 在页面把越重要的东西越突出,建立清楚的视觉层次。 可以点击的地方必须突出,让人明显知道可以点击。 把页面划分成明确定义的区域 省略多余的文字

2024-01-22 08:58:18 347

原创 设计中的异常流程

例如,在能碳系统里有一个碳核算的功能,碳排放=排放因子*活动数据(活动数据即能源消耗量),活动数据由用户自行输入,排放因子是由我们配置的同时部分排放因子区分行业或地域,尽管我们的数据库覆盖了我们主流用户所属的行业和地域,但后端提出仍有极小的可能性接入的企业没有相匹配的排放因子。此外,这种上下游配置因为某一环节的缺失导致的异常流程,可能我们第一想法是在上游配置环节就进行限制,不做好配置就无法进入下一环节。但在实际工作中我发现,这种上下游往往不是单一的线性,而是多页面多任务协同,所以发生异常的概率还是很大的。

2024-01-14 22:41:23 390 1

原创 测试用例如何编写

(4)还要考虑兼容性问题、浏览器兼容、操作系统兼容性,如果是app测试还要考虑中断测试、弱网测试等;设计用例时也要注意涉及到的数据库中的字段值是否正确;注意新增接口、新增字段的用例的设计;(5)除了用xmind整理测试点,也可以这样:根据需求文档找到角色和功能模块的匹配关系,输出usecase图---输出流程图---依据业务规则、usecase、流程图输出测试用例。(2)根据测试用例设计方法 + 经验 + 拆分后的测试点 + 通用用例约束。(3)写用例的思路:产品需求-测试需求-测试点-测试用例;

2024-01-08 08:26:40 373

原创 UI排版4大黄金原则

右边界面所有元素看起来都很重要,没有一个明确的视觉方向指引,看起来有颜色的都能点击?顶部视觉焦点第一也是导航比较重要的一部分,下面介绍设计师和联系图标,右边页面顶部视觉重量大,里面文字通过明暗关系区分层级。左边图标和右边列表形成一个竖向轴的概念,那么就会有线,线连接元素的方向。上图左侧界面中,作者通过图形黑色块来强调重要的Button,这样能吸引你的注意力,关键元素高亮显示,比如添加小图标。视觉焦点就是在界面中占主导地位的视觉元素,第一时间进入你眼睛,在整个设计中不能强调所有设计元素;

2024-01-02 08:14:37 404

原创 如何合理安排一天的工作时间

2.设定番茄工作法定时器至N分钟(通常为25分钟)3.持续工作至定时器提示,记下一个X。5.每4个X,休息15-20分钟。4.短暂休息3-5分钟。1.决定待完成的任务。

2023-12-25 08:37:38 385 1

原创 操作手册编写注意事项

确定操作手册的目标和受众。明确手册的目的是为了解决哪些问题,针对哪些用户群体的需求。这有助于确定手册的内容和风格。 分析操作流程。先对产品的各项操作进行分析,确定每个功能的使用方法和注意事项,并把操作流程按照逻辑顺序组织起来。 制作手册大纲。根据操作流程,制作手册的目录结构,建立相应的章节和小节。 编写手册内容。在每个章节中,详细描述每个功能和操作步骤,用简单易懂的语言进行解释,并提供相关的截图或说明示意图。 优化展示效果。在撰写手册时,应考虑增加版面设计和排版技巧,例如使用项目符号来清晰的表达流程

2023-12-18 08:15:51 433 1

原创 关于测试,你需要知道的

路径测试就是测试程序的流程路径,想遍历全部路径几乎是不可能的,不测试或者胡乱找几条路径测试却又不行,输入与对应的输出之间的路径是唯一的。由于接口测试时的输入要有代表性的,因此相应的路径也具有代表性,制定的路径测试检查表应该包括:数据类型、变量值、逻辑判断、循环、内存管理、文件I/O、错误处理。压力测试也叫负荷测试,即获取系统能正常运行的极限状态。性能测试即测试软件处理事务的速度,一是为了检验性能是否符合需求,二是为了得到某些性能数据供人们参考,有时人们关心测试的“绝对值” ,有时关心测试的“相对值”。

2023-12-11 08:24:02 338 1

原创 中继器的使用

最上面是查询条件和添加按钮,中间的表格是一个中继器,最下面是分页操作,还有一个隐藏的弹窗,用来添加和修改数据用的。

2023-12-04 11:27:53 335

原创 如何进行G端需求调研

项目立项前,我们通过现有资料:投标书、合同等,得出:这个项目有哪些功能。只有我们前提足够了解建设内容,我们才能根据建设内容,依据业务进行闭环逻辑先进行原型设计,因为原型设计稿与客户沟通的时候比较直观避免各自理解的想法存在冲突,而且原型设计过程中我们会发现逻辑问题进行记录为后续与业主调研的时候做确认。①是收集公司自己内部做的TO G项目②是找竞争公司官网发布的项目案例介绍信息③是可以找站酷、花瓣网或者axure官网上别人分享案例成果去借鉴④可以跟客户调研的时候去了解客户单位的项目产品等等。

2023-11-26 14:39:44 929 1

原创 G端需求调研注意事项

该阶段明确业务数据源的来源和内容,掌握需对接的第三方平台及单位,确认需要协调的资源,避免不确定的风险,为方案选择和实施能带来较大便利。项目有计划,研发有流程。再确认环节为不影响项目整体进度,需想尽办法拿到决策方、拍板人的意见,向客户阐述现状及利弊,必要时通过市场、项目侧推动,否则因需求反复造成的返工情况,会严重影响工期和团队积极性。若是以部门为单位的集中式调研,调研清单要设计合理,给客户足够的考虑时间,最好提供相应的建议和案例,让相关部门提前思考和准备,能提前拉群沟通和提前获取业务相关资料更好。

2023-11-20 10:18:46 101 1

原创 什么是用户界面设计

如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。7)方便退出,如手机的退出,是按一个键完全退出,还是一层一层的退出。如:电话、打印机的图标设计,尊重用户以往的使用经验。

2023-11-12 15:11:46 46 1

原创 如何写一份prd文档

以登录为例,分支流程包括找回密码、密码登录等,分支流程非必须,简单的分支流程可以直接通过主流程体现,具体可以视情况按照一定颗粒度进行拆分。当用户完成输入并提交时,后端应该做什么校验,不同输入该怎么处理,不同结果该返回什么值,最好通过业务流程图+文字来描述,确保逻辑完整。此外,还要考虑功能涉及到哪些数据,表结构怎样设计,这些会涉及大量细节,PRD大部分内容,都是在描述这些细节。这个用例涉及哪些数据,可以通过数据字典描述,这一步非必须,最终表结构也不一定就是这样,只是给开发一个参考。

2023-11-06 09:56:27 137 1

原创 什么是视觉风格

苹果的设计强调平滑的曲线和圆润的边缘,常常使用明亮的颜色,注重图像和照片的质量。视觉风格”是风格的一个具体领域,通常用在艺术、设计和多媒体上,比如插画风、摄影风、平面风、网页风、OS系统风格等。比如现在的HMI,HUD,数据可视化设计,风格都被设计的有很强的科技感,会用到很多偏科技感的光效,蓝色,以深色居多。这种设计通常会用到大面积的留白,以及黑白灰的颜色搭配,高质量的大图,使得整个设计具备很强的高级感。扁平设计是一种简化的设计风格,通常会用明亮的颜色、清晰的图标和简化的界面元素。一:如何拆解视觉风格。

2023-10-30 10:13:34 102 1

原创 可视化大屏设计

常见的可视化实现方式是二维加三维相结合,比如大屏两侧的可视化图表可以用 Echarts这种第三方的轻量化图表控件或者Vue来去实现。主视觉部分会基于等工具去实现。

2023-10-22 20:09:54 206

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除