G端產(chǎn)品設(shè)計-原型篇

0 評論 861 瀏覽 5 收藏 18 分鐘

本文基于工作以來實際項目情況,總結(jié)歸納出一些項目原型設(shè)計時相關(guān)經(jīng)驗,其中也有部分G端原型設(shè)計時可能會存在通用性的要點總結(jié),希望對你有所幫助。

一、原型設(shè)計的定義

原型設(shè)計是在項目開發(fā)過程中重要的一個環(huán)節(jié),指的是產(chǎn)品正式開開發(fā)前,根據(jù)需求、文字、線條、圖形等組件會指出產(chǎn)品的框架圖,用于展示產(chǎn)品的交互邏輯、功能布局、以及動態(tài)交互效果。

二、原型設(shè)計的目的與作用

不論是G端還是B端,產(chǎn)品原型設(shè)計出來的的目的就是能夠有效傳達產(chǎn)品的功能、頁面內(nèi)容、交互邏輯。原型設(shè)計不僅對外能夠向客戶匯報需求落地的模擬展示,對內(nèi)能夠為后續(xù)的開發(fā)、測試和優(yōu)化提供重要依據(jù)。

1、面向客戶

對于B端項目而言,客戶就是企業(yè),包括企業(yè)的決策者和業(yè)務(wù)人員。

對于G端項目而言,客戶就是政府,包括政府決策者(高層領(lǐng)導(dǎo))、政府管理層(中層領(lǐng)導(dǎo))、基層業(yè)務(wù)人員。這里我就以G端角度展開介紹下:

1)政府決策者

他們一般在機構(gòu)中基本都是高層領(lǐng)導(dǎo),主要負責一些政策或者重大事項的決策。在一個信息化項目中,他們的關(guān)注點通常在于項目是否能符合政策導(dǎo)向、項目的標桿性體現(xiàn)以及是否有政績產(chǎn)出。因此原型匯報時,需要提供全面的數(shù)據(jù)分析、決策支持、以及可視化展示功能,這些更多是依托于駕駛艙進行呈現(xiàn)的,以便與幫助他們更好的掌握業(yè)務(wù)方向和情況,輔助其做出決策判斷。

2)政府管理層

主要指的是中層領(lǐng)導(dǎo),比如主任、科長這些負責監(jiān)管具體項目內(nèi)容與推進的人群,他們的關(guān)注點一般在于項目實際的運行效果和管理效率,比較注重終端用戶反饋和滿意度,關(guān)心項目的長期成功和可持續(xù)性。因此原型匯報時,需要重點介紹項目背景與業(yè)務(wù)價值、系統(tǒng)功能與設(shè)計、數(shù)據(jù)安全性與穩(wěn)定性、實施計劃與進度以及后續(xù)支持與優(yōu)化等方面。這些側(cè)重點能夠全面展示項目的優(yōu)勢和價值,贏得中層領(lǐng)導(dǎo)的支持和認可。

3)基層業(yè)務(wù)人員

主要指的是直接操作和使用系統(tǒng)的一線工作人員。他們的關(guān)注點在于系統(tǒng)操作是否流暢性以及對實際工作效率的是否有提升。因此原型設(shè)計時,需要確保系統(tǒng)界面友好、操作簡便,能傻瓜式的操作就傻瓜式設(shè)計。

2、面向內(nèi)部

原型設(shè)計對內(nèi)部的作用主要可以明確需求與期望、可以促進團隊協(xié)作與溝通、及早發(fā)現(xiàn)并解決問題、降低開發(fā)成本、提高產(chǎn)品質(zhì)量、指導(dǎo)開發(fā)進度以及提升決策效率,并且對內(nèi)部不同角色而言,其意義和作用也各不相同。以下是對UI、開發(fā)、測試、運維以及老板等角色在原型設(shè)計中的作用的詳細分析:

1)UI設(shè)計師

