設(shè)計(jì)超大觸摸屏的七大指南

超大觸摸屏設(shè)計(jì)的7大注意事項(xiàng)。你是否有過(guò)對(duì)超大觸摸屏設(shè)計(jì)的經(jīng)驗(yàn)？這種觸摸屏的設(shè)計(jì)已經(jīng)成為一種流行的趨勢(shì)。就算目前你還沒(méi)有做過(guò)此類的設(shè)計(jì)，相信不久你也會(huì)接觸到。

隨著科技的快速發(fā)展，觸摸屏設(shè)計(jì)的應(yīng)用無(wú)處不在，它們不僅僅使用于手機(jī)和平板，也在臺(tái)式電腦上使用。由于臺(tái)式電腦的規(guī)模和尺寸更大，此類觸摸屏的設(shè)計(jì)可能會(huì)給設(shè)計(jì)師帶來(lái)一些獨(dú)特的挑戰(zhàn)。

當(dāng)你習(xí)慣了用拇指大小的區(qū)域來(lái)做屏幕設(shè)計(jì)時(shí)，你如何去設(shè)計(jì)超大觸摸屏？這里筆者整理了一個(gè)關(guān)于超大觸摸屏的設(shè)計(jì)指南，為設(shè)計(jì)師們?cè)O(shè)計(jì)用戶交互提供靈感。

1． 使用自然的手勢(shì)交互

為什么“左右滑動(dòng)”在所有觸屏操作中都深受歡迎，因?yàn)檫@是用戶最自然的手部動(dòng)作和手勢(shì)。

在設(shè)計(jì)超大觸摸屏?xí)r，設(shè)計(jì)師不僅要考慮用戶手指的動(dòng)作，還要考慮到整只手的操作。大多數(shù)用戶不得不接觸到更大的觸摸屏，因?yàn)橄噍^于手持設(shè)備，它們可能會(huì)被貼在墻上或放置在桌子上，。

如果你希望用戶能夠輕松觸摸屏幕，那么動(dòng)作的觸發(fā)就應(yīng)該像在移動(dòng)設(shè)備上一樣自然，所以多琢磨琢磨觸發(fā)動(dòng)作。與小屏幕相比，大屏幕的滑動(dòng)觸發(fā)可能需要更夸張一些，因此點(diǎn)擊可能會(huì)需要更大的手指壓力。

在超大屏幕的設(shè)備中，過(guò)多的滑動(dòng)設(shè)計(jì)對(duì)用戶來(lái)說(shuō)似乎不大友好，因?yàn)榉磸?fù)上的下滑動(dòng)操作可能會(huì)導(dǎo)致手臂疲勞。思考一下如何設(shè)計(jì)能讓用戶在瀏覽內(nèi)容時(shí)不需要大量的滑動(dòng)操作。

另一種自然的“手勢(shì)”交互是視線掃描。由于一些設(shè)備的屏幕尺寸太大，用戶的眼睛無(wú)法同時(shí)抓住所有內(nèi)容。設(shè)計(jì)師應(yīng)該針對(duì)眼睛從上到下，從左到右的運(yùn)動(dòng)特點(diǎn)進(jìn)行設(shè)計(jì)。要確保用戶看到最重要的信息，并了解用戶如何才能與設(shè)計(jì)進(jìn)行交互。

2． 增大文本和圖形的顯示比例

增大文本和圖形這種情況在設(shè)計(jì)中通常不會(huì)出現(xiàn)，因?yàn)樵O(shè)計(jì)師必須大幅放大視覺(jué)元素才足以在超大屏幕上顯示。然而，更大的屏幕并不意味著可以展示更多的東西（反之亦然），不如試著把它看作是一種特殊的用戶體驗(yàn)。觸摸屏中的所有內(nèi)容，包括文字和圖形，必須為了適應(yīng)超大屏幕設(shè)計(jì)的尺寸而進(jìn)行放大。這樣做原因是：

用戶傾向于從更遠(yuǎn)的距離進(jìn)行交互，且仍需要查看和區(qū)分元素。

