大型商場觸摸屏導視機設計改進探析
——以恒隆廣場為例

馬廣韜，何雨晴

大型商場觸摸屏導視機設計改進探析
——以恒隆廣場為例

馬廣韜，何雨晴

（沈陽建筑大學，沈陽 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