在熟練使用2B鉛筆前,請不要打開Axure
發(fā)布時間:2022-03-22 08:29 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2300

在互聯(lián)網(wǎng)產(chǎn)品領(lǐng)域,Axure已成為產(chǎn)品經(jīng)理、產(chǎn)品設(shè)計師以及交互設(shè)計師的必備工具,從某種程度講,Axure幫助我們建立低保真模型,便于與用戶的需求驗(yàn)證,也幫助我們構(gòu)思交互細(xì)節(jié),使前端和開發(fā)人員更容易理解我們的產(chǎn)品;但從另一方面講,Axure綁架了我們的思維,讓很多產(chǎn)品經(jīng)理和設(shè)計師養(yǎng)成了“無Axure不設(shè)計”的惡習(xí),忽略了用戶故事、功能規(guī)格和信息架構(gòu),甚至走入“為了用Axure而用的誤區(qū)”,導(dǎo)致了資源的大量浪費(fèi)和產(chǎn)品的硬傷。因此,提醒為Axure著迷的產(chǎn)品經(jīng)理:在熟練使用2B鉛筆前,請不要打開Axure。

 自我監(jiān)測是否對Axure著迷

喜歡開始設(shè)計產(chǎn)品時就打開Axure的產(chǎn)品經(jīng)理通常有一些共性:

  • 熟練掌握Axure或?qū)xure充滿了敬畏;
  • 信奉細(xì)節(jié)至上,認(rèn)為Axure完全可以替代PRD;
  • 喜歡通過Axure實(shí)現(xiàn)復(fù)雜交互或精細(xì)化原型并取得成就感。
  • 保持最新版的Axure,常泡Axure專業(yè)社區(qū);
  • 很少使用鉛筆和白板進(jìn)行溝通;

符合其中的3條,可以說你處在高速成長中;不過如果5條都符合,說明你應(yīng)該調(diào)整一下自己的側(cè)重點(diǎn),否則你將偏離Axure原型工具的初衷而陷入細(xì)節(jié),導(dǎo)致視野受限或溝通不暢,甚至造成產(chǎn)品和項(xiàng)目的失敗。

清醒認(rèn)識Axure在產(chǎn)品設(shè)計流程中的位置

必須承認(rèn),不同公司、不同組織結(jié)構(gòu)和不同崗位對“正確的產(chǎn)品設(shè)計流程”有著千差萬別的認(rèn)識。但我們依然可以引用AJAX之父Jesse James Garrett在其《用戶體驗(yàn)要素》中提到的5個層級來達(dá)成一些共識:

不同角色應(yīng)該關(guān)注的產(chǎn)品層級:

BOSS與產(chǎn)品負(fù)責(zé)人先解決戰(zhàn)略層問題;

產(chǎn)品負(fù)責(zé)人或產(chǎn)品經(jīng)理解決范圍層問題;

產(chǎn)品經(jīng)理帶隊搞定結(jié)構(gòu)層問題;

產(chǎn)品經(jīng)理帶領(lǐng)產(chǎn)品設(shè)計師或交互設(shè)計師,設(shè)計框架層;

界面美術(shù)設(shè)計師根據(jù)框架層設(shè)計表現(xiàn)層。

到這里,爭議出現(xiàn)了,有人認(rèn)為在結(jié)構(gòu)層,應(yīng)該使用Axure出交互設(shè)計原型,我想這個誤解也是Axure被濫用的根源所在。

交互設(shè)計不等于使用Axure設(shè)計原型中的交互界面

我知道這有點(diǎn)繞口,并且有些扯遠(yuǎn)了,但不得不說,大多數(shù)產(chǎn)品人并不能很好的理解交互設(shè)計與設(shè)計交互界面有什么聯(lián)系,并且絕大多數(shù)產(chǎn)品團(tuán)隊在結(jié)構(gòu)層幾乎斷檔。