用戶需要被具體可見(jiàn)的元素吸引到屏幕上。

用戶需要看到可視化的提示，幫助他們識(shí)別出用于公共場(chǎng)合的屏幕。

在沒(méi)有指令的情況下，屏幕元素必須具有可導(dǎo)航和清晰的顯示功能。

觸摸目標(biāo)需要易于查看，并創(chuàng)建明顯的交互效果。

3． 確保導(dǎo)航始終可用

大多數(shù)用戶使用超大觸摸屏的心態(tài)，與第一次訪問(wèn)網(wǎng)站類似，導(dǎo)航顯得尤為重要。模仿這種場(chǎng)景進(jìn)行設(shè)計(jì)，很容易就能吸引用戶進(jìn)入你的設(shè)計(jì)并與之交互。需要注意的是，設(shè)計(jì)師要確保用戶在訪問(wèn)不同的內(nèi)容時(shí)，導(dǎo)航始終可用。

為你的產(chǎn)品設(shè)計(jì)一個(gè)導(dǎo)航模式時(shí)，最好采用一般網(wǎng)站普遍使用的導(dǎo)航模式，如將導(dǎo)航欄設(shè)置在屏幕上方或側(cè)邊欄中。

當(dāng)用戶訪問(wèn)不同的內(nèi)容或頁(yè)面時(shí)，也要確保導(dǎo)航不會(huì)消失。雖然主屏幕的設(shè)計(jì)可能只包含了幾個(gè)較大的導(dǎo)航按鈕，但其他的屏幕最好使用傳統(tǒng)的導(dǎo)航格式，以便用戶使用。

另外，在這些屏幕上盡量減少基于鍵盤的輸入。在較大的屏幕上，鍵盤可能會(huì)變得笨拙和緩慢，需要消耗用戶額外的體力。但是，如果你確實(shí)有基于鍵盤的輸入，請(qǐng)?jiān)趯?dǎo)航中設(shè)置一個(gè)鍵盤切換命令，這樣用戶就可以在需要的時(shí)候輕松地顯示和隱藏鍵盤。

4． 不要?jiǎng)?chuàng)建太多的選項(xiàng)

屏幕越大，用戶選擇的余地就越大，需要耗費(fèi)的時(shí)間就越多。不如將按鈕和交互看作是如何讓用戶快速做決定的游戲。設(shè)計(jì)的訣竅在于讓他們?cè)趦蓚€(gè)元素之間進(jìn)行選擇，而不是提供太多的選項(xiàng)。

這樣設(shè)計(jì)的好處就是它可以簡(jiǎn)化你的設(shè)計(jì)。每個(gè)屏幕只提供兩個(gè)選擇，減少設(shè)計(jì)元素和視覺(jué)混亂，創(chuàng)造了一個(gè)更實(shí)用的界面。

在設(shè)計(jì)選項(xiàng)時(shí)，要確保操作是同樣清晰可見(jiàn)的。用戶如何選擇這些選項(xiàng)？按鈕必須是顯而易見(jiàn)的，以便用戶輕松觸摸。使用一個(gè)小動(dòng)畫(huà)來(lái)將用戶的注意力吸引到到交互元素上，或者是更受歡迎的用戶選項(xiàng)上。

由于屏幕大小的原因，簡(jiǎn)化選項(xiàng)也非常重要。請(qǐng)記住，整個(gè)屏幕可能并不總是在用戶的視野中，這在一定程度上限制了選項(xiàng)本身。如果你提前簡(jiǎn)化選項(xiàng)，則不必?fù)?dān)心環(huán)境會(huì)影響用戶的選項(xiàng)了。

5． 考慮用戶隱私

當(dāng)涉及到觸摸屏訪問(wèn)敏感信息或數(shù)據(jù)時(shí)，用戶的隱私是一個(gè)值得考慮的問(wèn)題。用戶在公共場(chǎng)所中使用大屏設(shè)備，并不意味著他們希望其他人知道自己在做什么，特別是在輸入一些重要信息時(shí)。而屏幕越大，其他人就越有可能看到用戶輸入的內(nèi)容。

