CN108536372A - 一种触屏信息系统人机交互设计方法 - Google Patents
一种触屏信息系统人机交互设计方法 Download PDFInfo
- Publication number
- CN108536372A CN108536372A CN201810319580.9A CN201810319580A CN108536372A CN 108536372 A CN108536372 A CN 108536372A CN 201810319580 A CN201810319580 A CN 201810319580A CN 108536372 A CN108536372 A CN 108536372A
- Authority
- CN
- China
- Prior art keywords
- touch screen
- human
- information system
- designs
- touch
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种触屏信息系统人机交互设计方法。步骤为:信息架构设计;任务流程设计;交互操作设计;视觉显示设计;人机工效评估;基于用户体验的设计优化;其中,依据人机工效评估给出的问题以及相应的优化建议,结合用户使用反馈,从触屏系统人机交互的战略层、范围层、结构层、框架层、表现层,进行触屏信息系统人机交互设计优化,给出设计优化方案。本发明能够提高触屏人机交互设计效率和质量,降低用户认知负荷,增强触屏信息系统在信息架构、任务流程、交互操作和视觉显示中的人机工效和用户体验。
Description
技术领域
本发明属于信息系统技术领域,具体涉及一种触屏信息系统人机交互设计方法。
背景技术
随着信息系统的不断发展,人机交互的重要性越来越得到充分体现。人机交互设计是一种让系统易用有效,让人愉悦的技术。而触屏人机交互因良好的操作体验在信息系统中具备很大优势。但是,目前信息系统大多使用传统的鼠标、键盘等交互方式,应用触屏人机交互的较少。国内外对触屏技术的研究大多集中在硬件设备或触控算法上,缺乏对触屏系统人机交互设计方法的研究。很多触屏系统设计照搬传统的人机交互设计方法,且没有结合信息系统特点,导致触控操作过程复杂,用户认知负荷增加。
中国联合网络通信集团有限公司2015年7月申请了“人机交互方法及触屏可穿戴设备”,解决触屏可穿戴设备屏幕小所造成的手部对操控操作遮挡、对手指操作动作精度要求高的问题,以及在触屏设备中实现多功能的手势识别操作,其专利主要集中在触屏技术实现原理上,但未对触屏系统人机交互设计方法进行研究。
中山大学2015年3月申请了“一种基于立体视觉的3D虚拟触控人机交互方法”,在3D显示终端实现了非接触式的人机交互,通过指尖定位获取用户在虚拟屏幕上触控的位置,能够准确得到用户的输入指令,但未对触屏系统人机交互设计方法进行研究。
《中文信息》期刊2014年第3期的文章“触摸屏技术及其应用”,分析了目前主流的触控技术种类、特点和基本原理及其应用,并提出未来可能会出现的触控技术,但未对触屏系统人机交互设计方法进行研究。
发明内容
本发明的目的在于提供一种触屏信息系统人机交互设计方法,通过该方法的运用,能够提高触屏人机交互设计效率和质量,降低用户认知负荷,增强触屏信息系统在信息架构、任务流程、交互操作和视觉显示中的人机工效和用户体验。
为了解决上述技术问题,本发明提供一种触屏信息系统人机交互设计方法,包括如下步骤:
步骤一:信息架构设计;
步骤二:任务流程设计;
步骤三:交互操作设计:
步骤四:视觉显示设计;
步骤五:人机工效评估;
步骤六:基于用户体验的设计优化。
进一步,步骤一的具体过程为:以用户目标为导向,结合信息系统实时、多维、高效的特征,采用信息删除、组织、隐藏、转移的简约策略,设计触屏系统的组织、标签、导航和搜索模式,给出简约扁平的信息架构图。
进一步,步骤二的具体过程为:面向使用场景和目标对象,将触屏系统任务流程逐级分解、关联整合,设计任务时序、任务层级、任务步骤,降低手指触控疲劳感,给出快捷高效的任务流程图。
进一步,步骤三的具体过程为:基于人机操作行为和自然直接的触控体验,设计触屏系统点击、滑动、长按、多点触控、双手协同等交互方式,遵循交互一致性、反馈性、容错性、快捷性,减少因视觉焦点和操作点一致而产生的手指遮挡,给出易用友好的交互原型图。
进一步,步骤四的具体过程为:基于人机工程尺寸以及和谐统一的美度分析,设计触屏系统风格、布局、色彩、控件、图标,避免触控目标过小引起的误操作,输出清晰直观的视觉效果图。
进一步,步骤五的具体过程为:针对典型任务进行触控操作,利用大数据实时记录触控操作位置、操作频率、操作时间、操作顺序、操作出错率,通过人工智能分析,通过人机工效评估给出前述设计存在的问题以及相应的优化建议。
进一步,步骤六的具体过程为:基于用户体验的设计优化:依据步骤五给出的问题以及相应的优化建议,结合用户使用反馈,从触屏系统人机交互的战略层、范围层、结构层、框架层、表现层,进行触屏信息系统人机交互设计优化,给出设计优化方案。
本发明与现有技术相比,其显著优点在于:
(1)本发明将触屏交互和信息系统特点相结合,提高了触屏系统应用效能;
(2)本发明创建简约扁平的信息架构,提升触屏系统信息查找和理解效率;
(3)本发明创建快捷高效的任务流程,降低触屏系统认知负荷和操作疲劳;
(4)本发明设计易用友好的交互操作,满足触屏系统操作习惯和交互体验;
(5)本发明设计清晰直观的视觉显示,符合触屏系统人机尺寸和可视化要求;
(6)本发明提供智能综合的人机工效评估,促进触屏系统设计评估的客观合理性;
(7)本发明提供基于用户体验的设计优化,增强触屏系统人机交互用户体验。
附图说明
图1是触屏信息系统人机交互设计流程图。
图2是触屏信息系统人机交互设计示意图。
具体实施方式
容易理解,依据本发明的技术方案,在不变更本发明的实质精神的情况下,本领域的一般技术人员可以想象出本发明触屏信息系统人机交互设计的多种实施方式。因此,以下具体实施方式和附图仅是对本发明的技术方案的示例性说明,而不应当视为本发明的全部或者视为对本发明技术方案的限制或限定。
本发明基于人机工程学、认知心理学、设计美学和用户体验提出了一种触屏信息系统人机交互设计方法。触屏信息系统人机交互设计方法流程如图1所示,具体包括如下实施步骤:
步骤一:简约扁平的信息架构设计
以用户目标为导向,结合信息系统实时、多维、高效等特征,采用信息删除、组织、隐藏、转移等简约策略,设计触屏系统的组织、标签、导航和搜索模式,输出简约扁平的信息架构图。如图2,触屏信息系统的信息架构不超过两级,包含用户核心关注信息,如重要目标、状态信息、操作反馈等。
步骤二:快捷高效的任务流程设计
面向使用场景和目标对象,将触屏系统任务流程逐级分解、关联整合,设计任务时序、任务层级、任务步骤,降低触控疲劳感,输出快捷高效的任务流程图。如图2,触屏信息系统的任务以信息查看为主,单个任务流程不超过两步。
步骤三:易用友好的交互操作设计
基于人机操作行为和自然直接的触控体验,设计触屏系统点击、滑动、长按、多点触控、双手协同等交互方式,遵循交互一致性、反馈性、容错性、快捷性,减少因视觉焦点和操作点一致而产生的手指遮挡,输出易用友好的交互原型图。如图2,右下角扇形状态菜单支持触控显隐,便于右手操作;右边状态窗口支持触控滑动,点击可查看详情;左边工具栏支持滑动显隐,便于双手协同操作;底部任务栏支持对话框最小化,便于窗口快速切换;态势地图支持多点触控缩放和旋转,九宫格菜单支持长按触控弹出。
步骤四:清晰直观的视觉显示设计
基于人机工程尺寸以及和谐统一的美度分析,设计触屏系统风格、布局、色彩、控件、图标,避免触控目标过小引起的误操作,输出清晰直观的视觉效果图。如图2,依据重要程度排序显示目标简要标牌,如标题1、标题2、标题3。采用不小于44*30px(像素点)的大尺寸控件以及数据可视化显示,功能分区和色彩搭配遵循用户视觉认知规律。
步骤五:智能综合的人机工效评估
针对典型任务进行触控操作,利用大数据实时记录触控操作位置、操作频率、操作时间、操作顺序、操作出错率等,通过人工智能分析,输出人机工效评估问题和优化建议。
步骤六:基于用户体验的设计优化
依据人机工效评估结果和用户使用反馈,从触屏系统人机交互的战略层、范围层、结构层、框架层、表现层,进行触屏信息系统人机交互设计优化,输出设计优化方案。
Claims (7)
1.一种触屏信息系统人机交互设计方法,其特征在于,包括如下步骤:
步骤一:信息架构设计;
步骤二:任务流程设计;
步骤三:交互操作设计:
步骤四:视觉显示设计;
步骤五:人机工效评估;
步骤六:基于用户体验的设计优化。
2.如权利要求1所述触屏信息系统人机交互设计方法,其特征在于,步骤一的具体过程为:以用户目标为导向,结合信息系统实时、多维、高效的特征,采用信息删除、组织、隐藏、转移的简约策略,设计触屏系统的组织、标签、导航和搜索模式,给出简约扁平的信息架构图。
3.如权利要求1所述触屏信息系统人机交互设计方法,其特征在于,步骤二的具体过程为:面向使用场景和目标对象,将触屏系统任务流程逐级分解、关联整合,设计任务时序、任务层级、任务步骤,降低手指触控疲劳感,给出快捷高效的任务流程图。
4.如权利要求1所述触屏信息系统人机交互设计方法,其特征在于,步骤三的具体过程为:基于人机操作行为和自然直接的触控体验,设计触屏系统点击、滑动、长按、多点触控、双手协同等交互方式,遵循交互一致性、反馈性、容错性、快捷性,减少因视觉焦点和操作点一致而产生的手指遮挡,给出易用友好的交互原型图。
5.如权利要求1所述触屏信息系统人机交互设计方法,其特征在于,步骤四的具体过程为:基于人机工程尺寸以及和谐统一的美度分析,设计触屏系统风格、布局、色彩、控件、图标,避免触控目标过小引起的误操作,输出清晰直观的视觉效果图。
6.如权利要求1所述触屏信息系统人机交互设计方法,其特征在于,步骤五的具体过程为:针对典型任务进行触控操作,利用大数据实时记录触控操作位置、操作频率、操作时间、操作顺序、操作出错率,通过人工智能分析,通过人机工效评估给出前述设计存在的问题以及相应的优化建议。
7.如权利要求1所述触屏信息系统人机交互设计方法,其特征在于,步骤六的具体过程为:基于用户体验的设计优化:依据步骤五给出的问题以及相应的优化建议,结合用户使用反馈,从触屏系统人机交互的战略层、范围层、结构层、框架层、表现层,进行触屏信息系统人机交互设计优化,给出设计优化方案。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810319580.9A CN108536372A (zh) | 2018-04-11 | 2018-04-11 | 一种触屏信息系统人机交互设计方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810319580.9A CN108536372A (zh) | 2018-04-11 | 2018-04-11 | 一种触屏信息系统人机交互设计方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108536372A true CN108536372A (zh) | 2018-09-14 |
Family
ID=63479993
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810319580.9A Pending CN108536372A (zh) | 2018-04-11 | 2018-04-11 | 一种触屏信息系统人机交互设计方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108536372A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112732378A (zh) * | 2020-12-29 | 2021-04-30 | 江苏徐工工程机械研究院有限公司 | 一种工程机械产品显示装置的人机界面设计方法 |
CN114780190A (zh) * | 2022-04-13 | 2022-07-22 | 脸萌有限公司 | 消息处理方法、装置、电子设备及存储介质 |
CN115907444A (zh) * | 2022-11-23 | 2023-04-04 | 中国航空综合技术研究所 | 面向基于多通道人机交互技术的驾驶舱任务流程评估方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100199216A1 (en) * | 2009-02-03 | 2010-08-05 | Novell, Inc. | File system in a computing environment |
CN104182117A (zh) * | 2013-05-24 | 2014-12-03 | 中国电信股份有限公司 | 使信息结构扁平化的人机交互方法和装置 |
CN104503663A (zh) * | 2014-12-31 | 2015-04-08 | 深圳市航盛电子股份有限公司 | 一种3d人机交互桌面系统 |
CN107450821A (zh) * | 2016-05-31 | 2017-12-08 | 知而行(上海)营销咨询有限公司 | 通过在应用界面上执行手势来呼出菜单的方法和设备 |
CN107463308A (zh) * | 2017-08-17 | 2017-12-12 | 努比亚技术有限公司 | 一种锁屏状态显示widget的方法及其系统、终端设备 |
-
2018
- 2018-04-11 CN CN201810319580.9A patent/CN108536372A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100199216A1 (en) * | 2009-02-03 | 2010-08-05 | Novell, Inc. | File system in a computing environment |
CN104182117A (zh) * | 2013-05-24 | 2014-12-03 | 中国电信股份有限公司 | 使信息结构扁平化的人机交互方法和装置 |
CN104503663A (zh) * | 2014-12-31 | 2015-04-08 | 深圳市航盛电子股份有限公司 | 一种3d人机交互桌面系统 |
CN107450821A (zh) * | 2016-05-31 | 2017-12-08 | 知而行(上海)营销咨询有限公司 | 通过在应用界面上执行手势来呼出菜单的方法和设备 |
CN107463308A (zh) * | 2017-08-17 | 2017-12-12 | 努比亚技术有限公司 | 一种锁屏状态显示widget的方法及其系统、终端设备 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112732378A (zh) * | 2020-12-29 | 2021-04-30 | 江苏徐工工程机械研究院有限公司 | 一种工程机械产品显示装置的人机界面设计方法 |
CN112732378B (zh) * | 2020-12-29 | 2024-02-02 | 江苏徐工工程机械研究院有限公司 | 一种工程机械产品显示装置的人机界面设计方法 |
CN114780190A (zh) * | 2022-04-13 | 2022-07-22 | 脸萌有限公司 | 消息处理方法、装置、电子设备及存储介质 |
CN114780190B (zh) * | 2022-04-13 | 2023-12-22 | 脸萌有限公司 | 消息处理方法、装置、电子设备及存储介质 |
CN115907444A (zh) * | 2022-11-23 | 2023-04-04 | 中国航空综合技术研究所 | 面向基于多通道人机交互技术的驾驶舱任务流程评估方法 |
CN115907444B (zh) * | 2022-11-23 | 2023-12-05 | 中国航空综合技术研究所 | 面向基于多通道人机交互技术的驾驶舱任务流程评估方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Bailly et al. | Visual menu techniques | |
Xia et al. | Object-oriented drawing | |
Klemmer et al. | Where do web sites come from? Capturing and interacting with design history | |
Kin et al. | Eden: a professional multitouch tool for constructing virtual organic environments | |
Wu et al. | Gesture registration, relaxation, and reuse for multi-point direct-touch surfaces | |
Baur et al. | TouchWave: kinetic multi-touch manipulation for hierarchical stacked graphs | |
Pfeuffer et al. | Thumb+ Pen Interaction on Tablets. | |
Gesslein et al. | Pen-based interaction with spreadsheets in mobile virtual reality | |
WO2014029043A1 (zh) | 模拟鼠标输入的方法及设备 | |
Davidson et al. | Synthesis and control on large scale multi-touch sensing displays | |
Xia et al. | WritLarge: Ink Unleashed by Unified Scope, Action, & Zoom. | |
Tsandilas et al. | Sketchsliders: Sketching widgets for visual exploration on wall displays | |
CN108536372A (zh) | 一种触屏信息系统人机交互设计方法 | |
Banerjee et al. | MultiPoint: Comparing laser and manual pointing as remote input in large display interactions | |
Caputo et al. | The Smart Pin: An effective tool for object manipulation in immersive virtual reality environments | |
Matulic et al. | Empirical evaluation of uni-and bimodal pen and touch interaction properties on digital tabletops | |
Tu et al. | Effects of holding postures on user-defined touch gestures for tablet interaction | |
Su et al. | Natural multimodal interaction in immersive flow visualization | |
CN103365451B (zh) | 用于智能平台的多维增速省空间的人机交互方法及装置 | |
Vlaming et al. | Integrating 2D mouse emulation with 3D manipulation for visualizations on a multi-touch table | |
Waugh et al. | Push or pinch? exploring slider control gestures for touchless user interfaces | |
Raab et al. | Refactorpad: editing source code on touchscreens | |
Balin et al. | Gestures to operate DAW software | |
Damaraju et al. | Multi-tap sliders: advancing touch interaction for parameter adjustment | |
Tu et al. | Text Pin: Improving text selection with mode-augmented handles on touchscreen mobile devices |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180914 |
|
RJ01 | Rejection of invention patent application after publication |