CN114816625A - 一种自动交互系统界面设计方法和装置 - Google Patents

Abstract

本发明提出一种自动交互系统界面设计方法，包括接收用户通过预设显示屏选择的交互模式和输入的反馈信息，根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格，利用预设交互式设计工具并以交互元素和界面风格为基础制作界面框架，依据界面框架生成新界面并进行呈现，本发明能够通过用户选择的交互模式以及反馈信息进行人机互动，使界面设计与用户紧密相关，更符合用户的需求，以用户的需求为基础进行界面设计，使得交互系统界面更加美观且能使用户更加快速、准确地进行相应的操作，提高产品的美观度和接受度，能够极丰富信息的表现形式，提高用户接受信息的效率。

Description

一种自动交互系统界面设计方法和装置

技术领域

本发明涉及系统界面设计技术领域，尤其涉及一种自动交互系统界面设计方法和装置。

背景技术

交互系统的界面设计是一个有不同学科参与的复杂工程，心理学、美学、人机工程学等在其中都有着举足轻重的地位，随着人们的生活水平以及生活质量的提高，市场智能产品交互界面在不同产品上都是固定一个风格，展示效果较差，单调的界面风格已经满足不了市场的定位以及不同用户智能化差异的需求，故需要通过结合美学和用户的需求设计出美观且方便使用的用户界面，提高产品的美观度和接受度，并使得人机交互方式呈多样性。

发明内容

为了解决上述问题，本发明提出一种自动交互系统界面设计方法和装置，以更加确切地解决上述市场智能产品交互界面在不同产品上都是固定一个风格，展示效果较差，单调的界面风格已经满足不了市场的定位以及不同用户智能化差异的需求，故需要通过结合美学和用户的需求设计出美观且方便使用的用户界面，提高产品的美观度和接受度，并使得人机交互方式呈多样性的问题。

本发明通过以下技术方案实现的：

本发明提出一种自动交互系统界面设计方法，包括：

接收用户通过预设显示屏选择的交互模式和输入的反馈信息，其中，所述交互模式包括但不限于是手势模式和触摸模式；

根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格；

利用预设交互式设计工具以所述交互元素和所述界面风格为基础制作界面框架；

依据所述界面框架生成新界面并进行呈现。

进一步的，所述根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格的步骤之后，还包括：

通过预设显示屏将所述交互元素进行显示；

接收用户以预设的原始交互方式选择的交互元素。

进一步的，所述接收用户以预设的原始交互方式选择的交互元素的步骤之后，还包括：

根据预设数据库对用户选择的交互元素进行任务语义的分析；

根据所述任务语义进行目的性操作。

进一步的，所述利用预设交互式设计工具并以所述交互元素和所述界面风格为基础制作界面框架的步骤中，还包括：

通过交互式设计工具按照所述界面风格进行随机处理以形成框架，并以所述任务语义作为界面反应方式。

进一步的，所述通过交互式设计工具按照所述界面风格进行随机处理以形成框架，并以所述任务语义作为界面反应方式的步骤中，还包括：

判断所述框架是否已通过预设显示屏进行确定；

若是，则进行显示；

若否，则持续进行随机处理。

进一步的，所述根据所述任务语义进行目的性操作的步骤中，还包括：

根据所述任务语义形成界面指令。

进一步的，所述依据所述界面框架生成新界面并进行呈现的步骤中，还包括：

将界面指令与所述界面框架建立连接，其中，所述界面框架以多种形式进行呈现，所述呈现形式包括但不限于是音频媒体和视频媒体。

进一步的，所述根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格的步骤中，还包括：

识别所述反馈信息包含的关键词；

扫描预设素材库以得到所述关键词相符的界面风格。

进一步的，所述扫描预设素材库以得到所述关键词相符的界面风格的步骤中，还包括：

判断所述素材库内是否包含与所述关键词对应的素材文件；

若是，则调用与所述关键词对应的素材文件；

若否，则不进行调用。

本发明还提出一种自动交互系统界面设计装置，包括：

接收模块，用于接收用户通过预设显示屏选择的交互模式和输入的反馈信息；

调取模块，用于根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格；

制作模块，用于利用预设交互式设计工具并以所述交互元素和所述界面风格为基础制作界面框架；

