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

如下內容由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，免費體驗暢快的原型設計之旅。