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

2018-7-22    博博

真正驅(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)效更重要的是用戶思維模式。

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

作為設(shè)計(jì)師,尤其是需要設(shè)計(jì)面向大眾的 APP 和網(wǎng)頁(yè)等數(shù)字產(chǎn)品的設(shè)計(jì)師而言,我們必須創(chuàng)造出用戶能夠自然理解的東西,以人們能夠清晰理解、不言自明的 UI界面和用戶體驗(yàn),來(lái)作為設(shè)計(jì)的最終目標(biāo)。即使是再新鮮的產(chǎn)品,在設(shè)計(jì)的時(shí)候,也需要拿出用戶能夠感知得到的「熟悉」的模式,確保用戶在使用過(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í)是用戶的思維模式和心智模型。

舉個(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ì)吧。在用戶的思維模式驅(qū)動(dòng)下設(shè)計(jì) UI,怎么做都不會(huì)出大紕漏,但是如果遵循普通的 UI 模式,腦中想的是用什么控件,放什么地方,那就很難說(shuō)了。

現(xiàn)在再來(lái)看,你會(huì)發(fā)現(xiàn) UI 本身并不是驅(qū)動(dòng)者,而是某種意義上的用戶思維模式下的副產(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ì)需要遵循用戶的思維模式。

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

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

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

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

那么,你要怎樣更好的了解用戶呢?

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

而真正的「了解」,也就是通過(guò)這種方式,開(kāi)始真正明白甚至「感同身受」地洞徹用戶生活的模式,細(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ì)bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)


分享本文至:

日歷

鏈接

個(gè)人資料

存檔