原型為UI設(shè)計提供了一個可視化的呈現(xiàn)方式。通過原型,設(shè)計師可以展示他們的設(shè)計思路,包括顏色、布局、字體、圖標等元素的使用,以及用戶與界面交互的方式。這有助于團隊成員和利益相關(guān)者更直觀地理解設(shè)計,并在視覺上達成共識。

2)開發(fā)人員

原型設(shè)計可以清晰展示產(chǎn)品的功能和界面設(shè)計,能夠幫助開發(fā)理解開發(fā)需求,也可以提高他們開發(fā)效率,同時可以根據(jù)原型模擬演示,幫助其發(fā)現(xiàn)潛在的問題并能及時解決。

原型設(shè)計也可以作為開發(fā)進度的參考基準,幫助開發(fā)人員規(guī)劃時間和資源分配,評估開發(fā)周期,確保項目按時交付。

3)測試人員

原型設(shè)計和需求開發(fā)文檔,能夠幫助測試人員制定測試計劃,讓他們明確知道哪些功能是需要測試的,同時也可以根據(jù)原型模擬演示,提早發(fā)現(xiàn)潛在的問題并能及時解決。

4)運維人員

原型設(shè)計可以幫助運維人員了解產(chǎn)品的架構(gòu)和功能布局,有助于產(chǎn)品上線后更好維護和管理工作。

5)老板

通過原型直觀的展示產(chǎn)品功能和細節(jié),可以讓老板更好的了解產(chǎn)品整體情況,了解產(chǎn)品的核心競爭力和市場定位,幫助老板更加準確地評估產(chǎn)品的價值和市場前景。

三、原型設(shè)計的工具

在產(chǎn)品原型設(shè)計中,選擇合適、趁手的工具很重要。推薦幾個常見的原型設(shè)計工具,它們各有特色,適用于不同的場景和需求:

當然,市面上還有很多其他優(yōu)秀的原型工具,比如,即時設(shè)計、POP、Balsamiq、UXPin、Adobe Spark、Framer、Sketch、Adobe XD等等,每個工具都有不同的側(cè)重點,看個人習慣、項目需求以及公司情況使用。

四、G端原型設(shè)計需要注意要點

1、駕駛艙的設(shè)計

G端駕駛艙的設(shè)計主要面向領(lǐng)導(dǎo)層,還是對于駕駛艙的原型設(shè)計還是很重要的,我這邊總結(jié)了一些產(chǎn)品設(shè)計時需要考慮到的要點:

1)數(shù)據(jù)溯源可靠

確保駕駛艙所展示的數(shù)據(jù)來源于政府內(nèi)部可靠、權(quán)威的數(shù)據(jù)庫或信息系統(tǒng)?,F(xiàn)在政府所有的數(shù)據(jù)化項目都在講數(shù)據(jù)共享,消除信息孤島這件事,因此在項目設(shè)計時,能夠從更多官方渠道采集更多相關(guān)聯(lián)的數(shù)據(jù)。比如,我們在做浙江地方審計項目時,審計署有現(xiàn)成的金三計劃項目數(shù)據(jù),浙江省廳有整改管理項目數(shù)據(jù),因此我們計劃項目數(shù)據(jù)是從金三回流出來的,整改問題數(shù)據(jù)是從整改系統(tǒng)回流出來的。

2)數(shù)據(jù)口徑明確

確保駕駛艙展示的所有數(shù)據(jù)統(tǒng)計的口徑要有根據(jù)。比如之前負責的審計業(yè)務(wù)中,今年計劃完成項目數(shù),今年項目完成數(shù),這兩個的區(qū)別就在與,一個是今年計劃開始并且今年完成的,一個是要包括去年計劃的項目今年完成的+今年計劃開始并且今年完成的。

3)數(shù)據(jù)呈現(xiàn)要直觀

可以通過圖形、圖表、儀表盤等方式,使水更加直觀易懂,便于管理層快速了解業(yè)務(wù)狀態(tài)。(圖片素材來自已購買的Axure駕駛艙模板截圖)

4)數(shù)據(jù)能產(chǎn)生價值

