【網站建設】使簡單的想法更簡單

一個實用的網站需要簡單易學(xué)，直觀易用，并讓用戶記憶深刻。但重要的是，一定要簡單！這(zhè)周就讓珍妮李維斯幫助我們解構交互設計，探尋簡化之道(dào)。

簡單與否，是用戶初次接觸并認識一款全新的用戶界面(miàn)時首先會關注的事(shì)情之一。爲了讓用戶留下良好(hǎo)的第一印象，用戶體驗設計師應該不斷的，深入的探索簡化之道(dào)，讓原本看上去就很簡單的設計變得更爲簡單。在提供愉悅的使用體驗的同時，賦予數字産品的在市場中的競争優勢。

現代人的生活日漸繁忙，注意力跨度縮短，用戶對(duì)于應用産品直觀易用性的标準日漸增高。如果一款應用看上去就有那麼(me)一點點的難用，那許多用戶從一開(kāi)始便不會麻煩去安裝。用戶對(duì)于軟件的速度，功能(néng)，以及設計已具備一定的心理期待，那設計師必須至少滿足這(zhè)些期待（如果無法超越）。對(duì)于一款應用軟件賣1.99美金用戶都(dōu)會覺得昂貴，花兩(liǎng)分鍾時間去下載都(dōu)會覺得沒(méi)完沒(méi)了的世界來說，這(zhè)可是一項艱巨的任務！

但問題是，體驗設計師往往與他們設計的産品距離太近，以至于很難判斷用戶是否真的認爲産品是簡單直接的，或其實是複雜困惑的。觀察用戶真正的上手使用産品是測試設計功效好(hǎo)的方法，但複雜的用戶測試卻不一定是好(hǎo)的選擇。壞的情況是，體驗設計師難以判斷用戶是否真的認爲産品如自己設想的  一般的易用。爲了解決這(zhè)個難題，提供簡單至極的用戶體驗，設計師應該：

1. 解構用戶與應用的初次接觸體驗：讓影響用戶第一印象的設計缺陷暴露出來。
2. 平衡界面(miàn)的可供性（Affordances）與傳統認知(Conventions)：探索用戶對(duì)于特定設計元素的傳統認知與交互習慣能(néng)夠展現深入簡化的機會。
3. 創新第一：簡化用戶的思維方式，真正解決用戶問題是重中之重。當提出創新方案之後(hòu)，我們有的是時間去進(jìn)一步簡化方案。

創造棒的第一印象

蘋果的應用商店在2013年就擁有了一百萬款應用。當中大量的産品在功能(néng)上大同小異，這(zhè)給予了用戶充分的選擇權。如果一款應用很難用，用戶可以輕松的選擇更簡單的另一款應用去替代。所以，簡化使用體驗與用戶的選擇是直接挂鈎的。

讓我們想想用戶是如何一步一步評判一款産品的：

1.需求及尋找

用戶會根據自身需求去尋找相關的應用。舉個例子，一位繁忙的母親需要與家人分享日程安排。爲了滿足這(zhè)個需求，她開(kāi)始在應用商店搜索 “家庭日曆應用”, 希望找到相應的産品。

2.第一印象

根據尼爾森/諾曼集團的數據，用戶在一個網頁的平均停留時間爲10-20秒鍾。讓我們假設上述的這(zhè)位繁忙的母親有15秒鍾的時間去浏覽每一個搜索結果，那當她在看到第一款出現的應用時就會想：這(zhè)是不是我要找的”家庭日曆應用”?

在還(hái)沒(méi)來的及下載嘗試這(zhè)款應用之前，她已經(jīng)花了15秒時間思考這(zhè)款應用是否能(néng)夠滿足她的需求。她通過(guò)浏覽該應用的截屏去判斷其是否能(néng)夠做到她想做的事(shì)情。在還(hái)未決定下載之前，這(zhè)些界面(miàn)就必須清晰無疑的展示出該應用的功能(néng)。

在這(zhè)個時候，幫助她決定是否下載這(zhè)款應用的重任就全落在了應用界面(miàn)的簡明易懂的程度上了。

3.基礎保證

當這(zhè)款日曆應用成(chéng)功通過(guò)了這(zhè)位母親的第一輪評判，她就開(kāi)始下載使用了。她開(kāi)始嘗試添加一個日程。她通過(guò)應用的基礎功能(néng)去判斷自己是否做出了正确的決定。作爲一款日曆應用，簡單的添加日程是基本的功能(néng)保證。

