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

在畫原型的時候，如果邏輯不清晰就會導致反復的修改或者漏掉一部分內容，我們要使得畫原型這個步驟更為高效的話，我們得明確自己的目的，內容，以及所要用到的工具。

對于內容較少的頁面，或者是在已有的頁面上做細節優化，畫原型比較簡單，但是一旦涉及到相對功能比較復雜的頁面，尤其是從無到有的過程中，如果邏輯不夠清晰，想到哪畫到哪，很可能反復修改，或者漏掉一些內容。所謂磨刀不誤砍柴工，畫原型之前做好必要的準備工作，會讓你的工作更高效。

1. 目的

第一點是明確目的。每一次產品迭代重點要解決的問題是不一樣的，比如：電商產品的商品詳情頁，當前版本的主要目的可能是優化交互體驗，也可能是提高購買轉化，還可能要降低跳出。如果幾個目的同時考慮難免邏輯混亂，可以一個版本重點解決一個問題，即使需要同時解決多個問題，也分開來一一解決。

這里我們假設這次產品迭代的目的是商品詳情頁優化購買選項的交互體驗，實際工作中目的需要更明確，比如：實現版本、顏色的雙向選擇。然后我們把這句話寫在原型的旁邊，如圖16-1。

圖16-1 第一點：明確目的

What？還要寫下來？搞這么麻煩有必要嗎？

非常有必要！寫下來的好處是，這樣隨時可以看到，時刻提醒自己防止跑偏，并且可以原型畫到哪里，就把文字拖動到哪里，效果非常神奇，你試下就知道了。就好像考試審題的時候，嘴里不出聲的讀題，然后讓筆尖跟隨著題目的文字移動，讀到哪里筆尖就移動到哪里，可以在考試過程中更好的集中精力。

2.?內容

第二點是明確內容。直白點講就是，你要在頁面上放什么東西，比如：商品詳情頁的購買選項部分，包括了顏色、版本等，每一項還包括了更詳細的內容，我們都把它用文字的方式描述出來，以自己能看懂為準。

比如：

1. 顏色：默認展示全部顏色，設置最小寬度，超出則增加寬度；
2. 版本：默認展示全部版本，設置最小寬度，超出則增加寬度；
3. 套餐：套餐名稱、價格、節省金額，默認選擇推薦套餐。

明確之后，如圖16-2。

圖16-2 第二點：明確內容

3. 工具

目的、內容都明確了，最后一點，確定這些內容的展示形式和交互方式，也就是說，以已經確定的內容為基礎，你用什么方式來達到最初設定的目的。

如圖16-3，我們看到小米商城的手機購買選項，只能先選擇版本再選擇顏色，不能先選擇顏色后選擇版本，假設我們的需求就是，提供一種更好的交互方式，來實現版本、顏色的雙向選擇。

比如：

1. 選中版本后，缺失的顏色文案置灰，并增加刪除線，該顏色選項不可點擊；
2. 選中顏色后，缺失的版本文案同樣置灰，并增加刪除線，該版本選項不可點擊。

圖16-3 小米版本、顏色選擇（圖片來源：小米商城）

明確之后，如圖16-4。

圖16-4 第三點：明確工具

看到圖16-4的描述，有沒有感覺思路清晰、胸有成竹？

現在一切準備就緒，可以開始動起來啦！我個人的習慣是，看著描述，完成一條刪除一條，全部完成之后，整個描述就全部刪掉了，如果你覺得有必要，也可能一直保留，作為日后版本迭代的參考。

總結

準備工作的大體思路非常簡單，就好像最早做產品的時候，是沒有畫原型這一步的，設計師了解需求之后直接出設計稿，花了很長時間設計好之后又修改，效率太低了，所以在這個過程中插入一步線框圖，把頁面元素、布局、交互等先明確好，再來設計效率就高很多。

那我們現在要提高畫原型的效率，也是同樣的思路，在動手之前先用文字的形式把目的、內容、工具先明確下來。

這套方法，是我剛入行的時候，當時的產品總監手把手教我的，很多年過去了一直沿用至今，對于新產品和復雜頁面尤其有效，可以說是名副其實的私家珍藏版，雖然之后也看了很多產品相關的書，竟然沒有一本書講到這個問題，現在把它分享出來希望對你有所幫助。

#專欄作家#

張旭東，微信公眾號：旭東愛折騰，人人都是產品經理專欄作家。努比亞手機商城產品經理，前華強旗艦店產品經理，FON樂隊吉他手。

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

題圖來自 Pexels，基于 CC0 協議