Godzilla. 2017-12-29
APP開發(fā)
宿遷官網(wǎng)建站分享移動(dòng)APP原型設(shè)計(jì)的三大方法
近幾年，隨著移動(dòng)互聯(lián)網(wǎng)的高速發(fā)展，在改變?nèi)藗兊南M(fèi)模式和購買習(xí)慣的同時(shí)，已經(jīng)對企業(yè)的營銷模式產(chǎn)生了重要影響，企業(yè)通過布局移動(dòng)互聯(lián)網(wǎng)提升自身的服務(wù)質(zhì)量和企業(yè)的競爭力，在移動(dòng)互聯(lián)網(wǎng)時(shí)代，移動(dòng)手機(jī)APP開發(fā)是關(guān)鍵，現(xiàn)在基本已經(jīng)成為了企業(yè)發(fā)展和營銷的標(biāo)配。那無論開發(fā)什么樣的APP，首先都得先了解移動(dòng)端APP的原型設(shè)計(jì)，那下面宿遷官網(wǎng)建站結(jié)合多年的開發(fā)經(jīng)驗(yàn)，分享幾個(gè)APP原型設(shè)計(jì)的方法論，適用于所有的原型軟件，并不局限于Axure RP。
一、定保真
正式畫App原型之前，需要明確“原型該畫到什么程度”。因?yàn)樗鼪Q定了PM的工作量多少以及產(chǎn)品上線的質(zhì)量。原型畫到什么程度，一般取決于上級(jí)的要求，或者延續(xù)團(tuán)隊(duì)之前的習(xí)慣。當(dāng)然也可以根據(jù)團(tuán)隊(duì)實(shí)際能力以及上線要求來優(yōu)化原型交付標(biāo)準(zhǔn)。不建議大家按照所謂的高保真、中保真、低保真原型來理解?？瓷先澐趾軐I(yè)，實(shí)際概念不清晰。所以我明確了他們的概念，方便大家理解其中的差異。
低保真=黑白線框圖，無交互
中保真=黑白線框圖，帶主要交互
高保真=配色線框圖，帶全部交互
宿遷官網(wǎng)建站一般來說低保真原型就能夠滿足設(shè)計(jì)和開發(fā)需求。如果給甲方看可以使用中保真原型。高保真原型除了裝B很少用到。
二、畫頁面
畫頁面是畫原型的必備工作，比如需要提前確定頁面的尺寸和位置，不過初級(jí)PM容易忽視關(guān)鍵步驟。
建議使用375×667來畫APP原型頁面，能夠上下兼容目前主流的所有屏幕分辨率。可參考舊文章《為什么375×667是移動(dòng)端原型的最佳分辨率》。如果你的手機(jī)是Android，那么使用360×640也可以。其他尺寸畫頁面會(huì)影響視覺設(shè)計(jì)師畫出有一定誤差的視覺稿。
至于位置更少有PM關(guān)注，但是它影響著你在手機(jī)上預(yù)覽原型的展示區(qū)域。像墨刀、xiaopu、justmind默認(rèn)幫你把位置設(shè)為(0,0)，而Axure，mockplus是無限畫布需要PM手動(dòng)設(shè)置。不設(shè)置的后果就是手機(jī)上預(yù)覽原型的時(shí)候很難看到頁面內(nèi)容。確定頁面尺寸和位置后，接下來就是用原型軟件畫出一個(gè)個(gè)頁面。宿遷官網(wǎng)建站不是特別建議PM在原型階段就把頁面中的元素進(jìn)行配色，會(huì)妨礙了視覺設(shè)計(jì)師的發(fā)揮。當(dāng)然如果你想提升自己對視覺的感覺，請配色之后只輸出黑白線框圖交付給視覺設(shè)計(jì)師(Axure是支持這樣的功能)。
三、加交互
如果你只畫了所有頁面，就交付給設(shè)計(jì)和開發(fā)，那么無疑是低保真原型。建議加上主要交互，以中保真原型的標(biāo)準(zhǔn)交付給大家。
所謂的主要交互，首先是指頁面之間的跳轉(zhuǎn)。這個(gè)做起來很簡單，但是能夠展示整個(gè)產(chǎn)品的頁面關(guān)系。能夠讓設(shè)計(jì)和開發(fā)快速的評(píng)估整個(gè)版本大概需要多少工作量。其次，可以把APP中的下導(dǎo)航、上導(dǎo)航、常見toast、彈層一并畫出來，方便讓大家了解頁面內(nèi)的交互體驗(yàn)。如果提前做成APP元件庫然后快速調(diào)用，效率就特別高。不建議100%的把所有交互畫出來，部分交互特別復(fù)雜會(huì)浪費(fèi)很多時(shí)間，還不如直接寫文字邏輯表述。定保真&畫頁面&加交互，這就是我理解的APP原型設(shè)計(jì)三部曲。就我所知大部分初級(jí)PM只知道第二步“畫頁面”，往往忽視定保真和加交互的重要性。
了解了上面四個(gè)步驟，想設(shè)計(jì)一個(gè)好的App就不是很難了。app設(shè)計(jì)師應(yīng)經(jīng)常舉行關(guān)于App設(shè)計(jì)的交流會(huì)議，了解各自制作APP要經(jīng)過哪些流程，目的是讓大家不要過于沉浸在自己設(shè)計(jì)里面。另外，移動(dòng)APP設(shè)計(jì)師也要多學(xué)習(xí)和多欣賞好的app界面和app設(shè)計(jì)干貨。App應(yīng)用設(shè)計(jì)效果如何，更多的是由用戶的體驗(yàn)效果決定。一個(gè)優(yōu)秀的App設(shè)計(jì)者，應(yīng)該多從用戶的角度去設(shè)計(jì)，這樣的效果才會(huì)讓大家滿意。設(shè)計(jì)的APP是用戶喜歡的，才是成功的APP設(shè)計(jì)。
文章標(biāo)簽：
官網(wǎng)建站 APP原型設(shè)計(jì)
文章評(píng)論：