一、UI設(shè)計(jì)與原型圖的區(qū)別

一、主體不同

UI設(shè)計(jì)，主要關(guān)注的是軟件的人機(jī)交互、操作邏輯以及界面美觀的整體設(shè)計(jì)，旨在讓軟件不僅具備個(gè)性與品位，更能讓用戶在使用時(shí)感到舒適、自由。而原型圖，則是交互設(shè)計(jì)師與產(chǎn)品開發(fā)者溝通的重要工具，承載著將設(shè)計(jì)構(gòu)想轉(zhuǎn)化為實(shí)際可操作界面的任務(wù)。

二、定位不同

UI設(shè)計(jì)的核心在于充分體現(xiàn)軟件的定位和特點(diǎn)，通過設(shè)計(jì)使得軟件操作變得簡(jiǎn)單、直觀。原型圖的設(shè)計(jì)則必須基于交互設(shè)計(jì)的理念，以用戶為中心，利用專業(yè)眼光和經(jīng)驗(yàn)確保產(chǎn)品的可用性。原型圖的設(shè)計(jì)直接影響產(chǎn)品的可用性，是產(chǎn)品開發(fā)的關(guān)鍵環(huán)節(jié)。

三、作用不同

在UI設(shè)計(jì)過程中，需求設(shè)計(jì)角色會(huì)確定軟件的目標(biāo)用戶并深入了解其需求。而原型圖在系統(tǒng)分析和設(shè)計(jì)過程中發(fā)揮著重要作用，對(duì)于系統(tǒng)分析師來說，原型圖有助于理解用戶界面如何影響系統(tǒng)分析；對(duì)于設(shè)計(jì)師來說，原型圖能幫助了解用戶界面的設(shè)計(jì)對(duì)系統(tǒng)的影響及其內(nèi)部需求。

二、App研發(fā)的設(shè)計(jì)流程

第一、市場(chǎng)分析

市場(chǎng)分析的實(shí)質(zhì)在于判斷新產(chǎn)品的商業(yè)價(jià)值，這是對(duì)整個(gè)產(chǎn)品生命周期的指導(dǎo)性文件。商業(yè)分析報(bào)告是對(duì)市場(chǎng)分析的產(chǎn)出文件，其中包含了行業(yè)前景預(yù)測(cè)和產(chǎn)品投放市場(chǎng)的預(yù)期回報(bào)。新產(chǎn)品的市場(chǎng)分析難度較高，需要高層或創(chuàng)始人對(duì)市場(chǎng)有深度的把控。已有產(chǎn)品的分析相對(duì)簡(jiǎn)單，因?yàn)橐呀?jīng)積累了大量數(shù)據(jù)。

第二、產(chǎn)品定位

產(chǎn)品定位聽起來可能比較抽象，但在實(shí)際工作中卻至關(guān)重要。它涉及到明確產(chǎn)品的主要功能、目標(biāo)用戶群體以及解決的問題。例如，微信的產(chǎn)品定位是社交，Instagram的產(chǎn)品定位是照片分享生活。一個(gè)清晰的產(chǎn)品定位可以幫助我們更好地了解用戶的需求和年齡段分布。

第三、需求階段

在確定了市場(chǎng)方向和產(chǎn)品定位后，需求階段的主要任務(wù)是找出市場(chǎng)上急需解決的需求。在這個(gè)階段，我們還需要關(guān)注市場(chǎng)上的競(jìng)爭(zhēng)對(duì)手并分析其優(yōu)缺點(diǎn)。產(chǎn)品經(jīng)理在這個(gè)階段會(huì)輸出競(jìng)品分析報(bào)告，羅列出競(jìng)品的優(yōu)劣并進(jìn)行對(duì)比分析。

第四、產(chǎn)品設(shè)計(jì)

產(chǎn)品設(shè)計(jì)是與UI設(shè)計(jì)師密切相關(guān)的環(huán)節(jié)。在這個(gè)階段，產(chǎn)品經(jīng)理會(huì)進(jìn)行原型設(shè)計(jì)和文檔編寫。許多初級(jí)產(chǎn)品經(jīng)理在這一環(huán)節(jié)可能存在一些問題，如原型設(shè)計(jì)粗糙、文檔描述不全以及在UI設(shè)計(jì)中的反推等。一些產(chǎn)品經(jīng)理還傾向于模仿競(jìng)品，但往往忽視了不同產(chǎn)品之間的本質(zhì)區(qū)別。完成交互設(shè)計(jì)后，會(huì)進(jìn)行內(nèi)部評(píng)審以確保設(shè)計(jì)方案的有效性。通過這一系列流程后，我們才能為最終的用戶呈現(xiàn)一個(gè)高質(zhì)量的產(chǎn)品體驗(yàn)。產(chǎn)品原型的真實(shí)面貌與規(guī)劃中的目標(biāo)追求

