在設計設備界面時,如何讓用戶知道這不是觸摸屏?

也許一個標題無法詳細的描述這個場景。我沒有說一定是手機,人們現在基本上都已經適應了觸屏,有些人看到筆記本屏幕都想去點一點看看。所以假如設計一款產品是非觸屏的,但同時也需要很漂亮的顯示效果,如何告知用戶呢?


不先定義設備的交互方式,就開始考慮如何規避誤操作——這個流程從頭到尾就是錯的。

其他答者難道不考慮一下,「如果不這樣,那它應怎樣?」,都在做「空對空搗蛋」?

要討論這個問題,需要明確三個獨立的點

1、觸摸是天性,打從娘胎里出來,人就開始靠手去具體感知這個世界——人機交互所作的一切,都是在向著更自然、更無負擔的方向前進。

2、如果存在來自使用者的輸入項,則設備本身必須有一套自成邏輯的交互方式。「誤會」是 bug ,而沒有完備的交互方式則是少了骨架,在沒有明確骨架的前提下討論哪裡會出問題,space traveller 。

3、誤會,是因為既有模式容易產生歧義、關聯理解。換句話說,必須存在對比,才能評估是否更容易產生誤會,並且,這一對比,必須基於同一領域、方向和深度。拿報紙上的字句,與寶馬車標做對比,看哪個「更容易產生誤會」,這是非常荒誕的。

同一領域保證概念可比較,如「寶馬車標」和「賓士車標」,同領域

同一方向保證互斥,如「炒飯的味道」和「小炒肉菜譜」,同領域不同方向,比較點在哪?

同一深度保證有互換關係,如「建築材料石頭」和「建築材料木頭」,在某些場合下存在互換關係

-----------------偏題分割線-----------------

雖然不得不說這是一個沒頭沒尾的問題,但仍然有一定的思路可以提供,供參考。

  • 利用習慣、心理映射

比如@鋼盅郭子 提到的做成傳統 Windows 形式

使用標準態按鈕,最傳統的莫過於方形 button

  • 利用文案、圖形

說明「非觸摸設備」看起來很傻,但很直接,有效性較高

相對應的,可以用圖形元素解釋,參考交通標誌的禁止類設計

@maggie 所言的方式也值得一試,但需要與心理映射搭配,如果操作對象長得像 iOS 下的圖標,心理映射不可避免會優先於其他策略而起作用

  • 利用尺寸、操作距離

可觸摸設備會將操作元素做大,反其道而行之

觸摸設備不會在同一層面的 UI layer 上放置太多元素和觸摸熱點,一來避免誤操作,因「觸摸」這個動作非常不精確,二來元素本身較大,在現有的操作介質尺寸上難以完整放置,相對應的,滑鼠或鍵盤操作界面不需要過多考慮這個問題,最常見的例子是 Excel 一類的大數據表格,在觸摸設備上操作起來是一種災難,而在傳統輸入設備上則不會有太多麻煩

  • 不處理

這恐怕是目前最好的方式,不作為,也既是對應了「約束」這一設計法則。

如果設計出一款產品,讓人有直接觸摸的慾望,而設備不支持,試錯若干次後使用者便會放棄觸摸。

但這會將操作挫折轉化為心理挫折,雖然只有輕微的偏向。如果產品本身的交互方式足夠爛,那麼這一點心理挫折就會嚴重放大。

最後還是懇請各位設計師,討論問題時,非常建議針對具體案例,國內互聯網不缺大規模泛泛討論,唯缺「避虛務實」的精神。


把背景做成「傳統 Windows 桌面」的樣子。

求折


讓屏幕離操作區域遠一些。


對比觸屏手機和非觸屏手機的主菜單頁面就會發現,非觸屏手機總是會默認選中一個選項,比如「信息」或者「通訊錄」,大致如圖所示:

而觸屏手機卻不會。


邊上放個鼠標


寫上「非觸摸屏」


在旁邊放一個顯眼的滑鼠


當大家已經習慣了觸屏的時候,想要做一塊不能觸摸的屏幕本身這件事情在體驗上會打折扣的。除非

1.讓你的產品看起來像筆記本電腦、黑莓、kindle這些非觸屏產品。

2.讓用戶首先或者比較容易接觸到滑鼠或者按鍵,然後才是屏幕。

3.拉開屏幕與用戶之間的距離。比如電視估計永遠不會做成觸摸屏。

4.如果想讓用戶看上去第一感覺就不想去觸摸,那麼可能需要去喚醒用戶五年前的操作體驗。讓你的設備看起來比較古老,屏幕比較小,按鈕也比較小,屏幕密度也比較低。。。

5.UI表現層的配合。頂樓@謝金福提到的那一點。


1.沒有觸摸屏的話應該是帶有實體按鍵,把按鍵放在離顯示屏較近的地方讓用戶能首先看到;

2.屏幕上的UI元素看起來不要有按鈕的特徵;


需要特意的說明么?當用戶習慣性的先用手去指點一下,發現不管用的時候自然會去找鍵盤了。ATM取款機就是如此。取款機普遍分成觸屏和非觸屏兩種,但貌似沒見過有在機器上鮮明的標記出是否觸屏的。有時候遇到大屏幕的取款機,看起來很像是觸屏的,伸手在屏幕上一戳,發現沒用,於是老老實實的找鍵盤來操作了,這樣也沒覺得有啥不方便的。


設計成最基本的像素方按鈕即可。

而且第一次觸摸反饋受阻之後,用戶就明白了。

最好的方法還是讓用戶撞一下牆。


靠習慣性視覺引導:

看到箭頭,會讓人聯想用滑鼠操作

用觸屏界面中較少出現的設計元素來做視覺引導。比如做個醒目點的滑鼠游標,把游標觸及到的熱點突出顯示,用戶看到游標就會聯想到應該用滑鼠操作。我做了一個範例,是不是有點不想用手點了。


看過你家黑白電視機么,對!就是那種屏幕輪廓。 你搞個這樣的屏幕,沒人傻到會用手指頭去戳的。


去飯堂吃飯的時候想了想:

A: 加入導航鍵。

B: 屏幕與窄邊設計成凹的,然後在屏幕上方加入一塊玻璃。關鍵就是玻璃到屏幕的距離。

C: 加入提示音,按一下,「滴」一下。


放個滑鼠在最顯眼的地方。


如果誤操作按到屏幕會死嗎?

1,不會。那麼把旁邊的功能按鍵做好,讓用戶使用的舒服。用戶沒那麼傻也沒那麼不講理。特別是儀器操作類。建議屏幕前加塊玻璃,又防按又提示不能觸屏。

2,會死!請用大字在醒目位置標註。然後回家收拾行裝,告別親人,洗乾淨屁股,等著去坐牢!

以上!


有些電子產品就是這樣的,屏幕佔據主體面積很大,總給人觸屏的感覺,其實按鍵位於頂端、側面或背後,這樣的產品是不是可以考慮將控制按鍵設計成觸摸型,位於屏幕左右並呈弱光顯示狀態?或者在抓握的時候手能很順利的摸到有凹凸感的按鈕?


建議與主流的觸摸類的UI設計比如蘋果的設計風格有所區別 看一下哪些設計會讓人情不自禁的去觸摸 然後反其道而設計就行了 重點突出控制的按鍵或者控制的部分


在該出現按鍵的地方,出現除了電源之外的按鍵


推薦閱讀:

為什麼目前幾乎所有的蘋果電腦都只用銀色外表(除了mac pro)?
中文字體設計里,「中宮」是指什麼?
你見過最漂亮的文具是什麼樣的?
有沒有一種自動跟隨主人的旅行箱?
如何利用PPT賺錢?

TAG:設計 | 交互設計 | 用戶界面設計 |