基本功能(néng)的使用體驗必須要簡單。這(zhè)之後(hòu)用戶才開(kāi)始思考：這(zhè)款應用還(hái)能(néng)做什麼(me)我沒(méi)想到的事(shì)情呢？或是這(zhè)款應用有什麼(me)我不需要的功能(néng)，甚至影響我正常使用了？

舉個例子，爲每個日程添加視頻通話的快速連接可能(néng)對(duì)用戶來說是個很方便的功能(néng)。盡管這(zhè)位母親一開(kāi)始并沒(méi)有特意尋找這(zhè)個功能(néng)，但她也許會很高興這(zhè)款應用具備這(zhè)個功能(néng)。但從另一個方面(miàn)來說，同樣(yàng)的功能(néng)如果被(bèi)強硬的添加在了這(zhè)款應用的基礎功能(néng)裡(lǐ)，用戶還(hái)無法通過(guò)正常的方式關閉，那這(zhè)個功能(néng)對(duì)用戶來說就會變得很厭煩了。附加功能(néng)絕不能(néng)夠影響基礎功能(néng)的實現。而簡單就體現在産品的基礎功能(néng)與增值因素的平衡上。

無論是通過(guò)應用商店或是其他渠道(dào)，體驗設計師都(dōu)需要考慮用戶初次與産品接觸的初步評判過(guò)程。盡管這(zhè)個過(guò)程可能(néng)隻持續幾秒鍾 -事(shì)實上，也就幾秒鍾- 簡單明了的設計都(dōu)會給用戶留下良好(hǎo)的第一印象。要知道(dào)，簡單可不僅僅能(néng)夠成(chéng)功說服用戶去嘗試你的産品，也可以确保用戶持續使用你的産品。

通過(guò)傳統認知（Conventions）與可供性 (Affordances) 進(jìn)行簡化

史蒂夫克魯格在他的暢銷書『别讓我思考』中從多個方面(miàn)的探讨了關于簡單易用網站的創作。他寫到，每次不假思索的鼠标點擊與清晰明了的信息展示都(dōu)是簡化用戶體驗的良好(hǎo)機會。克魯格提出簡化體驗好(hǎo)的方法之一就是利用用戶使用其他網站的經(jīng)驗。設計師應該記住“傳統認知是我們的良師益友”。

大部分體驗設計師都(dōu)應該知道(dào)，傳統認知是用戶通過(guò)過(guò)去的使用體驗的積累，從而對(duì)一些設計元素産生的預想。比如「漢堡包圖标」代表「菜單」被(bèi)廣泛使用。用戶在其他的應用程序中見過(guò)這(zhè)個圖标，所以他們認識這(zhè)個圖标。隻有少數用戶會不清楚它的作用。

在帶領用戶首次使用一款應用之後(hòu)，體驗設計們應考慮自己是否錯過(guò)了使用傳統認知的機會。他們可能(néng)會發(fā)現使用一些用戶已知的設計元素去替代一些特殊的元素可以提高易用性。每當設計師使用全新的設計語言，忽略傳統的設計元素，用戶可能(néng)就不會很快理解設計意圖，甚至根本不明白，結果會很讓用戶很難對(duì)産品産生良好(hǎo)的第一印象。

可供性與傳統認知很類似，但區别是用戶的認知不一定來自于其他應用的體驗。在『設計心理學(xué)』一書中，唐納德諾曼對(duì)此進(jìn)行了展開(kāi)讨論。他提到某些設計元素之所以“合理”, 那是因爲它們暗示了人們日常接觸的事(shì)物。

舉例來說，一個代表搜索的放大鏡圖标之所以合理，是因爲用戶知道(dào)放大鏡的作用是尋找物品。有趣的是，這(zhè)同時也是傳統認知的一個例子。因爲其可供性，放大鏡也已成(chéng)爲一種(zhǒng)傳統認知了。但雙筒望遠鏡和手電筒就不能(néng)這(zhè)麼(me)理解了，盡管它們也經(jīng)常被(bèi)用來尋找物品。

說這(zhè)些跟簡化體驗又有什麼(me)關系呢？當設計師把用戶與應用的初次接觸過(guò)程細化的時候，實際上已經(jīng)開(kāi)始通過(guò)傳統認知去尋找深入簡化的機會了。但除此之外，設計師還(hái)需要探索：

1. 能(néng)被(bèi)傳統認知替代的可供性。
2. 能(néng)夠運用可供性的機會。

合理的運用兩(liǎng)者可以很大程度的提高用戶體驗。首先思考如何使用傳統認知能(néng)夠讓設計師充分利用用戶先前積累的使用經(jīng)驗。而可供性是利用用戶對(duì)現實世界認知的第二種(zhǒng)利器。

持續創新

