用戶在觸摸屏上的操作，不僅包括熟悉的手機(jī)或者平板設(shè)備，逐漸擴(kuò)展到更大屏幕上。無論是智能貨柜上的操作屏幕，還是在商場隨處可見的大屏可交互的導(dǎo)示產(chǎn)品，無一例外都是用更大的觸摸屏來支持的。對于這類超出平板或者電腦尺寸的屏幕，本文統(tǒng)稱為“超大屏”。

接下來，就來聊一聊，面對這樣超大觸屏產(chǎn)品進(jìn)行設(shè)計時，存在的挑戰(zhàn)，以及設(shè)計策略上的一些思考。

超大觸摸屏產(chǎn)品僅從尺寸上看來，和TV端有一些相似之處，但是又有顯著的不同。TV端產(chǎn)品盡管也是大屏設(shè)備，但是用戶是在遠(yuǎn)距離操作，與屏幕之間沒有接觸，而是使用遙控器設(shè)備控制，遙控操作也可以降低操作的幅度，提升準(zhǔn)確率；TV端的焦點(diǎn)移動也是逐個card移動方式，不會出現(xiàn)焦點(diǎn)的突然跳躍，這樣就可以保證用戶的視覺焦點(diǎn)是連續(xù)的，可以集中和定位的，用戶可以快速找到視覺焦點(diǎn)。

而超大屏產(chǎn)品則不同。超大屏實(shí)際上是一個放大的觸屏，所以主要方式還是手勢操作，用戶更多是通過觸摸方式實(shí)現(xiàn)與產(chǎn)品之間的交互；不同的是，用戶的操作方式從手指擴(kuò)展到手部甚至整個手臂，單手指操作擴(kuò)展到雙臂操作；另外，用戶在極近的距離下操作設(shè)備，用戶每個視覺單位接收的信息是很少的，這就需要用戶的視覺焦點(diǎn)需要自己主動定位，轉(zhuǎn)動眼球或者頭部來自行獲取視覺信息。

設(shè)計前，先重新認(rèn)識你的用戶

超大屏設(shè)計，在設(shè)計前需要明確的一點(diǎn)是對用戶的重新認(rèn)識。

對于移動端或者桌面端的產(chǎn)品來說，很多產(chǎn)品的設(shè)計初衷是讓他們成為用戶生活中不可獲取的東西，為用戶創(chuàng)造新的生活、工作方式。因此，這些產(chǎn)品都要具有極強(qiáng)的可用性，在逐漸成熟的產(chǎn)品體系中，更多的模塊、控件可以復(fù)用；用戶也對各種產(chǎn)品類型更加熟悉，基本上可以直接上手使用新的產(chǎn)品。在產(chǎn)品的用戶分布曲線中，新手用戶能夠快速過渡到中間用戶。

但是對于超大屏產(chǎn)品而言，或者說超大屏設(shè)備而言，他們大部分擁有的一個社會特征的屬性，就是“公共設(shè)施”。這類產(chǎn)品，用戶使用的頻率并沒有那么高，絕大多數(shù)用戶是首次使用，所以對于超大屏設(shè)備，更多的用戶會在“新手用戶”這個頭部區(qū)間大量積攢，而不是符合常會正態(tài)曲線分布的用戶形態(tài)。

因此，在超大屏產(chǎn)品的設(shè)計過程中，對于一些用戶在其他端慣常的操作方式需要“選擇性”復(fù)用；將用戶當(dāng)“新手用戶”來對待，避免一些先入為主的慣性認(rèn)知，這樣會在無形中減少很多可用性不足的問題。

超大屏設(shè)計策略

1. 如何將用戶吸引過來

超大屏幕設(shè)備一般在公共空間使用，這樣的場景下，環(huán)境條件相對多樣和復(fù)雜。例如在商場中，如果超大屏設(shè)備只是默默的佇立在那里，那么任何一個用戶在亂花漸欲迷人眼的商場里，可能都不會注意到這樣一臺設(shè)備吧。所謂“酒香也怕巷子深”，超大屏設(shè)備同樣需要做好前期的“宣傳”工作，將用戶吸引到身邊來。