不需要將所有的數(shù)據(jù)統(tǒng)計結(jié)果都展示出來,但是需要確保展示出數(shù)據(jù)是有意義的,盡量找一些和業(yè)務(wù)緊密聯(lián)系的核心關(guān)注點,或者能夠為決策者提供可分析性質(zhì)的數(shù)據(jù)。比如,內(nèi)審部門會收集內(nèi)審人員信息,包括,姓名、性別、出生年月、身份證號、學歷、年齡、職稱、聯(lián)系電話、聯(lián)系地址、是否實際在崗、是否專職、知識結(jié)構(gòu)、任職履歷等,這些信息都是內(nèi)審指導(dǎo)監(jiān)督時需要掌握的信息,但是我們不需要把所有信息都放在大屏上呈現(xiàn),只需要保留核心關(guān)注的數(shù)據(jù),比如內(nèi)審人員總數(shù)、專職、兼職、年齡、學歷、職稱,其中年齡、學歷、職稱采用圖表展示,能直觀展示出當前全市內(nèi)審人員情況。

5)明確數(shù)據(jù)更新機制

確保駕駛艙中的數(shù)據(jù)能夠?qū)崟r反映政府機構(gòu)的最新業(yè)務(wù)情況。駕駛艙上有些數(shù)據(jù)是周期性統(tǒng)計的,有些是實時統(tǒng)計的,因此需要明確的向客戶展示出來,這些信息的更新頻率是怎樣的。頁面默認都是實時數(shù)據(jù)展示,比如都是24年最新的實時數(shù)據(jù)情況,如果需要周期性統(tǒng)計,就比如在標題寫上,近三年審計項目趨勢圖,或者默認展示最新數(shù)據(jù),支持客戶周期性選擇數(shù)據(jù)范圍。

6)數(shù)據(jù)下鉆

通過用戶的操作(如點擊、拖動、縮放等)實現(xiàn)數(shù)據(jù)穿透,便于用戶更加精準地掌握業(yè)務(wù)運行中的問題和挑戰(zhàn),為制定有效的政策措施提供數(shù)據(jù)支持。

7)駕駛艙也要美觀

在直觀性、美觀性、信息層級清晰層面去設(shè)計。不同以往的G端系統(tǒng)能用就行的狀態(tài),現(xiàn)在也需要在美觀方面多下些功夫,這些需求旨在提升用戶體驗和滿意度,同時確保駕駛艙能夠準確、高效地傳達數(shù)據(jù)和信息,為決策提供有力支持。

8)響應(yīng)式布局

確保駕駛艙在不同設(shè)備(如電腦、平板、手機等)上都能保持良好的顯示效果,提升跨平臺兼容性。能夠根據(jù)屏幕尺寸和分辨率自動調(diào)整布局和圖表大小,確保數(shù)據(jù)和信息在任何設(shè)備上都能清晰展示。

2、業(yè)務(wù)后臺設(shè)計

考慮到政府信息化的產(chǎn)品,買單的一般都不是使用的,對于業(yè)務(wù)后臺的實際操作人員更多是基層業(yè)務(wù)人員使用。因此在原型設(shè)計中需要保證不增加基層業(yè)務(wù)人員和工作量,能提高他們的工作效率是最好的。具體每個項目的業(yè)務(wù)也不同,因此我總結(jié)了一些共性特點:

1)簡化操作流程

A:業(yè)務(wù)操作路徑要清晰:通過明顯的分類層級,或者導(dǎo)航菜單設(shè)計,幫助用戶快速找到所需功能。比如可以使用一些頂部菜單、側(cè)邊導(dǎo)航、下拉菜單形式,讓用戶清楚的知道該去哪里做事情。(圖片來自于Element 截圖)

B:減少功能拆分:盡可能的操作步驟放在一起操作,避免將任務(wù)節(jié)點拆分夠多。如果一個業(yè)務(wù)流程很長,在設(shè)計時就存在很多步驟的情況,對應(yīng)也會產(chǎn)生很多的頁面交互,這樣會導(dǎo)致用戶操作耐心下降,因此盡量簡化操作步驟,盡量在讓那個同一個角色在一個環(huán)節(jié)能做的多做一些事情。