一、原型交互圖的現(xiàn)狀

在工作中，我們時(shí)常會(huì)遇到各式各樣的原型交互圖。真正畫得好的卻為數(shù)不多。很多時(shí)候，我們所見到的原型圖往往慘不忍睹。

二、產(chǎn)品規(guī)劃與目標(biāo)追求

在產(chǎn)品規(guī)劃中，PM（產(chǎn)品經(jīng)理）要達(dá)成的核心目標(biāo)是什么？其實(shí)，就是實(shí)現(xiàn)產(chǎn)品的價(jià)值。產(chǎn)品規(guī)劃過程中，必須明確每個(gè)階段的具體目標(biāo)，所有決策和行為都應(yīng)圍繞這些目標(biāo)展開。最終，我們應(yīng)以數(shù)據(jù)等可考核的方式，來判斷是否實(shí)現(xiàn)了這些目標(biāo)。這就要求各階段的目標(biāo)需明確具體，如用戶活躍度、成交量等關(guān)鍵指標(biāo)，它們都是評(píng)估前期工作成效的重要依據(jù)。切忌制定無法執(zhí)行、空洞無物的產(chǎn)品規(guī)劃，這樣的規(guī)劃會(huì)嚴(yán)重影響產(chǎn)品的生命周期，尤其是從0到1的起步階段。

三、需求評(píng)審的重要性

在產(chǎn)品需求確認(rèn)后，進(jìn)行需求評(píng)審是至關(guān)重要的一環(huán)。這一環(huán)節(jié)通常由產(chǎn)品組織會(huì)議，各項(xiàng)目的職能人員參與，包括PM、UE、UI、RD、FE、QA等。會(huì)議中，PM會(huì)闡述需求文檔（大公司通常使用wiki）。在評(píng)審過程中，研發(fā)往往會(huì)提出最多的問題，這是因?yàn)檠邪l(fā)和測(cè)試人員關(guān)注風(fēng)險(xiǎn)點(diǎn)，如是否可直接調(diào)用代碼、是否存在技術(shù)難點(diǎn)等。評(píng)審結(jié)束后，研發(fā)團(tuán)隊(duì)會(huì)進(jìn)行排期工作。

四、UI設(shè)計(jì)師的角色與工作流程

對(duì)于UI設(shè)計(jì)師而言，介入項(xiàng)目有其特定的流程與要點(diǎn)。設(shè)計(jì)師在拿到項(xiàng)目后，尤其是未曾涉足的領(lǐng)域，不應(yīng)急于開始設(shè)計(jì)。首先要明確產(chǎn)品的意圖和目的，仔細(xì)研究整個(gè)產(chǎn)品線，關(guān)注整體app的設(shè)計(jì)調(diào)性、字體字號(hào)、間距等。接著進(jìn)行競(jìng)品分析，主要關(guān)注視覺層面，參考他人的設(shè)計(jì)思路，再結(jié)合自身的設(shè)計(jì)意圖進(jìn)行創(chuàng)作。

在設(shè)計(jì)過程中，設(shè)計(jì)師需對(duì)整體設(shè)計(jì)進(jìn)度進(jìn)行時(shí)間預(yù)估，給出設(shè)計(jì)排期。排期應(yīng)根據(jù)頁面設(shè)計(jì)與修改的時(shí)間來制定，以避免項(xiàng)目延期。在設(shè)計(jì)時(shí)，一般按照@2x的標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)，確保UI規(guī)范的正確執(zhí)行。切圖標(biāo)注也是重要的一環(huán)，包括切圖icon/背景等。開發(fā)完成后，設(shè)計(jì)師還需進(jìn)行視覺還原的走查聯(lián)調(diào)階段，確保設(shè)計(jì)與實(shí)際呈現(xiàn)的高度一致。在此過程中，不同品牌的測(cè)試手機(jī)都要用來檢查可能存在的誤差，如適配劉海屏、@3x屏幕等問題。發(fā)現(xiàn)問題后，需在wiki里標(biāo)注，并與開發(fā)團(tuán)隊(duì)溝通調(diào)整，直至滿意為止。

