以下內容由Mockplus團隊翻譯整理，僅供學習交流，Mockplus是更快更簡單的原型設計工具。

隨著科技的快速發展，觸摸屏設計的應用無處不在，它們不僅僅使用於手機和平板，也在臺式電腦上使用。由於臺式電腦的規模和尺寸更大，此類觸摸屏的設計可能會給設計師帶來一些獨特的挑戰。

當你習慣了用拇指大小的區域來做屏幕設計時，你如何去設計超大觸摸屏？這裏筆者整理了一個關於超大觸摸屏的設計指南，為設計師們設計用戶交互提供靈感。

1.使用自然的手勢交互

為什麽“左右滑動”在所有觸屏操作中都深受歡迎，因為這是用戶最自然的手部動作和手勢。

在設計超大觸摸屏時，設計師不僅要考慮用戶手指的動作，還要考慮到整只手的操作。大多數用戶不得不接觸到更大的觸摸屏，因為相較於手持設備，它們可能會被貼在墻上或放置在桌子上，。

如果你希望用戶能夠輕松觸摸屏幕，那麽動作的觸發就應該像在移動設備上一樣自然，所以多琢磨琢磨觸發動作。與小屏幕相比，大屏幕的滑動觸發可能需要更誇張一些，因此點擊可能會需要更大的手指壓力。

在超大屏幕的設備中，過多的滑動設計對用戶來說似乎不大友好，因為反復上的下滑動操作可能會導致手臂疲勞。思考一下如何設計能讓用戶在瀏覽內容時不需要大量的滑動操作。

另一種自然的“手勢”交互是視線掃描。由於一些設備的屏幕尺寸太大，用戶的眼睛無法同時抓住所有內容。設計師應該針對眼睛從上到下，從左到右的運動特點進行設計。要確保用戶看到最重要的信息，並了解用戶如何才能與設計進行交互。

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

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

用戶傾向於從更遠的距離進行交互，且仍需要查看和區分元素。

用戶需要被具體可見的元素吸引到屏幕上。

用戶需要看到可視化的提示，幫助他們識別出用於公共場合的屏幕。

在沒有指令的情況下，屏幕元素必須具有可導航和清晰的顯示功能。

觸摸目標需要易於查看，並創建明顯的交互效果。

3.確保導航始終可用

大多數用戶使用超大觸摸屏的心態，與第一次訪問網站類似，導航顯得尤為重要。模仿這種場景進行設計，很容易就能吸引用戶進入你的設計並與之交互。需要註意的是，設計師要確保用戶在訪問不同的內容時，導航始終可用。

為你的產品設計一個導航模式時，最好采用一般網站普遍使用的導航模式，如將導航欄設置在屏幕上方或側邊欄中。

當用戶訪問不同的內容或頁面時，也要確保導航不會消失。雖然主屏幕的設計可能只包含了幾個較大的導航按鈕，但其他的屏幕最好使用傳統的導航格式，以便用戶使用。

另外，在這些屏幕上盡量減少基於鍵盤的輸入。在較大的屏幕上，鍵盤可能會變得笨拙和緩慢，需要消耗用戶額外的體力。但是，如果你確實有基於鍵盤的輸入，請在導航中設置一個鍵盤切換命令，這樣用戶就可以在需要的時候輕松地顯示和隱藏鍵盤。

4.不要創建太多的選項

屏幕越大，用戶選擇的余地就越大，需要耗費的時間就越多。不如將按鈕和交互看作是如何讓用戶快速做決定的遊戲。設計的訣竅在於讓他們在兩個元素之間進行選擇，而不是提供太多的選項。

這樣設計的好處就是它可以簡化你的設計。每個屏幕只提供兩個選擇，減少設計元素和視覺混亂，創造了一個更實用的界面。

在設計選項時，要確保操作是同樣清晰可見的。用戶如何選擇這些選項？按鈕必須是顯而易見的，以便用戶輕松觸摸。使用一個小動畫來將用戶的註意力吸引到到交互元素上，或者是更受歡迎的用戶選項上。

由於屏幕大小的原因，簡化選項也非常重要。請記住，整個屏幕可能並不總是在用戶的視野中，這在一定程度上限制了選項本身。如果你提前簡化選項，則不必擔心環境會影響用戶的選項了。

5.考慮用戶隱私

當涉及到觸摸屏訪問敏感信息或數據時，用戶的隱私是一個值得考慮的問題。用戶在公共場所中使用大屏設備，並不意味著他們希望其他人知道自己在做什麽，特別是在輸入一些重要信息時。而屏幕越大，其他人就越有可能看到用戶輸入的內容。

為了解決這個問題，設計師通常會使用一個較小的彈窗用於表單或數據輸入，這樣即使從遠處也看不到用戶輸入的內容了。

6.網絡連接問題

當涉及到超大觸摸屏設計時，最需要考慮的問題是產品的網絡環境。如何才能使產品在有無網絡的情況下都能正常工作？

思考一下：在公共場所，許多超大屏或者小屏設備（如可移動的信息亭或大型平板電腦）都是便攜式的。這會涉及到設備對互聯網的訪問，以及網絡連接是否能正常工作。即使沒有連接網絡，這些觸屏設備也需要保持正常工作。

提示：請確保所有運行設計的工具相關數據（從JavaScript到字體庫到數據收集）都存儲在本地。

7.設置明顯的交互按鈕

此類設計需要向用戶展示如何與屏幕交互，並不是每個用戶都能馬上理解如何在屏幕上進行操作。

建議使用諸如動畫和按鈕之類的視覺提示來幫助引導用戶完成整個過程。

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

除此之外，許多觸摸屏上涉及激活和開始的屏幕區域也需要設置交互按鈕。例如在一個開始屏幕中，設計師就會使用一個按鈕來提示交互。這樣設置既不會脫離設計，還能告訴用戶如何對設備進行操作。

使用描述性的小提示，如“觸摸這裏開始”，來引導用戶完成整個過程。雖然這樣思維元素可能看起來過於明顯，但是如何使用界面並不是用戶應該深入研究的問題，不如讓它變得容易點。

結論

你是否有過對超大觸摸屏設計的經驗？這種觸摸屏的設計已經成為一種流行的趨勢。就算目前你還沒有做過此類的設計，相信不久你也會接觸到。

雖然大多數設計原則和其他基於界面的設計是一樣的，但是超大觸摸屏的尺寸以及尺寸的調整會讓很多設計師無所適從。所以，當你在公共場合看到超大觸摸屏時，不如停下來在界面上操作一下，感受一下它的交互設計。看看哪些設計元素和交互對你有吸引力，以便在日後的超大觸摸屏設計中進行參考。

原文作者：CARRIE COUSINS

原文鏈接：https://designshack.net/articles/ux-design/tips-for-designing-oversized-touchscreens/

學習工具，但不受限於某種工具。Mockplus做原型，更快更簡單，現在下載Mockplus，免費體驗暢快的原型設計之旅。

超大觸摸屏設計的7大註意事項