產(chǎn)品的力量:從理論到實踐(五)

0 評論 850 瀏覽 2 收藏 11 分鐘
🔗 产品经理在不同的职业阶段,需要侧重不同的方面,从基础技能、业务深度、专业领域到战略规划和管理能力。

本文通過作者的親身經(jīng)歷,展示了從線框圖到高保真原型的設(shè)計過程,以及如何通過統(tǒng)一的產(chǎn)品設(shè)計風格和明確的設(shè)計規(guī)范來解決團隊合作中的問題。文章不僅提供了實用的設(shè)計技巧,還強調(diào)了溝通與協(xié)作的重要性,是每位產(chǎn)品設(shè)計者的寶貴教訓。

在數(shù)字產(chǎn)品設(shè)計的廣闊天地中,每個項目都是一次全新的探險。當時的我?guī)е鴿M腔熱情和對產(chǎn)品的無限憧憬,開始了我職業(yè)生涯的旅途。那時,我還沒有意識到,自己即將面對的不僅是創(chuàng)意的挑戰(zhàn),更是團隊協(xié)作與規(guī)范遵循的考驗。

一、線框圖/高保真

線框圖是一種低保真度的設(shè)計產(chǎn)物,主要用于展示網(wǎng)頁或應用的基本結(jié)構(gòu)和布局,它通過基本的線條和形狀來表達頁面的結(jié)構(gòu),不涉及美學元素,如顏色、圖像等。線框圖的主要用途是在早期階段快速溝通設(shè)計思路和理念,便于團隊成員之間的溝通和協(xié)作。

它幫助設(shè)計師、產(chǎn)品經(jīng)理、開發(fā)人員等更好地理解產(chǎn)品的功能、流程和布局,從而提高產(chǎn)品設(shè)計的效率和質(zhì)量。線框圖的繪制應遵循一些基本原則,如減少顏色的使用、使用簡單的組件設(shè)計、保持一致性、使用真實內(nèi)容和注釋等。這是以前設(shè)計的線框圖案例

高保真原型則是一種與最終產(chǎn)品成果非常相近的原型設(shè)計,它能夠模擬最終產(chǎn)品的視覺感受、交互功能以及頁面布局。高保真原型具有逼真的界面、準確的交互細節(jié)和真實的內(nèi)容呈現(xiàn),它在產(chǎn)品設(shè)計開發(fā)中具有重要的作用,是開發(fā)設(shè)計與客戶之間重要的溝通橋梁。高保真原型的制作通常在設(shè)計后期使用,當基本的布局和功能已經(jīng)確定后,用于測試和演示設(shè)計的實際體驗。這是以前抄的高保真案例

二、統(tǒng)一戰(zhàn)線:產(chǎn)品設(shè)計風格

在數(shù)字化時代,產(chǎn)品界面的設(shè)計風格對于塑造品牌形象和優(yōu)化用戶體驗至關(guān)重要。當時我們遇到了一個問題:一個UI同事在辦公室找到我,說我們一款產(chǎn)品因為存在多位產(chǎn)品經(jīng)理和UI設(shè)計師的協(xié)同工作,一個簡單的返回按鈕,最終正式環(huán)境出現(xiàn)了多達67種版本。給一個案例圖參考,大家想象一下。

當時UI工程師告訴我:不一致的設(shè)計風格通常源于缺乏統(tǒng)一的設(shè)計指導和協(xié)調(diào)機制。在沒有明確的設(shè)計規(guī)范和標準流程的情況下,每位產(chǎn)品經(jīng)理和UI設(shè)計師可能會根據(jù)自己的理解來設(shè)計界面元素,從而導致風格迥異的設(shè)計方案。此外,缺乏有效的溝通和協(xié)作也可能導致設(shè)計上的分歧。在快速迭代的互聯(lián)網(wǎng)產(chǎn)品開發(fā)中,這種不一致性可能會被放大,這種設(shè)計上的分裂不僅影響了產(chǎn)品的專業(yè)性,也增加了用戶的學習成本,最終影響到產(chǎn)品的市場競爭力和用戶體驗。

面對這一問題,我和UI同事向公司領(lǐng)導匯報,并獲得了推進統(tǒng)一產(chǎn)品設(shè)計風格的授權(quán)。以下是我們計劃的邏輯和步驟:

  • 問題的識別:我們首先確認了產(chǎn)品界面還存在那些不一致的問題,并收集了相關(guān)證據(jù),如不同版本的返回按鈕截圖,彈窗截圖等內(nèi)容,以直觀展示問題的嚴重性。
  • 爭取領(lǐng)導的支持:我當時和UI同事向公司領(lǐng)導匯報了這一問題,并闡述了統(tǒng)一設(shè)計風格的重要性和緊迫性。領(lǐng)導對此表示認同,他當時也發(fā)現(xiàn)了這個問題,只是公司處于高速運轉(zhuǎn)過程中,沒有時間解決這個問題,如果我們有信心完成這個事,他可以號召其他部門一起支持我們的工作。
  • 制定計劃:獲得了領(lǐng)導的支持后,我們制定了詳細的計劃,包括調(diào)研現(xiàn)有設(shè)計問題、制定統(tǒng)一的設(shè)計規(guī)范、以及推廣和監(jiān)督這些規(guī)范的實施。
  • 跨部門協(xié)作:后面我們在公司內(nèi)容和產(chǎn)品部、研發(fā)部、設(shè)計部召開了幾次產(chǎn)品設(shè)計規(guī)范交流會,確保每個人都理解并遵循新的設(shè)計規(guī)范。

