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

寫這篇文章的原因呢，是因為終于選股寶不是只有一個產品狗惹，最近招了個實習生小盆友幫忙。然后捏，懶癌發作，就想把自己不想畫的電子原型稿交給小朋友做（暫時先我畫手稿，他畫電子稿）。不過，畢竟是沒有在實際的產品工作中畫過原型圖，很多習慣還沒有養成，正好寫篇文章梳理下，同時會輔助一些例子來說明吧。

畫圖原則

掉過坑、爬起來、撣一撣，才知道踩的是坑。先說幾個通過掉坑得出的幾大畫圖原則吧：

1、手稿原型圖優先于電子稿原型圖

原型圖是需求的外在體現，邏輯是需求的內在體現，兩者并不對立，反而是相輔相成關系。

大致理順邏輯才能開始畫原型圖，而畫原型圖的過程又可以檢查邏輯。因此，畫原型圖的過程，也是再次梳理邏輯的過程。

那么，勢必就會遇到修改，而修改，成本就可大可小了。

對于手稿來說，想到了就秒秒鐘畫，錯了就秒秒鐘擦，驗證合適不合適速度飛快；

對于電子稿來說，想到啥要畫，還得各種拖動控件，搞排版，簡直累人累己分分鐘速度小渣渣；

因此，在快速驗證或者梳理需求的過程中，強烈推薦用手稿的方式。（p個s，手稿建議用鉛筆橡皮，我們要環保嘛～）

你們可以發現咯，其實絕大部分的事情基本上都是這樣的：先花絕大多數的時間去準備好寫什么（戰略上），再用很少的時間去根據準備的東西畫圖、寫PPT、做報告等（戰術上），這樣的效率相對比較高。

2、電子稿要“貪靚”

這點的話，是我個人的需求滿足，其他人有木有要求我就不清楚了。

什么叫“貪靚”？就是要好看。這個好看，不是說讓你搶了設計師的飯碗，把原型圖畫的跟設計稿一樣你就最厲害了，而是要保證以下要點：

• 頁面框架要清楚；
• 頁面不影響設計；
• 頁面元素要統一；
• 頁面排版要整齊；

我不喜歡過手的東西可以齊整的地方不齊整，可以好看的地方不好看，強迫癥啦。

至于上面提到的四個點，等下我會輔助例子進行詳細說明。

3、電子稿不宜占用過多時間

雖然第二點提到了要好看，但是不能因為好看而主次顛倒，花費了大量時間在電子原型圖上，那就得不償失了。原型圖可以說是需求分析的最后一層了，重點始終是前面的思考。

而為啥很多人畫原型圖慢呢？

因為畫圖前不考慮清楚就上軟件呀！

因為畫圖習慣不好就上軟件呀！

因為動不動就上軟件，然后反反復復反反復復呀！

電子稿需要注意的地方

說完以上的大原則后，接下來結合實例，來說說電子稿的一些注意點（避免你又劃上去看，友情提醒：就是上文提到的第二點：原型圖要好看）：

1、頁面框架要清楚

很多初手畫原型圖，一般是畫多少頁面就重建多少page，并且每個page都是平行關系。在這種情況下，想通過看原型圖的目錄來了解產品的頁面關系，完全是懵掉的，和你對接的設計和開發也可能分分鐘狗帶。

比較合適的方式是，畫原型圖之前先搞清楚頁面與頁面之間的關系，在頁面目錄中根據頁面關系建立好空的頁面后，再進行具體頁面的設計。

舉例如下圖：

左邊：為平行關系的頁面；

右邊：為有主次的頁面（頁面名字亂起的哈）；

2、頁面不影響設計師的視覺

這點和大家天天嘴里說的“高保真原型圖”恰恰相反。

為什么呢？

產品經理需求分析完成后，需要拿著原型圖和設計師進行直觀溝通，溝通清楚之后，設計師就會開始設計。

