真正驅(qū)動(dòng)UI設(shè)計(jì)的，是用戶思維模式

人人都是產(chǎn)品經(jīng)理 2018-07-22 09:13:44

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

設(shè)計(jì)UI時(shí)，比布局配色動(dòng)效更重要的是用戶思維模式。

作為設(shè)計(jì)師，尤其是需要設(shè)計(jì)面向大眾的 APP 和網(wǎng)頁等數(shù)字產(chǎn)品的設(shè)計(jì)師而言，我們必須創(chuàng)造出用戶能夠自然理解的東西，以人們能夠清晰理解、不言自明的 UI界面和用戶體驗(yàn)，來作為設(shè)計(jì)的最終目標(biāo)。即使是再新鮮的產(chǎn)品，在設(shè)計(jì)的時(shí)候，也需要拿出用戶能夠感知得到的「熟悉」的模式，確保用戶在使用過程中不會(huì)感到割裂，不會(huì)覺得混亂和迷茫。

在這種語境之下，許多設(shè)計(jì)師會(huì)擔(dān)心一個(gè)很實(shí)際的問題：我設(shè)計(jì)的東西會(huì)不會(huì)不夠新穎，會(huì)不會(huì)缺少突破？

不過，此時(shí)這樣來提問興許并沒有問對(duì)問題。因?yàn)檎嬲?qū)動(dòng) UI設(shè)計(jì)的，應(yīng)該是我們常說的套路或者說是規(guī)則，更深層的東西，其實(shí)是用戶的思維模式和心智模型。

舉個(gè)例子。

你可能需要為大學(xué)的老師設(shè)計(jì)一個(gè)管理教學(xué)的儀表盤界面，這個(gè)儀表盤界面中需要呈現(xiàn)一些基本的功能，比如可以讓教師為學(xué)生上傳課程，課程資料，安排考試，發(fā)布考試成績。他們可以通過整個(gè)儀表盤和學(xué)生進(jìn)行互動(dòng)，可以發(fā)布作業(yè)也可以收取作業(yè)，檢查作業(yè)。在這個(gè)需求設(shè)定之下，接下來，我們可能需要從教師的角度來考慮整個(gè)儀表盤的 UI 和 UX設(shè)計(jì)。

在這個(gè)案例當(dāng)中，我們需要思考一些問題。當(dāng)教師在為學(xué)生上課的時(shí)候，他們對(duì)于課程，對(duì)于每個(gè)學(xué)習(xí)單元，甚至于是階段性的測試的安排，都有著清晰的認(rèn)知。他們的大腦當(dāng)中，對(duì)于每一本教材，以及需要教授的知識(shí)點(diǎn)，在自己的大腦當(dāng)中都有著明確的記憶，可以列舉成列表，能夠進(jìn)行管理，傳授給學(xué)生。這樣一來，一切似乎都非常清晰了，設(shè)計(jì)師如果做的功課夠多的話，能夠快速地打磨出一個(gè)大學(xué)教師們喜歡的、易用的儀表盤界面。

但是，這樣一來，設(shè)計(jì)師會(huì)忽略這個(gè)事情的另外一個(gè)層面，那就是學(xué)生。

老師是整個(gè)這個(gè)課程管理系統(tǒng)的儀表盤的掌控者，而學(xué)生同樣通過它來學(xué)習(xí)課程。當(dāng)學(xué)生面對(duì)一個(gè)課程的時(shí)候，他們并不會(huì)如同他們的老師一樣，對(duì)于整個(gè)課程有清晰的認(rèn)知，沒有一個(gè)完整的概念。他們不具備老師的思維模式，或者說是擁有一種截然不同的心智模型。他們?cè)诿鎸?duì)課程的時(shí)候，可能更多的是零散的問題：

• 我們昨天學(xué)到了什么？
• 我錯(cuò)過的那堂課，教授了什么內(nèi)容？
• 明天那堂課，我需要準(zhǔn)備什么？
• 今天學(xué)的這堂課當(dāng)中，最重要的知識(shí)點(diǎn)是什么？

