中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本篇文章主要面向那些入行半年左右，看似已成熟但工作起來卻有點(diǎn)手忙腳亂的新晉產(chǎn)品經(jīng)理。本文總字?jǐn)?shù)1600，圖片8張，閱覽消化時(shí)間5分鐘。

口訣一：眼觀六路，常觀察

學(xué)會常觀摩其他競品的產(chǎn)品流程、結(jié)構(gòu)框架、布局排版、交互設(shè)計(jì)等要素，汲取可借鑒的地方同時(shí)思考哪些地方不人性化自己在制定的時(shí)候該如何避免，做做小筆記。

在這個(gè)觀摩借鑒的過程，還需要時(shí)刻清楚你自家的產(chǎn)品形態(tài)到底為何物，以上的內(nèi)容充其量只是一個(gè)參考，不要被左右了產(chǎn)品的主要方向，逐漸形成自己的產(chǎn)品設(shè)計(jì)套路，什么頁面需要有什么內(nèi)容，什么位置可以做人性化的交互之類的。

在借鑒這里本人推薦Dribbble網(wǎng)站，因?yàn)槔锩孢M(jìn)駐的有很多是國外的設(shè)計(jì)師，因此涵括有很多有意思的APP UI交互界面設(shè)計(jì)，以及各種風(fēng)格的設(shè)計(jì)方案，在這里可以找到很多新鮮的借鑒性內(nèi)容以及素材。

網(wǎng)站地址：https://dribbble.com/

其他可借鑒網(wǎng)站：UI中國??http://www.ui.cn/

口訣二：打開腦洞，要思考

根據(jù)上面做的小筆記，結(jié)合自家產(chǎn)品形態(tài)等要素，制定產(chǎn)品流程腦圖。這部分需要著重思考，因?yàn)楫a(chǎn)品流程腦圖不僅是歸納整理產(chǎn)品的整體內(nèi)容和功能，還對往后的原型、UI界面等設(shè)計(jì)產(chǎn)出有參考限定作用。

在這個(gè)過程中需要注意對各功能所涉及的頁面做系統(tǒng)化區(qū)分，哪個(gè)頁面里涵括什么功能、各個(gè)功能間有什么聯(lián)動、功能和頁面間又有何聯(lián)動都要在流程腦圖中清晰表達(dá)出來。

制作腦圖的軟件推薦VISIO，對復(fù)雜的信息、系統(tǒng)和流程有相對的可視化優(yōu)勢。不足之處：需要下載軟件，并非云端編輯。

其他推薦：百度腦圖（無需下載，可云端編輯保存）

口訣三：講多無謂，動手才真

當(dāng)產(chǎn)品的流程圖制定完成后，拿起筆和紙開始繪制自己腦海中的界面。這些繪制的界面需要契合上述的流程圖，在界面中盡量突顯頁面局部信息、各功能等要素的分布和排版。最重要的是，在繪制這些要素時(shí)需要把其物理尺寸大小標(biāo)注出來，方便后面原型產(chǎn)品的控制和制作。

若需要以精準(zhǔn)的網(wǎng)格尺寸手機(jī)模板，可以前往POP網(wǎng) https://popapp.in/sketchpad/

免費(fèi)下載可供打印的手機(jī)尺寸網(wǎng)格圖。

如果遇到特別的界面交互無法在紙上演示講解時(shí)，可以通過用PS臨摹演示用PNG并編制時(shí)間軸作出相應(yīng)的動畫，不過這需要花費(fèi)一定的時(shí)間，投入回報(bào)比似乎失衡。

因此在這個(gè)步驟上，在保證效率的基礎(chǔ)上可以考慮使用其他工具輔助做產(chǎn)品交互界面功能的效果演示臨摹。

可用于輔助展示的工具推薦H5工具，可以通過一定的可視化按鈕控件實(shí)現(xiàn)很多交互效果：頁面跳轉(zhuǎn)、滑動效果、元件點(diǎn)擊旋轉(zhuǎn)放大收縮、3D翻轉(zhuǎn)等。另外個(gè)人覺得H5工具的學(xué)習(xí)成本比PS等設(shè)計(jì)軟件低，適用于設(shè)計(jì)基礎(chǔ)不高的產(chǎn)品經(jīng)理，學(xué)習(xí)到上手也是一天的事

由于H5是基于云端制作，制作后可以直接分享。一定程度上減少了其他軟件的捆綁式下載、漢化破解等不必要操作，另外通過高效編輯完成的界面互動動畫，可以生成二維碼以及鏈接，方便產(chǎn)品經(jīng)理及老板作產(chǎn)品原型的細(xì)節(jié)交互效果的把控。

口訣四：想法到落地，原型設(shè)計(jì)

目前做產(chǎn)品的往往已形成一種固定的思維，做產(chǎn)品就必須用Axure。沒錯(cuò)，Axure的確是不可缺得的快速原型設(shè)計(jì)工具，把想法草稿做成邏輯關(guān)系清晰的產(chǎn)品原型。但這也一定程度上埋沒了很多有獨(dú)特優(yōu)勢的原型設(shè)計(jì)軟件，例如：Sketch。

Axure：梳理完成全部產(chǎn)品信息架構(gòu)和功能。所以Auxre之于我的重要性他不是畫圖軟件、不是交互軟件，而更多的是幫助我從無到有梳理整個(gè)產(chǎn)品大的脈絡(luò)。

Sketch：基于線框圖增強(qiáng)設(shè)計(jì)感，具象之前的產(chǎn)品；如果產(chǎn)品理順了的話，設(shè)計(jì)UI在Sketch的幫助下產(chǎn)出簡直是飛速的，這也是Sketch之于Photoshop之流在做UI設(shè)計(jì)時(shí)候的牛逼之處。但是如果你錯(cuò)誤的將Sketch定義為規(guī)劃產(chǎn)品的工具，那產(chǎn)能會十分的低下。

各有利弊，Axure相比于Sketch能更清晰表達(dá)界面的邏輯關(guān)系，且產(chǎn)出效率較快，而sketch做交互的過程中可以進(jìn)一步考慮頁面布局的以及產(chǎn)出高保真的產(chǎn)品原型。另外，在兩款軟件的左側(cè)目錄結(jié)構(gòu)中，Sketch的最小單位是Shape，而Axure最小單位是Page，相當(dāng)于Sketch的Artboard。其中的取舍，自行斟酌便可~

口訣五：原型產(chǎn)出后巧演示

在產(chǎn)出產(chǎn)品原型后，需要給開發(fā)方或者老板演示的時(shí)候（特別是有交互動畫、動效的界面），可以考慮使用測試的軟件，如：POP，墨刀。在頁面的切換、滑動、交互動作等演示中不斷做修改完善。

以上便是我對新晉產(chǎn)品經(jīng)理的一些小建議，產(chǎn)品經(jīng)理更多地還是把心思投入到產(chǎn)品流程、結(jié)構(gòu)等地方，把這些東西做好了，設(shè)計(jì)原型只是后續(xù)工作罷了，工作起來也便不會那么手忙腳亂。

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