如果我們永遠試圖將(jiāng)事(shì)物保持簡單和熟悉，那創新該從何談起(qǐ)？每當設計師緻力于通過(guò)平衡傳統認知與可供性去達成(chéng)簡化的目的，那他/她必須首先思考一個問題：

一個存在并被(bèi)放置于某個網頁，應用，或産品中的設計元素是否真的合理?

 這(zhè)種(zhǒng)思維方式的好(hǎo)處就是能(néng)夠讓設計師首先思考創新，再去考慮簡化。如果將(jiāng)一個應用界面(miàn)看成(chéng)一個獨立的個體，而不與市場上的其他産品作比較，這(zhè)便意味著(zhe)設計師能(néng)夠跳出市場标準的框框。接下來再使用克魯格/諾曼的評判方法：

這(zhè)個設計是否充分運用了用戶的傳統認識，讓用戶對(duì)設計一目了然？這(zhè)個設計所使用的元素是否有著(zhe)充分的可供性去确保功能(néng)的實現？

終，用戶是依賴傳統認知與可供性的幫助去建立對(duì)于一個界面(miàn)的認知模型，從而達到一目了然，簡單易懂的新鮮體驗。設計師應挖掘創新所帶來的自由，隻有當創新之後(hòu)才可以將(jiāng)設計元素更加直接，簡單的決定下來。

重要的是明白簡單的宗旨并不是違背創新，或隻是用來執行受限的功能(néng)。有著(zhe)複雜功能(néng)的應用也可以非常易于使用，同時功能(néng)輕量的産品也可能(néng)在使用上過(guò)度複雜。

舉個例子，一個網站的聯絡信息表單功能(néng)非常簡單，但是使用手機填寫一定數量的信息就會變得複雜。相反的，一份能(néng)夠自動提取用戶的地理位的聯絡信息表單在功能(néng)上雖比較複雜，但是對(duì)于用戶來說卻因省去一些信息的填寫，從而使産品變得更加易于使用。

歸根到底，簡單的設計主要依賴場景。隻要設計師圍繞場景爲中心進(jìn)行設計，那他就永遠不必通過(guò)犧牲創新去達到簡單的目的。

運用簡單作試驗

簡單的設計通過(guò)提供清晰度提高用戶體驗：清晰明了的輸出（這(zhè)款應用能(néng)爲我做什麼(me)？）以及清晰明了的輸入（我需要做些什麼(me)？）。在設計過(guò)程當中，體驗設計師必須按部就班地一步一步确保簡單的體驗。解構用戶的第一印象，同時合理的運用傳統認知與可供性進(jìn)一步的去簡化體驗。

這(zhè)裡(lǐ)爲體驗設計師們提供一些能(néng)夠大程度達到簡化目的的主意：

競品分析：調研競品能(néng)夠找到其他的産品是如何運用傳統認知與可供性提高産品用戶體驗的。

重新審視現有設計：想想設計元素背後(hòu)的功能(néng)目标，利用可供性的概念去發(fā)掘創意。尋找并識别現有設計的來源（如果有明确來源的話）并試著(zhe)去思考替代方案，啓發(fā)新的創意。

跨越傳統認知：對(duì)于已經(jīng)極度依賴傳統認知的産品體驗，設計師可以挑戰自己，利用不那麼(me)常見，卻具備較強可供性，能(néng)夠被(bèi)用戶快速識别的方案去替代傳統方案。今天的創意或將(jiāng)成(chéng)爲新的傳統。

在一切試驗中，體驗設計師需謹記用戶不斷的在數字産品中尋找簡單的使用體驗。這(zhè)是不變的事(shì)實。所以設計師應抱著(zhe)用戶的心理去創造體驗。這(zhè)個過(guò)程始于創新 -設計永遠是幫助用戶解決問題的- 同時運用傳統認知與可供性進(jìn)一步的去簡化方案。

關于作者：

珍妮是一名用戶體驗設計師，網頁開(kāi)發(fā)者，及藝術家。她對(duì)于一切人機交互相關的事(shì)物都(dōu)極爲著(zhe)迷。這(zhè)些事(shì)物是如何影響我們的日常生活的，以及如何通過(guò)創建科技産品，與之互動以改善我們的生活。她的經(jīng)驗圍繞一切以用戶爲中心的設計，用戶界面(miàn)，交互設計以及網頁開(kāi)發(fā)的方方面(miàn)面(miàn)。她熱衷于使軟件變得更爲實用，同時搭建非專業的客戶&用戶與開(kāi)發(fā)者&科技間的橋梁。珍妮有著(zhe)自己的博客，UX Jenny，同時也是數字咨詢公司Steady State Digital的創始人。