沒有按鈕的未來 UI 設計

什麼是按鈕，我們真的需要它們嗎？

自從圖形用戶界面出現以來，我們就一直在使用按鈕。 考慮到 Xerox PARC 的原始 GUI 已有 44 年曆史，但我們的用戶界面看起來仍然非常相似。 我最近通過創建 Dribbble Timeline 來追溯按鈕樣式的歷史。 儘管按鈕與當前趨勢和技術同步發展，但它們的起源無疑是受到過去真實物品的啟發。

十多年來，我們一直在創造沒有物理界面的設備——這些設備不依賴於人的觸摸，但可以通過語音或手勢激活。 為什麼我們堅持創建基於我們周圍熟悉的對象進行交互的形狀？ 數字按鈕的形狀仍然以我們在 19 世紀開發的工具和機制為藍本！

我們創造了全新的智能電子設備——我們幾乎可以用我們選擇的任何方式來處理它們，但出於懶惰或習慣的影響，我們繼續強迫我們的用戶點擊一個只有幾個像素寬的棘手小區域。

是時候做點什麼了——是時候考慮無按鈕了。

“無按鈕”用戶界面——萬物交互的地方

“沒有按鈕的烏托邦”是一個概念，任何試圖堅持 130 多年一直做事的方式的嘗試都將完全破滅。 未來就是現在——我們必須繼續前進，摒棄前人過時的解決方案。

我們有可能想像一個完全沒有按鈕的界面嗎？ 如此直觀的東西，只要看看它，你就會知道如何行動？ 它不再需要只存在於我們的想像中——這些界面已經存在。

我們能一勞永逸地消除這個受人尊敬的按鈕嗎？ 麥克風、攝像頭、觸摸屏、振動、加速度計、陀螺儀、GPS、擴展現實、虛擬現實——不勝枚舉——所有這些都可以通過您的智能手機或 PC 處理。 不再有任何理由繼續強迫您的用戶按下那個小矩形。

讓我們消除 UI 中的按鈕

您是否閱讀過沒有任何圖形元素的界面以及唯一重要的是內容的類型設計？ 很多人問：“按鈕呢？” 我們不再需要它們——讓我們徹底消除它們。

這裡有幾個有趣的想法：

Facebook 只是問：“你的心情如何？” 無需按下按鈕即可回答 - 使用您的聲音 - 只需告訴它您感覺很好，然後前往海灘。 然後將 Facebook 從您的回復中識別的文本拖動到您希望它出現的位置。

喜歡 Medium 上的文章？ 回到 Medium，你可以簡單地“推薦”一篇文章。 今天我們點擊“拍手”。 所以“拍手”。 如果不需要點擊這個奇怪的小按鈕，直接拍手怎麼辦？

一些更複雜的動作呢？ 例如在網上商店結賬。 將商品拖放到購物車中，滑動以進行結帳，然後使用指紋確認。 十分簡單。

思考內容和整個屏幕

讓我們從我們當前觸摸以執行操作的表面開始。 鑑於絕大多數現代圖形用戶界面都是觸摸屏顯示器——通常是用我們的拇指來處理的——所以這樣的界面將伴隨我們很長時間是有道理的。 我們肯定會有那種不可抗拒的敲擊衝動——畢竟觸摸是我們最重要的感覺。 觸摸表面給我們一種真實的行動感和控制感。 如果不是點擊某個特定點，而是教我們的用戶與整個表面進行交互，那會怎樣？

讓我們看看 Instagram 是如何做到的：

您是否見過一個按鈕，可讓您瀏覽 Instagram 故事並返回上一個故事？ 可能不會，因為您需要做的就是觸摸屏幕的左邊緣來實現它。

用戶已經開始期待與我們的數字產品交互的新方式，而且通常不需要按鈕。 卡片在其所有表面上都有響應； 通過單擊任何單詞，我們期望找到它的定義； 通過觸摸圖片，我們期待一些行動。 用戶已經習慣了整個區域都響應觸摸的事實。

手勢識別

我們非常了解手勢，因為它們對我們來說很自然，並反映在我們的身體動作中。 目前，幾乎每個應用程序都使用它們來加速導航； 我們可以雙擊一張照片，而不是像按鈕一樣按下它； 我們可以滑動瀏覽圖庫； 或捏縮放任何內容。

我們不僅在平面觸摸屏上做手勢——手勢也在 AR 和 VR 空間中進行，我們可以用整個身體進行導航。

語音接口

Siri、Cortana、Alexa 和 Google Assistant 都已啟動並運行。 許多人認為語音接口是未來——很難不同意，因為它們的潛在用途數不勝數。 我們可以通過與它們交談來控制車輛、智能建築和機器——就像我們與真人交談一樣。 借助人工智能和機器學習，機器現在能夠越來越準確地理解我們的語言。 我們不再局限於發音精心編寫的“魔法咒語”； 我們可以用完整的句子說話。

通過使用語音，我們可以在匯款的世界中自由移動。 目前，Siri 允許您通過 PayPal 向另一個人轉賬，只需一個快速請求：“Siri，使用 PayPal 向 XYZ 匯款 200 美元。” 沒有按鈕——唯一需要的確認和安全檢查是 Touch ID。

物理動作、連接設備和視頻識別

微笑付錢？ 它在這裡！ 阿里巴巴和肯德基聯合推出了一個系統，讓你只需對著鏡頭微笑就可以支付——無需按任何按鈕。 該系統適用於面部識別，現已在中國推出。

這只是潛在用途之一。 我們的設備已經配備了大量傳感器，可以監控您的整個身體。 沒有什麼能阻止您使用一根手指在智能手機上執行任何操作。

另一個加速按鈕消亡的物理動作的例子就是靠近設備。 讓我們以 iWatch 為例——只需將它與您的筆記本電腦配對，然後等待解鎖您的 MacBook。 可穿戴設備可用於確認我們的身份，並根據位置和傳感器數據智能地預測我們的需求。 多虧了他們，我們已經可以避免在許多界面上使用按鈕。

讓我們不要忘記幾年來廣泛使用的技術。 一個是陀螺儀——幾乎所有智能手機都有，但很少用於接口。 在上面，您可以看到 Patryk Adas 創建的實驗界面。

UI 設計的未來

有這麼多不同的選項可供我們使用，現在可以忘記使用典型的矩形按鈕與用戶進行交互。 借助當今的技術，我們有能力創建全新的界面，這些界面可以：

• 節省用戶時間
• 防止錯誤、失誤和錯誤
• 補償任何意外行為

時機已到——技術正在超越我們。 我們，設計師，必須追求它……並且一定要趕上！