大型商场触摸屏导视机设计改进探析——以恒隆广场为例

马广韬，何雨晴

大型商场触摸屏导视机设计改进探析
——以恒隆广场为例

马广韬，何雨晴

（沈阳建筑大学，沈阳 110168）

随着城市商业空间的发展，商场集购物、娱乐、休闲、交往等多种功能为一体，成为人们公共活动最适宜的场所。大型商业中心一站式购物带来更多商业价值。同时带来消费者在陌生环境中无法根据需求找到合适地方的问题。文章以沈阳恒隆广场为例，通过对消费者行为和需求的调查分析，针对指定环境下人的心理感受和生理特点以及商业的宣传需求，对商场触摸屏导视机进行改进设计，为用户带来完美的体验。

触摸屏导视机；人机工程；人性化设计

Internet :www.artdesign.org.cn

一、沈阳恒隆广场调查分析

沈阳市府恒隆广场集餐饮、购物、休闲和娱乐于一体，为繁忙的都市人提供多元化的选择。通过对沈阳市府恒隆商场结构研究和消费者行为的进行问卷调查，首先确定人群，根据调查将消费者人群分为三种：老年人、学生、上班族，分析出以下几个问题：

1、导示牌显示信息有限不全面，如导示牌数量多，空间混乱。

2、商场触摸导视机中地图指示不合理。

3、商场中设有导示牌，楼层指示图，仍有消费者找工作人员询问。

4、消费者希望得到最新的商场优惠活动。

5、会员消费者希望得到相关的会员信息。

6、餐饮高峰时段等位造成饭店门口人流密集、拥堵。

7、部分消费者记不住停车位置，找车难。

8、部分消费者目的性强，希望迅速找到所需对象。

二、设计原则

1、以人为本，应体现出通用设计，满足大多数人的操作习惯。

2、遵循操作简单、布局合理、信息完整易读、指示明确进行导向界面设计。在保留产品基本功能情况下，尽可能减少界面元素，使产品易用易懂，降低脑力负荷。

3、色彩识别性。视觉上，重要的信息、符号用明确醒目的颜色或形状来突出显示。

4、界面操作性要强。在设计中应根据人的行为习惯、人体生理结构、心理、思维方式等对产品进行改进。

5、注重界面的和谐与一致性。各个元素必须遵循和谐一致原则。

6、形式追随功能。图标简洁易懂。

7、考虑老年消费者操作特点。

三、触摸导视机尺寸设计

1、人体立姿相关尺寸：身高、立姿眼高、肩高、肘高、手功能高、上臂长、前臂长。

2、动态尺寸：手臂功能极限范围、最佳视角、最佳视距。

选择一个合适的目标用户满足度，触摸导视机应满足大多数消费者，选择平均尺寸较合理。视角范围指在头部保持静止，眼睛正常活动状态下，视野中人眼对视觉信号觉察最佳视区在视水平线下15°和水平20°范围内。

3、尺寸设计方法。

尺寸设计中，首先确定操作屏幕尺寸，再确定屏幕边缘尺寸，根据调查测得屏幕边缘通常在110mm左右，最后根据操作屏幕整体的尺寸，计算出触摸导视机底座的高度。

屏幕尺寸中人与触摸导视机最近点通常有150mm的距离修正量。根据图1、图2人体立姿手操作垂直水平范围确定操作屏幕范围，根据人体手臂尺寸以及操作屏范围确定操作屏幕倾斜角度。操作屏宽度根据手眼协调舒适操作范围确定操作屏的宽度。

4、操作屏大小。

操作中人肩部到屏幕距离依据人体男女平均尺寸上臂长+前臂长+修正量为合适距离，根据中国成年人人体主要尺寸，男P50上臂长为320mm前臂长270mm，女P50上臂长为300mm前臂长240mm。手部修正量为15mm，手臂弯曲修正量为10mm，人肩部到屏幕距离=上臂长+前臂长+手部修正量-手臂弯曲修正量为570mm。

图3a中C点为导视机最近点，由于人与触摸导视机最近点通常有150mm的距离，ABC、DFG分别为人在紧靠导视机和有一定距离时的操作范围，根据这两个范围得出人在150mm距离的垂直操作范围DEF，由此确定操作屏顶端到外轮廓最低端（图3b）的距离约为690mm，屏幕与人体的手操作角度在37°范围内。

