別讓用戶做‘偵探’：優(yōu)秀網(wǎng)站的‘無腦’交互設(shè)計指南
你有沒有這樣的經(jīng)歷？
打開一個網(wǎng)站，想找個聯(lián)系方式，結(jié)果在首頁翻了三分鐘，鼠標劃過七八個按鈕，愣是沒找到“關(guān)于我們”在哪兒。最后氣得直接關(guān)掉頁面，心里暗罵一句：“這網(wǎng)站是故意藏起來讓我玩尋寶游戲嗎？”
對不起，用戶不會罵你——他們會直接走掉。
數(shù)據(jù)顯示，如果用戶在網(wǎng)站上3秒內(nèi)找不到想要的信息或搞不清怎么操作，88%的人不會再回來。他們不會給你解釋的機會，更不會耐心研究你的設(shè)計有多“巧妙”。
這就引出了一個扎心的事實：在用戶體驗的世界里，用戶根本不想動腦子。他們只想“無腦”操作，絲滑到達目的地。
今天我們就來聊聊，怎么把網(wǎng)站做成一個“傻子都能用”的產(chǎn)品——這不是貶義，而是最高級的贊美。
為什么你的網(wǎng)站總在逼用戶“破案”？
很多設(shè)計師和老板有一個致命的錯覺：“用戶會像愛自己的孩子一樣愛我的網(wǎng)站，愿意花時間研究每一個細節(jié)。”
醒醒。
真實情況是：用戶是全網(wǎng)最沒耐心的生物。他們在你的網(wǎng)站上停留的那幾十秒里，腦子里想的可能是中午吃啥、地鐵到哪站、今晚的劇還沒追……
他們根本不想思考。
不信？來看幾個最常見的“逼瘋用戶”操作：
導航菜單玩抽象
“產(chǎn)品中心”不叫“產(chǎn)品中心”，叫“解決方案生態(tài)矩陣”
“聯(lián)系我們”藏在一個小小的圖標里，那個圖標還是只抽象的螞蟻
按鈕不像按鈕
可點擊的地方跟普通文字長得一模一樣，鼠標放上去也沒有任何變化
用戶像在玩“大家來找茬”，全靠瞎蒙
表單長得像高考卷
注冊一個賬號，要填20多個字段，包括“郵政編碼”和“傳真號碼”
用戶內(nèi)心OS：我就想留個郵箱，你讓我寫自傳？
反饋全靠猜
點了提交，頁面沒反應(yīng)
到底提交成功沒？服務(wù)器崩了？還是網(wǎng)斷了？
用戶陷入存在主義危機
這些問題的本質(zhì)是什么？你把思考成本轉(zhuǎn)移給了用戶。
每讓用戶多猶豫0.5秒，就有20%的人流失。這不是危言聳聽，這是互聯(lián)網(wǎng)時代的殘酷法則。
“無腦”交互的三條鐵律
那么，什么樣的交互才算“無腦”？
不是我瞧不起用戶，而是真正優(yōu)秀的交互，應(yīng)該讓一個從來沒上過網(wǎng)的人，也能憑直覺用明白。就像你拿起一把椅子，不用看說明書就知道怎么坐。
鐵律一：所見即所得
用戶看到什么，就知道能做什么。
這不是廢話嗎？還真不是。
你看看那些優(yōu)秀的網(wǎng)站是怎么做的：
按鈕就該像按鈕——有背景色、有陰影、鼠標放上去會“浮起來”
鏈接就該是藍色帶下劃線（別為了設(shè)計感把祖宗規(guī)矩全扔了）
圖標配上文字——那個三條橫線的“漢堡菜單”，不是所有人都認識它是菜單
鐵律二：操作必有反饋
物理世界的常識是：按開關(guān)，燈會亮；推門，門會開。
數(shù)字世界也一樣：
點了按鈕，它得有點反應(yīng)（變色、跳動、加載中）
提交表單，告訴用戶“提交成功”還是“哪里填錯了”
頁面加載，給個進度條或者轉(zhuǎn)圈，別讓用戶盯著白屏懷疑人生
最可怕的不是慢，而是不確定。
鐵律三：越常用，越好找
把用戶最常用的功能，放在最容易夠到的地方。
別讓用戶為了“登錄”翻山越嶺，別讓“購物車”藏在二級菜單里，別讓“客服入口”需要念咒語才能召喚。
研究顯示，用戶在使用網(wǎng)站時，70%的操作集中在20%的功能上。把那20%的功能放到首頁顯眼位置，剩下的藏得深一點也無妨。
三個“無腦”設(shè)計的小技巧（拿來就能用）
1. 讓可點擊元素“招供”
一個好的點擊元素，應(yīng)該主動告訴用戶：“來點我呀！”
怎么做？
按鈕用高對比色
鼠標懸停時有狀態(tài)變化（變色、放大、加陰影）
卡片式設(shè)計加微妙投影，暗示“這是一整塊可點的”
案例： Airbnb的房源卡片，鼠標放上去圖片會放大，邊緣出現(xiàn)陰影，整個卡片微微上浮——還沒點呢，你就知道它是可以點的。
2. 把選擇權(quán)變成“單選題”
人的大腦處理選擇題比填空題快100倍。
與其讓用戶想“我該在搜索框里輸入什么”，不如直接給他們選項：
“熱門搜索：連衣裙 運動鞋 包包”
“你可能喜歡：簡約風 商務(wù)風 創(chuàng)意風”
電商網(wǎng)站的篩選條件，直接列出來讓用戶勾選
用戶不想思考，但他們會做選擇。
3. 犯錯時別讓用戶“社死”
用戶填表單填錯了怎么辦？
錯誤做法：頁面刷新，所有填過的內(nèi)容清空，旁邊一行小紅字“請檢查您的輸入”
（用戶：我檢查個鬼，直接關(guān)掉）
正確做法：
實時校驗，填完就告訴用戶對不對
保留已填內(nèi)容，只提示錯誤字段
錯誤提示要具體：“密碼需包含大寫字母”比“密碼格式錯誤”強100倍
最好的錯誤處理，是讓用戶感覺“不是我的錯，是電腦沒提醒我”。
檢驗?zāi)愕木W(wǎng)站是否“無腦”的5個問題
做完網(wǎng)站，別急著慶祝。先找個人（最好是沒參與過項目的朋友）來做個測試：
他不看任何說明，能在3秒內(nèi)說出你們公司是干嘛的嗎？
他能不假思索地找到“聯(lián)系方式”或“咨詢?nèi)肟凇眴幔?/p>
隨便點幾個按鈕，他知道自己點的是什么嗎？
填個表單提交，他知道自己成功了嗎？
整個過程中，他皺眉、猶豫、問“這是什么”的次數(shù)超過3次了嗎？
如果超過3次，恭喜你，你的網(wǎng)站成功把用戶變成了“偵探”。
而“偵探”的下一個動作，往往是關(guān)掉頁面，去你競爭對手那里下單。
寫在最后
很多年前，蘋果公司干了一件瘋狂的事：他們做了一個研究，想搞清楚用戶拿到一個新設(shè)備時，是不是真的需要看說明書。
結(jié)論是：最好的說明書，就是沒有說明書。
好的設(shè)計，應(yīng)該像空氣一樣——存在，但讓你感受不到它的存在。你不會夸一個網(wǎng)站“交互真好用”，就像你不會夸一扇門“推起來真順手”。只有當門推不開的時候，你才會注意到它。
不要讓用戶在你的網(wǎng)站上“思考”。
讓他們滑過、點下、完成。讓他們用腳而不是用腦來完成這次訪問。
因為在這個注意力稀缺的時代，用戶對你最大的贊美，就是根本沒意識到自己在使用你的網(wǎng)站。
他們只是進來了，找到了想要的，走了。然后下次，還會再來。
這才是“無腦”設(shè)計的最高境界。
你的網(wǎng)站，今天讓用戶“破案”了嗎？