五、總結(jié)

6. QA測(cè)試環(huán)節(jié)

說到QA測(cè)試，許多設(shè)計(jì)師可能會(huì)立刻聯(lián)想到尋找和報(bào)告bug。確實(shí)，bug是產(chǎn)品開發(fā)過程中最大的挑戰(zhàn)之一，確保產(chǎn)品上線前無bug是至關(guān)重要的一環(huán)。而QA測(cè)試的目的就是檢查研發(fā)實(shí)現(xiàn)的功能是否與產(chǎn)品、UI、交互設(shè)計(jì)相一致。在這個(gè)過程中，測(cè)試人員會(huì)尋找異常情況，為產(chǎn)品的優(yōu)化提供方向，把控項(xiàng)目的質(zhì)量。其實(shí)，可以理解為QA測(cè)試是類似于風(fēng)控的重要環(huán)節(jié)。

在正式全量上線前，產(chǎn)品會(huì)先上線到一個(gè)特殊的環(huán)境——tips環(huán)境。這個(gè)環(huán)境是為了進(jìn)行更為嚴(yán)格的測(cè)試。由于測(cè)試環(huán)境的數(shù)據(jù)可能與線上環(huán)境存在差異，某些問題可能在測(cè)試環(huán)境中并不明顯。通過tips環(huán)境進(jìn)行預(yù)先測(cè)試，能夠確保線上產(chǎn)品的穩(wěn)定性和質(zhì)量。

7. 產(chǎn)品驗(yàn)收環(huán)節(jié)

在產(chǎn)品從0到1的旅程中，產(chǎn)品驗(yàn)收是一個(gè)不可或缺的重要環(huán)節(jié)。雖然最終目標(biāo)是上線，但在此之前可能會(huì)經(jīng)過多次修改和完善。

產(chǎn)品上線前需要經(jīng)過測(cè)試、UI驗(yàn)收和產(chǎn)品驗(yàn)收等多個(gè)階段，這是確保產(chǎn)品質(zhì)量的必要手段。其中，產(chǎn)品驗(yàn)收的重點(diǎn)在于從產(chǎn)品的角度評(píng)估開發(fā)是否滿足了產(chǎn)品需求，側(cè)重于業(yè)務(wù)邏輯和對(duì)需求的負(fù)責(zé)。

三、軟件開發(fā)中的原型設(shè)計(jì)與demo：二者的差異

簡(jiǎn)單介紹

原型設(shè)計(jì)和demo都是軟件開發(fā)過程中的重要環(huán)節(jié)，但它們的目的和用途有所不同。原型設(shè)計(jì)是為了呈現(xiàn)一個(gè)網(wǎng)頁或App的模型，方便設(shè)計(jì)師或設(shè)計(jì)團(tuán)隊(duì)之間的溝通和協(xié)作，以及迭代產(chǎn)品設(shè)計(jì)構(gòu)思。原型分為紙質(zhì)和電子兩種類型，高保真原型還能幫助設(shè)計(jì)師測(cè)試產(chǎn)品可能存在的問題。而demo則是產(chǎn)品的真實(shí)狀態(tài)，可供客戶或設(shè)計(jì)師直接使用或測(cè)試的版本，它可能并不是產(chǎn)品的最終狀態(tài)，但能夠展示產(chǎn)品未來的樣子。

負(fù)責(zé)人員

原型設(shè)計(jì)一般由設(shè)計(jì)師或產(chǎn)品經(jīng)理完成，他們通過原型設(shè)計(jì)和迭代，更加便利地與團(tuán)隊(duì)溝通、改進(jìn)和迭代設(shè)計(jì)構(gòu)思。而demo則通常由開發(fā)人員根據(jù)設(shè)計(jì)稿或原型進(jìn)行開發(fā)。

使用工具

原型設(shè)計(jì)通常使用專門的原型設(shè)計(jì)工具來完成，如國(guó)內(nèi)熱門的摹客原型設(shè)計(jì)工具等。這些工具提供了全面的原型設(shè)計(jì)功能，包括設(shè)計(jì)、協(xié)作、溝通、迭代和分享等。而demo則需要使用產(chǎn)品編程工具從頭開始編寫。

通過了解原型設(shè)計(jì)和demo的區(qū)別，可以更好地理解軟件開發(fā)過程中的不同階段和環(huán)節(jié)，為產(chǎn)品的順利開發(fā)提供有力的支持。