大型商場觸摸屏導(dǎo)視機(jī)設(shè)計改進(jìn)探析
——以恒隆廣場為例

馬廣韜，何雨晴

大型商場觸摸屏導(dǎo)視機(jī)設(shè)計改進(jìn)探析
——以恒隆廣場為例

馬廣韜，何雨晴

（沈陽建筑大學(xué)，沈陽 110168）

隨著城市商業(yè)空間的發(fā)展，商場集購物、娛樂、休閑、交往等多種功能為一體，成為人們公共活動最適宜的場所。大型商業(yè)中心一站式購物帶來更多商業(yè)價值。同時帶來消費(fèi)者在陌生環(huán)境中無法根據(jù)需求找到合適地方的問題。文章以沈陽恒隆廣場為例，通過對消費(fèi)者行為和需求的調(diào)查分析，針對指定環(huán)境下人的心理感受和生理特點(diǎn)以及商業(yè)的宣傳需求，對商場觸摸屏導(dǎo)視機(jī)進(jìn)行改進(jìn)設(shè)計，為用戶帶來完美的體驗。

觸摸屏導(dǎo)視機(jī)；人機(jī)工程；人性化設(shè)計

Internet :www.artdesign.org.cn

一、沈陽恒隆廣場調(diào)查分析

沈陽市府恒隆廣場集餐飲、購物、休閑和娛樂于一體，為繁忙的都市人提供多元化的選擇。通過對沈陽市府恒隆商場結(jié)構(gòu)研究和消費(fèi)者行為的進(jìn)行問卷調(diào)查，首先確定人群，根據(jù)調(diào)查將消費(fèi)者人群分為三種：老年人、學(xué)生、上班族，分析出以下幾個問題：

1、導(dǎo)示牌顯示信息有限不全面，如導(dǎo)示牌數(shù)量多，空間混亂。

2、商場觸摸導(dǎo)視機(jī)中地圖指示不合理。

3、商場中設(shè)有導(dǎo)示牌，樓層指示圖，仍有消費(fèi)者找工作人員詢問。

4、消費(fèi)者希望得到最新的商場優(yōu)惠活動。

5、會員消費(fèi)者希望得到相關(guān)的會員信息。

6、餐飲高峰時段等位造成飯店門口人流密集、擁堵。

7、部分消費(fèi)者記不住停車位置，找車難。

8、部分消費(fèi)者目的性強(qiáng)，希望迅速找到所需對象。

二、設(shè)計原則

1、以人為本，應(yīng)體現(xiàn)出通用設(shè)計，滿足大多數(shù)人的操作習(xí)慣。

2、遵循操作簡單、布局合理、信息完整易讀、指示明確進(jìn)行導(dǎo)向界面設(shè)計。在保留產(chǎn)品基本功能情況下，盡可能減少界面元素，使產(chǎn)品易用易懂，降低腦力負(fù)荷。

3、色彩識別性。視覺上，重要的信息、符號用明確醒目的顏色或形狀來突出顯示。

4、界面操作性要強(qiáng)。在設(shè)計中應(yīng)根據(jù)人的行為習(xí)慣、人體生理結(jié)構(gòu)、心理、思維方式等對產(chǎn)品進(jìn)行改進(jìn)。

5、注重界面的和諧與一致性。各個元素必須遵循和諧一致原則。

6、形式追隨功能。圖標(biāo)簡潔易懂。

7、考慮老年消費(fèi)者操作特點(diǎn)。

三、觸摸導(dǎo)視機(jī)尺寸設(shè)計

1、人體立姿相關(guān)尺寸：身高、立姿眼高、肩高、肘高、手功能高、上臂長、前臂長。

2、動態(tài)尺寸：手臂功能極限范圍、最佳視角、最佳視距。

選擇一個合適的目標(biāo)用戶滿足度，觸摸導(dǎo)視機(jī)應(yīng)滿足大多數(shù)消費(fèi)者，選擇平均尺寸較合理。視角范圍指在頭部保持靜止，眼睛正常活動狀態(tài)下，視野中人眼對視覺信號覺察最佳視區(qū)在視水平線下15°和水平20°范圍內(nèi)。

