CN105096477A - 一种实现智能柜台的界面的方法及装置 - Google Patents
一种实现智能柜台的界面的方法及装置 Download PDFInfo
- Publication number
- CN105096477A CN105096477A CN201510473661.0A CN201510473661A CN105096477A CN 105096477 A CN105096477 A CN 105096477A CN 201510473661 A CN201510473661 A CN 201510473661A CN 105096477 A CN105096477 A CN 105096477A
- Authority
- CN
- China
- Prior art keywords
- page
- district
- homepage
- display
- logo
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 121
- 230000008569 process Effects 0.000 claims abstract description 76
- 238000010586 diagram Methods 0.000 claims description 30
- 230000000694 effects Effects 0.000 claims description 11
- 238000012986 modification Methods 0.000 claims description 7
- 230000004048 modification Effects 0.000 claims description 7
- 238000012545 processing Methods 0.000 abstract description 7
- 238000013461 design Methods 0.000 description 20
- 230000003993 interaction Effects 0.000 description 5
- 230000004044 response Effects 0.000 description 4
- 230000009471 action Effects 0.000 description 3
- 238000012795 verification Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 230000002860 competitive effect Effects 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000012549 training Methods 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- TZCXTZWJZNENPQ-UHFFFAOYSA-L barium sulfate Chemical compound [Ba+2].[O-]S([O-])(=O)=O TZCXTZWJZNENPQ-UHFFFAOYSA-L 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000002996 emotional effect Effects 0.000 description 1
- 230000003203 everyday effect Effects 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000033764 rhythmic process Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种实现智能柜台的界面的方法及装置,该方法包括:预先设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;在所述首页的功能区中显示至少一个业务按钮;当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度;在所述内页的操作区中显示用于用户操作的操作页。通过本发明的一种实现智能柜台的界面的方法及装置,能够提高业务处理效率。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种实现智能柜台的界面的方法及装置。
背景技术
在互联网金融冲击的时代,银行业竞争日趋加剧,网点渠道作为当前银行最重要的竞争优势愈加受到重视。然而,当前网点主要业务处理还是来自柜面,普遍存在柜员压力大、工作时间长,以及客户等待时间长、满意度低等问题,传统网点急需打造以客户自助、远程服务、多渠道协同、服务营销一体为主要特征的新型服务模式,在此环境下,银行智能柜台应运而生,它通过人工智能触屏引导,可以办理个人开卡、转账、签约、理财、基金等50多项非现金业务,处理速度比人工柜面提高了近5倍,缩短了办理业务的时间,客户体验显著提升,拓展自助渠道服务能力。
使用智能柜台办理业务的人群越来越多,对用户而言,界面就是产品,软件界面的UI(UserInterface,用户界面)设计是否能使用户***理业务,并让用户快速找到功能菜单,流程少步骤少,使用起来得心应手,这些直接影响到银行的竞争力及其未来发展。如何将用户研究的数据、交互设计融入到界面设计当中,使其变得更为美观,交互更为人性化,增加用户好评,是设计者需要解决的问题。坚持以用户体验为中心的设计原则,界面美观、简洁,操作方便、快捷,用户接触后对界面上对应的功能一目了然、不需要太多培训就可以方便操作使用。
现有的智能柜台中,用户在使用时需要对智能柜台的功能进行详细了解,有些甚至需要专业人员进行培训才能使用,消耗较多时间,业务处理效率较低。
发明内容
有鉴于此,本发明提供了一种实现智能柜台的界面的方法,能够提高业务处理效率。
一方面,本发明提供了一种实现智能柜台的界面的方法,包括:预先设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;还包括:
S1:在所述首页的功能区中显示至少一个业务按钮;
S2:当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;
S3:在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度;
S4:在所述内页的操作区中显示用于用户操作的操作页。
进一步地,所述操作页,包括:操作提示页、交互页、列表页中的一个或多个。
进一步地,当所述操作页中包括所述操作提示页时,所述S4中,所述显示用于用户操作的操作页,包括:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件。
进一步地,当所述操作页中包括所述交互页时,所述S4中,所述显示用于用户操作的操作页,包括:显示用户与操作的物理设备交互的界面。
进一步地,当所述操作页中包括所述列表页时,所述S4中,所述显示用于用户操作的操作页,包括:显示列表信息,并为用户提供修改列表信息的接口。
进一步地,所述首页,还包括:第一logo区、用于显示广告的广告区、用于显示辅助业务按钮的辅助功能区、第一信息提示区;
所述预先设置首页,包括:
将所述首页划分为首页上区、首页中区、首页下区;
在所述首页上区中显示所述第一logo区,在所述logo区所述的左边显示logo,在所述第一logo区的右边显示logo辅助信息;
在所述首页中区显示所述功能区、所述广告区、所述辅助功能区,在所述首页中区的左边显示所述功能区,在所述功能区的左边并列显示所述广告区和所述辅助功能区,所述辅助功能区位于所述广告区的下方;
在所述首页下区中显示所述第一信息提示区,在所述第一信息提示区的左边显示时间,在所述第一信息提示区的中间显示预设的文字提示,在所述第一信息提示区的右边显示预设的动画提示。
进一步地,所述内页,还包括:第二logo区、第二信息提示区;
所述预先设置内页,包括:
将所述内页划分为内页上区、内页中区、内页下区;
在所述内页上区中显示所述第二logo区,在所述第二logo区所述的左边显示logo,在所述第二logo区的右边显示logo辅助信息;
在所述内页中区显示所述操作区和所述流程条,在所述内页中区的左边显示所述操作区,在所述操作区的左边并列显示所述流程条;
在所述下区中显示所述第二信息提示区,在所述第二信息提示区的左边显示时间,在显示的时间的左边显示肯定按钮、否定按钮、提示信息。
另一方面,本发明提供了一种实现智能柜台的界面的装置,包括:
设置单元,用于设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;
首页显示单元,用于在所述首页的功能区中显示至少一个业务按钮,当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;
内页显示单元,用于在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度,在所述内页的操作区中显示用于用户操作的操作页。
进一步地,所述操作页,包括:操作提示页、交互页、列表页中的一个或多个。
进一步地,当所述操作页中包括所述操作提示页时,所述内页显示单元,在执行所述显示用于用户操作的操作页时,具体执行:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件。
进一步地,当所述操作页中包括所述交互页时,所述内页显示单元,在执行所述显示用于用户操作的操作页时,具体执行:显示用户与操作的物理设备交互的界面。
进一步地,当所述操作页中包括所述列表页时,所述内页显示单元,在执行所述显示用于用户操作的操作页时,具体执行:显示列表信息,并为用户提供修改列表信息的接口。
进一步地,所述首页,还包括:第一logo区、用于显示广告的广告区、用于显示辅助业务按钮的辅助功能区、第一信息提示区;
所述设置单元在执行所述设置首页时,具体执行:
将所述首页划分为首页上区、首页中区、首页下区;
在所述首页上区中显示所述第一logo区,在所述logo区所述的左边显示logo,在所述第一logo区的右边显示logo辅助信息;
在所述首页中区显示所述功能区、所述广告区、所述辅助功能区,在所述首页中区的左边显示所述功能区,在所述功能区的左边并列显示所述广告区和所述辅助功能区,所述辅助功能区位于所述广告区的下方;
在所述首页下区中显示所述第一信息提示区,在所述第一信息提示区的左边显示时间,在所述第一信息提示区的中间显示预设的文字提示,在所述第一信息提示区的右边显示预设的动画提示。
进一步地,所述内页,还包括:第二logo区、第二信息提示区;
所述设置单元所述设置内页时,具体执行:
将所述内页划分为内页上区、内页中区、内页下区;
在所述内页上区中显示所述第二logo区,在所述第二logo区所述的左边显示logo,在所述第二logo区的右边显示logo辅助信息;
在所述内页中区显示所述操作区和所述流程条,在所述内页中区的左边显示所述操作区,在所述操作区的左边并列显示所述流程条;
在所述下区中显示所述第二信息提示区,在所述第二信息提示区的左边显示时间,在显示的时间的左边显示肯定按钮、否定按钮、提示信息。
通过本发明提供的一种实现智能柜台的界面的方法及装置,在智能柜台的界面上划分为首页和内页,用户可以通过首页的业务按钮来选择需要办理的业务,并进入到对应的内页进行办理,内页中有当前业务对应的操作流程,用户可以很容易的掌握整个办理过程,并且还能实时显示业务办理的进度,用户能够很清楚的知道当前业务的办理状态,进而提高了业务处理效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种实现智能柜台的界面的方法的流程图;
图2是本发明一实施例提供的另一种实现智能柜台的界面的方法的流程图;
图3是本发明一实施例提供的一种首页的结构示意图;
图4是本发明一实施例提供的一种内页的结构示意图;
图5是本发明一实施例提供的一种首页效果图;
图6是本发明一实施例提供的一种内页效果图;
图7是本发明一实施例提供的另一种内页效果图;
图8是本发明一实施例提供的再一种内页效果图;
图9是本发明一实施例提供的一种实现智能柜台的界面的装置的示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,本发明实施例提供了一种实现智能柜台的界面的方法,该方法可以包括以下步骤:
S0:预先设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;
S1:在所述首页的功能区中显示至少一个业务按钮;
S2:当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;
S3:在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度;
S4:在所述内页的操作区中显示用于用户操作的操作页。
通过本发明实施例提供的一种实现智能柜台的界面的方法,在智能柜台的界面上划分为首页和内页,用户可以通过首页的业务按钮来选择需要办理的业务,并进入到对应的内页进行办理,内页中有当前业务对应的操作流程,用户可以很容易的掌握整个办理过程,并且还能实时显示业务办理的进度,用户能够很清楚的知道当前业务的办理状态,进而提高了业务处理效率。
根据操作区中显示的内容不同,可以将操作页分为以下三类。在一种可能的实现方式中,所述操作页,包括:操作提示页、交互页、列表页中的一个或多个。
当所述操作页中包括所述操作提示页时,所述S4中,所述显示用于用户操作的操作页,包括:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件。
内页中的操作提示页主要以用户操作的表现形式动画和实物图结合提示用户如何对设备进行操作。其中用户操作动画清晰、明了、生动,实物图中配以明显标识提示用户操作部位。用户可根据操作动画明晰操作方法,根据实物图的指示快速寻找操作部位,方便快捷的提高了用户操作的准确性和速度。动画响应时间应该适中,响应时间过长,用户就会感到不安和沮丧,而响应时间过快也会影响到用户的操作节奏,并可能导致错误,响应时间可以设置为5s至8s。在实物图中可以通过一种圆环在待用户操作的部件处循环放大缩小的形式来标识待用户操作的部件;在实物图中可以通过一种显示突出的颜色标识待用户操作的部件;在实物图中可以通过一种局部放大的形式标识待用户操作的部件。
当所述操作页中包括所述列表页时,所述S4中,所述显示用于用户操作的操作页,包括:显示列表信息,并为用户提供修改列表信息的接口。
内页中的列表页从上往下分为标题,提示文字和列表三部分组成,这三部分均为列表信息。标题用方便用户抢先看到的较大字体,根据页面效果和用户接受舒适度一般为30点。提示文字分为重要提示文字和一般提示文字,重要提示文字比一般提示文字略大,但小于标题,重要提示文字为24点,用户可清晰较快的接受。一般提示文字一般为18点,用户可以准确阅读,同时一般提示文字较多,18点字体可以显示内容相对较多。三部分文字要搭配合理易识别,缩短用户理解时间,提高操作效率。列表有边框列表和填充列表颜色无边框列表两种。使用的列表占用较大的区域以无边框填充列表为主,列表内部分割或二级列表用有边框列表形式表现,边框颜色使用背景色系中较深颜色。列表内容分为标题和内容两类,列表内容为有图标和文字相结合的设计方法,列表内容为纯文字的表现方法,列表标题用比较突出的形式表现,颜色与主题背景色的同类色中比较突出颜色。比如背景是淡蓝色文字为深蓝色。列表内文文字详细明了。标题图标颜色和表现形式,与流程条图标一致。列表标题及列表内容字体统一为最易识别的宋体。
当所述操作页中包括所述交互页时,所述S4中,所述显示用于用户操作的操作页,包括:显示用户与操作的物理设备交互的界面。
内页中的交互页主要需要加载用户交互的操作页面,比如签字、照相、输入指纹等交互行为页面。交互页主要表现区域为标题、提示文字和动态或者静态的交互行为提示图片。标题和提示文字和列表页中的表现形式相同,内容根据具体页面需求不同。标题下方是交互内容区域,主要提示用户操作的物理设备及需要用户操作的区域为主,并以文字说明在用户操作区域下方加提示,更加方便用户操作。
在一种可能的实现方式中,所述首页,还包括:第一logo区、用于显示广告的广告区、用于显示辅助业务按钮的辅助功能区、第一信息提示区;
所述预先设置首页,包括:
将所述首页划分为首页上区、首页中区、首页下区;
在所述首页上区中显示所述第一logo区,在所述logo区所述的左边显示logo,在所述第一logo区的右边显示logo辅助信息;
在所述首页中区显示所述功能区、所述广告区、所述辅助功能区,在所述首页中区的左边显示所述功能区,在所述功能区的左边并列显示所述广告区和所述辅助功能区,所述辅助功能区位于所述广告区的下方;
在所述首页下区中显示所述第一信息提示区,在所述第一信息提示区的左边显示时间,在所述第一信息提示区的中间显示预设的文字提示,在所述第一信息提示区的右边显示预设的动画提示。
上述首页采用上中下结构,上区主要是第一logo区,此区域左边主要显示logo右边主要显示logo辅助信息,突出显示logo,使界面布局简洁大方,logo辅助信息可以是热线电话、口号等。中区则显示较多的主要内容,此区域是人的视觉集中区域,便于用户寻找相关内容,同时此区域占整个界面面积较大,便于充分的显示信息,中区中的辅助功能区主要包括辅助业务按钮,在功能区中显示较常用的功能按钮,在辅助功能区中的辅助业务按钮为使用频率比功能区低的业务。下区则是第一信息提示区,位于内页的最下方,显示信息提示内容。
在一种可能的实现方式中,所述内页,还包括:第二logo区、第二信息提示区;
所述预先设置内页,包括:
将所述内页划分为内页上区、内页中区、内页下区;
在所述内页上区中显示所述第二logo区,在所述第二logo区所述的左边显示logo,在所述第二logo区的右边显示logo辅助信息;
在所述内页中区显示所述操作区和所述流程条,在所述内页中区的左边显示所述操作区,在所述操作区的左边并列显示所述流程条;
在所述下区中显示所述第二信息提示区,在所述第二信息提示区的左边显示时间,在显示的时间的左边显示肯定按钮、否定按钮、提示信息。
内页采用和首页相同的上中下结构。内页上区为logo区,展示方式和首页相同。内页中区是操作区和流程条横向并列排放。内页下区是信息提示区域,提示用户相关的操作和部分确定、否定操作等,当确定按钮被按下后,可以进行下一步操作,切换操作区部分,当否定按钮被按下后,可以返回上一步操作,或者返回首页。内页中区的操作区和流程条横向并列排放,占用了界面的大部分区域,其中操作区靠左边占用大部分区域,便于用户获取主要的操作信息。流程条则靠右边占了较小的区域,辅助用户获取操作进度信息。整个中间区域主次分明简洁大方,用户操作效率提高。
为使本发明的目的、技术方案和优点更加清楚,下面结合附图及具体实施例对本发明作进一步地详细描述。
如图2所示,以银行的智能柜台为例,本发明实施例提供了一种实现智能柜台的界面的方法,该方法可以包括以下步骤:
步骤201:预先设置首页和至少一个内页,其中,所述首页,包括:功能区、第一logo区、广告区、辅助功能区、第一信息提示区,所述内页,包括:操作区、流程条、第二logo区、第二信息提示区。
首页的结构示意图如图3所示,首页包括:功能区301、第一logo区302、广告区303、辅助功能区304、第一信息提示区305。
首页中间部分是功能区301、广告区303、辅助功能区304。功能区301靠中间区域的左边以区别于背景同主色调相协调的颜色突出显示。广告区303和辅助功能区304紧靠功能区横向并列靠右显示,辅助功能区位于广告区303下方。广告区则占较大区域方便进行各种形式的广告播放,方便用户及时了解各种信息。广告区域可以通过图片轮播的形式显示广告信息,广告区也可以通过视频播发的形式显示广告信息。辅助功能区域则最多显示2个辅助业务按钮,其按钮样式及显示方式和被点击显示方式同功能区中的按钮相同。辅助功能两端有可向左右滑动的和指尖大小相似的按钮,可滑动或者点击寻找更多的辅助业务按钮。功能区、广告区、辅助功能区,紧靠并列显示,整个区域在界面中比较突出的显示,便于用户比较迅速的寻找。
第一信息提示区位于界面的最下方,区域左边显示便于用户获取、比较亲切的、同页面颜色协调的、较大电子数字时间。区域右边显示插卡动画提示,中间则显示温馨的用户所需进行操作的提示。例如:请***银行卡,并配以插卡的动画。
内页的结构示意图如图4所示,内页包括:操作区401、流程条402、第二logo区403、第二信息提示区404。
内页中间的操作区401和流程条402横向并列排放,占用了界面的大部分区域,其中操作区401靠左边占用大部分区域,便于用户获取主要的操作信息。流程条402则靠右边占了较小的区域,辅助用户获取操作进度信息。整个中间区域主次分明简洁大方,用户操作效率提高。
内页的第二信息提示区404位于界面底部,主要有时间提示、肯定和否定操作按钮、提示信息三部分。信息提示区左边显示时间,显示方式和首页时间显示方式相同。时间的右边则是肯定和否定操作按钮、提示信息,例如:确认按钮、取消按钮。按钮设计最多为三个,使用户快捷操作完成,设计为与手指面积相似的圆形、扁平化风格按钮,按钮颜色采用与整体界面的对比中合色。按钮内容分为肯定和否定内容,肯定内容按钮采用页面的主色调相近的稳重的冷色,例如深蓝色,否定按钮采用具有警示性的颜色,例如红色,其他按钮则为肯定主色调的相近色,明显区别于否定按钮色调,按钮中字体采用用户最易识别的宋体。提示信息由标题加中隔线与提示内容三部分纵向排列组成,在信息提示区居中显示,在布局上更容易识别,提高用户操作效率。
步骤202:在所述首页的功能区中显示至少一个业务按钮。
功能区内部则按阅读习惯由上到下显示,用户使用量由高到低四到五个用冷暖中和搭配不同颜色的圆角长方形按钮组成,按钮中采用突出的和业务相应的图标和明显的业务名称组成,图标和比较明显的业务名称更加方便用户寻找所需业务,降低误选概率。同一系列的图标在设计风格、尺寸大小等方面要保持一致,不同的指令使用不同的图标表示,可以辅助以文字增强可读性。
当业务按钮被按下的时候以一种区别与其他按钮的形式突出显示,当手指抬起之后跳转到相应的内页。可以通过以下方式来突出显示被按下的业务按钮:当业务按钮被按下的时候以一种区别与其他按钮颜色的形式突出显示;当业务按钮被按下的时候以一种区别与其他按钮放大的形式突出显示;当业务按钮被按下的时候以一种区别与其他按钮运动的形式突出显示。
举例来说,可以根据用户使用频率最高的业务按钮,分别设置是:“借记卡申请”按钮,该按钮下是借记卡的申请流程内页;“开通电子渠道”按钮,开通所需的电子渠道;“查询业务”按钮,查询用户所需要了解的信息;“转账业务”按钮,办理用户所需的转账业务。
步骤203:当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页,并在当前内页中显示操作区、流程条、第二logo区、第二信息提示区。
每个业务按钮对应至少一个内页,用户选中业务按钮后,到对应的内页中进行业务办理。例如:“借记卡申请”按钮,该按钮对应借记卡的申请流程内页。
步骤204:在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度。
内页中的流程条402以一种适合较长流程显示的圆角长方形作为背景,使流程可以从开始到结束在背景上由上到下清楚的显示。流程条其中用明显代相关业务的扁平化图标下边加业务名称作为头部,下边显示办理此业务的步骤,每步之间用箭头连接充分的显示了操作方向,已操作和未操作文字颜色上加以区别,用户清晰明了所办业务的进度。头部和步骤之间用主色调较深的细横线加以区分。不同的业务流程条显示形式相同,内容则不同。
步骤205:在所述内页的操作区中显示操作提示页、交互页、列表页中的一个或多个。
举例来说,操作页,包括:操作提示页、交互页、列表页。
当所述操作页中包括所述操作提示页时,所述显示用于用户操作的操作页,包括:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件。例如:通过操作提示页提示用户***银行卡,在操作提示页中显示ATM(AutomaticTellerMachine,自动取款机)的实物图,并在ATM的实物图上标识插卡口。
当所述操作页中包括所述交互页时,所述显示用于用户操作的操作页,包括:显示用户与操作的物理设备交互的界面。例如:通过交互页设置密码,通过一个动态接口实时显示用户输入的密码位数,可以设置一张图片提示用户注意遮挡,并通过文字进行提醒。
当所述操作页中包括所述列表页时,所述显示用于用户操作的操作页,包括:显示列表信息,并为用户提供修改列表信息的接口。例如:列表页用于用户填写审核资料,在列表中显示用户的姓名、性别、联系电话等信息,并提供用户修改的接口,用户点击修改按钮即可对对应的信息进行修改。
基于本发明实施例提供的一种实现智能柜台的界面的方法实现的智能柜台的界面的效果图如下:
如图5所示,本发明实施例提供的一种首页效果图。图中功能区中设置有四个业务按钮,分别是“借记卡申请”按钮、“开通电子渠道”按钮、“查询业务”按钮、“转账业务”按钮。在辅助功能区设置有两个辅助功能按钮,分别是“全国话费充值”按钮、“交管缴费”按钮。
如图6所示,本发明实施例提供的一种内页效果图。其中,操作页为操作提示页。通过操作提示页提示用户***银行卡并输入密码,在操作提示页中显示ATM的实物图,并在ATM的实物图上标识插卡口。在流程条中设置有电子银行签约的流程,流程进度为“***银行卡并输入密码”。在第二信息提示区中设置有“确定”按钮和“取消”按钮。
如图7所示,本发明实施例提供的一种内页效果图。其中,操作页为交互页。通过交互页设置密码,并提示用户注意遮挡,并通过一张图片提醒用户。在图片上方,通过一个动态接口实时显示用户输入的密码位数。在流程条中设置有借记卡申请的流程,流程进度为“设置密码”。在第二信息提示区中设置有“确定”按钮和“取消”按钮。
如图8所示,本发明实施例提供的一种内页效果图。其中,操作页为列表页。列表页中显示“审核资料填写”,在列表中显示用户的姓名、性别、国籍、身份证有效期、身份证地址等信息,并提供用户修改的接口,用户点击修改按钮即可对对应的信息进行修改,具体地,可以修改“英文名/拼音”、“联系电话”、“身份证地址”、“设置每日转账限额(元)”等。在流程条中设置有借记卡申请的流程,流程进度为“审核资料填写”。在第二信息提示区中设置有“确定”按钮和“取消”按钮。
本发明提供的一种实现智能柜台的界面的方法,也适用于其他类似的具有大量用户操作的医院自助服务终端,例如医院一些业务的智能终端的用户体验方法。
本发明实施例提供的方法综合了用户体验设计全流程、设计心理学、色彩心理学、人机工程学、工程心理学、互联网金融等,每个操作界面,显示内容均充分考虑到用户的心理状态,操作习惯,辨识度等方面,将情感化设计融入到界面设计中。
本发明实施例提供的方法中,还可以包括听觉体验方法。用户操作过程中用语音提示的方式提示用户相关信息。听觉信息与视觉信息同时提供可使用户获得更为强烈的存在感和真实感,设计更加人性化。
参见图9,本实施例提供的一种实现智能柜台的界面的装置,包括:
设置单元901,用于设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;
首页显示单元902,用于在所述首页的功能区中显示至少一个业务按钮,当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;
内页显示单元903,用于在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度,在所述内页的操作区中显示用于用户操作的操作页。
在一种可能的实现方式中,所述操作页,包括:操作提示页、交互页、列表页中的一个或多个。
当所述操作页中包括所述操作提示页时,所述内页显示单元903,在执行所述显示用于用户操作的操作页时,具体执行:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件。
当所述操作页中包括所述交互页时,所述内页显示单元903,在执行所述显示用于用户操作的操作页时,具体执行:显示用户与操作的物理设备交互的界面。
当所述操作页中包括所述列表页时,所述内页显示单元903,在执行所述显示用于用户操作的操作页时,具体执行:显示列表信息,并为用户提供修改列表信息的接口。
在一种可能的实现方式中,所述首页,还包括:第一logo区、用于显示广告的广告区、用于显示辅助业务按钮的辅助功能区、第一信息提示区;
所述设置单元在执行所述设置首页时,具体执行:
将所述首页划分为首页上区、首页中区、首页下区;
在所述首页上区中显示所述第一logo区,在所述logo区所述的左边显示logo,在所述第一logo区的右边显示logo辅助信息;
在所述首页中区显示所述功能区、所述广告区、所述辅助功能区,在所述首页中区的左边显示所述功能区,在所述功能区的左边并列显示所述广告区和所述辅助功能区,所述辅助功能区位于所述广告区的下方;
在所述首页下区中显示所述第一信息提示区,在所述第一信息提示区的左边显示时间,在所述第一信息提示区的中间显示预设的文字提示,在所述第一信息提示区的右边显示预设的动画提示。
在一种可能的实现方式中,所述内页,还包括:第二logo区、第二信息提示区;
所述设置单元所述设置内页时,具体执行:
将所述内页划分为内页上区、内页中区、内页下区;
在所述内页上区中显示所述第二logo区,在所述第二logo区所述的左边显示logo,在所述第二logo区的右边显示logo辅助信息;
在所述内页中区显示所述操作区和所述流程条,在所述内页中区的左边显示所述操作区,在所述操作区的左边并列显示所述流程条;
在所述下区中显示所述第二信息提示区,在所述第二信息提示区的左边显示时间,在显示的时间的左边显示肯定按钮、否定按钮、提示信息。
上述装置内的各单元之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
本发明实施例提供的一种实现智能柜台的界面的方法及装置,具有如下有益效果:
1、通过本发明实施例提供的一种实现智能柜台的界面的方法及装置,在智能柜台的界面上划分为首页和内页,用户可以通过首页的业务按钮来选择需要办理的业务,并进入到对应的内页进行办理,内页中有当前业务对应的操作流程,用户可以很容易的掌握整个办理过程,并且还能实时显示业务办理的进度,用户能够很清楚的知道当前业务的办理状态,进而提高了业务处理效率。
2、通过本发明实施例提供的一种实现智能柜台的界面的方法及装置,内页中的操作提示页主要以用户操作的表现形式动画和实物图结合提示用户如何对设备进行操作。其中用户操作动画清晰、明了、生动,实物图中配以明显标识提示用户操作部位。用户可根据操作动画明晰操作方法,根据实物图的指示快速寻找操作部位,方便快捷的提高了用户操作的准确性和速度。
3、通过本发明实施例提供的一种实现智能柜台的界面的方法及装置,交互页主要表现区域为标题、提示文字和动态或者静态的交互行为提示图片。标题和提示文字和列表页中的表现形式相同,内容根据具体页面需求不同。标题下方是交互内容区域,主要提示用户操作的物理设备及需要用户操作的区域为主,并以文字说明在用户操作区域下方加提示,更加方便用户操作。
4、通过本发明实施例提供的一种实现智能柜台的界面的方法及装置,内页中区的操作区和流程条横向并列排放,占用了界面的大部分区域,其中操作区靠左边占用大部分区域,便于用户获取主要的操作信息。流程条则靠右边占了较小的区域,辅助用户获取操作进度信息。整个中间区域主次分明简洁大方,用户操作效率提高。
5、通过本发明实施例提供的一种实现智能柜台的界面的方法及装置,功能区内部按阅读习惯由上到下显示,按照用户使用量由高到低用冷暖中和搭配不同颜色的圆角长方形按钮组成,按钮中采用突出的和业务相应的图标和明显的业务名称组成,图标和比较明显的业务名称更加方便用户寻找所需业务,降低误选概率。同一系列的图标在设计风格、尺寸大小等方面要保持一致,不同的指令使用不同的图标表示,可以辅助以文字增强可读性。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个〃〃〃〃〃〃”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储在计算机可读取的存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后需要说明的是:以上所述仅为本发明的较佳实施例,仅用于说明本发明的技术方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种实现智能柜台的界面的方法,其特征在于,包括:预先设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;还包括:
S1:在所述首页的功能区中显示至少一个业务按钮;
S2:当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;
S3:在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度;
S4:在所述内页的操作区中显示用于用户操作的操作页。
2.根据权利要求1所述的方法,其特征在于,所述操作页,包括:操作提示页、交互页、列表页中的一个或多个。
3.根据权利要求2所述的方法,其特征在于,当所述操作页中包括所述操作提示页时,所述S4中,所述显示用于用户操作的操作页,包括:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件;
和/或,当所述操作页中包括所述交互页时,所述S4中,所述显示用于用户操作的操作页,包括:显示用户与操作的物理设备交互的界面;
和/或,当所述操作页中包括所述列表页时,所述S4中,所述显示用于用户操作的操作页,包括:显示列表信息,并为用户提供修改列表信息的接口。
4.根据权利要求1所述的方法,其特征在于,所述首页,还包括:第一logo区、用于显示广告的广告区、用于显示辅助业务按钮的辅助功能区、第一信息提示区;
所述预先设置首页,包括:
将所述首页划分为首页上区、首页中区、首页下区;
在所述首页上区中显示所述第一logo区,在所述logo区所述的左边显示logo,在所述第一logo区的右边显示logo辅助信息;
在所述首页中区显示所述功能区、所述广告区、所述辅助功能区,在所述首页中区的左边显示所述功能区,在所述功能区的左边并列显示所述广告区和所述辅助功能区,所述辅助功能区位于所述广告区的下方;
在所述首页下区中显示所述第一信息提示区,在所述第一信息提示区的左边显示时间,在所述第一信息提示区的中间显示预设的文字提示,在所述第一信息提示区的右边显示预设的动画提示。
5.根据权利要求1所述的方法,其特征在于,所述内页,还包括:第二logo区、第二信息提示区;
所述预先设置内页,包括:
将所述内页划分为内页上区、内页中区、内页下区;
在所述内页上区中显示所述第二logo区,在所述第二logo区所述的左边显示logo,在所述第二logo区的右边显示logo辅助信息;
在所述内页中区显示所述操作区和所述流程条,在所述内页中区的左边显示所述操作区,在所述操作区的左边并列显示所述流程条;
在所述下区中显示所述第二信息提示区,在所述第二信息提示区的左边显示时间,在显示的时间的左边显示肯定按钮、否定按钮、提示信息。
6.一种实现智能柜台的界面的装置,其特征在于,包括:
设置单元,用于设置首页和至少一个内页,其中,所述首页,包括:功能区,所述内页,包括:操作区、流程条;
首页显示单元,用于在所述首页的功能区中显示至少一个业务按钮,当检测到所述业务按钮被选中时,显示被选中的业务按钮对应的内页;
内页显示单元,用于在所述内页的流程条中显示当前内页对应的操作流程,以及当前的操作进度,在所述内页的操作区中显示用于用户操作的操作页。
7.根据权利要求6所述的装置,其特征在于,所述操作页,包括:操作提示页、交互页、列表页中的一个或多个。
8.根据权利要求7所述的装置,其特征在于,当所述操作页中包括所述操作提示页时,所述内页显示单元,在执行所述显示用于用户操作的操作页时,具体执行:显示用于提示用户操作的动画,显示用于提示用户操作的物理设备的实物图,并在所述实物图中标识所述物理设备上待用户操作的部件;
和/或,当所述操作页中包括所述交互页时,所述内页显示单元,在执行所述显示用于用户操作的操作页时,具体执行:显示用户与操作的物理设备交互的界面;
和/或,当所述操作页中包括所述列表页时,所述内页显示单元,在执行所述显示用于用户操作的操作页时,具体执行:显示列表信息,并为用户提供修改列表信息的接口。
9.根据权利要求6所述的装置,其特征在于,所述首页,还包括:第一logo区、用于显示广告的广告区、用于显示辅助业务按钮的辅助功能区、第一信息提示区;
所述设置单元在执行所述设置首页时,具体执行:
将所述首页划分为首页上区、首页中区、首页下区;
在所述首页上区中显示所述第一logo区,在所述logo区所述的左边显示logo,在所述第一logo区的右边显示logo辅助信息;
在所述首页中区显示所述功能区、所述广告区、所述辅助功能区,在所述首页中区的左边显示所述功能区,在所述功能区的左边并列显示所述广告区和所述辅助功能区,所述辅助功能区位于所述广告区的下方;
在所述首页下区中显示所述第一信息提示区,在所述第一信息提示区的左边显示时间,在所述第一信息提示区的中间显示预设的文字提示,在所述第一信息提示区的右边显示预设的动画提示。
10.根据权利要求6所述的装置,其特征在于,所述内页,还包括:第二logo区、第二信息提示区;
所述设置单元所述设置内页时,具体执行:
将所述内页划分为内页上区、内页中区、内页下区;
在所述内页上区中显示所述第二logo区,在所述第二logo区所述的左边显示logo,在所述第二logo区的右边显示logo辅助信息;
在所述内页中区显示所述操作区和所述流程条,在所述内页中区的左边显示所述操作区,在所述操作区的左边并列显示所述流程条;
在所述下区中显示所述第二信息提示区,在所述第二信息提示区的左边显示时间,在显示的时间的左边显示肯定按钮、否定按钮、提示信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510473661.0A CN105096477A (zh) | 2015-08-05 | 2015-08-05 | 一种实现智能柜台的界面的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510473661.0A CN105096477A (zh) | 2015-08-05 | 2015-08-05 | 一种实现智能柜台的界面的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105096477A true CN105096477A (zh) | 2015-11-25 |
Family
ID=54576801
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510473661.0A Pending CN105096477A (zh) | 2015-08-05 | 2015-08-05 | 一种实现智能柜台的界面的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105096477A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106846639A (zh) * | 2015-12-03 | 2017-06-13 | 深圳市盛思达通讯技术有限公司 | 便民服务***及其适用的多功能自助终端一体机、主板 |
CN107280449A (zh) * | 2016-04-05 | 2017-10-24 | 浙江苏泊尔家电制造有限公司 | 烹饪器具和使用该烹饪器具进行食物烹饪的方法 |
CN107368316A (zh) * | 2017-07-21 | 2017-11-21 | 递易(上海)智能科技有限公司 | 一种寄件引导方法 |
CN110221733A (zh) * | 2018-03-01 | 2019-09-10 | 阿里巴巴集团控股有限公司 | 展示方法及装置 |
CN113962646A (zh) * | 2021-10-09 | 2022-01-21 | 中国农业银行股份有限公司河北省分行 | 银行柜面业务操作智能提醒方法和*** |
CN114067481A (zh) * | 2021-11-15 | 2022-02-18 | 中国银行股份有限公司 | 一种辅助业务办理的方法、装置、设备及存储介质 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101017437A (zh) * | 2006-02-09 | 2007-08-15 | 佳能株式会社 | 安装设备和安装方法 |
CN102428434A (zh) * | 2010-02-10 | 2012-04-25 | 株式会社日立制作所 | 计算机***和使用了计算机的用户操作支持方法 |
-
2015
- 2015-08-05 CN CN201510473661.0A patent/CN105096477A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101017437A (zh) * | 2006-02-09 | 2007-08-15 | 佳能株式会社 | 安装设备和安装方法 |
CN102428434A (zh) * | 2010-02-10 | 2012-04-25 | 株式会社日立制作所 | 计算机***和使用了计算机的用户操作支持方法 |
Non-Patent Citations (1)
Title |
---|
DIANCANJI: "《钱林自助点餐机使用教程二》", 《钱林自助点餐机使用教程二》 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106846639A (zh) * | 2015-12-03 | 2017-06-13 | 深圳市盛思达通讯技术有限公司 | 便民服务***及其适用的多功能自助终端一体机、主板 |
CN106846639B (zh) * | 2015-12-03 | 2019-10-29 | 深圳市盛思达通讯技术有限公司 | 便民服务***及其适用的多功能自助终端一体机、主板 |
CN107280449A (zh) * | 2016-04-05 | 2017-10-24 | 浙江苏泊尔家电制造有限公司 | 烹饪器具和使用该烹饪器具进行食物烹饪的方法 |
CN107368316A (zh) * | 2017-07-21 | 2017-11-21 | 递易(上海)智能科技有限公司 | 一种寄件引导方法 |
CN110221733A (zh) * | 2018-03-01 | 2019-09-10 | 阿里巴巴集团控股有限公司 | 展示方法及装置 |
CN113962646A (zh) * | 2021-10-09 | 2022-01-21 | 中国农业银行股份有限公司河北省分行 | 银行柜面业务操作智能提醒方法和*** |
CN114067481A (zh) * | 2021-11-15 | 2022-02-18 | 中国银行股份有限公司 | 一种辅助业务办理的方法、装置、设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Cui et al. | Text-to-viz: Automatic generation of infographics from proportion-related natural language statements | |
CN105096477A (zh) | 一种实现智能柜台的界面的方法及装置 | |
CN105247540B (zh) | 管理实时手写识别 | |
US20180095734A1 (en) | System and method for creating a universally compatible application development system | |
CN101606124B (zh) | 多窗口管理装置及信息处理装置 | |
Baudisch et al. | Fishnet, a fisheye web browser with search term popouts: a comparative evaluation with overview and linear view | |
US20080028289A1 (en) | Form filling lens | |
CN109886180A (zh) | 用于交叠手写文本输入的用户界面 | |
CN110633458A (zh) | 裁判文书的生成方法和生成装置 | |
US10191886B2 (en) | Gesture controlled calculator | |
CN101430758A (zh) | 文档识别装置和方法 | |
US20110219304A1 (en) | Dictionary information display device | |
US20100214314A1 (en) | Electronic device, method of controlling display, and program | |
CN109074223A (zh) | 用于在字符串中进行字符***的方法和*** | |
CN106952114A (zh) | 一种广告编辑定制方法、装置和广告编辑器 | |
Ross et al. | Overcoming the language barrier in mobile user interface design: A case study on a mobile health app | |
JP2023064840A (ja) | アプリケーションプログラム、決済システム、および情報処理方法 | |
CN114020394A (zh) | 图像显示方法、装置及电子设备 | |
JP2012128069A (ja) | 電子学習装置及びプログラム | |
CN113260970B (zh) | 图片识别的用户界面***、电子设备及交互方法 | |
KR101204151B1 (ko) | 휴대 단말기의 문자 입력장치 | |
TW201942873A (zh) | 圖片處理方法和裝置 | |
CN113238686B (zh) | 文档处理方法、装置和电子设备 | |
JP5652251B2 (ja) | 情報表示装置およびプログラム | |
CN112183149B (zh) | 图形码处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20151125 |