產(chǎn)品經(jīng)理通常需要提供產(chǎn)品原型愁憔、流程圖和說明文檔給開發(fā)人員腕扶。
設(shè)計(jì)師需要提供效果圖和圖片資源給開發(fā)人員。
2.1在設(shè)計(jì)原型和效果圖時(shí)的注意事項(xiàng)
(1)手機(jī)屏幕的寬度有限吨掌，水平方向盡量少放置內(nèi)容蕉毯；而用戶已經(jīng)普遍知道通過向上滑動(dòng)手指，可以在屏幕的垂直方向翻頁顯示更多內(nèi)容思犁，所以可以在垂直方向多放置內(nèi)容，可以理解為顯示區(qū)域的高度沒有限制进肯。
(2)如果當(dāng)前顯示的內(nèi)容超過了一屏激蹲，而用戶通過向上滑動(dòng)手指翻頁到了第N頁(N>1)，此時(shí)通常在屏幕的右下角要顯示一個(gè)圖標(biāo)江掩，用戶點(diǎn)擊此圖標(biāo)学辱，應(yīng)用直接顯示第1頁內(nèi)容。
如果頁數(shù)比較多环形，需要設(shè)計(jì)用戶可以選擇查看其中任一頁的內(nèi)容策泣，如提供頁碼列表或讓用戶手動(dòng)輸入想查看的頁碼數(shù)字。
(3)遇到字符串長度超過顯示區(qū)域的情況抬吟，通常有以下處理方式：
A換行顯示
B在顯示區(qū)域內(nèi)的最后一個(gè)字符顯示為省略號(hào)…
C向左滑動(dòng)當(dāng)前頁面萨咕，顯示超出顯示區(qū)域的字符串
在設(shè)計(jì)原型和效果圖時(shí)，需要明確采用哪種處理方式火本。
(4)設(shè)計(jì)師在設(shè)計(jì)效果圖的時(shí)候危队，最好按APP適配的最小尺寸設(shè)計(jì)聪建，在文字顯示區(qū)域顯示的字符串就是最大字符個(gè)數(shù)。
如在電商APP中茫陆，最長的商品名稱可能有20個(gè)字符金麸，在效果圖上就要放20個(gè)字符，這樣就比較容易發(fā)現(xiàn)水平方向布局的問題簿盅。
(5)文本輸入?yún)^(qū)域最好能設(shè)計(jì)屏幕的上半部分挥下，這樣不會(huì)被輸入法的軟鍵盤遮住，如大多數(shù)APP的登錄或注冊(cè)界面就是這樣設(shè)計(jì)的桨醋。
如果文本輸入?yún)^(qū)域只能設(shè)計(jì)在屏幕的下半部分棚瘟，最好設(shè)計(jì)用戶在點(diǎn)擊文本輸入?yún)^(qū)域時(shí)，彈出一個(gè)新的界面讨盒，這樣文本輸入?yún)^(qū)域也不會(huì)被輸入法的軟鍵盤遮住解取。
還有一種方案是，在彈出輸入法的軟鍵盤時(shí)返顺，當(dāng)前頁面整體往上移動(dòng)禀苦，這樣文本輸入?yún)^(qū)域也不會(huì)被遮住。
(6)在設(shè)計(jì)文本輸入?yún)^(qū)域時(shí)遂鹊，應(yīng)設(shè)計(jì)顯示提示信息：用戶輸入怎樣的字符和字符個(gè)數(shù)振乏；輸入?yún)^(qū)域的最右邊要設(shè)計(jì)有刪除輸入文字的圖標(biāo)，用戶點(diǎn)擊即可刪除輸入?yún)^(qū)域中的所有文字秉扑。
(7)密碼輸入框的右邊應(yīng)設(shè)計(jì)有切換明文密文顯示的圖標(biāo)慧邮。
(8)手機(jī)號(hào)碼設(shè)計(jì)按3-4-4格式顯示。
(9)需要明確哪些頁面支持用戶手動(dòng)更新當(dāng)前頁面數(shù)據(jù)舟陆，哪些頁面不支持误澳；如要支持秦躯，需要明確采用哪種方式：
A用戶下拉操作更新數(shù)據(jù)
B用戶點(diǎn)擊刷新按鈕更新數(shù)據(jù)
(10)在用戶第一次使用應(yīng)用時(shí)忆谓，許多界面沒有數(shù)據(jù)顯示踱承，內(nèi)容為空；如用戶第一次使用電商APP時(shí)茎活，購物車和訂單界面內(nèi)容為空昙沦，就需要設(shè)計(jì)這些界面內(nèi)容為空時(shí)的效果圖。
