真正驅(qū)動(dòng)UI設(shè)計(jì)的，是用戶(hù)思維模式
人人都是產(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)效更重要的是用戶(hù)思維模式。
作為設(shè)計(jì)師，尤其是需要設(shè)計(jì)面向大眾的 APP 和網(wǎng)頁(yè)等數(shù)字產(chǎn)品的設(shè)計(jì)師而言，我們必須創(chuàng)造出用戶(hù)能夠自然理解的東西，以人們能夠清晰理解、不言自明的 UI界面和用戶(hù)體驗(yàn)，來(lái)作為設(shè)計(jì)的最終目標(biāo)。即使是再新鮮的產(chǎn)品，在設(shè)計(jì)的時(shí)候，也需要拿出用戶(hù)能夠感知得到的「熟悉」的模式，確保用戶(hù)在使用過(guò)程中不會(huì)感到割裂，不會(huì)覺(jué)得混亂和迷茫。
在這種語(yǔ)境之下，許多設(shè)計(jì)師會(huì)擔(dān)心一個(gè)很實(shí)際的問(wèn)題：我設(shè)計(jì)的東西會(huì)不會(huì)不夠新穎，會(huì)不會(huì)缺少突破？
不過(guò)，此時(shí)這樣來(lái)提問(wèn)興許并沒(méi)有問(wèn)對(duì)問(wèn)題。因?yàn)檎嬲?qū)動(dòng) UI設(shè)計(jì)的，應(yīng)該是我們常說(shuō)的套路或者說(shuō)是規(guī)則，更深層的東西，其實(shí)是用戶(hù)的思維模式和心智模型。
舉個(gè)例子。
你可能需要為大學(xué)的老師設(shè)計(jì)一個(gè)管理教學(xué)的儀表盤(pán)界面，這個(gè)儀表盤(pán)界面中需要呈現(xiàn)一些基本的功能，比如可以讓教師為學(xué)生上傳課程，課程資料，安排考試，發(fā)布考試成績(jī)。他們可以通過(guò)整個(gè)儀表盤(pán)和學(xué)生進(jìn)行互動(dòng)，可以發(fā)布作業(yè)也可以收取作業(yè)，檢查作業(yè)。在這個(gè)需求設(shè)定之下，接下來(lái)，我們可能需要從教師的角度來(lái)考慮整個(gè)儀表盤(pán)的 UI 和 UX設(shè)計(jì)。
在這個(gè)案例當(dāng)中，我們需要思考一些問(wèn)題。當(dāng)教師在為學(xué)生上課的時(shí)候，他們對(duì)于課程，對(duì)于每個(gè)學(xué)習(xí)單元，甚至于是階段性的測(cè)試的安排，都有著清晰的認(rèn)知。他們的大腦當(dāng)中，對(duì)于每一本教材，以及需要教授的知識(shí)點(diǎn)，在自己的大腦當(dāng)中都有著明確的記憶，可以列舉成列表，能夠進(jìn)行管理，傳授給學(xué)生。這樣一來(lái)，一切似乎都非常清晰了，設(shè)計(jì)師如果做的功課夠多的話，能夠快速地打磨出一個(gè)大學(xué)教師們喜歡的、易用的儀表盤(pán)界面。
但是，這樣一來(lái)，設(shè)計(jì)師會(huì)忽略這個(gè)事情的另外一個(gè)層面，那就是學(xué)生。
老師是整個(gè)這個(gè)課程管理系統(tǒng)的儀表盤(pán)的掌控者，而學(xué)生同樣通過(guò)它來(lái)學(xué)習(xí)課程。當(dāng)學(xué)生面對(duì)一個(gè)課程的時(shí)候，他們并不會(huì)如同他們的老師一樣，對(duì)于整個(gè)課程有清晰的認(rèn)知，沒(méi)有一個(gè)完整的概念。他們不具備老師的思維模式，或者說(shuō)是擁有一種截然不同的心智模型。他們?cè)诿鎸?duì)課程的時(shí)候，可能更多的是零散的問(wèn)題：
-
我們昨天學(xué)到了什么？
-
我錯(cuò)過(guò)的那堂課，教授了什么內(nèi)容？
-
明天那堂課，我需要準(zhǔn)備什么？
-
今天學(xué)的這堂課當(dāng)中，最重要的知識(shí)點(diǎn)是什么？
學(xué)生在面對(duì)課程的時(shí)候，思維模式主要是沿著「課程-時(shí)間」這種模式來(lái)進(jìn)行，而老師則不同，他們隨時(shí)可以授課，主要的思維模式是「課程-內(nèi)容」這樣的架構(gòu)。
這樣一來(lái)，再重新思考一下整個(gè)產(chǎn)品的設(shè)計(jì)吧。在用戶(hù)的思維模式驅(qū)動(dòng)下設(shè)計(jì) UI，怎么做都不會(huì)出大紕漏，但是如果遵循普通的 UI 模式，腦中想的是用什么控件，放什么地方，那就很難說(shuō)了。
現(xiàn)在再來(lái)看，你會(huì)發(fā)現(xiàn) UI 本身并不是驅(qū)動(dòng)者，而是某種意義上的用戶(hù)思維模式下的副產(chǎn)物。因此，解決方案當(dāng)中，應(yīng)該反映出教師和學(xué)生兩者的思維模式。當(dāng)你在設(shè)計(jì)這個(gè) UI 的時(shí)候，你可以從競(jìng)爭(zhēng)對(duì)手那里學(xué)習(xí)，甚至可以從毫不相關(guān)的其他產(chǎn)品當(dāng)中汲取好設(shè)計(jì)，當(dāng)然，前提是這種設(shè)計(jì)需要遵循用戶(hù)的思維模式。
如果輪子能夠發(fā)揮作用，為什么要重新發(fā)明呢？復(fù)制之后微調(diào)到適合你需求的樣子就行了。
這當(dāng)然并不是意味著我們會(huì)因此受限，或者說(shuō)在創(chuàng)作過(guò)程中失去創(chuàng)意。探索用戶(hù)的思維模式，本身是讓你更加深刻地洞悉設(shè)計(jì)需求本質(zhì)的一種方式，它甚至?xí)屇愕膭?chuàng)造力更強(qiáng)，打破某些常規(guī)的邊界，幫你更好地解決用戶(hù)的問(wèn)題。
此刻，你并不是在設(shè)計(jì) UI界面，而是在用文本、圖形和思維模式敲開(kāi)你用戶(hù)的大腦。
現(xiàn)在應(yīng)該明白用戶(hù)思維模式的重要性了吧。為什么要做用戶(hù)調(diào)研，為什么要構(gòu)建心智模型，為什么要做側(cè)寫(xiě)，原因其實(shí)不復(fù)雜，真正的理解，還是來(lái)源于對(duì)用戶(hù)行為模式的洞悉。為某個(gè)人進(jìn)行設(shè)計(jì)，就像你給某個(gè)密友挑選禮物一樣，你清楚他的喜好，明白他要什么，就能用一個(gè)小禮物讓他的情緒最大化地釋放。當(dāng)你了解一個(gè)人的個(gè)性，知道他的愿望，那么為他定制產(chǎn)品的時(shí)候，針對(duì)性會(huì)更強(qiáng)，設(shè)計(jì)自然也會(huì)有四兩撥千斤的效果。
那么，你要怎樣更好的了解用戶(hù)呢？
就像你和別人交朋友一樣，一起去酒吧喝酒，一起吃火鍋，在咖啡館里面看著來(lái)往的行人，聊聊自己最近的生活，吐槽一下生活中不爽的事情，探討一下感興趣的話題。其實(shí)就這么簡(jiǎn)單，也沒(méi)有什么很神奇的秘訣。
而真正的「了解」，也就是通過(guò)這種方式，開(kāi)始真正明白甚至「感同身受」地洞徹用戶(hù)生活的模式，細(xì)節(jié)和深層的需求。舉個(gè)例子，要為某個(gè)經(jīng)營(yíng)餐館的朋友制作一款軟件，那么需要了解餐飲業(yè)相關(guān)的信息，了解你的朋友在管理和運(yùn)營(yíng)餐館的時(shí)候，具體的流程和痛點(diǎn)。他們每個(gè)流程叫什么名字？他們是如何訂購(gòu)的食材？具體的步驟是什么？員工是怎么管理的？他們要跟蹤哪方面的信息？回答這些問(wèn)題，明白各個(gè)環(huán)節(jié)之間的關(guān)系，想清楚要做什么。你問(wè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ì)( www.teruid.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
