人
已閱讀
已閱讀
APP開發(fā)產品經理如何進行原型設計
來源:lexintech.com ?? ?? 發(fā)布時間:2017-09-28
深圳APP開發(fā)公司的產品經理在進行原型設計時有什么技巧?如何才能設計一份高質量的原型設計稿。下面,樂信科技的產品經理就跟大家分享一下,原型設計的一些技巧和經驗。
![APP開發(fā)產品設計](/uploads/allimg/170928/1-1F92Q441005P.jpg)
深圳樂信科技是深圳知名的APP開發(fā)公司,有著多年的項目開發(fā)經驗,在互聯網和移動互聯網產品的設計、開發(fā)上,都有豐富的積累,經歷過很多產品的線框原型設計,在這過程中,我們也發(fā)現了一些問題,一些大家時常會在原型制作過程當中忽略掉的要素;如果能注意并解決掉這些問題,我們的交互設計產出物就可以發(fā)揮更大的實戰(zhàn)價值。
一、通過明暗對比來描述模塊之間的視覺優(yōu)先級
哪些內容是需要用戶在頁面上最先注意到的?他們的視線應該聚焦到什么位置?我們希望用戶執(zhí)行什么操作?這些問題不能簡單的丟給視覺設計師來考慮。
首先,根據產品需求及用研方面的實際情況,作為產品人員或交互設計師,我們自身應該對以上這些方面的信息了如指掌。
在此基礎上,為最原始的線框稿添加視覺優(yōu)先級。
具體實施起來其實很簡單,將所有的深色“線框”移除掉,使用不同明度的灰色作為背景色來界定頁面和模塊的邊緣,并籍此表達不同元素之間的視覺優(yōu)先級。
二、使用真實的數據內容
對于線框原型當中的范例內容,包括導航元素的標題、表單標簽、介紹文案、圖標等等,我們都應該盡量使用最貼近生產環(huán)境的真實數據。這種方式可以更有效的幫助我們規(guī)劃界面元素的布局,并針對實際環(huán)境中有可能產生的極端數據情況制定預防性的方案,確保頁面結構的堅固性。
更重要的是,使用真實數據作為范例內容的線框原型可以在接下來的可用性測試當中更具表現力和說服力,被測用戶不需要依靠主持人的描述或自己的猜測就可以在原型當中獲取到比較準確的信息。另外,真實數據也可以創(chuàng)造出一種更貼近實際產品的使用氛圍,這可以使被測用戶更加投入。對于測試人員來說(主持人、觀察員),我們可以設計出更具有針對性的任務或問題,可以在測試過程中對被測用戶進行更加深入的觀察;相應的,最終收集到的反饋信息也會更加真實有效。
三、確保細節(jié)的準確無誤
將真實數據作為范例內容填充到原型當中后,我們要確保交互流程所涉及的信息的準確性。舉個簡單的例子,如果購物車的頁面原型當中展示了兩個單價為50元的商品,那么在結算環(huán)節(jié)中,總價應該是100元,而不是隨便其他什么數字。錯誤的信息會阻礙溝通的有效進行,開發(fā)人員有可能在這里產生質疑,被測用戶也會感到莫名其妙。
作為設計人員,長時間的將注意力放在原型的制作上面,很容易忽視掉這類問題的存在。如果有條件的話,可以在適當的時候請其他人來幫忙檢查一下你的原型當中是否存在這類細節(jié)當中的錯誤。
四、增加范例圖片的自我描述能力
圖片對于用戶體驗的提升起著重要的作用,當人們在網站中尋找商品或服務時,圖片是引導他們制定決策的關鍵要素(怎樣通過設計幫助用戶制定決策)。另外,圖片也能幫助用戶對網站自身的形象和定位產生認知。不過在線框原型中,我們通常只會使用一些灰色的容器和線條來表現圖片。
當然,我并不是要建議在線框原型中使用真正的圖片或照片;我們需要做的是讓代表圖片的線框元素能夠體現出在實際頁面當中,這個位置應該放置怎樣類型的圖片。在制作線框原型之前,最好與相關的產品或業(yè)務人員就這方面的問題進行溝通,根據產品自身的特質及最終面向的用戶群體,來判斷圖片一類的視覺元素應該具有怎樣的整體風格。
五、創(chuàng)建變更日志
隨著迭代的不斷進行,每一版線框原型當中的變更通常會越來越細化,從頁面結構到模塊、控件,這會使跟進后續(xù)工作的設計師或開發(fā)人員越來越難以發(fā)現所有的變化。
作為交互設計師,我們有責任創(chuàng)建一份變更日志,并隨著項目的發(fā)展對其進行持續(xù)的更新。日志中的每一條記錄都要包含日期、版本號、執(zhí)行者以及變更說明。這種信息交流的方式不需要花費太多的時間,但結果卻是事半功倍的,無論產品人員還是設計師、開發(fā)者,大家都可以籍此來一目了然的跟蹤原型的版本變化。
以上就是關于提升線框原型溝通能力的一些建議。希望能給APP開發(fā)公司的產品經理們有一些幫助,了解到更多關于線框原型的基本理念及運用方法。