超大屏產(chǎn)品設(shè)計(jì)的一些策略思考
用戶(hù)在觸摸屏上的操作,不僅包括熟悉的手機(jī)或者平板設(shè)備,逐漸擴(kuò)展到更大屏幕上。無(wú)論是智能貨柜上的操作屏幕,還是在商場(chǎng)隨處可見(jiàn)的大屏可交互的導(dǎo)示產(chǎn)品,無(wú)一例外都是用更大的觸摸屏來(lái)支持的。對(duì)于這類(lèi)超出平板或者電腦尺寸的屏幕,本文統(tǒng)稱(chēng)為“超大屏”。
接下來(lái),就來(lái)聊一聊,面對(duì)這樣超大觸屏產(chǎn)品進(jìn)行設(shè)計(jì)時(shí),存在的挑戰(zhàn),以及設(shè)計(jì)策略上的一些思考。
超大觸摸屏產(chǎn)品僅從尺寸上看來(lái),和TV端有一些相似之處,但是又有顯著的不同。TV端產(chǎn)品盡管也是大屏設(shè)備,但是用戶(hù)是在遠(yuǎn)距離操作,與屏幕之間沒(méi)有接觸,而是使用遙控器設(shè)備控制,遙控操作也可以降低操作的幅度,提升準(zhǔn)確率;TV端的焦點(diǎn)移動(dòng)也是逐個(gè)card移動(dòng)方式,不會(huì)出現(xiàn)焦點(diǎn)的突然跳躍,這樣就可以保證用戶(hù)的視覺(jué)焦點(diǎn)是連續(xù)的,可以集中和定位的,用戶(hù)可以快速找到視覺(jué)焦點(diǎn)。
而超大屏產(chǎn)品則不同。超大屏實(shí)際上是一個(gè)放大的觸屏,所以主要方式還是手勢(shì)操作,用戶(hù)更多是通過(guò)觸摸方式實(shí)現(xiàn)與產(chǎn)品之間的交互;不同的是,用戶(hù)的操作方式從手指擴(kuò)展到手部甚至整個(gè)手臂,單手指操作擴(kuò)展到雙臂操作;另外,用戶(hù)在極近的距離下操作設(shè)備,用戶(hù)每個(gè)視覺(jué)單位接收的信息是很少的,這就需要用戶(hù)的視覺(jué)焦點(diǎn)需要自己主動(dòng)定位,轉(zhuǎn)動(dòng)眼球或者頭部來(lái)自行獲取視覺(jué)信息。
設(shè)計(jì)前,先重新認(rèn)識(shí)你的用戶(hù)
超大屏設(shè)計(jì),在設(shè)計(jì)前需要明確的一點(diǎn)是對(duì)用戶(hù)的重新認(rèn)識(shí)。
對(duì)于移動(dòng)端或者桌面端的產(chǎn)品來(lái)說(shuō),很多產(chǎn)品的設(shè)計(jì)初衷是讓他們成為用戶(hù)生活中不可獲取的東西,為用戶(hù)創(chuàng)造新的生活、工作方式。因此,這些產(chǎn)品都要具有極強(qiáng)的可用性,在逐漸成熟的產(chǎn)品體系中,更多的模塊、控件可以復(fù)用;用戶(hù)也對(duì)各種產(chǎn)品類(lèi)型更加熟悉,基本上可以直接上手使用新的產(chǎn)品。在產(chǎn)品的用戶(hù)分布曲線(xiàn)中,新手用戶(hù)能夠快速過(guò)渡到中間用戶(hù)。
但是對(duì)于超大屏產(chǎn)品而言,或者說(shuō)超大屏設(shè)備而言,他們大部分擁有的一個(gè)社會(huì)特征的屬性,就是“公共設(shè)施”。這類(lèi)產(chǎn)品,用戶(hù)使用的頻率并沒(méi)有那么高,絕大多數(shù)用戶(hù)是首次使用,所以對(duì)于超大屏設(shè)備,更多的用戶(hù)會(huì)在“新手用戶(hù)”這個(gè)頭部區(qū)間大量積攢,而不是符合常會(huì)正態(tài)曲線(xiàn)分布的用戶(hù)形態(tài)。
因此,在超大屏產(chǎn)品的設(shè)計(jì)過(guò)程中,對(duì)于一些用戶(hù)在其他端慣常的操作方式需要“選擇性”復(fù)用;將用戶(hù)當(dāng)“新手用戶(hù)”來(lái)對(duì)待,避免一些先入為主的慣性認(rèn)知,這樣會(huì)在無(wú)形中減少很多可用性不足的問(wèn)題。
超大屏設(shè)計(jì)策略
1. 如何將用戶(hù)吸引過(guò)來(lái)
超大屏幕設(shè)備一般在公共空間使用,這樣的場(chǎng)景下,環(huán)境條件相對(duì)多樣和復(fù)雜。例如在商場(chǎng)中,如果超大屏設(shè)備只是默默的佇立在那里,那么任何一個(gè)用戶(hù)在亂花漸欲迷人眼的商場(chǎng)里,可能都不會(huì)注意到這樣一臺(tái)設(shè)備吧。所謂“酒香也怕巷子深”,超大屏設(shè)備同樣需要做好前期的“宣傳”工作,將用戶(hù)吸引到身邊來(lái)。
正如上文所描述的,超大屏設(shè)備所處的環(huán)境相對(duì)復(fù)雜,而且更多時(shí)候是比較空曠的,非密閉的,正因如此,超大屏設(shè)備對(duì)用戶(hù)的吸引,可以打破面對(duì)面的束縛,借助自己本身的設(shè)備優(yōu)勢(shì),可以從遠(yuǎn)處就對(duì)用戶(hù)開(kāi)始展開(kāi)“吸引”。
細(xì)化一下這種吸引策略,將超大屏產(chǎn)品和設(shè)備與用戶(hù)之間交互按照遠(yuǎn)近不同的距離進(jìn)行區(qū)分,實(shí)際上可以細(xì)分為“遠(yuǎn)-中-近”三個(gè)不同的場(chǎng)。不同場(chǎng)之間的輻射范圍及距離劃分方法,與設(shè)備實(shí)際的尺寸、分辨率有關(guān)。在此不過(guò)多描述,接下來(lái)可以來(lái)深入研究一下用戶(hù)與超大屏在不同場(chǎng)之間的交互特征。
(超大屏中的場(chǎng))
(1)遠(yuǎn)場(chǎng)
用戶(hù)處在遠(yuǎn)場(chǎng)到無(wú)限遠(yuǎn)的距離時(shí),在相對(duì)空間上距離超大屏設(shè)備較遠(yuǎn),而且角度各異,這個(gè)時(shí)候無(wú)法準(zhǔn)確捕捉到超大屏幕上的內(nèi)容。而且這個(gè)時(shí)候環(huán)境干擾更強(qiáng)烈,加持的語(yǔ)音設(shè)備的傳達(dá)效果也比較差。
因此這種情況下,超大屏上可以播放一些互動(dòng)或者宣傳內(nèi)容,將用戶(hù)注意力在環(huán)境中吸引過(guò)來(lái),當(dāng)用戶(hù)的注意力轉(zhuǎn)移到超大屏后,再經(jīng)過(guò)“發(fā)現(xiàn)-感興趣-接近”這一系列的心理和行為動(dòng)作,逐漸從遠(yuǎn)場(chǎng)走向中場(chǎng)。
(2)中場(chǎng)
用戶(hù)達(dá)到中場(chǎng)位置后,用戶(hù)能夠更好地接收到超大屏的信息,而且處于中場(chǎng)距離,語(yǔ)音信息可以達(dá)到相對(duì)準(zhǔn)確地傳達(dá)。中場(chǎng)是一個(gè)快速過(guò)渡的距離,用戶(hù)從遠(yuǎn)場(chǎng)走近后,最終目標(biāo)是到達(dá)近場(chǎng)開(kāi)始進(jìn)行目標(biāo)操作,因此中場(chǎng)的主要目標(biāo)是“穩(wěn)住”用戶(hù)并將其快速引入近場(chǎng)。
因此這個(gè)時(shí)候,超大屏上的內(nèi)容與用戶(hù)之間要產(chǎn)生更強(qiáng)的互動(dòng),可以使用攝像頭捕捉、語(yǔ)音技術(shù)、AI技術(shù)產(chǎn)生有趣的、人性化、智能化的互動(dòng)體驗(yàn),將用戶(hù)的好奇心充分調(diào)動(dòng)起來(lái),讓用戶(hù)快速走向近場(chǎng)。
(3)近場(chǎng)
近場(chǎng)范圍內(nèi),用戶(hù)已經(jīng)到達(dá)了與超大屏交互的最適區(qū)域,所有的目標(biāo)操作,都在近場(chǎng)中完成。后續(xù)的問(wèn)題,也都是圍繞近場(chǎng)中的交互問(wèn)題展開(kāi)的。
2. 如何開(kāi)始操作?
超大屏幕設(shè)備不同于一些用戶(hù)常見(jiàn)的移動(dòng)或者桌面端設(shè)備,他可能是一個(gè)獨(dú)立的某種形狀的大體積形體,或者內(nèi)嵌在一個(gè)工作臺(tái)或者樹(shù)立的墻面之上,這些位置都不是用戶(hù)所熟悉的。面對(duì)這樣的外觀,用戶(hù)如果沒(méi)有合適的引導(dǎo),用戶(hù)很難想象如何與之開(kāi)啟交互。
因此,在用戶(hù)與超大屏內(nèi)容進(jìn)行交互時(shí),適時(shí)的引導(dǎo)十分重要,這種引導(dǎo)包括明確的引導(dǎo)內(nèi)容,包括前置引導(dǎo),操作過(guò)程中引導(dǎo)等,來(lái)告知用戶(hù)如何操作。還包括符合用戶(hù)認(rèn)知的布局習(xí)慣,尤其是導(dǎo)航區(qū)域的設(shè)計(jì)方式。無(wú)論是面包屑導(dǎo)航還是側(cè)邊欄導(dǎo)航,使用用戶(hù)熟悉的導(dǎo)航以及布局樣式,讓用戶(hù)首次使用時(shí)能夠快捷切換功能模塊或者返回首頁(yè),提升產(chǎn)品的友好性和可用性。
3. 如何操作才是最舒適的?
解決了引導(dǎo)的問(wèn)題后,更多的交互方式就在大屏幕上展開(kāi)了。但是如何要研究最適的操作,對(duì)于超大屏而言,僅在二維界面上研究可能就會(huì)存在局限性了。盡管超大屏大部分也是通過(guò)觸摸來(lái)實(shí)現(xiàn)交互操作,但是與移動(dòng)設(shè)備有兩處顯著的不同。
(1)一是超大屏的觸摸操作需要延伸至整個(gè)手掌和手臂
移動(dòng)端的所有體驗(yàn)方面的研究,都是基于“手指”操作而言的,而對(duì)于超大屏設(shè)備,就要從“手臂”的操作開(kāi)始。
(2)二是移動(dòng)設(shè)備的操作過(guò)程中,往往被忽略的一點(diǎn)就是用戶(hù)的視覺(jué)焦點(diǎn)
默認(rèn)移動(dòng)設(shè)備中用戶(hù)的視覺(jué)方式是“凝視”,也就是視覺(jué)焦點(diǎn)幾乎不會(huì)產(chǎn)生明顯的位移,幾乎不存在“掃視”的現(xiàn)象,所以移動(dòng)端產(chǎn)品,主要考慮手勢(shì)操作的舒適性,很少將視覺(jué)位移作為影響體驗(yàn)的重點(diǎn)來(lái)研究。當(dāng)然,這里不包括桌面產(chǎn)品。
但是對(duì)于超大屏幕而言,用戶(hù)在近場(chǎng)操作時(shí),眼睛與屏幕的垂直距離基本在一米以?xún)?nèi),這個(gè)時(shí)候用戶(hù)視線(xiàn)所接收到的信息區(qū)域是有限的。所以想要看清屏幕上的內(nèi)容,用戶(hù)就不得不需要轉(zhuǎn)動(dòng)眼球甚至整個(gè)頭部來(lái)進(jìn)行“掃視”操作。在超大屏的設(shè)計(jì)中,不得不考慮用戶(hù)的視覺(jué)區(qū)域問(wèn)題。
那么,解決交互操作問(wèn)題的思路是什么呢?
從人機(jī)尺寸入手。
人機(jī)交互尺寸,在工程領(lǐng)域使用比較多,在互聯(lián)網(wǎng)產(chǎn)品中應(yīng)用很少。但是超大屏產(chǎn)品是個(gè)特例,因?yàn)樗婢呋ヂ?lián)網(wǎng)屬性與工程屬性。從人機(jī)尺寸著手,能夠有效地定位超大屏上的最適區(qū)域,將大屏的交互區(qū)域縮小到一個(gè)可控的范圍,然后再借鑒平板和桌面產(chǎn)品的設(shè)計(jì)思路來(lái)解決二維屏幕上的交互問(wèn)題。
研究超大屏上的人機(jī)尺寸問(wèn)題,主要是研究最佳的操作區(qū)域和最佳的視覺(jué)區(qū)域。以垂直于地面的超大屏為例,屏幕尺寸500*1000mm縱向放置,距離地面200mm。
(1)最適操作區(qū)
(國(guó)標(biāo)中立姿不屈膝手臂操作人機(jī)尺寸分析)
根據(jù)國(guó)標(biāo)中的人機(jī)尺寸,可以通過(guò)站立不屈膝的縱向高度和橫向?qū)挾扔?jì)算,在超大屏幕上確定一個(gè)最適操作的矩形區(qū)域,將這個(gè)區(qū)域折算成實(shí)際的像素比例應(yīng)用的設(shè)計(jì)稿中,這樣在設(shè)計(jì)過(guò)程中,核心的交互操作最好是在該區(qū)域內(nèi)執(zhí)行。最適操作區(qū)四周可以作為次級(jí)操作區(qū),而遠(yuǎn)端位置,比如縱向屏幕的低端,更適合放置視覺(jué)信息內(nèi)容,減少該區(qū)域內(nèi)的用戶(hù)操作。
(2)最佳視覺(jué)區(qū)
(國(guó)標(biāo)中最佳眼睛轉(zhuǎn)動(dòng)區(qū)域人機(jī)尺寸分析)
同理,根據(jù)用戶(hù)眼睛轉(zhuǎn)動(dòng)區(qū)域特征,可計(jì)算出在屏幕上用戶(hù)的最佳視覺(jué)區(qū)域,在這個(gè)區(qū)域內(nèi),可以將核心的反饋信息或者功能信息呈現(xiàn)于此,在布局上該區(qū)域可以放置核心功控件。其他的次級(jí)信息,可圍繞該區(qū)域展開(kāi)放置。
解決了主要的交互區(qū)域與視覺(jué)區(qū)域問(wèn)題,接下來(lái)要設(shè)計(jì)的就是二維屏幕上操作體驗(yàn),這與移動(dòng)端產(chǎn)品有著共通之處,在此就不再展開(kāi)分析,只是有一些需要影響體驗(yàn)的設(shè)計(jì)細(xì)節(jié),可能還是要明確一下。
影響體驗(yàn)細(xì)節(jié)的關(guān)鍵點(diǎn)
(1)利用語(yǔ)音技術(shù)和AI技術(shù)來(lái)提升體驗(yàn)效果
超大屏設(shè)備一般都處于公共空間中,合理利用語(yǔ)音技術(shù),既可以解決遠(yuǎn)場(chǎng)和中場(chǎng)的引導(dǎo)問(wèn)題,也能解決在近場(chǎng)操作中的引導(dǎo)和反饋問(wèn)題,提升整體的操作體驗(yàn)。不僅如此,AI人臉識(shí)別等技術(shù),能夠讓產(chǎn)品更加智能化與個(gè)性化,當(dāng)識(shí)別出用戶(hù)并獲取相關(guān)信息后,產(chǎn)品可以提供更加定制化的產(chǎn)品服務(wù)。
(2)盡量減少大幅度移動(dòng)
用戶(hù)在超大屏上操作,很多時(shí)候需要手臂操作或者轉(zhuǎn)動(dòng)眼球和頭部來(lái)查看屏幕內(nèi)容,這樣就給用戶(hù)帶來(lái)很多操作上的負(fù)擔(dān),產(chǎn)生疲勞感。因此,在超大屏上設(shè)計(jì)時(shí),都要盡量避免操作或許和信息的跳躍,減少用戶(hù)“大幅度”的移動(dòng)。
(3)屏幕的通透性
很多超大屏的屏幕會(huì)與物品展示功能相結(jié)合,這時(shí)超大屏的屏幕是透明的,用戶(hù)不僅可以看到屏幕內(nèi)容,還可以透過(guò)屏幕看到屏幕背后的產(chǎn)品。這種情況下,在設(shè)計(jì)中就要考慮屏幕通透性帶來(lái)的影響,尤其是對(duì)于用戶(hù)認(rèn)知的影響。因?yàn)楫?dāng)用戶(hù)透過(guò)屏幕看到后面的內(nèi)容時(shí),直覺(jué)反應(yīng)是屏幕后的實(shí)體物品是主體,視覺(jué)落腳點(diǎn)落在了屏幕后面,從而主觀認(rèn)知上會(huì)過(guò)濾掉超大屏上的內(nèi)容。
對(duì)于透明的超大屏幕,屏幕內(nèi)容需要與背后的產(chǎn)品相結(jié)合,產(chǎn)品與超大屏上的信息需要巧妙配合共同傳遞給用戶(hù),例如現(xiàn)在各種透明屏展示柜等。
(4)超大屏幕的尺寸決定了它并不能成為一種能夠保護(hù)操作者隱私的設(shè)備
超大屏設(shè)備更多時(shí)候是面向公眾的,而不是一臺(tái)私密的個(gè)人設(shè)備,因此用戶(hù)在它上面的操作時(shí),其他用戶(hù)也很可能看到。所以,超大屏的設(shè)計(jì)中,如果涉及到用戶(hù)的隱私問(wèn)題,則需要在設(shè)計(jì)上單獨(dú)處理,彈出小尺寸窗口或者表單內(nèi)容,來(lái)增加操作的安全性。
結(jié)語(yǔ)
為超大屏設(shè)計(jì)時(shí),移動(dòng)端或者桌面端的設(shè)計(jì)思路可借鑒,但是很多場(chǎng)景都截然不同,這是就需要重新去思考產(chǎn)品和用戶(hù)的特征,以歸零的心態(tài)去設(shè)計(jì)真正符合用戶(hù)和場(chǎng)景的超大屏操作體驗(yàn)。?
#專(zhuān)欄作家#
蝦米&胖喵,微信公眾號(hào):pangmiaodesign,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。高級(jí)交互設(shè)計(jì)師(百度/愛(ài)奇藝),夫妻搭檔,貓奴。曾做過(guò)公益產(chǎn)品、影音媒體產(chǎn)品,目前專(zhuān)注于企業(yè)級(jí)產(chǎn)品、娛樂(lè)社區(qū)產(chǎn)品體驗(yàn)設(shè)計(jì)。“有貓,就有一萬(wàn)種美好!”
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Pexels,基于 CC0 協(xié)議
很好,學(xué)習(xí)啦