生成模块，用于依据所述界面框架生成新界面并进行呈现。

本发明的有益效果：

1、本发明能够通过用户选择的交互模式以及反馈信息进行人机互动，使界面设计与用户紧密相关，更符合用户的需求，以用户的需求为基础进行界面设计，使得交互系统界面更加美观且能使用户更加快速、准确地进行相应的操作，提高产品的美观度和接受度；

2、本发明的交互系统界面呈现形式可为音频媒体和视频媒体，能够极丰富信息的表现形式，提高用户接受信息的效率。

附图说明

图1为本发明的一种自动交互系统界面设计方法的方法步骤示意图；

图2为本发明的一种自动交互系统界面设计装置的装置结构框图。

具体实施方式

为了更加清楚完整的说明本发明的技术方案，下面结合附图对本发明作进一步说明。

请参考图1，本发明提出一种自动交互系统界面设计方法，包括：

S1，接收用户通过预设显示屏选择的交互模式和输入的反馈信息，其中，交互模式包括但不限于是手势模式和触摸模式；

S2，根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格；

S3，利用预设交互式设计工具以交互元素和界面风格为基础制作界面框架；

S4，依据界面框架生成新界面并进行呈现。

以上步骤中，用户在预设显示屏对交互模式进行选择，其中，交互模式包括但不限于是手势模式和触摸模式，在一具体实施例中，用户在预设显示屏选择手势模式，则交互系统界面通过手势进行控制，如将两个手指放在预设显示屏上并向下进行滑动，在其他实施例中，用户在预设显示屏选择的模式为触摸模式，则交互系统界面需要通过触摸来进行控制，如通过单击显示屏以启动运行，通过双击以使产品与电源断开，接着根据用户选择的交互模式调取对应的交互元素，预设交互元素库内储存有手势模式和触摸模式分别对应的多个交互元素，交互元素属于动作交互元素，表示某个交互动作，如单触、两指滑动、三指滑动等，调取后的交互元素会在显示屏进行显示，在用户通过预设显示屏对需要的交互元素进行选择后，对选择的交互元素进行分析，分析过程为将交互元素与任务语义进行配对，其中，任务语义为预设数据库内储存的运行指令的定义，每一个任务语义分别对应一条运行指令，任务语义为预设数据库内储存的运行指令的定义，在一具体实施例中，交互元素为两指滑动，而对应的任务语义为两个手指同时接触显示屏进行滑动以启动电源，即得到交互方式为两指滑动显示屏，接收用户通过预设显示屏和预设按键输入的需求反馈信息后，从预设素材库中调取与反馈信息对应的界面风格，其中，预设素材库储存有多个界面风格，并附有对应的名称，如简约风格、活力风格，根据用户输入的反馈信息，提取反馈信息里的关键词并与预设素材库内的界面风格名称进行判断，在一具体实施例中，用户输入的反馈信息为“使用起来简单方便”，则提取到的关键词为“简单”和“方便”，接着与界面风格中的简约风格的“简字”配对成功，此时调取的界面风格为简约风格，接着再利用预设交互式设计工具以交互元素和界面风格为基础进行随机处理以形成界面框架，最后将生成的新界面在显示屏进行呈现。

在一实施例中，根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格的步骤之后，还包括：

通过预设显示屏将交互元素进行显示；

接收用户以预设的原始交互方式选择的交互元素。

在具体实施时，将所有交互元素显示于显示屏，以供用户进行选择，显示形式包括但不限于是图片形式、文字形式和视频形式，在一具体实施例中，显示屏显示的交互元素为文字形式，如单触屏幕，在另一具体实施例中，显示屏显示的交互元素为视频形式，视频内容为四个手指向上滑动，接着用户以预设的原始交互方式对交互元素进行选择，其中，预设的原始交互方式为单触显示屏以使系统界面做出反应从而达到选择交互元素的目的，如单触显示屏显示的文字“单触屏幕”，此时选择的交互元素为单触屏幕。

在一实施例中，接收用户以预设的原始交互方式选择的交互元素的步骤之后，还包括：

根据预设数据库对用户选择的交互元素进行任务语义的分析；