那么，原型圖對于設計師而言，是一個便于理解需求的工具亦或是忘記需求時的查看工具，從這個角度說，就不該給工具賦予一些其他角色，比如影響設計師的設計感覺。

舉例如下圖：

左邊：用固有的占位圖或者按鈕來表示一些需要的內容；

右邊：用不知道從哪里找來的風格不同的icon拼湊；

人對看到的東西會產生印象，設計師看到你找來的icon們，腦中同樣也會有相應的反應：

如果你找的風格比較一致也還看著闊以，那么設計師有可能會按照你找的icon風格來做；

如果你找的風格水準差異巨大，那么設計師有可能會從你找的集中icon風格中挑選一種好點的來做。

當然，以上是不負責的揣測，設計師到底如何做本身就是一種對設計師自身的要求，這點我們暫且不談。

不能幫助設計師設計沒有關系，但是去干擾設計師設計那就罪過了。

當然，如果貴司沒有設計師，那么，又是另當別論啦。（不要設計師的團隊一定是對自己的產品自信心爆棚吧！）

3、頁面元素要統一

畫原型圖的時候，勢必會用到很多軟件中自帶的控件。一開始沒有形成自己習慣的時候，可能會有以下情況：

同一個頁面內同一種控件代表好多種行為；

同一個頁面內同一種控件表示同一個行為，不同頁面之間同一種控件表示好多種行為；

舉例如下圖：

左邊：代表占位符，不可點擊；代表按鈕，可點擊；

右邊：比較混亂，兩個控件亂用，不能點擊的地方用了按鈕，能點擊的地方又用了占位符；

4、頁面排版要整齊

這點處女座的產品經理應該不會有疑問吧？哈哈。排版整齊主要指：

該左右對齊的地方對齊；

該上下居中的地方上下居中；

間隔該一致就一致；

舉例如下圖：

左邊：上下、左右都對齊；

右邊：額，紅色標記的都沒有對齊嘛；

可能看到這里的小童鞋們會覺得，艾瑪，好麻煩呀，感覺要遵守這么多規則，畫個圖還不得累成狗呀？

畫圖技巧

事實上并不會好咩？下面瑤子哥哥教點大家都知道的小技巧：

1、善用輔助線

輔助線能夠幫助你分分鐘對齊，并且無時不刻闊以用到它：畫整體頁面、畫局部部件等等都闊以。用過office大件套的孩紙們都懂得。

下圖中紅色框內的四根輔助線我是必定會有的；藍色框內的線是拖動了控件時系統會出現的（說這個感覺自己好智障）

怎么用輔助線，就看個人習慣咯。

2、善用母版

會多處用到的一整塊的東西盡量用母版，為啥？

1. 如果你采用到處復制粘貼的方法的話，那么如果有修改，你就得一次一次的修改好多地方，浪費時間；
2. 如果你采用每次都自己重新畫的話，那比上面還慘，應該沒這種童鞋吧？

同時，母版順便解決了排不齊的問題，畢竟，大部件拖起來容易排整齊的多。

Convert to Master起來~

3、善用組合

很多童鞋一開始的時候都不喜歡用組合，反正畫完都一樣嘛對不對 ？不對！

萬一你下個版本要把整坨東西換到另一個位置上去呢？萬一你整個頁面要出現類似的東西好多遍呢？

雖然第二點剛說過要善用母版，但是母版也不是越多越好。

在不是全局出現的情況下，闊以把相關控件組合起來，不管是單頁面上的復制粘貼還是挪動，都會非常方便，同時又無形之中解決整齊問題。

相比于鼠標拖個范圍選中一大坨東西來說，組合實在是顯得太干凈了，蛤蛤。

Ctrl+G起來~

4、不要過度用case里的花哨功能

曾幾何時，我也是天天玩面板、中繼器玩的飛起的孩紙，現在最多用的就是頁面跳轉，實在不行了也用用面板之間的設置功能。

