6個簡單技巧,帶你窺探產品經理UX設計背后的成功“秘密”

0 評論 2508 瀏覽 27 收藏 18 分鐘

我們做產品時,UX的一些相關原則是必須要掌握的東西。但這個內容又與思維有關,很多產品經理并不是特別了解。這篇文章,作者遵循由外向內,由整體到局部的方式來展開講解UX的6個通用原則,希望能對大家有所幫助。

幾年前面試的時候,面試官問我,你覺得產品經理最核心的能力是什么呢?

如果是你,你會怎么回答?

他的答案是:產品設計能力

我當時剛入行,對這個問題也沒多少感覺,但現在我會覺得核心能力即產品思維,而產品思維=產品可生產化思維+產品商業化思維。

——因為思維認知決定你的行為,形成產品經理表層可生產出來的東西(如產品設計稿、戰略規劃方案、或者團隊管理等),所以思維是我覺得最本質的能力

怎么理解呢?

這里我們不聊商業化思維(這個很好理解,職級越往上,產品經理是要有前瞻的商業眼光,通過產品研發幫助企業賺錢的),想重點聊下可生產化思維。

我的理解是:可生產化思維=是什么(產品定位、戰略方向)、能否設計(技術、資源等各類限制條件)、怎么設計(產品版本、團隊協作等)以及設計的價值(用戶需要、競爭力等因素評估)。

畢竟若沒有意義,也沒必要做。

我們學習和實踐大量的知識背景,比如懂市場、懂行業、懂業務、懂數據、懂用戶等等,

都是為了形成我們的產品思維體系,植入進產品設計里,幫助產品可生產化的同時,能運用產品商業化思維,

在競爭激烈的市場里,創造商業價值、并不斷地更新產品,形成對用戶良性且相對持久的影響力。

但有時候,我們太關注功能、商業價值,太想把產品做好,學了很多,往往忽視了產品經理應該具備的一些體系化的東西。

我就發現,初入行的也好,干了好幾年的產品也好,很多都是靠自己的感覺或者“借鑒”做設計,卻根本沒有系統化去深究下本質,想想為什么要這么做?比如在功能上、甚至一個圖標、一個按鈕的位置上。

本文我想通過6個簡單要素,聊下我們最容易忽視的UX設計細節,并盡量全面結構化體系化地表達出來,希望對你有所幫助和啟發。

當你按照體系化的思路,去梳理深究產品設計的時候,會發現,有時候產品失敗不一定是市場不好、功能不夠精準,而是一些最基礎的設計體驗,本身就容易讓用戶產生“放棄”感。

或許比起做一款成功的產品,我們要先學會“生產”出一個相對合格的產品。

一、一些前言(多說幾句)

一定要學會有意識讓自己認知體系化

注:如果在平時工作中,你可以有意識且主動合理地,把所有知識和經驗都體系化,我相信這是對產品思維最好的訓練方法、希望大家都可以有這樣的意識、定期復盤總結的習慣。

想起在我剛入行的時候,做產品設計是混亂的,按鈕要怎么放、什么頁面跟什么頁面有關系,……

根本不懂這些……

這種無序的思維方式,導致的行為結果,就是做出來的產品光看起來點幾下就是不合格的。

回到本文關鍵點:產品設計上來說,產品經理首先就要有一個共識是:

  1. 用戶看到的一款產品,沒有一個元素是多余的;這些元素可能包括顏色、文本、數字、控件(比如按鈕、彈窗)、頁面、功能點、甚至一個圖標,他們絕不是隨意就可以堆砌和放置的。
  2. 這些元素不止有關聯關系,承載著信息,更從細節里承載著一定的商業導向,可以直接或者間接影響產品的客戶群體留存轉化及商業價值;比如b站一鍵三連,按鈕放在左邊還是右邊還是隱藏,用心形點贊還是用大拇指點贊,很多的產品設計是不一樣的……你有沒有想過為什么?

作為產品經理從設計之初就要合理考慮這些元素的關聯關系;不只是做TOC產品,TOB產品也需要。

接下來,我們具體來看看這些提升UX設計細節都有什么通用的原則:

二、UX通用原則

遵循由外向內,由整體到局部的方式來展開:

1. 表層

認識一款產品,首先是表層(相當于人的外貌)

產品里我們把它叫做UI界面層。