用戶界面是交互設(shè)計的結(jié)果的自然體現(xiàn),但是不能說交互設(shè)計就是用戶界面設(shè)計。交互設(shè)計的出發(fā)點(diǎn)在于研究人在和物交流(dialog)時候,人的心理模式和行為模式,并在此研究基礎(chǔ)上,設(shè)計人工物的可提供的交互方式,來滿足人對使用人工物的三個層次的需求(usefulness, usability and emotionality)。從這個角度看來,交互設(shè)計是設(shè)計方法,而界面設(shè)計是交互設(shè)計的自然結(jié)果。同時界面設(shè)計不一定由顯意識交互設(shè)計驅(qū)動,然而界面設(shè)計必然自然包含交互設(shè)計。

我們期待未來的人機(jī)交互能早點(diǎn)實(shí)現(xiàn),不過對目前互聯(lián)網(wǎng)產(chǎn)品而言,交互設(shè)計的步驟包括:

  • 用戶調(diào)研
  • 概念設(shè)計
  • 創(chuàng)建用戶模型
  • 創(chuàng)建界面流程
  • 開發(fā)原型并進(jìn)行可用性測試
很顯然,使用Axure設(shè)計快速原型,應(yīng)該放在交互設(shè)計的整體工作結(jié)束后,也就是框架層設(shè)計時進(jìn)行。

不過,我沒有一點(diǎn)貶低Axure的意思,因?yàn)樵诳蚣軐又,Axure的widget元件、交互動作能夠很方便的繪制網(wǎng)站的界面、導(dǎo)航、甚至細(xì)節(jié)的信息元素。并且能夠快速生成可交互原型與需求方和項(xiàng)目組內(nèi)進(jìn)行溝通。在某些敏捷團(tuán)隊中,Axure原型的確可以代替PRD使用。

產(chǎn)品結(jié)構(gòu)層設(shè)計,請先拿起你的2B鉛筆

面對結(jié)構(gòu)層的抽象,請不要灰心,2B鉛筆是你克服困難的終極武器,記住,要用2B鉛筆。因?yàn)?B鉛筆軟硬度適中,涂抹均勻,價格便宜,韌性好又容易擦拭,無論考試還是素描都是很好的選擇:)

當(dāng)需求范圍已經(jīng)相對清晰時,請先拿起筆,把產(chǎn)品的藍(lán)圖畫出來。通常對一個網(wǎng)站而言,你需要構(gòu)建一副整體信息架構(gòu)藍(lán)圖,也就是網(wǎng)站的主要網(wǎng)頁和層級關(guān)聯(lián)。記住,只有當(dāng)你相信自己用2B鉛筆畫的信息架構(gòu)草圖是大家想要的,否則不要著急用工具進(jìn)行美化。

對于網(wǎng)站中復(fù)雜的功能流程或?qū)τ谲浖a(chǎn)品而言,你需要通過UML(統(tǒng)一建模語言)描繪更加具體的概念模型。

將構(gòu)思映射在紙上,提高溝通效率

用鉛筆勾勒藍(lán)圖或流程,目的是提高溝通的效率。拿起2B鉛筆,用10分鐘將頭腦風(fēng)暴或范圍討論后的思路花在紙上,盡快與BOSS或團(tuán)隊成員確認(rèn),是結(jié)構(gòu)層最重要的事情,沒有唯一。

我見過太多的產(chǎn)品人員,包括我自己也曾經(jīng)常犯類似的錯誤:妄圖一開始就使用電腦輔助設(shè)計程序,優(yōu)美的將信息架構(gòu)或流程圖畫出來。甚至跳過這一步,直接使用Axure話線框圖。這個錯誤的可怕之處在于:你搞得自己很忙很苦逼,結(jié)果做出來的是無法得到認(rèn)同的垃圾。更可怕的是,在面對你看似完美的圖標(biāo)或線框圖時,BOSS被你忽悠住了,然后你們投入了整個團(tuán)隊的開發(fā)資源,用了幾個月開發(fā)了一堆垃圾出來。

