相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16913人學過

UI交互app及axure設(shè)計教程

84小節(jié)已有76410人學過

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

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

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

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

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

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

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

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

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

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

產(chǎn)品負責人或產(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)了,有人認為在結(jié)構(gòu)層,應(yīng)該使用Axure出交互設(shè)計原型,我想這個誤解也是Axure被濫用的根源所在。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Balsamiq mockup也是不錯的選擇,總之,這一階段你需要設(shè)計產(chǎn)品的低保真模型。但千萬不要自娛自樂并深陷細節(jié)。因為你需要基于低保真模型進行又一輪溝通,如果條件允許,最好進行一次可用性測試。

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

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

總結(jié)

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

UI交互app及axure設(shè)計教程
我要自學網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
相關(guān)推薦
您可能對下面課程感興趣
Axure8.0視頻教程

74小節(jié)已有16913人學過

UI交互app及axure設(shè)計教程

84小節(jié)已有76410人學過

分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC