作者:唐韌
今天跟你們說(shuō)一款朋友推薦給我的產(chǎn)品設(shè)計(jì)工具,試用后覺(jué)得還挺厲害的,這里也跟你們聊聊。
在此之前,先說(shuō)幾個(gè)場(chǎng)景。如果你是產(chǎn)品經(jīng)理或設(shè)計(jì)師,那一定遇到過(guò)這些尷尬。
場(chǎng)景一:
梳理需求用 Excel 列了個(gè)表,然后再用 Xmind 這類(lèi)工具制作產(chǎn)品功能結(jié)構(gòu)圖或信息架構(gòu),接著用 Axure 或 Sketch 制作產(chǎn)品原型,最后交給設(shè)計(jì)師重新做高保真原型。
在這個(gè)場(chǎng)景中,前后幾個(gè)環(huán)節(jié)至少要用到 3 個(gè)以上的工具,而且很多工作都是重復(fù)的,還容易出現(xiàn)紕漏。
場(chǎng)景二:
在設(shè)計(jì)一些主流行業(yè)的產(chǎn)品時(shí),比如電商、社交、教育,雖然解決方案都是現(xiàn)成的,但很多的頁(yè)面組件和交互方式都得重新制作,非常耗時(shí)。
場(chǎng)景三:
產(chǎn)品經(jīng)理完成了線框圖模式的原型設(shè)計(jì),交給設(shè)計(jì)師出高保真原型圖,最后在核對(duì)線框圖和高保真圖時(shí),只能拿著圖片對(duì)著 Axure 或 Sketch 一一核對(duì)。
這 3 個(gè)場(chǎng)景都反映了一個(gè)關(guān)鍵問(wèn)題,工作效率低。
產(chǎn)品設(shè)計(jì)流程中使用的工具太多導(dǎo)致重復(fù)工作,已有設(shè)計(jì)方案無(wú)法直接復(fù)用導(dǎo)致重復(fù)造輪子,線框和高保真核對(duì)時(shí)效率低下。
那有沒(méi)有一款工具能把交付前端程序員寫(xiě)代碼前的工作全給干了呢?
還真有,一個(gè)朋友給我推薦了一款叫「碼前」的工具就是干這個(gè)的,估計(jì)之所以叫「碼前」,也是表示希望把寫(xiě)代碼前的活兒都給干了吧。
為此,我還學(xué)到了一個(gè)新詞叫「DevBefore」。
我查了下,「碼前」是用友網(wǎng)絡(luò)旗下的一款新產(chǎn)品。用友你們應(yīng)該都知道,專(zhuān)門(mén)做企業(yè)級(jí)軟件的一家上市公司,比較老牌了。
「碼前」主打的是自動(dòng)化設(shè)計(jì)工具,一站式完成需求梳理、產(chǎn)品原型設(shè)計(jì)、UI 設(shè)計(jì)的全部工作,直接交付前端開(kāi)發(fā)。
我實(shí)際體驗(yàn)了一下,在效率提升上確實(shí)有明顯的改善,不僅將多種類(lèi)型的工具集合在一起,還提供了多種預(yù)設(shè)模板供選擇。
就拿前面提到的那 3 個(gè)場(chǎng)景來(lái)說(shuō)吧。
「碼前」有一個(gè)我認(rèn)為挺不錯(cuò)的功能,就是能直接在一個(gè)工具內(nèi)進(jìn)行需求梳理和產(chǎn)品功能結(jié)構(gòu)圖的設(shè)計(jì)。設(shè)計(jì)完成后,可以直接對(duì)應(yīng)生成原型結(jié)構(gòu)。
這么做的好處,就是不再需要先用 Xmind 做一份思維導(dǎo)圖,然后再到 Axure 或 Sketch 上再生成一套原型結(jié)構(gòu)。
在「碼前」的需求梳理模塊,你可以直接基于業(yè)務(wù)需求編輯思維導(dǎo)圖,然后一鍵生成原型結(jié)構(gòu)。
在原型設(shè)計(jì)模塊,原型結(jié)構(gòu)和前面的思維導(dǎo)圖是一一對(duì)應(yīng)的,即便你修改了其中一個(gè)結(jié)構(gòu),兩邊也能夠?qū)崿F(xiàn)同步。
這么一來(lái),就不會(huì)出現(xiàn)因?yàn)樾枨笞兏鴮?dǎo)致忘了修改思維導(dǎo)圖和原型結(jié)構(gòu)的情況,避免了一些扯皮。
他們的原型設(shè)計(jì)工具和現(xiàn)有主流的工具功能基本是一樣的,同樣支持常規(guī)組件的使用,同時(shí)也包含了交互效果。
思維導(dǎo)圖上的一個(gè)結(jié)構(gòu)對(duì)應(yīng)一個(gè)頁(yè)面,這種銜接不僅節(jié)省了切換使用工具的時(shí)間,還提高了工作效率。
到此,就解決了場(chǎng)景一提到的那些問(wèn)題。
此外,「碼前」在創(chuàng)建應(yīng)用時(shí)還支持不同模板的選擇,涵蓋了 App、小程序、PC 站點(diǎn)和 B 端常用的管理后臺(tái)等。
不同模板分類(lèi)下還細(xì)分了行業(yè),根據(jù)這些行業(yè)解決方案能快速生成所需的產(chǎn)品原型,這就大大避免了重復(fù)造輪子的情況出現(xiàn)。
目前,已經(jīng)支持電商、O2O、社區(qū)、社交、視頻、直播、資訊、教育、IoT、醫(yī)療等十多個(gè)行業(yè)的模板。
就像我前面說(shuō)的,其實(shí)現(xiàn)在很多行業(yè)的產(chǎn)品設(shè)計(jì)方案都趨于標(biāo)準(zhǔn)化了,用戶(hù)也習(xí)慣了通用型的解決方案。
所以,利用一些現(xiàn)成的方案做基于自身需求的定制化修改是效率最高的。說(shuō)白了,前人栽樹(shù)后人乘涼。
作為原型設(shè)計(jì)功能來(lái)說(shuō),簡(jiǎn)單、好用、快速交付是最核心的。
我覺(jué)得比較貼心的一點(diǎn)就是提前預(yù)制了不同分類(lèi)的圖標(biāo) icon,這在設(shè)計(jì)環(huán)節(jié)其實(shí)能提高原型的表現(xiàn)力。
如果想快速構(gòu)建一個(gè)頁(yè)面,還能直接從已有的原型模板里去選。比如你想要一個(gè)金融產(chǎn)品的詳情頁(yè)面,直接選一個(gè)模板在它的基礎(chǔ)上修改就好,不用重頭開(kāi)始畫(huà)。
到此,就解決了場(chǎng)景二提到的那些問(wèn)題。
現(xiàn)在很多公司的產(chǎn)品經(jīng)理和設(shè)計(jì)師在工作銜接上都是獨(dú)立分開(kāi)的,設(shè)計(jì)師基本上都需要基于原型重新畫(huà)一遍。當(dāng)設(shè)計(jì)師交付高保真設(shè)計(jì)稿時(shí),產(chǎn)品經(jīng)理還需要一一對(duì)應(yīng)線框原型稿進(jìn)行核對(duì)。
這個(gè)過(guò)程其實(shí)是挺浪費(fèi)時(shí)間的,如果能把他們放在一起以同樣的結(jié)構(gòu)進(jìn)行核對(duì),那效率又會(huì)提升很多。
「碼前」支持 UI 協(xié)作工具的集成,對(duì) Sketch 設(shè)計(jì)插件進(jìn)行了很好的融合,可以直接在 Sketch 上直接導(dǎo)入原型,設(shè)計(jì)師就可以基于原型進(jìn)行二次定制設(shè)計(jì)了。
到了設(shè)計(jì)交付環(huán)節(jié),產(chǎn)品經(jīng)理就可以直接對(duì)照原型稿和 UI 稿進(jìn)行逐個(gè)對(duì)比核對(duì),這么做的效率就高了很多。
如果有對(duì)應(yīng)的批注,也可以直接寫(xiě)下來(lái),團(tuán)隊(duì)內(nèi)的成員都可以看到,效率一下就提高了很多。
其實(shí)這么看下來(lái),這款工具的主要目的就是結(jié)合產(chǎn)品設(shè)計(jì)的工作流進(jìn)行了工具的集成化,讓信息流動(dòng)和工作協(xié)同的效率變高了。
總的來(lái)說(shuō),這個(gè)工具有這么幾個(gè)好處。
第一,提高團(tuán)隊(duì)成員間的協(xié)作效率,減少大量重復(fù)性工作。
第二,為創(chuàng)業(yè)者提供試驗(yàn)田,基于成熟的行業(yè)需求庫(kù),快速生成可視化方案,幫助項(xiàng)目快速驗(yàn)證想法。
第三,幫企業(yè)沉淀行業(yè)需求庫(kù),實(shí)現(xiàn)標(biāo)準(zhǔn)化,使企業(yè)降本增效。
這是一款挺有意思也挺厲害的工具,如果你所在的團(tuán)隊(duì)同樣出現(xiàn)了效率不高和工作銜接扯皮的情況,可以嘗試用一下。
這款產(chǎn)品剛上線不久,基礎(chǔ)功能都是免費(fèi)使用的,非常建議你們體驗(yàn)一下。
一個(gè)好的工具確實(shí)能提升效率,當(dāng)有新的生產(chǎn)力工具出來(lái)時(shí),建議可以先體驗(yàn)一下,或許會(huì)有新的發(fā)現(xiàn)。
希望對(duì)你們有所幫助。
文章內(nèi)容僅供閱讀,不構(gòu)成投資建議,請(qǐng)謹(jǐn)慎對(duì)待。投資者據(jù)此操作,風(fēng)險(xiǎn)自擔(dān)。
2024年的Adobe MAX 2024發(fā)布會(huì)上,Adobe推出了最新版本的Adobe Creative Cloud。
奧維云網(wǎng)(AVC)推總數(shù)據(jù)顯示,2024年1-9月明火炊具線上零售額94.2億元,同比增加3.1%,其中抖音渠道表現(xiàn)優(yōu)異,同比有14%的漲幅,傳統(tǒng)電商略有下滑,同比降低2.3%。
“以前都要去窗口辦,一套流程下來(lái)都要半個(gè)月了,現(xiàn)在方便多了!”打開(kāi)“重慶公積金”微信小程序,按照提示流程提交相關(guān)材料,僅幾秒鐘,重慶市民曾某的賬戶(hù)就打進(jìn)了21600元。
華碩ProArt創(chuàng)藝27 Pro PA279CRV顯示器,憑借其優(yōu)秀的性能配置和精準(zhǔn)的色彩呈現(xiàn)能力,為您的創(chuàng)作工作帶來(lái)實(shí)質(zhì)性的幫助,雙十一期間低至2799元,性?xún)r(jià)比很高,簡(jiǎn)直是創(chuàng)作者們的首選。
9月14日,2024全球工業(yè)互聯(lián)網(wǎng)大會(huì)——工業(yè)互聯(lián)網(wǎng)標(biāo)識(shí)解析專(zhuān)題論壇在沈陽(yáng)成功舉辦。