正如上文所描述的，超大屏設(shè)備所處的環(huán)境相對復(fù)雜，而且更多時候是比較空曠的，非密閉的，正因如此，超大屏設(shè)備對用戶的吸引，可以打破面對面的束縛，借助自己本身的設(shè)備優(yōu)勢，可以從遠(yuǎn)處就對用戶開始展開“吸引”。

細(xì)化一下這種吸引策略，將超大屏產(chǎn)品和設(shè)備與用戶之間交互按照遠(yuǎn)近不同的距離進(jìn)行區(qū)分，實(shí)際上可以細(xì)分為“遠(yuǎn)-中-近”三個不同的場。不同場之間的輻射范圍及距離劃分方法，與設(shè)備實(shí)際的尺寸、分辨率有關(guān)。在此不過多描述，接下來可以來深入研究一下用戶與超大屏在不同場之間的交互特征。

（超大屏中的場）

（1）遠(yuǎn)場

用戶處在遠(yuǎn)場到無限遠(yuǎn)的距離時，在相對空間上距離超大屏設(shè)備較遠(yuǎn)，而且角度各異，這個時候無法準(zhǔn)確捕捉到超大屏幕上的內(nèi)容。而且這個時候環(huán)境干擾更強(qiáng)烈，加持的語音設(shè)備的傳達(dá)效果也比較差。

因此這種情況下，超大屏上可以播放一些互動或者宣傳內(nèi)容，將用戶注意力在環(huán)境中吸引過來，當(dāng)用戶的注意力轉(zhuǎn)移到超大屏后，再經(jīng)過“發(fā)現(xiàn)-感興趣-接近”這一系列的心理和行為動作，逐漸從遠(yuǎn)場走向中場。

（2）中場

用戶達(dá)到中場位置后，用戶能夠更好地接收到超大屏的信息，而且處于中場距離，語音信息可以達(dá)到相對準(zhǔn)確地傳達(dá)。中場是一個快速過渡的距離，用戶從遠(yuǎn)場走近后，最終目標(biāo)是到達(dá)近場開始進(jìn)行目標(biāo)操作，因此中場的主要目標(biāo)是“穩(wěn)住”用戶并將其快速引入近場。

因此這個時候，超大屏上的內(nèi)容與用戶之間要產(chǎn)生更強(qiáng)的互動，可以使用攝像頭捕捉、語音技術(shù)、AI技術(shù)產(chǎn)生有趣的、人性化、智能化的互動體驗(yàn)，將用戶的好奇心充分調(diào)動起來，讓用戶快速走向近場。

（3）近場

近場范圍內(nèi)，用戶已經(jīng)到達(dá)了與超大屏交互的最適區(qū)域，所有的目標(biāo)操作，都在近場中完成。后續(xù)的問題，也都是圍繞近場中的交互問題展開的。

2. 如何開始操作？

超大屏幕設(shè)備不同于一些用戶常見的移動或者桌面端設(shè)備，他可能是一個獨(dú)立的某種形狀的大體積形體，或者內(nèi)嵌在一個工作臺或者樹立的墻面之上，這些位置都不是用戶所熟悉的。面對這樣的外觀，用戶如果沒有合適的引導(dǎo)，用戶很難想象如何與之開啟交互。

因此，在用戶與超大屏內(nèi)容進(jìn)行交互時，適時的引導(dǎo)十分重要，這種引導(dǎo)包括明確的引導(dǎo)內(nèi)容，包括前置引導(dǎo)，操作過程中引導(dǎo)等，來告知用戶如何操作。還包括符合用戶認(rèn)知的布局習(xí)慣，尤其是導(dǎo)航區(qū)域的設(shè)計方式。無論是面包屑導(dǎo)航還是側(cè)邊欄導(dǎo)航，使用用戶熟悉的導(dǎo)航以及布局樣式，讓用戶首次使用時能夠快捷切換功能模塊或者返回首頁，提升產(chǎn)品的友好性和可用性。

3. 如何操作才是最舒適的？

解決了引導(dǎo)的問題后，更多的交互方式就在大屏幕上展開了。但是如何要研究最適的操作，對于超大屏而言，僅在二維界面上研究可能就會存在局限性了。盡管超大屏大部分也是通過觸摸來實(shí)現(xiàn)交互操作，但是與移動設(shè)備有兩處顯著的不同。

（1）一是超大屏的觸摸操作需要延伸至整個手掌和手臂

移動端的所有體驗(yàn)方面的研究，都是基于“手指”操作而言的，而對于超大屏設(shè)備，就要從“手臂”的操作開始。

（2）二是移動設(shè)備的操作過程中，往往被忽略的一點(diǎn)就是用戶的視覺焦點(diǎn)

默認(rèn)移動設(shè)備中用戶的視覺方式是“凝視”，也就是視覺焦點(diǎn)幾乎不會產(chǎn)生明顯的位移，幾乎不存在“掃視”的現(xiàn)象，所以移動端產(chǎn)品，主要考慮手勢操作的舒適性，很少將視覺位移作為影響體驗(yàn)的重點(diǎn)來研究。當(dāng)然，這里不包括桌面產(chǎn)品。

但是對于超大屏幕而言，用戶在近場操作時，眼睛與屏幕的垂直距離基本在一米以內(nèi)，這個時候用戶視線所接收到的信息區(qū)域是有限的。所以想要看清屏幕上的內(nèi)容，用戶就不得不需要轉(zhuǎn)動眼球甚至整個頭部來進(jìn)行“掃視”操作。在超大屏的設(shè)計中，不得不考慮用戶的視覺區(qū)域問題。

那么，解決交互操作問題的思路是什么呢？

從人機(jī)尺寸入手。

人機(jī)交互尺寸，在工程領(lǐng)域使用比較多，在互聯(lián)網(wǎng)產(chǎn)品中應(yīng)用很少。但是超大屏產(chǎn)品是個特例，因?yàn)樗婢呋ヂ?lián)網(wǎng)屬性與工程屬性。從人機(jī)尺寸著手，能夠有效地定位超大屏上的最適區(qū)域，將大屏的交互區(qū)域縮小到一個可控的范圍，然后再借鑒平板和桌面產(chǎn)品的設(shè)計思路來解決二維屏幕上的交互問題。

研究超大屏上的人機(jī)尺寸問題，主要是研究最佳的操作區(qū)域和最佳的視覺區(qū)域。以垂直于地面的超大屏為例，屏幕尺寸500*1000mm縱向放置，距離地面200mm。

（1）最適操作區(qū)

（國標(biāo)中立姿不屈膝手臂操作人機(jī)尺寸分析）

根據(jù)國標(biāo)中的人機(jī)尺寸，可以通過站立不屈膝的縱向高度和橫向?qū)挾扔嬎悖诔笃聊簧洗_定一個最適操作的矩形區(qū)域，將這個區(qū)域折算成實(shí)際的像素比例應(yīng)用的設(shè)計稿中，這樣在設(shè)計過程中，核心的交互操作最好是在該區(qū)域內(nèi)執(zhí)行。最適操作區(qū)四周可以作為次級操作區(qū)，而遠(yuǎn)端位置，比如縱向屏幕的低端，更適合放置視覺信息內(nèi)容，減少該區(qū)域內(nèi)的用戶操作。

（2）最佳視覺區(qū)

（國標(biāo)中最佳眼睛轉(zhuǎn)動區(qū)域人機(jī)尺寸分析）

同理，根據(jù)用戶眼睛轉(zhuǎn)動區(qū)域特征，可計算出在屏幕上用戶的最佳視覺區(qū)域，在這個區(qū)域內(nèi)，可以將核心的反饋信息或者功能信息呈現(xiàn)于此，在布局上該區(qū)域可以放置核心功控件。其他的次級信息，可圍繞該區(qū)域展開放置。

解決了主要的交互區(qū)域與視覺區(qū)域問題，接下來要設(shè)計的就是二維屏幕上操作體驗(yàn)，這與移動端產(chǎn)品有著共通之處，在此就不再展開分析，只是有一些需要影響體驗(yàn)的設(shè)計細(xì)節(jié)，可能還是要明確一下。

影響體驗(yàn)細(xì)節(jié)的關(guān)鍵點(diǎn)

（1）利用語音技術(shù)和AI技術(shù)來提升體驗(yàn)效果

超大屏設(shè)備一般都處于公共空間中，合理利用語音技術(shù)，既可以解決遠(yuǎn)場和中場的引導(dǎo)問題，也能解決在近場操作中的引導(dǎo)和反饋問題，提升整體的操作體驗(yàn)。不僅如此，AI人臉識別等技術(shù)，能夠讓產(chǎn)品更加智能化與個性化，當(dāng)識別出用戶并獲取相關(guān)信息后，產(chǎn)品可以提供更加定制化的產(chǎn)品服務(wù)。

（2）盡量減少大幅度移動

用戶在超大屏上操作，很多時候需要手臂操作或者轉(zhuǎn)動眼球和頭部來查看屏幕內(nèi)容，這樣就給用戶帶來很多操作上的負(fù)擔(dān)，產(chǎn)生疲勞感。因此，在超大屏上設(shè)計時，都要盡量避免操作或許和信息的跳躍，減少用戶“大幅度”的移動。

（3）屏幕的通透性

很多超大屏的屏幕會與物品展示功能相結(jié)合，這時超大屏的屏幕是透明的，用戶不僅可以看到屏幕內(nèi)容，還可以透過屏幕看到屏幕背后的產(chǎn)品。這種情況下，在設(shè)計中就要考慮屏幕通透性帶來的影響，尤其是對于用戶認(rèn)知的影響。因?yàn)楫?dāng)用戶透過屏幕看到后面的內(nèi)容時，直覺反應(yīng)是屏幕后的實(shí)體物品是主體，視覺落腳點(diǎn)落在了屏幕后面，從而主觀認(rèn)知上會過濾掉超大屏上的內(nèi)容。

對于透明的超大屏幕，屏幕內(nèi)容需要與背后的產(chǎn)品相結(jié)合，產(chǎn)品與超大屏上的信息需要巧妙配合共同傳遞給用戶，例如現(xiàn)在各種透明屏展示柜等。

（4）超大屏幕的尺寸決定了它并不能成為一種能夠保護(hù)操作者隱私的設(shè)備

超大屏設(shè)備更多時候是面向公眾的，而不是一臺私密的個人設(shè)備，因此用戶在它上面的操作時，其他用戶也很可能看到。所以，超大屏的設(shè)計中，如果涉及到用戶的隱私問題，則需要在設(shè)計上單獨(dú)處理，彈出小尺寸窗口或者表單內(nèi)容，來增加操作的安全性。

結(jié)語

為超大屏設(shè)計時，移動端或者桌面端的設(shè)計思路可借鑒，但是很多場景都截然不同，這是就需要重新去思考產(chǎn)品和用戶的特征，以歸零的心態(tài)去設(shè)計真正符合用戶和場景的超大屏操作體驗(yàn)。?

#專欄作家#

蝦米&胖喵，微信公眾號：pangmiaodesign，人人都是產(chǎn)品經(jīng)理專欄作家。高級交互設(shè)計師（百度/愛奇藝），夫妻搭檔，貓奴。曾做過公益產(chǎn)品、影音媒體產(chǎn)品，目前專注于企業(yè)級產(chǎn)品、娛樂社區(qū)產(chǎn)品體驗(yàn)設(shè)計。“有貓，就有一萬種美好！”

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議