3、尺寸設(shè)計方法。

尺寸設(shè)計中，首先確定操作屏幕尺寸，再確定屏幕邊緣尺寸，根據(jù)調(diào)查測得屏幕邊緣通常在110mm左右，最后根據(jù)操作屏幕整體的尺寸，計算出觸摸導(dǎo)視機(jī)底座的高度。

屏幕尺寸中人與觸摸導(dǎo)視機(jī)最近點(diǎn)通常有150mm的距離修正量。根據(jù)圖1、圖2人體立姿手操作垂直水平范圍確定操作屏幕范圍，根據(jù)人體手臂尺寸以及操作屏范圍確定操作屏幕傾斜角度。操作屏寬度根據(jù)手眼協(xié)調(diào)舒適操作范圍確定操作屏的寬度。

4、操作屏大小。

操作中人肩部到屏幕距離依據(jù)人體男女平均尺寸上臂長+前臂長+修正量為合適距離，根據(jù)中國成年人人體主要尺寸，男P50上臂長為320mm前臂長270mm，女P50上臂長為300mm前臂長240mm。手部修正量為15mm，手臂彎曲修正量為10mm，人肩部到屏幕距離=上臂長+前臂長+手部修正量-手臂彎曲修正量為570mm。

圖3a中C點(diǎn)為導(dǎo)視機(jī)最近點(diǎn)，由于人與觸摸導(dǎo)視機(jī)最近點(diǎn)通常有150mm的距離，ABC、DFG分別為人在緊靠導(dǎo)視機(jī)和有一定距離時的操作范圍，根據(jù)這兩個范圍得出人在150mm距離的垂直操作范圍DEF，由此確定操作屏頂端到外輪廓最低端（圖3b）的距離約為690mm，屏幕與人體的手操作角度在37°范圍內(nèi)。

考慮手部操作范圍的同時，也要考慮人眼的舒適范圍，視野分為直接視野、注視視野、觀察視野三種，直接視野指頭部與眼睛靜止不動時的空間范圍，注視視野指頭部保持不動，眼睛注視目標(biāo)移動，觀察視野指身體保持不動，頭部和眼睛轉(zhuǎn)動注視目標(biāo)。

注視視野最佳值=直接視野最佳值+眼球可輕松偏轉(zhuǎn)角度（頭部不動）

觀察視野最佳值=注視視野最佳值+頭部可輕松偏轉(zhuǎn)角度（軀干不動）

當(dāng)頭部處于放松狀態(tài)，頭與眼睛軸線夾角為105°—110°，該視線在水平線以下25°—35°，因此最佳觀察范圍在水平線上50°下70°范圍。

根據(jù)人體男女平均尺寸，平均眼高為1511mm。眼部到操作屏底部垂直距離為眼高-肩高+肩部到操作屏底部垂直距離，肩部到操作屏底部垂直距離如圖3（a）約為550mm，根據(jù)人體男女平均尺寸肩高男P50為1367mm女P50為1271mm，平均肩高為1319mm。眼部到操作屏底部垂直距離762mm，自然狀態(tài)下人體站立相對放松，頭部略低減去40mm修正量約為720mm（圖4）計算得出眼睛高度到屏幕角度范圍在水平線下17°—78°范圍，屏幕存在傾斜角度時人操作時身體輕微向前傾，因此操作屏頂端到外輪廓最低端的距離約為690mm，屏幕與人體的手操作角度在37°內(nèi)較合理。操作屏寬度根據(jù)手眼協(xié)調(diào)舒適操作范圍確定操作屏的寬度（圖5），手眼水平操作范圍，陰影區(qū)為最佳范圍在1520mm內(nèi)。

屏幕整體尺寸：經(jīng)過調(diào)查，屏幕邊緣通常在110mm因此操作屏長1520mm高690mm，屏幕整體長1542mm，高712mm。屏幕傾斜角度為37°。

5、導(dǎo)視機(jī)底座高度

導(dǎo)視機(jī)底座高度指屏幕外輪廓底部到地面的垂直距離。根據(jù)人體平均肩高為1319mm，底座高度=肩高-肩部到屏幕底部垂直距離=1319-550=769mm，約為770mm。人在自然站立時腳會適當(dāng)前伸，腳下應(yīng)有適當(dāng)?shù)幕顒涌臻g150mm，根據(jù)底座高度，因此底座旋轉(zhuǎn)角度向內(nèi)10°。為保證穩(wěn)定性和美觀，底座下部應(yīng)比上部略寬。底座上部110mm，下部340mm。

四、界面設(shè)計

（一）功能操作

導(dǎo)視機(jī)功能分為時間顯示、內(nèi)容搜索、消費(fèi)指南、活動資訊、恒隆服務(wù)、交通地理、商場介紹、語言選擇幾個方面。調(diào)查發(fā)現(xiàn)人們常用的功能主要有消費(fèi)指南和交通地理，活動資訊其次，其他功能較少使用。

（1）增加預(yù)約叫號及查詢功能和電影票查詢功能

（2）增加尋車系統(tǒng)

（3）增加會員查詢

（4）地圖改進(jìn)。商場中設(shè)有導(dǎo)示牌，但仍有消費(fèi)者找工作人員詢問。地圖外圍增加街道名稱，顯示商場出入口位置，同時增加指向針確定自己的位置和目標(biāo)位置。

（5）增加返回退出，以及上下翻頁按鍵。保留上一步操作，避免重復(fù)操作。老年人不會滑動界面，上下翻頁按鍵更加簡明易懂。

（二）界面布局

界面布局是導(dǎo)視系統(tǒng)關(guān)鍵要素，因其功能特性，界面操作內(nèi)容不宜過多，但要內(nèi)容全面，信息傳達(dá)要簡練概括。在有限的范圍內(nèi)，內(nèi)容、字體、符號要有主次之分，有一定的比例關(guān)系，通過大小對比、位置關(guān)系、方向、色彩等方面突出信息，使整個版面協(xié)調(diào)一致。達(dá)到簡潔、秩序、系統(tǒng)、全面的要求。

根據(jù)人的目光巡視特性，順序為左上、右上、左下、右下（圖7）。將時間顯示、內(nèi)容搜索、消費(fèi)指南等放在一級界面，恒隆服務(wù)、商場介紹等放在二級界面。界面放在左側(cè)，人眼最容易注視的區(qū)域。衛(wèi)生間、服務(wù)臺等位置信息位于左上角菜單欄旁，便于發(fā)現(xiàn)。多數(shù)人用右手操作，放大、縮小等需重復(fù)操作按鈕放在右側(cè)，根據(jù)人們使用電腦操作習(xí)慣返回按鍵放于右上角，減少操作時間。樓層顯示圖放在右側(cè)。顯示地圖時右下角設(shè)二維碼掃碼，將地圖放在手機(jī)里顯示。左上角標(biāo)題欄增加WIFI信息。選擇商鋪時附上商鋪簡介、聯(lián)系方式等信息便于消費(fèi)者了解并更好的選擇，同時達(dá)到宣傳目的。

（三）視覺顯示

導(dǎo)視顯示中字體、圖形等顯示要視認(rèn)性好、易于識別，以簡潔清晰的字體、簡明易讀的圖形標(biāo)識、足夠?qū)Ρ榷鹊念伾O(shè)計保證導(dǎo)視的安全性。在操作成功時，觸摸位置以紅色背景顯示操作成功。

1.文字尺寸

根據(jù)人機(jī)工程學(xué)中文字設(shè)計的尺寸要求，在清晰可辨的情況，字符尺寸與視距的關(guān)系是字符高度尺寸D=視距/250 根據(jù)字符尺寸高度D，字符之間最小間距為D/5，單詞或數(shù)值之間最小間距為2D/3，字符寬度為2D/3，筆畫粗細(xì)為D/6。

> 圖1 立姿手臂垂直操作范圍

圖2 立姿手臂水平操作范圍

> 圖3a

> 圖3b

> 圖4

> 圖5 手眼水平操作范圍

> 圖6 觸摸導(dǎo)視機(jī)尺寸說明圖

根據(jù)圖4，人眼高到屏幕最低端是最遠(yuǎn)距離達(dá)到清晰可辨，人眼高到屏幕低端距離為740mm，因此文字尺寸為0.3 cm，字符之間最小間距為0.06cm，單詞或數(shù)值之間最小間距為0.06cm字符寬度為0.2cm，筆畫粗細(xì)為0.05cm。

字符的排布：

1）左到右的橫排優(yōu)先；必要時上下豎排；避免斜排。

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

字距：≥筆畫的寬度。拼音文字的詞距：不小于字符高的50﹪為0.23cm。

3）豎長條水平方向窄，漢字可上下豎排。

4）同一個面板上，同類的說明文字遵循統(tǒng)一的排布格式。

2.字符與背景色彩

不合適的色彩和背景會使字符辨認(rèn)時間增加，用戶獲取信息是產(chǎn)生插敘偶的可能性極大，合適的色彩和背景十分關(guān)鍵。

1）字符背景間色彩明度差，應(yīng)在蒙塞爾色系的2級以上。2）照度不同，黑底白字與白底黑字的辨認(rèn)性優(yōu)劣不同；3）字符主體色彩的特性決定了視覺傳達(dá)的效果。前進(jìn)色、擴(kuò)張色，感受比實(shí)際距離近；后退色、收縮色則相反。

4）字符與背景的色彩搭配對辨認(rèn)性的影響較大。

顯示器中信息較多，需要通過不同的顏色突出信息的重要性，因此背景不宜過于鮮艷，應(yīng)選擇與多種顏色相對辨認(rèn)性好的顏色作為背景色。白底黑字的辨認(rèn)性較好。根據(jù)視覺機(jī)制，可見光在電磁波頻譜中只占很小的范圍。人眼能“即時”看清的區(qū)域很小。紅色字體符號最為明顯。其次為橙色，由于白底黃字模糊度較大，因此綠色僅次于橙色，可依次作為重要信息的指示顏色。

3.圖形符號

依據(jù)GB7291—1987 與消費(fèi)者有關(guān)圖形符號的一般要求，使用統(tǒng)一，常用的圖形符號比較容易辨別。

五、結(jié)論

通過調(diào)查對恒隆商場觸摸導(dǎo)視機(jī)以及消費(fèi)人員的調(diào)查，對產(chǎn)生的問題進(jìn)行分析，對恒隆商場觸摸導(dǎo)視機(jī)進(jìn)行改進(jìn)，提高用戶操作效率和增加用戶體驗。有以下幾點(diǎn)內(nèi)容。

1、通過對人體結(jié)構(gòu)、視覺的分析，以及操作習(xí)慣分析，對導(dǎo)視機(jī)整體尺寸進(jìn)行改進(jìn)。

2、增加信息查詢功能，對常用以及不常用的功能進(jìn)行調(diào)整。

3、地圖外圍增加道路顯示和商場出入口位置，同時增加指向針。

4、以人為本，遵循操作簡單、布局合理、信息完整易讀、指示明確進(jìn)行導(dǎo)向界面設(shè)計，盡可能減少界面元素，使產(chǎn)品易用易懂，降低腦力負(fù)荷，增加返回撤銷功能和上下翻頁。

5、增加色彩識別性，使界面操作性強(qiáng)，減少操作時間，在原有功能基礎(chǔ)上對產(chǎn)品進(jìn)行改進(jìn)并注重界面的和諧一致?！?/p>

[1] 蔣媛.城市大型商業(yè)中心導(dǎo)視系統(tǒng)設(shè)計研究[J].美術(shù)教育研究，2014（19）：104-105.

[2] 王令中.視覺藝術(shù)心理[M].北京：人民美術(shù)出版社，2005.

[3] 馬廣韜.人因工程學(xué)與設(shè)計應(yīng)用[M].北京：化學(xué)工業(yè)出版社，2013.8.

[4] 趙凱威.關(guān)于商場導(dǎo)視系統(tǒng)設(shè)計的研究[J].美術(shù)大觀，2011（7）.

[5] 阮寶湘，邵祥華.工業(yè)設(shè)計人機(jī)工程[M].北京：機(jī)械工業(yè)出版社，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