• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】淺談用戶是如果解讀你的設計




    淺談用戶是如果解讀你的設計

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    設計師們每天的工作都是通過設計將產品的信息傳達給用戶。用戶根據我們提供的視覺化信息來理解一個產品想告訴自己什麼。設計師與用戶的關係是信息的傳達者與接收者。


    設計理論教學開始

    設計師們每天的工作都是通過設計將產品的信息傳達給用戶。用戶根據我們提供的視覺化信息來理解一個產品想告訴自己什麼。設計師與用戶的關係是信息的傳達者與接收者。

    設計師在進行信息的編排與構建時,已經花了較多的時間與精力理解了產品的全部信息和信息之間的層級關係。但是,用戶接收信息是從一些具體的信息片段開始,然後到另一個信息片段,他們需要將這些具體的信息補全成設計師腦海中的信息地圖。設計師的信息地圖是立體的,而用戶接收的方式是一維的。如何將一個立體金字塔結構的信息通過一維的方式有效精準地傳遞給用戶,這不是件容易的工作。

    雖然,我們設計師在構建故事的時候一直告誡自己站在用戶的角度,去揣測用戶是如何理解每個設計的信息內容的。但是我們還是常常感到糾結與不確定,我們不知道我們所提供的設計表達方式用戶是否可以完全理解?是否可以正確的向用戶傳遞?用戶是否會花費較多的成本完成理解的過程?

    如果設計師想要提高用戶對設計信息理解的效度與效率,那麼,我們需要了解用戶是如何進行設計信息的解讀的。

    解讀前的知識補充—— 信息的金字塔原理:

    金字塔原理(Pyramid Principles),1973年由麥肯錫國際管理諮詢公司的諮詢顧問Barbara Minto發明。這個原理她通過在寫作中的運用來闡述的。

    金字塔原理告訴我們:

    1)信息接收者會自動將信息歸類到金字塔結構中組織思想,從而理解整體信息想表達的含義。金字塔結構是由一個總的思想統領多組思想。思想之間具有邏輯關係,思想間的聯繫方式可以是縱向的(任何一個層次上的思想都是對其下面一個層次上思想的總結);也可以是橫向的(多個思想因共同組成一個邏輯推理過程,而被並列排在一起)。小的信息單元通過組合的方式變成更抽象的思想。

    淺談用戶是如果解讀你的設計

    圖例1

    2)大腦對信息的處理包含3部分的內容:一部分用於識別信息與理解信息的表面含義;一部分用於尋找信息之間的關係;一部分用於前后思考,理解整體想表達的思想。

    3)人們解讀信息的方式是由信息接收者對所接收到的信息不斷進行疑問/回答式的對話方式來進行理解的。在理解的過程中用戶會不斷地產生疑問:“這是什麼?”“為什麼要向我傳達這個?”“是想說告訴我這個么?”“所以是想表達這個么?”當疑問不斷被解答,就完成了信息從識別到被解讀的過程。

    Barbara Mint在研究金字塔結構中只是在寫作領域去探討,但是其實在設計中也同樣適用。寫作與設計的差異只是在於:寫作需要傳達的信息是文字,而設計需要傳達的信息是視覺語言。但是無論寫作還是設計,都是作者將構思內容一步步傳遞給受眾。當然在設計中運用時,我們還需要加上一些視知覺方面理論。

    ——————————————具體討論作為一名用戶解讀設計信息的全過程 ——————————————

    注*:以iphone上的app store為具體案例解析。

    階段一:用戶提出疑問“這是什麼?”並獲得解答

    Step A:識別信息

    擺在用戶面前的一個界面中包含多個信息單元,用戶首先需要識別與理解每個信息的含義。

    淺談用戶是如果解讀你的設計

    圖例2

    Step B:歸類分組&搭建金字塔

    用戶會對識別出的信息進行分析,識別的信息需被大腦短暫記憶,進而尋找信息之間的關係。歸類分組是為建立信息的結構做準備的中間過程。

    人類大腦的短暫記憶最多只能容納約7個左右的項目,但通常在一個界面中的信息單元會超過7項,這時大腦會自動對信息進行分組從而減少需要記憶的內容。被歸類到不同的邏輯範疇中信息,小組是組內信息單元的邏輯上一層,與信息單元形成金字塔結構。當組內的信息單元與上一層的信息小組具有合理的邏輯關係時,大腦會在看到上一層的信息時能夠自動提示下一層的信息單元。如果第一次歸類的組數大於7個,大腦會進行第二次歸類,繼續往上建立一層金字塔。大腦比較容易記住的是3個,最容易記憶的是1個項目。

    用戶是通過什麼將視覺信息進行歸類的呢?

    1)運用“共性”歸類

    大腦會將其認為具有“共性”的任何事物組織在一起。

    “共性”在視知覺具體包括:具有某種類似的共同點,如相似的視覺表現語言,相似的顏色,所處的位置比較接近。共性的分析過程中存在關係的對比的階段。不同的信息單元之間,更相似或更接近的信息單元之間更容易被歸為一類,形成一個信息的小組。

    所以在視覺信息的傳達中,希望用戶解讀為一類的信息之間的關係的共性關係要更加靠近,更加明確,才可以讓用戶更快地歸類。

    2)利用視知覺中的“秩序與秩序的中斷”歸類

    秩序是被有序安排的信息,以某種有規律的方式出現。秩序會產生人們一種視覺延續的感受,同一個規律會形成一個整體的感受。延續會大大節省視覺感官系統的注意力(註:當延續存在了一定的時間之後會不再視覺與思維的注意,大腦會忽視延續的內容,通過知覺的預測與預期將內容在大腦中補充完整)

    只有出現與眾不同的特徵(一種參差不齊的,不連貫的方式等),感官系統才會馬上投入工作,感知到新的刺激。這個與眾不同的特質就是“視覺顯著點”。視覺顯著點可以快速讓人感知到秩序延續的中斷,進行歸類劃分。

    在具體的視覺信息歸類行為中,“共性”與“秩序與秩序的中斷”會同時混合進行的。這兩者的本質都是建立信息斑塊的感受。

    淺談用戶是如果解讀你的設計

    圖例3(根據視知覺的“共性”/”秩序與秩序的中斷”進行信息歸類的金字塔小組)

    階段2:用戶提出疑問“為什麼?”並獲得解答

    Step C:主動推測&預期性準備

    當設計師通過界面向用戶傳遞了信息(信息單元或已歸類的信息小組),用戶都會根據眼前的內容向外延伸思考,主動推測向他傳遞這個信息的原因,他們會思考:這是什麼?為什麼傳遞給我這個信息?是想告訴我什麼呢?跟其他的內容有聯繫么?

    大腦習慣將信息看做是一組還未表達出的思想的一部分,並會假設某種可能的原因,並據此調整自己的思路,準備接着理解後續的其他信息。這種預期性的準備能夠減輕大腦分析信息的負擔。

    用戶為不同的推測預期幾個不同的可能性結果。然後在接收隨後的信息時尋找符合預期結果的特徵,驗證自己的推測。

    如果後續的其他信息不符合用戶預測的內容,那麼用戶會感覺到茫然,會將新的信息與之前的信息重新進行邏輯關係的尋找。重新的尋找會增加用戶的理解成本,也會產生挫敗感。

    淺談用戶是如果解讀你的設計

    圖例4

    階段3:用戶提出疑問“所以怎麼樣呢?”並獲得解答

    StepD:尋找邏輯關係,補全金字塔群

    用戶在逐行逐頁地理解設計的表達的思想時,他們會假定一同出現的思想在邏輯上存在某種關係。邏輯關係有二種:縱向關係與橫向關係。

    在用戶理解信息結構的過程中,會由一個信息項目出發向上,向下或橫向補充金­­字塔的邏輯結構,最後形成一張信息的金字塔結構圖,從而完成信息解讀的過程。

    如果我們可以預先今早讓用戶獲知信息間的邏輯關係,可以讓用戶更準確的理解設計想傳遞的意思。因為如果我們不預先告訴用戶這種邏輯關係時,用戶就會自動從中尋找共同點,組建出並非設計師所希望的邏輯關係,甚至可能根本發現不了任何邏輯關係。不要讓用戶在為了試圖找到各種思想之間的聯繫而絞盡腦汁,節省用戶的理解成本。

    淺談用戶是如果解讀你的設計

    圖例5(從哪個視覺信息開始可能與視覺焦點和每個人有一定的差異,但是無論從哪個信息點開始的,補全金字塔結構的原理是相同的)

    結語

    理解用戶如何解讀設計信息,可以幫助設計師們更好的進行設計傳達。文章中所總結的內容是最近看書的總結,若有不足的地方,歡迎大家和我交流心得,感謝大家的關注。

    參考文獻:

    [1] 芭芭拉·明托. 金字塔原理:思考、表達和解決問題的邏輯[M].南海出版公司,2010.

    [2] E.H.貢布里希. 秩序感:裝飾藝術的心理學研究[M].湖南科學技術出版社,1999.

    — —

    文章永久連結為: 淺談用戶是如果解讀你的設計