C:減少不必要的頁面跳轉(zhuǎn):能在一個頁面展示出現(xiàn)的信息,盡量不要增加跳轉(zhuǎn)??梢酝ㄟ^一些彈窗、折疊面板、抽屜或者合并頁面形式。

2)優(yōu)化布局和展示

A:重要入口優(yōu)先展示:將重要的功能入口提升到更高的優(yōu)先級,使其更加顯眼和易于訪問。比如,可以使用較大的按鈕、醒目的顏色等方式來突出顯示。

B:界面要簡介,布局合理布局:界面應(yīng)簡潔明了,易于理解和操作。同時可以將常用的功能按鈕和操作區(qū)域放置在顯眼位置,方便用戶快速訪問。

3)優(yōu)化操作功能

A:支持批量操作:提供批量刪除、批量修改等批量操作功能,減少用戶的重復(fù)操作。

B:使用拖拽拖放功能:對于需要排序或調(diào)整布局的功能,可以采用拖拽與拖放的方式,使用戶能夠直觀地操作并快速完成任務(wù)。比如,排課表中可以將課程推拽到對應(yīng)的空格中。

C:智能提示和輔助操作:在用戶輸入時,提供智能提示功能,如自動補全、下拉選擇等,幫助用戶快速輸入正確的內(nèi)容。比如可以支持輸入的選擇器,輸入關(guān)鍵字后可以精準匹配出對應(yīng)的。

D:列表操作功能要浮動:如果列表很長,會造成橫向混動情況,導(dǎo)致操作功能需要橫向滾動之后才可以操作,最好是,可以將,操作功能固定在右側(cè),不隨著橫向滾動。

E:簡化表單填寫:對于需要用戶填寫的表單,盡量簡化填寫項,避免冗余信息。能采用導(dǎo)入形式的盡量用導(dǎo)入,能用智能分析解析的,用智能分析。比如可以一鍵導(dǎo)入文件,通過智能解析,提取用戶所需關(guān)鍵信息直接幫其錄入系統(tǒng),客戶只需要核對信息準確性,信息不對的支持修改即可。

4)提供及時反饋與引導(dǎo)

A:操作反饋要要明顯、及時:在用戶進行操作時,提供即時的反饋信息,如加載狀態(tài)、操作結(jié)果等。這有助于用戶了解當前狀態(tài),避免誤操作或重復(fù)操作。

B:引導(dǎo)性設(shè)計:通過顏色、圖標、文字等方式,引導(dǎo)用戶進行正確的操作。例如,可以使用高亮顯示、箭頭指示等方式,引導(dǎo)用戶關(guān)注重要信息或進行下一步操作。比如流程審批時,通常用步驟條來引導(dǎo)客戶業(yè)務(wù)操作。

5)幫助用戶數(shù)據(jù)統(tǒng)計和總結(jié)

A:建立數(shù)據(jù)臺賬:根據(jù)客戶業(yè)務(wù)常統(tǒng)計的一些數(shù)據(jù)情況,直接設(shè)計出一些匯總統(tǒng)計表單,便于客戶一鍵導(dǎo)出,核對查看,比如,問題臺賬,報表臺賬之類的。

B:數(shù)據(jù)可視化:后臺也需要數(shù)據(jù)分析,這部分主要是給中層領(lǐng)導(dǎo)或者業(yè)務(wù)人員統(tǒng)計查詢使用,便于通過條件選擇直接獲取業(yè)務(wù)數(shù)據(jù)。具體不需要太負雜,可以是一個小型的圖表統(tǒng)計,也可以是一個數(shù)據(jù)統(tǒng)計。

以上是我對原型設(shè)計的一些理解,其中包含一些G端原型設(shè)計中牽涉到一些要點總結(jié),文章內(nèi)容純個人經(jīng)驗和見解,如有不對,望各位大佬能夠留言指出,謝謝~

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

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!