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

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

首先：應(yīng)該善用APP產(chǎn)品模型設(shè)計(jì)工具來(lái)畫(huà)出產(chǎn)品原型。

因?yàn)榫€框原型在功能、視覺(jué)方面的局限性，用戶的困惑點(diǎn)相比于上線后的測(cè)試可能更多，所以執(zhí)行過(guò)程中的發(fā)聲思考是非常有效的工具。

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

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

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

1、產(chǎn)品的客戶方動(dòng)機(jī)

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

2、產(chǎn)品的設(shè)計(jì)動(dòng)機(jī)

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

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

3、產(chǎn)品的用戶動(dòng)機(jī)

想要立即得到設(shè)計(jì)師、客戶都滿意又符合可用性要求的完美方案是不可能的，所以結(jié)合項(xiàng)目進(jìn)度要求，設(shè)計(jì)團(tuán)隊(duì)引入了低保真原型的可用性測(cè)試進(jìn)行循序漸進(jìn)的設(shè)計(jì)迭代，力圖通過(guò)探明用戶的動(dòng)機(jī)解決設(shè)計(jì)上的關(guān)鍵問(wèn)題。

對(duì)于可用性測(cè)試的一個(gè)誤解是，可用性測(cè)試需要花太多時(shí)間和金錢(qián)。誤解的前提是一個(gè)成熟完整的測(cè)試可能需要若干天數(shù)進(jìn)行準(zhǔn)備和測(cè)試，再經(jīng)過(guò)一定時(shí)間才能整理數(shù)據(jù)并得出分析結(jié)論，由此帶來(lái)的時(shí)間成本和招募成本不利于項(xiàng)目進(jìn)行。

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

結(jié)語(yǔ)

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