根据任务语义进行目的性操作。

根据任务语义进行目的性操作的步骤中，还包括：

根据任务语义形成界面指令。

在具体实施时，在用户通过预设显示屏对需要的交互元素进行选择后，对选择的交互元素进行分析，分析过程为将交互元素与任务语义进行配对，再根据任务语义执行任务语义所定义的运行指令进行目的性操作，其中，任务语义为预设数据库内储存的运行指令的定义，每一个任务语义分别对应一条运行指令，在一具体实施例中，交互元素为两指滑动，而对应的任务语义为两个手指同时接触显示屏进行滑动以启动电源，最后根据任务语义与显示屏的设有的感应器内的控制指令进行合并以形成界面指令，如任务语义为两指滑动显示屏关闭电源，界面指令关闭电源，则感应器将控制指令为发送至预设电源端并控制电源关闭，在一具体实施例中，任务语义能够通过运行指令获得软件的使用权限，进而控制软件的开启和关闭。

在一实施例中，依据界面框架生成新界面并进行呈现的步骤中，还包括：

将界面指令与界面框架建立连接，其中，界面框架以多种形式进行呈现，呈现形式包括但不限于是音频媒体和视频媒体。

在具体实施时，在使用交互设计工具制作界面框架时，将界面指令与界面框架中的界面元素建立触发连接关系，即交互关系，由于界面指令和界面元素已经建立连接，故当用户对界面框架执行指定的交互元素的交互动作时，界面指令会自动被调用，通过用户对界面框架做出交互元素的交互动作进而使界面指令执行命令，其中，界面元素为界面框架中的内容，即界面框架中的图片或文字等，在一具体实施例中，界面框架呈现于显示屏并能够通过选择的交互元素触发新界面的界面框架进而触发与界面框架连接的界面指令，从而使界面指令被调用执行，即执行任务语义所定义的运行指令，在另一具体实施例中，新界面的呈现形式为视频媒体，即显示屏显示有视频，视频为触发区域且交互元素为单触，则能够通过单触视频使界面指令执行。

在一实施例中，根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格的步骤中，还包括：

识别反馈信息包含的关键词；

扫描预设素材库以得到关键词相符的界面风格。

扫描预设素材库以得到关键词相符的界面风格的步骤中，还包括：

判断素材库内是否包含与关键词对应的素材文件；

若是，则调用与关键词对应的素材文件；

若否，则不进行调用。

在具体实施时，接收用户通过预设显示屏和预设按键输入的需求反馈信息，并从预设素材库中调取与反馈信息对应的界面风格，其中，预设素材库储存有多个界面风格，并附有对应的名称，如简约风格、淡雅风格，根据用户输入的反馈信息，提取反馈信息里的关键词并判断素材库内是否包含有与关键词对应的素材文件，若有，则调用与关键词对应的素材文件，若否，则不进行调用，在一具体实施例中，用户输入的反馈信息为“使用起来简单方便”，则提取到的关键词为“简单”和“方便”，接着与界面风格中的简约风格的“简字”配对成功，此时，即判断素材库内包含有与关键词对应的素材文件，并调取的界面风格为简约风格，在另一具体实施例中，用户输入的反馈信息为“淡雅操作界面”，则提取到的关键词为“淡雅”，接着扫描预设素材库得到界面风格“淡雅风格”的结果，此时调取的界面风格为淡雅风格。

在一实施例中，利用预设交互式设计工具并以交互元素和界面风格为基础制作界面框架的步骤中，还包括：

通过交互式设计工具按照界面风格进行随机处理以形成框架，并以任务语义作为界面反应方式。

在具体实施时，以界面风格为基础并通过现有的交互设计工具对界面风格进行随机修改或进行更换处理以形成新的界面框架，其中，预设交互设计工具包括但不限于是色彩更换和裁剪，最后得到新的界面框架，如Axure（一种交互设计工具），能够自定义动态面板以及建立页面逻辑的动态演示文件，在使用交互设计工具制作界面框架时，将界面指令与界面框架中的界面元素建立触发连接关系，当以交互元素触发界面框架时，与之建立触发连接的界面指令会立即被调用后执行，即执行任务语义所定义的运行指令，如双指单触界面内的动画，此时界面指令被调用后执行任务语义所定义的运行指令，此时的运行指令为放大画面，此时显示屏显示的画面放大。

