建站常識
產(chǎn)品文字的減法
2007-11-01 11:56:00
認知心理學家Donald A. Norman將人類的行動分解成七個階段:
確定目標
確定意圖
明確行動內(nèi)容
執(zhí)行
感知外部狀況
解釋外部狀況
評估行動結(jié)果
這七個階段發(fā)生在人類所采取的每一個行動時。
比如最近降溫,你想要保持身體的舒適感(確定目標),所以就得加一件衣服(確定意圖),于是你決定去衣柜里看看哪件衣服適合今天穿(明確行動內(nèi)容),然后你就選擇了一件并穿在身上了(執(zhí)行),這時你感覺暖和一點了(感知外部狀況),因而你確定衣服被穿在了身上(解釋外部狀況),你覺得不冷了感覺很舒適(評估行動結(jié)果)──這么寫出來你可能會覺得別扭,因為這些判斷發(fā)生得非???,你可能永遠不會注意到中間的過程(有很多科幻小說和馬路上騙人的把戲都是利用了這一點,有興趣的同學可以自己分析分析,此為題外話)。
但是,當人和機器發(fā)生交互的時候,人類仍然遵循這樣的反饋法則,而機器使用的卻是另一套法則,這就正是人機交互永遠不順暢的根本原因。我們都知道,人類是善于解釋現(xiàn)象,并能根據(jù)解釋的結(jié)果來決定下一步行動的。這種本能反饋在現(xiàn)實生活中沒有太大的問題,但搬到計算機世界就面臨很大的設計挑戰(zhàn),因為行動七階段中最關鍵的一環(huán)——感知外部狀況——在計算機世界中完全依賴于設計。因而一個未經(jīng)設計的產(chǎn)品,基本上等于是把它的使用者扔進了一個既沒有聲音也沒有影像的黑暗世界,人們只能憑“直覺”和“本能”來與之交互。
在剛才那個例子中,你“感知外部狀況”時,使用的是觸覺(也許?我不了解神經(jīng)反射之類的原理,隨便猜的)。那么在計算機世界中,你唯一能使用的,只有視覺(有少部分聽覺的應用,不過鑒于大部分同學上班時都不得不關掉音箱,我們此處就不考慮這個情況)。
看到這里,有同學可能會說:“是啊!所以文字正是起到了‘描述外部狀況’的作用!”
當然,這是我們這一期要討論的主題,但是我在前面分析了半天,結(jié)論卻剛剛相反:有時候,文字恰恰是可以省略掉的元素。
為什么?舉個簡單的例子,當你在擰螺絲釘?shù)臅r候,你是如何感知它的變化的呢?通過文字描述“螺絲釘已經(jīng)旋轉(zhuǎn)了四分之三圈”,還是通過它“逐漸變短的身軀”知道的呢?
一個不停地報告旋轉(zhuǎn)圈數(shù)的螺絲釘聽起來是不是很可笑呢?
可是這樣界面到處都有。
“添加好友成功”、“加入小組成功”、“請在下方輸入你的手機號”……比比皆是,而在我看來,甚至包括“登錄失敗,請重新登錄”在內(nèi)的提示文字都是多余的。我在輸入賬號和密碼以后,不能進入“我的XXX”,這件事本身就說明問題了,設計師要做的,只要保證用戶的視覺焦點集中在出錯的位置并標識出差異(比如,輸入框變成紅色,增加圖標之類)就夠了,你有幾次是閱讀了界面上的文字才知道密碼輸錯的呢?
Norman還有一個著名的理論:如果一個產(chǎn)品需要文字來描述用途,那么它就不是一個設計良好的產(chǎn)品。一個需要看說明書才能知道怎么用的水壺,絕對是因為它長得不像水壺。同理,一個需要閱讀文字才知道出了什么狀況的系統(tǒng),絕對是因為它看起來不像是出了狀況。
很多時候,我們想方設法地優(yōu)化、精簡文字,也總結(jié)出一些類似“動詞+對象+狀態(tài)”的措詞原則,卻恰恰忽略了我們與生俱來的本能:我們天生對形狀、顏色和位置敏感。再加上計算機用戶掃描式的屏幕閱讀習慣,更是導致了對文字視若無睹的現(xiàn)象。其實在某些特定場景下,我們完全可以利用其它手段來表示外界的變化。
我很希望有一天,當我在某個網(wǎng)站登錄不成功時,它能把屏幕微微地震動一下,而不是蹦出一行紅字告訴我我已經(jīng)知道的狀況。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-05-18 07:57:00] 該用多大的字
- [2006-09-26 11:13:00] 關于文字鏈接與按鈕的分析
- [2005-12-29 21:14:00] 網(wǎng)頁高手之淺談設計中的文字
- [2007-04-11 09:04:00] 關于中英文正文字體比較
- [2005-12-29 20:52:00] 網(wǎng)頁設計中的文字運用
- [2010-07-15 08:29:00] [圖說交互]鼠標文字選中與產(chǎn)品整合
- [2007-10-31 15:44:00] 網(wǎng)頁文字的設計應該像聰明女孩穿衣服那樣
- [2007-06-06 15:11:00] 用文字注入情感
- [2009-06-22 14:31:00] 適合閱讀的頁面文字寬度(字數(shù))
- [2010-12-15 08:59:00] 淺談終端視覺設計中的文字運用
- [2007-11-03 22:31:00] 如何制定文字語言規(guī)范
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
營銷型網(wǎng)站 網(wǎng)站設計 網(wǎng)站的速度 平面設計 IT資訊 網(wǎng)站規(guī)劃 頁面設計 GOOGLE robots 插畫 海信網(wǎng)絡科技 SEO 力圖 網(wǎng)站建設的步驟有哪些 響應式設計 青島高端網(wǎng)站設計公司哪家好 版面布局 營銷型網(wǎng)站建設 圖形網(wǎng)格 網(wǎng)站建設,手機網(wǎng)站 網(wǎng)站開發(fā) 青島網(wǎng)站優(yōu)化 青島網(wǎng)絡公司 微官網(wǎng)帶來的好處 網(wǎng)站建設,企業(yè)網(wǎng)站建設 空白和簡潔的設計 互聯(lián)網(wǎng) 青島網(wǎng)站SEO html和css HTML5