如果說80%的產(chǎn)品失敗在需求階段,我可以說80%的需求失敗,是沒有用2B鉛筆溝通而很2B的用軟件溝通。你完全可以10分鐘畫一個簡單的網(wǎng)站結(jié)構(gòu)或核心功能邏輯,然后與領(lǐng)導(dǎo)充分溝通,盡可能的把問題暴露出來,并盡快優(yōu)化甚至推翻重做。否則你將深陷網(wǎng)站界面和細(xì)節(jié)交互的泥潭,而忽略了產(chǎn)品真正的核心價值所在。記住,需求被砍掉不是恥辱,做垃圾浪費(fèi)資源才是最大的恥辱。

用白板統(tǒng)一意見

如果說用2B鉛筆繪制草圖是產(chǎn)品項(xiàng)目的大腦,那么白板就是產(chǎn)品項(xiàng)目的心臟,對敏捷團(tuán)隊尤其如此。無論是在范圍層的頭腦風(fēng)暴或敏捷故事中,還是在結(jié)構(gòu)層設(shè)計時對更加詳細(xì)的藍(lán)圖或流程進(jìn)行確認(rèn)時,需要將構(gòu)想畫出來,并且可能需要邊畫邊講。如果你對此已經(jīng)輕車熟路,你可以在簡歷中寫上自己善于溝通了。

使用工具將結(jié)構(gòu)層存檔

到目前為止,你的產(chǎn)品規(guī)劃應(yīng)該已經(jīng)符合了領(lǐng)導(dǎo)的構(gòu)思,同時也贏得了架構(gòu)師的支持。非常好,你只需要用Visio將其畫出來,就可以插入需求文檔了。雖然visio有一些問題,但我認(rèn)為它依然是描述結(jié)構(gòu)層最好的建模工具,不是因?yàn)樗卸鄰?qiáng)大,恰恰相反,它夠簡單。

也許ROSE類工具更加強(qiáng)大,但你不是開發(fā)者,更不是架構(gòu)師,認(rèn)清自己的角色,對產(chǎn)品經(jīng)理而言,Visio的UML工具和網(wǎng)站總體設(shè)計圖已經(jīng)能夠滿足結(jié)構(gòu)層的需要,不要被復(fù)雜的工具左右自己的思路。當(dāng)然,如果你使用MAC,OmniGraffle毫無疑問是你最好的搭檔。

在框架層,開始低保真模型的設(shè)計

終于從抽象到具體了,你可以偏執(zhí)地繼續(xù)裝B手繪

不過大多產(chǎn)品經(jīng)理會選擇Axure作為快速原型工具

Balsamiq mockup也是不錯的選擇,總之,這一階段你需要設(shè)計產(chǎn)品的低保真模型。但千萬不要自娛自樂并深陷細(xì)節(jié)。因?yàn)槟阈枰诘捅U婺P瓦M(jìn)行又一輪溝通,如果條件允許,最好進(jìn)行一次可用性測試。

你需要將領(lǐng)導(dǎo)、團(tuán)隊、甲方甚至掃地大媽的意見綜合考慮,對低保真模型進(jìn)行優(yōu)化調(diào)整,并不斷完善,以形成可以存檔的產(chǎn)品交付物。對不同的團(tuán)隊,你有幾個選擇:

  • 敏捷小團(tuán)隊:直接基于Axure進(jìn)行開發(fā);
  • 矩陣式項(xiàng)目組:將低保真模型做成高保真模型,并盡可能完善交互細(xì)節(jié),便于交付UED或美工進(jìn)行設(shè)計;
  • 跨業(yè)務(wù)或外包:為了預(yù)防變更,需要更多前期可用性測試。并盡可能完善說明和注釋信息,輸出word等存檔。

總結(jié)

就像我在前面提到的:“正確的產(chǎn)品設(shè)計流程”是個偽命題,適合的才是最好的。但我們不難發(fā)現(xiàn),溝通貫穿了產(chǎn)品設(shè)計的全過程,因?yàn)樵O(shè)計不是孤芳自賞,更不是自娛自樂。與其說本篇是忽悠大家使用2B鉛筆,不如說是呼吁產(chǎn)品經(jīng)理和設(shè)計師們進(jìn)行更有效率的溝通。如果你有相同或不同的想法,歡迎在微博上跟我交流,至于什么階段用什么工具,元芳,你怎么看?

UI交互app及axure設(shè)計教程
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機(jī)械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC