基于《用戶體驗要素》來談產(chǎn)品設(shè)計

4 評論 24526 瀏覽 585 收藏 4 分鐘

《用戶體驗要素》是非常適合剛?cè)腴T的產(chǎn)品經(jīng)理看的一本書,提供了一個適用性極廣的思考框架和思考流程,Jesse James Garrett從設(shè)計者的角度將用戶體驗分為五個層面,如下圖:

其中貫穿五個層級的是:產(chǎn)品向用戶去傳遞什么?產(chǎn)品目標是什么?但是越來越多優(yōu)秀的產(chǎn)品脫引而出是在產(chǎn)品策略和產(chǎn)品機制上做的非常牛逼,如 tender、fleck、微博、知乎是在機制上非常出色,微信與米聊的競爭中體現(xiàn)產(chǎn)品策略的重要性,所以從設(shè)計師的角度分為將產(chǎn)品設(shè)計分為七個層面。

一、戰(zhàn)略層

定義產(chǎn)品目標和用戶需求范圍。

二、產(chǎn)品策略

  • 將產(chǎn)品置于大環(huán)境中,將競爭定位到那個層級?
  • 采用何種方式來競爭?將團隊注意力焦到可以讓產(chǎn)品脫引而出的地方。
  • 詳見看看微信與米聊的競爭、層級化思考

三、范圍層

把產(chǎn)品目標和用戶需求轉(zhuǎn)化為向用戶提供什么樣的內(nèi)容和功能。

四、產(chǎn)品機制

確定內(nèi)容清單和功能清單后,設(shè)計一種讓用戶在操作/功能中等能夠看到什么信息/內(nèi)容的方式就很有必要了。即設(shè)計用戶行為、功能、內(nèi)容的組合方式,分為用戶行為機制和信息機制。

五、結(jié)構(gòu)層

為網(wǎng)站創(chuàng)建一個概念結(jié)構(gòu),為用戶創(chuàng)建一個概念模型,交互組件將如何工作,來讓用戶完成任務(wù)。分為交互設(shè)計和信息架構(gòu)設(shè)計。

前面五個環(huán)節(jié)總結(jié):

圍繞產(chǎn)品目標和用戶需求來設(shè)計機制,圍繞機制來設(shè)計功能,圍繞功能來設(shè)計交互和信息架構(gòu),由交互決定信息流,如果產(chǎn)品機制牛逼則產(chǎn)品基本牛逼,不論產(chǎn)品結(jié)構(gòu)多么爛如新浪微博;如果機制毫無亮點,產(chǎn)品結(jié)構(gòu)混亂則產(chǎn)品基本上就沒救了。

拿產(chǎn)品類比生物來說,產(chǎn)品目標和用戶需求決定了產(chǎn)品屬于哪個物種,產(chǎn)品機制是產(chǎn)品的基因,產(chǎn)品解結(jié)構(gòu)是產(chǎn)品骨架,以上皆在皮囊/產(chǎn)品UI之下,誠如《小王子》中所言”最重要的東西是用眼睛看不見的“。

六、框架層

產(chǎn)品目標是具體到信息設(shè)計、用戶需求是具體到界面設(shè)計和導(dǎo)航設(shè)計。解決的是“”放置“的問題,界面設(shè)計考慮交互元素的布局,導(dǎo)航設(shè)計考慮如何引導(dǎo)用戶移動的元素的安排,信息設(shè)計考慮傳達給用戶的信息要素的排布。

七、表現(xiàn)層

表現(xiàn)層是視覺設(shè)計:強化結(jié)構(gòu)、強化傳遞信息、強化分類;內(nèi)容、功能、美學(xué)匯聚到一起產(chǎn)生最終設(shè)計。

總結(jié)

在實際操作中有兩點非常重要:

  • 明白正在試圖解決的問題是哪個側(cè)層級:主頁的按鈕時顏色不對(表現(xiàn)層)?還是未知不對(框架層)?還是這個按鈕并不像用戶理解的那樣工作(結(jié)構(gòu)層)?
  • 了解對于問題的解決方法所造成的后果:在一個層面的修改會引起上下層級的連鎖反應(yīng),保持系統(tǒng)性的全局思考。

原文來自簡書

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 請問您說的產(chǎn)品機制具體指什么呢?產(chǎn)品的定位?競爭機制?

    來自四川 回復(fù)
  2. 11

    來自江蘇 回復(fù)
    1. 333

      來自江蘇 回復(fù)