在一实施例中，通过交互式设计工具按照界面风格进行随机处理以形成框架，并以任务语义作为界面反应方式的步骤中，还包括：

判断框架是否已通过预设显示屏进行确定；

若是，则进行显示；

若否，则持续进行随机处理。

在具体实施时，形成的框架会以预览形式呈现于显示屏，若用户接收则能够通过单触显示屏对形成的框架进行确定，而进行确实后的框架将显示于显示屏，而没有通过显示屏确定的框架，会通过交互式设计工具继续进行随机处理，直至用户通过显示屏对框架进行确定。

综上： 在具体实施时，用户在预设显示屏对交互模式进行选择，其中，交互模式包括但不限于是手势模式和触摸模式，接着根据用户选择的交互模式调取对应的交互元素，预设交互元素库内储存有手势模式和触摸模式分别对应的多个交互元素，如单触、两指滑动、三指滑动等，调取后的交互元素会在显示屏进行显示，在用户通过预设显示屏对需要的交互元素进行选择后，对选择的交互元素进行分析，分析过程为将交互元素与任务语义进行配对，其中，任务语义为预设数据库内储存的运行指令的定义，每一个任务语义分别对应一条运行指令，任务语义为预设数据库内储存的运行指令的定义，在一具体实施例中，交互元素为两指滑动，而对应的任务语义为两个手指同时接触显示屏进行滑动以启动电源，即得到交互方式为两指滑动显示屏，接着再将得到的任务语义进行存档，接收用户通过预设显示屏和预设按键输入的需求反馈信息，并从预设素材库中调取与反馈信息对应的界面风格，其中，预设素材库储存有多个界面风格，并附有对应的名称，如简约风格、活力风格，根据用户输入的反馈信息，提取反馈信息里的关键词并与界面风格名称进行配对，接着再利用预设交互式设计工具按照界面风格进行随机处理以形成界面框架，最后将生成的新界面在显示屏进行呈现。

参考附图2，一种自动交互系统界面设计装置，包括：

接收模块10，用于接收用户通过预设显示屏选择的交互模式和输入的反馈信息；

调取模块20，用于根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格；

制作模块30，用于利用预设交互式设计工具并以交互元素和界面风格为基础制作界面框架；

生成模块40，用于依据界面框架生成新界面并进行呈现；

接收单元，用于接收用户以预设的原始交互方式选择的交互元素；

分析单元，用于根据预设数据库对用户选择的交互元素进行任务语义的分析；

执行单元，用于根据任务语义进行目的性操作；

处理单元，用于通过交互式设计工具按照界面风格进行随机处理以形成框架，并以任务语义作为界面反应方式；

第一判断子单元，用于判断框架是否已通过预设显示屏进行确定；

识别单元，用于识别反馈信息包含的关键词；

扫描单元，用于扫描预设素材库以得到关键词相符的界面风格；

第二判断子单元，用于判断素材库内是否包含与关键词对应的素材文件；

调用子单元，用于若是，则调用与关键词对应的素材文件。

在具体实施时，首先接收模块10接收用户通过预设显示屏选择的交互模式和输入的反馈信息，调取模块20根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格，制作模块30利用预设交互式设计工具并以交互元素和界面风格为基础制作界面框架，生成模块40依据界面框架生成新界面并进行呈现，接收单元接收用户以预设的原始交互方式选择的交互元素，分析单元根据预设数据库对用户选择的交互元素进行任务语义的分析，执行单元根据任务语义进行目的性操作，处理单元通过交互式设计工具按照界面风格进行随机处理以形成框架，并以任务语义作为界面反应方式，第一判断子单元判断框架是否已通过预设显示屏进行确定，识别单元识别反馈信息包含的关键词，扫描单元扫描预设素材库以得到关键词相符的界面风格，第二判断子单元判断素材库内是否包含与关键词对应的素材文件，最后调用子单元调用与关键词对应的素材文件。