學(xué)生在面對(duì)課程的時(shí)候，思維模式主要是沿著「課程-時(shí)間」這種模式來進(jìn)行，而老師則不同，他們隨時(shí)可以授課，主要的思維模式是「課程-內(nèi)容」這樣的架構(gòu)。

這樣一來，再重新思考一下整個(gè)產(chǎn)品的設(shè)計(jì)吧。在用戶的思維模式驅(qū)動(dòng)下設(shè)計(jì) UI，怎么做都不會(huì)出大紕漏，但是如果遵循普通的 UI 模式，腦中想的是用什么控件，放什么地方，那就很難說了。

現(xiàn)在再來看，你會(huì)發(fā)現(xiàn) UI 本身并不是驅(qū)動(dòng)者，而是某種意義上的用戶思維模式下的副產(chǎn)物。因此，解決方案當(dāng)中，應(yīng)該反映出教師和學(xué)生兩者的思維模式。當(dāng)你在設(shè)計(jì)這個(gè) UI 的時(shí)候，你可以從競爭對(duì)手那里學(xué)習(xí)，甚至可以從毫不相關(guān)的其他產(chǎn)品當(dāng)中汲取好設(shè)計(jì)，當(dāng)然，前提是這種設(shè)計(jì)需要遵循用戶的思維模式。

如果輪子能夠發(fā)揮作用，為什么要重新發(fā)明呢？復(fù)制之后微調(diào)到適合你需求的樣子就行了。

這當(dāng)然并不是意味著我們會(huì)因此受限，或者說在創(chuàng)作過程中失去創(chuàng)意。探索用戶的思維模式，本身是讓你更加深刻地洞悉設(shè)計(jì)需求本質(zhì)的一種方式，它甚至?xí)屇愕膭?chuàng)造力更強(qiáng)，打破某些常規(guī)的邊界，幫你更好地解決用戶的問題。

此刻，你并不是在設(shè)計(jì) UI界面，而是在用文本、圖形和思維模式敲開你用戶的大腦。

現(xiàn)在應(yīng)該明白用戶思維模式的重要性了吧。為什么要做用戶調(diào)研，為什么要構(gòu)建心智模型，為什么要做側(cè)寫，原因其實(shí)不復(fù)雜，真正的理解，還是來源于對(duì)用戶行為模式的洞悉。為某個(gè)人進(jìn)行設(shè)計(jì)，就像你給某個(gè)密友挑選禮物一樣，你清楚他的喜好，明白他要什么，就能用一個(gè)小禮物讓他的情緒最大化地釋放。當(dāng)你了解一個(gè)人的個(gè)性，知道他的愿望，那么為他定制產(chǎn)品的時(shí)候，針對(duì)性會(huì)更強(qiáng)，設(shè)計(jì)自然也會(huì)有四兩撥千斤的效果。

那么，你要怎樣更好的了解用戶呢？

就像你和別人交朋友一樣，一起去酒吧喝酒，一起吃火鍋，在咖啡館里面看著來往的行人，聊聊自己最近的生活，吐槽一下生活中不爽的事情，探討一下感興趣的話題。其實(shí)就這么簡單，也沒有什么很神奇的秘訣。

而真正的「了解」，也就是通過這種方式，開始真正明白甚至「感同身受」地洞徹用戶生活的模式，細(xì)節(jié)和深層的需求。舉個(gè)例子，要為某個(gè)經(jīng)營餐館的朋友制作一款軟件，那么需要了解餐飲業(yè)相關(guān)的信息，了解你的朋友在管理和運(yùn)營餐館的時(shí)候，具體的流程和痛點(diǎn)。他們每個(gè)流程叫什么名字？他們是如何訂購的食材？具體的步驟是什么？員工是怎么管理的？他們要跟蹤哪方面的信息？回答這些問題，明白各個(gè)環(huán)節(jié)之間的關(guān)系，想清楚要做什么。你問的越多，獲得的答案越多，整個(gè)局面就越清晰。

至少，我經(jīng)常是這么提醒我自己，為人設(shè)計(jì)數(shù)字產(chǎn)品，本質(zhì)上就是了解他們的生活和工作，了解事情本身和人性本身。

原文作者 : Eugen E?anu

譯者/編輯 : 陳子木

譯文地址：https://www.uisdc.com/user-thinking-model

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)