考虑手部操作范围的同时，也要考虑人眼的舒适范围，视野分为直接视野、注视视野、观察视野三种，直接视野指头部与眼睛静止不动时的空间范围，注视视野指头部保持不动，眼睛注视目标移动，观察视野指身体保持不动，头部和眼睛转动注视目标。

注视视野最佳值=直接视野最佳值+眼球可轻松偏转角度（头部不动）

观察视野最佳值=注视视野最佳值+头部可轻松偏转角度（躯干不动）

当头部处于放松状态，头与眼睛轴线夹角为105°—110°，该视线在水平线以下25°—35°，因此最佳观察范围在水平线上50°下70°范围。

根据人体男女平均尺寸，平均眼高为1511mm。眼部到操作屏底部垂直距离为眼高-肩高+肩部到操作屏底部垂直距离，肩部到操作屏底部垂直距离如图3（a）约为550mm，根据人体男女平均尺寸肩高男P50为1367mm女P50为1271mm，平均肩高为1319mm。眼部到操作屏底部垂直距离762mm，自然状态下人体站立相对放松，头部略低减去40mm修正量约为720mm（图4）计算得出眼睛高度到屏幕角度范围在水平线下17°—78°范围，屏幕存在倾斜角度时人操作时身体轻微向前倾，因此操作屏顶端到外轮廓最低端的距离约为690mm，屏幕与人体的手操作角度在37°内较合理。操作屏宽度根据手眼协调舒适操作范围确定操作屏的宽度（图5），手眼水平操作范围，阴影区为最佳范围在1520mm内。

屏幕整体尺寸：经过调查，屏幕边缘通常在110mm因此操作屏长1520mm高690mm，屏幕整体长1542mm，高712mm。屏幕倾斜角度为37°。

5、导视机底座高度

导视机底座高度指屏幕外轮廓底部到地面的垂直距离。根据人体平均肩高为1319mm，底座高度=肩高-肩部到屏幕底部垂直距离=1319-550=769mm，约为770mm。人在自然站立时脚会适当前伸，脚下应有适当的活动空间150mm，根据底座高度，因此底座旋转角度向内10°。为保证稳定性和美观，底座下部应比上部略宽。底座上部110mm，下部340mm。

四、界面设计

（一）功能操作

导视机功能分为时间显示、内容搜索、消费指南、活动资讯、恒隆服务、交通地理、商场介绍、语言选择几个方面。调查发现人们常用的功能主要有消费指南和交通地理，活动资讯其次，其他功能较少使用。

（1）增加预约叫号及查询功能和电影票查询功能

（2）增加寻车系统

（3）增加会员查询

（4）地图改进。商场中设有导示牌，但仍有消费者找工作人员询问。地图外围增加街道名称，显示商场出入口位置，同时增加指向针确定自己的位置和目标位置。

（5）增加返回退出，以及上下翻页按键。保留上一步操作，避免重复操作。老年人不会滑动界面，上下翻页按键更加简明易懂。

（二）界面布局

界面布局是导视系统关键要素，因其功能特性，界面操作内容不宜过多，但要内容全面，信息传达要简练概括。在有限的范围内，内容、字体、符号要有主次之分，有一定的比例关系，通过大小对比、位置关系、方向、色彩等方面突出信息，使整个版面协调一致。达到简洁、秩序、系统、全面的要求。

根据人的目光巡视特性，顺序为左上、右上、左下、右下（图7）。将时间显示、内容搜索、消费指南等放在一级界面，恒隆服务、商场介绍等放在二级界面。界面放在左侧，人眼最容易注视的区域。卫生间、服务台等位置信息位于左上角菜单栏旁，便于发现。多数人用右手操作，放大、缩小等需重复操作按钮放在右侧，根据人们使用电脑操作习惯返回按键放于右上角，减少操作时间。楼层显示图放在右侧。显示地图时右下角设二维码扫码，将地图放在手机里显示。左上角标题栏增加WIFI信息。选择商铺时附上商铺简介、联系方式等信息便于消费者了解并更好的选择，同时达到宣传目的。

（三）视觉显示

导视显示中字体、图形等显示要视认性好、易于识别，以简洁清晰的字体、简明易读的图形标识、足够对比度的颜色设计保证导视的安全性。在操作成功时，触摸位置以红色背景显示操作成功。

1.文字尺寸

根据人机工程学中文字设计的尺寸要求，在清晰可辨的情况，字符尺寸与视距的关系是字符高度尺寸D=视距/250 根据字符尺寸高度D，字符之间最小间距为D/5，单词或数值之间最小间距为2D/3，字符宽度为2D/3，笔画粗细为D/6。