综上， 在具体实施时，用户在预设显示屏对交互模式进行选择，接收模块10接收用户通过预设显示屏选择的交互模式和输入的反馈信息，调取模块20根据交互模式调取对应的交互元素，同时从预设素材库中调取与反馈信息对应的界面风格，制作模块30利用预设交互式设计工具并以交互元素和界面风格为基础制作界面框架，期间，接收单元接收用户以预设的原始交互方式选择的交互元素，分析单元根据预设数据库对用户选择的交互元素进行任务语义的分析，执行单元根据任务语义进行目的性操作，处理单元通过交互式设计工具按照界面风格进行随机处理以形成框架，并以任务语义作为界面反应方式，第一判断子单元判断框架是否已通过预设显示屏进行确定，识别单元识别反馈信息包含的关键词，扫描单元扫描预设素材库以得到关键词相符的界面风格，第二判断子单元判断素材库内是否包含与关键词对应的素材文件，调用子单元调用与关键词对应的素材文件，最后，生成模块40依据界面框架生成新界面并进行呈现。

当然，本发明还可有其它多种实施方式，基于本实施方式，本领域的普通技术人员在没有做出任何创造性劳动的前提下所获得其他实施方式，都属于本发明所保护的范围。

Claims (10)

1.一种自动交互系统界面设计方法，其特征在于，包括：

接收用户通过预设显示屏选择的交互模式和输入的反馈信息，其中，所述交互模式包括但不限于是手势模式和触摸模式；

根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格；

利用预设交互式设计工具以所述交互元素和所述界面风格为基础制作界面框架；

依据所述界面框架生成新界面并进行呈现。

2.根据权利要求1所述的自动交互系统界面设计方法，其特征在于，所述根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格的步骤之后，还包括：

通过预设显示屏将所述交互元素进行显示；

接收用户以预设的原始交互方式选择的交互元素。

3.根据权利要求2所述的自动交互系统界面设计方法，其特征在于，所述接收用户以预设的原始交互方式选择的交互元素的步骤之后，还包括：

根据预设数据库对用户选择的交互元素进行任务语义的分析；

根据所述任务语义进行目的性操作。

4.根据权利要求3所述的自动交互系统界面设计方法，其特征在于，所述利用预设交互式设计工具并以所述交互元素和所述界面风格为基础制作界面框架的步骤中，还包括：

通过交互式设计工具按照所述界面风格进行随机处理以形成框架，并以所述任务语义作为界面反应方式。

5.根据权利要求4所述的自动交互系统界面设计方法，其特征在于，所述通过交互式设计工具按照所述界面风格进行随机处理以形成框架，并以所述任务语义作为界面反应方式的步骤中，还包括：

判断所述框架是否已通过预设显示屏进行确定；

若是，则进行显示；

若否，则持续进行随机处理。

6.根据权利要求3所述的自动交互系统界面设计方法，其特征在于，所述根据所述任务语义进行目的性操作的步骤中，还包括：

根据所述任务语义形成界面指令。

7.根据权利要求6所述的自动交互系统界面设计方法，其特征在于，所述依据所述界面框架生成新界面并进行呈现的步骤中，还包括：

将界面指令与所述界面框架建立连接，其中，所述界面框架以多种形式进行呈现，所述呈现形式包括但不限于是音频媒体和视频媒体。

8.根据权利要求1所述的自动交互系统界面设计方法，其特征在于，所述根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格的步骤中，还包括：

识别所述反馈信息包含的关键词；

扫描预设素材库以得到所述关键词相符的界面风格。

9.根据权利要求8所述的自动交互系统界面设计方法，其特征在于，所述扫描预设素材库以得到所述关键词相符的界面风格的步骤中，还包括：

判断所述素材库内是否包含与所述关键词对应的素材文件；

若是，则调用与所述关键词对应的素材文件；

若否，则不进行调用。

10.一种自动交互系统界面设计装置，其特征在于，包括：

接收模块，用于接收用户通过预设显示屏选择的交互模式和输入的反馈信息；

调取模块，用于根据所述交互模式调取对应的交互元素，同时从预设素材库中调取与所述反馈信息对应的界面风格；

制作模块，用于利用预设交互式设计工具并以所述交互元素和所述界面风格为基础制作界面框架；

生成模块，用于依据所述界面框架生成新界面并进行呈现。

Images