設計原則:符合用戶群體、產品定位風格;結構清晰簡潔。

主要要求會分為:

A、美感統一:

1、符合產品定位的配色方案,比如字體、圖標設計風格的統一;科技(藍色)、醫療(綠色)…….

2、不同終端還要滿足響應式設計(適應不同分辨率和屏幕大?。?/p>

B、控件統一:盡量使用標準控件集;形成用戶穩定的認知且能提升操作效率。

注:關于標準控件集,有很多現成且成熟的UI框架可以直接用:

如阿里巴巴的企業級Ant Design、適用于中后臺應用;開源前端框架Bootstrap、Google 的 Material Design、Vue.js 等等,產品經理可以參考多看培養自己的產品結構感,提升對UI設計的審美和判斷力,同時運用于開發也能節省大量的團隊時間和精力。

具體控件統一要求如:

  1. 對齊方式要一致、相鄰控件的間距要對等;同一類型頁面尺寸、顏色、樣式要一致
  2. 要易于識別理解,位置合理、傳達的信息與承載的功能要匹配;必要的時候,要具備引導性提示,且交互方式盡量要一致

比如列表都會用的頁簽篩選控件,A控件左彈出、B控件右彈出、C上彈出,就很錯亂。

以上,更多由UI來做、產品經理得把關,并逐步形成團隊里成熟且可復用的標準控件集。

2. 框架布局層

1、各框架、導航、區域劃分清晰合理,符合用戶直覺,可幫助用戶快速理解和操作。

2、簡潔、突出核心和關鍵;

3. 信息結構層

1、信息層級結構關系合理

(比如根據重要性,信息有主次之分、先后之分;根據內容的顏色、字體的粗細、大小來表達信息層級關系);或者將相關功能、信息進行分組、歸類展示。

常見的組織方式包括目錄結構、標簽/標簽頁、菜單導航等。

2、信息的內容:

a、可擴展性:在設計信息結構時考慮未來的擴展和變化,確保界面可以容納未來新的功能和內容,并保證了在更新調整時,不影響其他的模塊。

比如瀏覽器提供了各種插件和擴展,后臺系統提供用戶可以自定義去管理界面流程或者列表內容、配置數據屬性等

b、可反饋:無歧義、有引導性、簡潔標識和反饋,幫助用戶快速找到所需的功能或者信息

比如進入頁面空數據時,需要引導信息反饋下一步可能的任務動作,避免用戶的失落感

再比如保存文件時,通過通知的信息引導用戶去清理文件磁盤等等

諸如成功提示、表單驗證提示、按鈕點擊反饋、異常錯誤反饋等很多

c、信息可視化:為了便于用戶了解,降低學習成本;

可以采用圖標、圖像等可視化方式,比如高德的駕車圖標,很輕易就理解自駕路線;自行車就是騎車路線;進度、百分比圖標就是任務進度

3、信息關聯性和便于查找

a、比如相關的功能和內容,通過合理的導航和菜單結構、分類進行關聯

訂單管理類:新增訂單、訂單取消、訂單記錄等

客戶管理類:客戶新增、客戶轉移、客戶跟進等

b、數據關聯或者搜索:

比如相關信息的頁面跳轉、標簽可點擊的設置、通過信息關鍵詞進行高效查找

4. 頁面層級

1、頁面層級關系合理:操作路徑不能較深,一般保持在3-4個層級;降低用戶操作復雜性,不至于將功能的重心分散

2、可閉環、可返回、可回退、各頁面關聯且完整(指的是承載信息、功能、流程的完整)

3、確保頁面導航的一致性和可見性:如常用的導航模式:菜單、標簽頁、面包屑導航等

4、符合用戶習慣:

a、頁面信息層級放置:

遵循整體到局部,比如列表—詳情—分支操作頁面;再比如搜索是針對全局頁面的信息查詢,一般會置頂

b、功能層級放置

一級、二級、三級功能劃分層級明確且合理,有主次之分;比如一款購物產品,促成用戶購物下單是主要場景,你肯定不能把功能菜單隱藏在較深的頁面層級里

c、反饋引導處理:

比如常見的新手引導頁面在哪些場景放置,再比如用戶在3層級頁面操作結束后,點擊返回到上一層級還是主層級頁面還是引導去新的頁面?

5. 功能層

說完了界面層、我們再來深化、說下功能層

1、人機功能交互層:

功能交互:用戶操作使用上

a、可閉環(大功能、小功能)、尤其是流程類的業務;

無論哪種形式的閉環,都需要盡量具備可操作、可溯源(數據/操作記錄)

b、操作反饋機制:功能正常主分支、異常分支的操作反饋

主要通過顏色狀態、文字/聲音/觸感、撤銷或者恢復、動態交互(比如實時數據更新、位置的改變等)來體現

除了業務功能層的交互反饋,也不能忽視非業務層面的反饋設計:

比如空頁面設計、toast設計(考慮不同終端的差異性,合理使用)、網絡不佳、加載失敗、服務器崩潰、文件不存在、權限不足、磁盤空間不足等文件讀寫錯誤異常,數據調用異常、安全異常、操作系統版本不匹配等

產品經理需要針對以上異常提供處理機制,并持續監測、改進和修復。

c、外圍功能模塊的調用關系

比如一些前置條件:

  • 系統要求:某些功能可能對特定的操作系統、設備或軟件版本、聯網有特定的要求,需要確保面向用戶的系統符合這些要求
  • 資源信息:比如內部關聯:權限(語音、相機、空間、定位、功能數據權限)等或者有業務數據交互的模塊;再比如外部集成:(聚合支付、人臉識別、打印機、掃描儀)等

包括后置條件的考慮:即操作結束后結果是什么、需不需要處理、有什么影響

比如功能反饋出現bug,應該提供反饋并及時執行修復措施,以確保功能能夠正常工作。

再比如數據保存或者操作出于安全考慮、需要有應對的監控報警措施并同步保存數據及操作記錄。

訂單取消后的狀態設計等等

2、數據交互層面上

a、前置、后置數據調用,同步刷新、加載等規則、數據校驗

b、考慮不同的數據類型(語音、視頻等)對性能和系統穩定性、兼容性的影響,

比如為了解決跨平臺的兼容性,通常會將視頻格式選擇為廣泛兼容的格式(如MP4),不然有的瀏覽器可能會打不開;

再比如視頻的存儲傳輸也會占據很大的空間,要綜合考慮選擇合適的數據類型和處理方案;

c、數據安全和隱私保護:要考慮在部分數據的交互上,采取一些方式保證安全。比如數據脫敏加密(常見的有手機號、姓名、身份證、訂單交易額等隱私信息)

6. 最后還需要考慮非功能層DFX

DFX=“Design for X”,表示面向產品非功能性屬性的設計。其中“X”代表面向產品全生命周期或其中某一環節,如代表系統性能要求的可拓展性、易用性、穩定性等,代表產品競爭力或決定產品競爭力的因素,如可遷移性、網絡安全性等。

在傳統的工業產品制造中,DFX需求包括但遠遠不僅限于以上特性;甚至有幾十種,感興趣可以去查閱學習;放在軟件行業,產品經理可以根據行業、產品定位、客戶等多方需求衡量產品的DFX能力。

注:大部分情況下,很多PM都會忽略這些、但其實DFX方面的需求,我們需要在產品設計前甚至各個階段都要提前與團隊進行方案探討。

目標就是:通過衡量產品DFX的特性,使我們設計的軟件更加人性化、易用性、且可靠安全,從而提高質量、效率和成本、用戶滿意度。

經過篩選后,具體產品經理主要關注考量以下關鍵特性,并根據需要增加部分產品功能設計:

6個簡單技巧,帶你窺探產品經理UX設計背后的成功“秘密”

綜上,通過6要素(界面表層、框架層、信息結構層、頁面級別層、人機功能交互層、數據交互層)技巧拆解,

如果你能理解,并逐步運用好以上所說的設計原則,就可以很好地做出一個相對合格的產品了,這是做一款成功產品的必要且充分條件。

三、結語(再多說幾句)

同時,更需要關注和思考的是:

要主動構建自我知識體系,并通過實踐積累具象的方法,從而不斷完善和加強這棵“知識樹”,這無疑是一個正向的良性循環,因為這意味著體系化可以有助于產品思維,高效地遷移和強化;意味著我們在面對不同的業務要求時,都可以快速地去把產品需求可生產化,甚至可商業化;這才是產品經理、又或者可以說是一個人,最底層的強者思維。

本文由@凱拉Kella 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!