一种用户界面的设计方法及装置制造方法及图纸

本申请实施例提供了一种用户界面的设计方法及装置，利用迁移恰当加工理论，在用户界面设计之初，用户可利用滑尺，圈定用户界面中特定部分具有易用性的位置，在用户界面完成初步设计，进行测试调整过程中，用户还可利用滑尺，根据已观看过的待测试的用户界面，圈定特定部分所在的位置并绘制出该特定部分的具体细节，设计者可根据用户绘制的该特定部分的图形，与待测试的用户界面中该特定部分所在范围的重合度以及细节的符合度，确定该设定部分的设计是否具有易用性，本申请实施例可提高了所设计的用户界面的易用性。

【技术实现步骤摘要】

本申请涉及计算机
，尤其涉及一种用户界面的设计方法及装置。
技术介绍
在现有软件界面、网页等用户界面的设计过程中，用户界面的设计者一般按照自己个人的设计意图来设计各部分的布局、各功能组件、背景图片等，这样，用户界面最终所呈现出来的使用效果，往往会根据每个设计者的知识背景、喜好和使用习惯等因素产生巨大差异。由于缺乏对用户界面使用效果客观的评价工具，采用这种设计方法所设计出的用户界面，显然不一定能够满足普通用户对于网页的使用需求，达到最佳的使用的效果。在用户界面初步设计完成之后，往往会使用让参与测试者使用软件或者页面之后，根据自身对用户界面使用感受，然后做出评价，设计者根据用户的评价，对网页的各部分进行修改和调整，这个过程中，同样由于缺乏对用户界面使用效果客观的评价工具，受不同参与测试者的知识背景、喜好和审美观念等因素的影响，无法客观地、准确地反映用户界面的最终使用效果，从而影响到最终生成的用户界面的使用效果。
技术实现思路
本申请实施例提供的用户界面的设计方法及装置，为使用户界面的设计达到较好的使用效果提供了一种客观的、可量化的辅助设计手段。具体地，本申请实施例提供的用户界面的设计本文档来自技高网...

【技术保护点】
一种用户界面的设计方法，其特征在于，包括：根据设计指令，向其返回包含用户界面的设计模板的页面；所述设计模板的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标；针对设计模板中的每个设定部分，接收用户输入的滑动指令，在所述页面中，将所述滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置；将滑动后的各滑动尺图标之间圈定的范围作为该设定部分所在的范围，完成该设定部分的设计。

【技术特征摘要】
1.一种用户界面的设计方法，其特征在于，包括: 根据设计指令，向其返回包含用户界面的设计模板的页面；所述设计模板的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标； 针对设计模板中的每个设定部分，接收用户输入的滑动指令，在所述页面中，将所述滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置； 将滑动后的各滑动尺图标之间圈定的范围作为该设定部分所在的范围，完成该设定部分的设计。2.如权利要求1所述的方法，其特征在于，根据滑动指令，将所述滑动指令指定的滑动尺图标移动至对应位置，具体包括: 解析滑动指令中携带的滑动尺标识、滑动方向和滑动位移； 根据所述滑动尺标识，确定需要发生滑动的滑动尺图标； 根据所述需要发生滑动的滑动尺图标当前在所述标尺上的起始位置、所述滑动方向和滑动位移，计算出所述滑动尺图标在所述标尺上的目的位置，并将所述滑动尺图标移动至所述目的位置。3.如权利要求1或2所述的方法，其特征在于，滑动后的各滑动尺之间圈定的范围通过下述方式确定: 根据滑动后的横向滑动尺图标和/或纵向滑动尺图标在所述标尺上的目的位置，确定各滑动尺之间圈定的范围的边界坐标。4.一种用户界面的设计方法，其特征在于，包括: 向用户显示待测试的用户界面； 在关闭所述待测试的用户界面后，向所述用户推送测试页面，所述测试页面的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标； 针对待测试的用户界面的每个设定部分，接收用户输入的滑动指令，将滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置； 接收用户在滑动后的各滑动尺图标之间圈定的范围中输入的绘图指令，在所述圈定的范围内绘制该设定部分对应的图形； 将绘制的图形，与所述待测试的用户界面中该设定部分相比较，并根据比较结果确定是否需要调整该设定部分。5.如权利要求4所述的方法，其特征在于，将绘制的图形，与待测试的用户界面中该设定部分相比较，并根据比较结果确定是否需要调整该设定部分，具体包括: 将绘制的图形所占的范围，与该设定部分在待测试的用户界面中所占范围相比较，确定绘制的图形所占的范围和该设定部分在待测试的用户界面中所占范围之间的重叠部分； 计算该设定部分在所述待测试的用户界面中所占范围的面积大小，以及根据所述标尺和所述滑尺上的刻度，计算出所述重叠部分的面积大小； 计算所述重叠部分的面积大小与所述设定部分在所述待测试的用户界面中所占范围的面积大小之间的比值； 当所述比值大于设定的阈值时，确定不需要调整该设定部分；否则，确定需要调整该设定部分。6.如权利要求4或5所述的方法，其特征在于，所述绘图指令，为用户针对其观看过的待测试的用户界面中该设定部分中各功能组件的绘图指令； 在所述圈定的范围内绘制所述设定部分对应的图形，具体包括: 解析所述绘图指令，在所述圈定的范围内分别绘制所述绘图指令指定的各功能组件对应的子图形。7.如权利要求6所述的方法，其特征在于，还包括:当确定需要调整该设定部分时，根据绘制的图形所在测试页面中的位置，调整所述设定部分在待测试的用户界面中的位置； 以及将绘制的各功能组件对应的子图形，与待测试的用户界面中该设定部分进行比较，对于未包含在绘制的子图形中的功能组件进行调整。8.一种用户界面的设计装置，其特征在于，包括: 推送模块，用于根据设计指令，向其返回包含用户界面的设计模板的页面；所述设计模板的外框由多个标尺组成，且在各标尺之间分别设置有多个横向和纵向滑动尺图标； 接收模块，用于针对设计模板中的每个设定部分，接收用户输入的滑动指令； 滑动执行模块，用于在所述页面中，将所述滑动指令指定的横向滑动尺图标和/或纵向滑动尺图标移动至对应位置； 设计模块，用于将滑动后的各滑动尺图标之间圈定的范围作为该设定部分所在的范围，完成该设定部分的设计。9.如权利要求8所述的装置，其特征在于，滑动执行模块，具体用于解析用户输入的滑动指令中携带的滑动尺标识、滑动方向和滑...

【专利技术属性】
技术研发人员：高洁，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：