最后的產(chǎn)品設(shè)計規(guī)范發(fā)布工作我沒參與,因為產(chǎn)品設(shè)計規(guī)范這個事的主體,在當時的公司還是設(shè)計部門去完成,后續(xù)我只是根據(jù)用戶使用情況,持續(xù)向設(shè)計部門反饋優(yōu)化設(shè)計規(guī)范,確保產(chǎn)品設(shè)計始終符合用戶需求和市場趨勢。在這個過程中我也獲取了一些經(jīng)驗,在產(chǎn)品研發(fā)之前制定產(chǎn)品設(shè)計規(guī)范是至關(guān)重要的。

三、產(chǎn)品設(shè)計規(guī)范

后面我回想起來在我職業(yè)生涯的早期,我當時也經(jīng)歷了一個類似的案例。那時,我剛完成了一個高保真的產(chǎn)品原型設(shè)計,卻在與UI設(shè)計師的討論中發(fā)生了爭執(zhí)。我堅持認為自己的設(shè)計是創(chuàng)新且實用的,但最終,事實證明我忽略了一些關(guān)鍵因素。

后面意識到我的錯誤源于沒有從0—1參與項目。在我加入團隊之前,UI負責人和老板已經(jīng)在項目初期制定了一套詳盡的產(chǎn)品設(shè)計規(guī)范。而我設(shè)計的高保真原型,雖然在滿足用戶需求和功能實現(xiàn)上沒有問題,卻沒有與這些既定的設(shè)計風格保持一致。

那次教訓也教會了我一些東西。

  • 保持產(chǎn)品一致性的重要性遠遠超出了視覺美學的范疇。它關(guān)乎減少用戶的認知負擔,培養(yǎng)用戶習慣,以及展現(xiàn)產(chǎn)品設(shè)計的嚴謹性。一致性貫穿于交互邏輯、設(shè)計元素、語言表述、信息架構(gòu),乃至視覺呈現(xiàn)的每一個細節(jié)。是為了讓用戶能夠更快捷、更直觀地與產(chǎn)品互動。
  • 同時,這也讓我認識到了簡潔性的價值——”少即是多”。精簡界面元素,減少視覺干擾,精煉文字表述,簡化操作步驟,這些都是為了創(chuàng)造一個更清晰、更易用的產(chǎn)品體驗。

因此在產(chǎn)品開發(fā)的早期階段,團隊成員需要共同遵循一套標準來確保產(chǎn)品設(shè)計的連貫性和一致性。隨著產(chǎn)品復雜性的增加,如果沒有統(tǒng)一的規(guī)范,團隊成員可能會采用不同的方法和標準來實現(xiàn)設(shè)計,這可能導致最終產(chǎn)品出現(xiàn)功能不一致、用戶體驗碎片化等問題。因此,制定產(chǎn)品設(shè)計規(guī)范成為確保產(chǎn)品質(zhì)量和市場競爭力的關(guān)鍵步驟。

產(chǎn)品設(shè)計規(guī)范通常包括以下幾個方面:

  • 視覺設(shè)計規(guī)范:定義產(chǎn)品的顏色方案、字體選擇、圖標風格等視覺元素,確保產(chǎn)品具有統(tǒng)一的視覺識別度。
  • 交互設(shè)計規(guī)范:明確用戶與產(chǎn)品交互的方式,包括按鈕點擊、滑動操作、表單填寫等,以提供流暢和直觀的用戶體驗。
  • 布局和結(jié)構(gòu)規(guī)范:規(guī)定頁面布局、組件排列和信息層次,以實現(xiàn)清晰和邏輯性強的產(chǎn)品結(jié)構(gòu)。
  • 品牌語言和語調(diào):確保產(chǎn)品的所有文本和溝通都符合品牌個性和市場定位。

網(wǎng)絡(luò)上有很全的產(chǎn)品設(shè)計規(guī)范參考,我也給大家一個最簡單的設(shè)計規(guī)范作為展示

隨著時間的流逝,那些迷茫和爭執(zhí)逐漸遠去,取而代之的是我對產(chǎn)品設(shè)計規(guī)范深刻理解和實踐的堅持?,F(xiàn)在我學會了在創(chuàng)意與規(guī)范之間找到平衡,明白了在團隊中溝通與協(xié)作的重要性。如今,每當我回望這些項目,不僅看到了個人成長的腳步,更看到了整個團隊在追求卓越設(shè)計的道路上,還有互聯(lián)網(wǎng)人如何一步步建立起統(tǒng)一戰(zhàn)線,共同創(chuàng)造出既美觀又實用的產(chǎn)品。

本文由 @得閑 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于CC0協(xié)議。

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
13294人已学习13篇文章
本专题的文章分享了关于教育+AI的思考。
专题
11828人已学习13篇文章
商业保理,即保付代理。本专题的文章分享了关于商业保理的讲解。
专题
12627人已学习14篇文章
各种大模型和AI绘画的产品层出不穷,在各行业也在尝试进行应用。在这个阶段,AIGC能实现些什么?本专题的文章分享了AIGC的应用。
专题
12583人已学习12篇文章
知识管理是什么?通常来看,想理解知识管理,可以从业务、管理、实施等视角切入。本专题的文章分享了如何做知识管理。
专题
18863人已学习13篇文章
画像标签是由数据标签经过分析、加工处理,形成的更加抽象、易于理解的复合标签。本专题的文章分享了如何设计用户标签体系。
专题
18579人已学习13篇文章
一款名为ChatGPT的聊天机器人引起了广泛关注,许多人由此思考ChatGPT究竟有多厉害。本专题的文章分享了对于ChatGPT的看法。