> 图1 立姿手臂垂直操作范围

图2 立姿手臂水平操作范围

> 图3a

> 图3b

> 图4

> 图5 手眼水平操作范围

> 图6 触摸导视机尺寸说明图

根据图4，人眼高到屏幕最低端是最远距离达到清晰可辨，人眼高到屏幕低端距离为740mm，因此文字尺寸为0.3 cm，字符之间最小间距为0.06cm，单词或数值之间最小间距为0.06cm字符宽度为0.2cm，笔画粗细为0.05cm。

字符的排布：

1）左到右的横排优先；必要时上下竖排；避免斜排。

2）行距：一般取字高的50﹪～100﹪，为清晰可变，取中间值0.23cm。

字距：≥笔画的宽度。拼音文字的词距：不小于字符高的50﹪为0.23cm。

3）竖长条水平方向窄，汉字可上下竖排。

4）同一个面板上，同类的说明文字遵循统一的排布格式。

2.字符与背景色彩

不合适的色彩和背景会使字符辨认时间增加，用户获取信息是产生插叙偶的可能性极大，合适的色彩和背景十分关键。

1）字符背景间色彩明度差，应在蒙塞尔色系的2级以上。2）照度不同，黑底白字与白底黑字的辨认性优劣不同；3）字符主体色彩的特性决定了视觉传达的效果。前进色、扩张色，感受比实际距离近；后退色、收缩色则相反。

4）字符与背景的色彩搭配对辨认性的影响较大。

显示器中信息较多，需要通过不同的颜色突出信息的重要性，因此背景不宜过于鲜艳，应选择与多种颜色相对辨认性好的颜色作为背景色。白底黑字的辨认性较好。根据视觉机制，可见光在电磁波频谱中只占很小的范围。人眼能“即时”看清的区域很小。红色字体符号最为明显。其次为橙色，由于白底黄字模糊度较大，因此绿色仅次于橙色，可依次作为重要信息的指示颜色。

3.图形符号

依据GB7291—1987 与消费者有关图形符号的一般要求，使用统一，常用的图形符号比较容易辨别。

五、结论

通过调查对恒隆商场触摸导视机以及消费人员的调查，对产生的问题进行分析，对恒隆商场触摸导视机进行改进，提高用户操作效率和增加用户体验。有以下几点内容。

1、通过对人体结构、视觉的分析，以及操作习惯分析，对导视机整体尺寸进行改进。

2、增加信息查询功能，对常用以及不常用的功能进行调整。

3、地图外围增加道路显示和商场出入口位置，同时增加指向针。

4、以人为本，遵循操作简单、布局合理、信息完整易读、指示明确进行导向界面设计，尽可能减少界面元素，使产品易用易懂，降低脑力负荷，增加返回撤销功能和上下翻页。

5、增加色彩识别性，使界面操作性强，减少操作时间，在原有功能基础上对产品进行改进并注重界面的和谐一致。■

[1] 蒋媛.城市大型商业中心导视系统设计研究[J].美术教育研究，2014（19）：104-105.

[2] 王令中.视觉艺术心理[M].北京：人民美术出版社，2005.

[3] 马广韬.人因工程学与设计应用[M].北京：化学工业出版社，2013.8.

[4] 赵凯威.关于商场导视系统设计的研究[J].美术大观，2011（7）.

[5] 阮宝湘，邵祥华.工业设计人机工程[M].北京：机械工业出版社，2010.

Discussion on Improvement of Design of Touch Screen Guide for Large Shopping Mall Take Hang Lung Plaza as an Example

MA Guang-tao, HE Yu-qing
（Shenyang Jianzhu University，Shenyang 110168，China）

With the development of the urban commercial space, the shopping mall has become one of the most suitable places for public activities, which is the most suitable place for people to meet the functions of shopping, entertainment, leisure, communication and so on. Large scale commercial center one-stop shopping to bring more business value. At the same time, consumers can not find the right place in a strange environment according to the needs of the problem. This paper takes Shenyang Plaza as an example, through the investigation on consumer behavior and demand analysis, according to the specified human psychological feelings and physiological characteristics and business promotional requirements, improve the design of the shopping guide machine touch screen, bring the perfect experience for the user.

the touch screen machine; Ergonomics; humanized design

TN

A

1008-2832(2017)02-0102-03

检 索:www.artdesign.org.cn