當然，中繼器啥的在某些地方還是很好用的，不過，移動端產品基本沒有用到的機會，反正畫了這么久了，就沒用到過。

不過，做后臺的產品童鞋可能需要，然而我還是覺得中繼器操作起來還是有點麻煩。

5、不要過度用條件判斷

這個多數可能會出現在高保真原型圖上面吧，會要求每個控件都能夠按照本身的邏輯條件出現相應的行為。

聽起來好像很簡單？不就是頁面跳來跳去嘛~不就是面板出不出現嘛~

圖樣惹，你去判斷個登錄注冊流程再說簡單！

我記得剛做產品的時候，跟著一個產品經理妹紙分工畫原型圖，我發現她每次都把所有控件的條件都列出來，當時覺得好牛逼啊，為了不慫and整體原型圖保持一致，然后就花樣作死了。

下圖是當時做的登錄注冊流程，應該平均一個控件上至少都有5、6個判斷條件吧。

現在想想，真是醉了?？梢杂梦淖盅a充清清楚楚說明白的事情，非要折騰原型圖，何必呢？

另外，補充一下第4和第5點，過度用花哨功能和條件判斷，會引起另外一個世紀大問題，那就是控件的命名！

做大量條件判斷或者復雜的case是會需要指向某個控件的，那么對于控件的命名就需要一套規則，而這點，一開始的時候你是沒有意識到的。

然后意識到的時候，你會開始這樣來回：

“恩，這個是輸入框，那就叫它輸入框吧”

“哎呀，那個也是輸入框哎，，重名了，那把第一個改成輸入框1，第二個叫“輸入框2”吧”

“哎呀，又不行了，這么多頁面這么多輸入框，得加上頁面才行，叫他“xx頁面-用戶名輸入框”吧”

直接給跪了。

而這點就要向開發們學習一下啦，他們寫代碼都有一套命名規則哇。忘記哪個開發告訴我，好的命名意味著這人對自己有要求！

好啦，以上就是暫時想到的有關于原型圖的事兒，若有遺漏，求留言指出喲~

PS一下：

昨天公眾號里發了這篇文章之后，有些產品童鞋就發消息或者留言了，覺得邏輯、業務、溝通能力才是最重要的，原型圖根本無所謂好嘛，格局啥時變這么低了。

這個觀點老實說，我覺得比較幼稚吧。

沒有錯，對行業的理解、對用戶的感知、強邏輯、強溝通確實很重要，但是，工欲善其事，必先利其器的道理大家也應該都要懂：

1. 原型圖能直觀的體現需求內容，能促進溝通的效率；
2. 數據分析能分別從大用戶群和小用戶中發現用戶習慣，從而優化產品；
3. 各種用戶研究方法可以幫助我們去更好的了解用戶、剖析用戶；

我個人是非常提倡合理的用好工具來幫助我們更好、更快、更有效率的去做事，因此，本文列舉了一些我個人認為可以避免浪費時間的點，但我并不鼓吹畫原型圖有多強。

從這些留言中，我突然發現有一顆包容心，可能是當下產品經理們最缺乏的?？陀^的看待所有事物，取長補短，而不是一味的隨著自己的認知去鄙視、去嫌棄。

同時，我也認為產品經理們一定不要好高騖遠，可以志存高遠，但一定要腳踏實地吧。你覺得“懂行業、懂用戶”比較重要，但是老實說，這六個字是需要不斷摸索不斷積累的才慢慢會有的，并不是你會說這六個字，你就比畫原型圖的童鞋們高級了。

ps的有點多，像噴子了。下周打算寫一篇相關主題的文章吧。

#專欄作家#

killifer，微信公眾號：killifer，金融資訊&工具類產品經理。腦洞大、笑點低、間歇性“有毛病”的理工科實力逗比少女。

本文原創發布于人人都是產品經理，未經許可，不得轉載。