為了解決這個(gè)問(wèn)題，設(shè)計(jì)師通常會(huì)使用一個(gè)較小的彈窗用于表單或數(shù)據(jù)輸入，這樣即使從遠(yuǎn)處也看不到用戶輸入的內(nèi)容了。

6． 網(wǎng)絡(luò)連接問(wèn)題

當(dāng)涉及到超大觸摸屏設(shè)計(jì)時(shí)，最需要考慮的問(wèn)題是產(chǎn)品的網(wǎng)絡(luò)環(huán)境。如何才能使產(chǎn)品在有無(wú)網(wǎng)絡(luò)的情況下都能正常工作？

思考一下：在公共場(chǎng)所，許多超大屏或者小屏設(shè)備（如可移動(dòng)的信息亭或大型平板電腦）都是便攜式的。這會(huì)涉及到設(shè)備對(duì)互聯(lián)網(wǎng)的訪問(wèn)，以及網(wǎng)絡(luò)連接是否能正常工作。即使沒(méi)有連接網(wǎng)絡(luò)，這些觸屏設(shè)備也需要保持正常工作。

提示：請(qǐng)確保所有運(yùn)行設(shè)計(jì)的工具相關(guān)數(shù)據(jù)（從Java到字體庫(kù)到數(shù)據(jù)收集）都存儲(chǔ)在本地。

7． 設(shè)置明顯的交互按鈕

此類設(shè)計(jì)需要向用戶展示如何與屏幕交互，并不是每個(gè)用戶都能馬上理解如何在屏幕上進(jìn)行操作。

建議使用諸如動(dòng)畫(huà)和按鈕之類的視覺(jué)提示來(lái)幫助引導(dǎo)用戶完成整個(gè)過(guò)程。

大多數(shù)的超大觸屏提供用戶的是一次性交互或觸發(fā)點(diǎn)，且每個(gè)界面都有所不同。這種提示設(shè)置地越明顯，用戶就越容易理解操作，從而就越有可能與你的產(chǎn)品進(jìn)行交互。

除此之外，許多觸摸屏上涉及激活和開(kāi)始的屏幕區(qū)域也需要設(shè)置交互按鈕。例如在一個(gè)開(kāi)始屏幕中，設(shè)計(jì)師就會(huì)使用一個(gè)按鈕來(lái)提示交互。這樣設(shè)置既不會(huì)脫離設(shè)計(jì)，還能告訴用戶如何對(duì)設(shè)備進(jìn)行操作。

使用描述性的小提示，如“觸摸這里開(kāi)始”，來(lái)引導(dǎo)用戶完成整個(gè)過(guò)程。雖然這樣思維元素可能看起來(lái)過(guò)于明顯，但是如何使用界面并不是用戶應(yīng)該深入研究的問(wèn)題，不如讓它變得容易點(diǎn)。

結(jié)論

你是否有過(guò)對(duì)超大觸摸屏設(shè)計(jì)的經(jīng)驗(yàn)？這種觸摸屏的設(shè)計(jì)已經(jīng)成為一種流行的趨勢(shì)。就算目前你還沒(méi)有做過(guò)此類的設(shè)計(jì)，相信不久你也會(huì)接觸到。

雖然大多數(shù)設(shè)計(jì)原則和其他基于界面的設(shè)計(jì)是一樣的，但是超大觸摸屏的尺寸以及尺寸的調(diào)整會(huì)讓很多設(shè)計(jì)師無(wú)所適從。所以，當(dāng)你在公共場(chǎng)合看到超大觸摸屏?xí)r，不如停下來(lái)在界面上操作一下，感受一下它的交互設(shè)計(jì)?？纯茨男┰O(shè)計(jì)元素和交互對(duì)你有吸引力，以便在日后的超大觸摸屏設(shè)計(jì)中進(jìn)行參考。