25學堂閱讀了《必勝宅急送Web app設計背后的思考》這篇優(yōu)秀博文之后，針對作者分享的進行歸納和總結。剛好老譚自己也剛剛完成一個Webapp設計。所以就一起來跟大家分享Webapp設計的總結思考與APP產(chǎn)品設計流程規(guī)范。

我們都知道手機webapp也逐漸成為各大行業(yè)的移動互聯(lián)網(wǎng)發(fā)展的紐帶，通過Html5的技術支持，web app設計可以直接適配不同平臺的手機屏幕并實現(xiàn)類似App客戶端的體驗。

首先：應該善用APP產(chǎn)品模型設計工具來畫出產(chǎn)品原型。

因為線框原型在功能、視覺方面的局限性，用戶的困惑點相比于上線后的測試可能更多，所以執(zhí)行過程中的發(fā)聲思考是非常有效的工具。

然后，就是理解、計劃等轉化成明確、能被觀察或分析到的數(shù)據(jù)，沉默的內部心理行為可以幫助測試者從用戶角度發(fā)現(xiàn)問題本質。

最后，綜合其他用戶和后續(xù)迭代反饋完成最終APP設計稿。

在此之前需要做的事情是：

1、產(chǎn)品的客戶方動機

即為什么要進行這個web app設計，客戶方（甲方）對此產(chǎn)品的定位和要求。不同定位的產(chǎn)品在功能或設計方向上會存在較大的差異。最常見的就是跟風型產(chǎn)品，如早期的各式IM、再到繁多的微博，還有如今火熱的即時通訊工具，尤其移動平臺的低成本高效率導致扎堆產(chǎn)品應接不暇。這樣的產(chǎn)品更多是抱著分一杯羹或他有我也要有的心態(tài)定位，更注重被模仿對象的還原度，而不是個性特色。

2、產(chǎn)品的設計動機

除了實現(xiàn)產(chǎn)品功能概念外（有效性），另外的動機就是減少消費者從登錄網(wǎng)站到預覽下單的時間（效率）和讓消費者接受并喜歡使用宅急送（滿意度）。有效性、效率和滿意度是評判產(chǎn)品可用性的標準，在以用戶為中心的產(chǎn)品設計中作為衡量產(chǎn)品質量的指標。產(chǎn)品設計師基于對市場、用戶、產(chǎn)品的理解和積累建立符合可用性訴求的價值傾向，并貫穿在產(chǎn)品之中。

固然好的設計師擅長如何讓產(chǎn)品、功能與用戶需求有機結合，但在有些問題上，難以避免與其他項目成員、與客戶之間的分歧，這時候采用可用性測試對用戶動機研究就成為判斷的依據(jù)。

3、產(chǎn)品的用戶動機

想要立即得到設計師、客戶都滿意又符合可用性要求的完美方案是不可能的，所以結合項目進度要求，設計團隊引入了低保真原型的可用性測試進行循序漸進的設計迭代，力圖通過探明用戶的動機解決設計上的關鍵問題。

對于可用性測試的一個誤解是，可用性測試需要花太多時間和金錢。誤解的前提是一個成熟完整的測試可能需要若干天數(shù)進行準備和測試，再經(jīng)過一定時間才能整理數(shù)據(jù)并得出分析結論，由此帶來的時間成本和招募成本不利于項目進行。

App客戶端的樣式不適合web app，網(wǎng)站上懸浮按鈕的設計讓用戶感受不快，過大的面積也影響清單的查看。用戶并不是任何時候都準備下單，只有在核對完自己的菜品和數(shù)量，形成支付期望后，“確認下單”才會成為他們準備點擊的對象。

結語

對動機的挖掘并不是非黑即白的單選項。在低保真原型測試的支持下，通過動機把握，確定產(chǎn)品哪些元素是有益的，哪些元素是無益的，最終形成效果顯著的產(chǎn)品方案，獲得品質和效率上的雙贏。