頁面設(shè)計邏輯不能亂,四個基本原則指導(dǎo)得遵循

作為一個剛?cè)胄袃赡甑漠a(chǎn)品經(jīng)理，其實感覺自己還有許多要學(xué)習(xí)和進步的地方。之前自己也算是做過一些案例，犯了許多錯誤，所以為了后來人不走我這條歪路，今天和大家新人分享一下自己的一些頁面設(shè)計的一些經(jīng)驗。
頁面設(shè)計所需要遵循的最基本的四個基本原則：

設(shè)計的需求要從實際需求出發(fā)，不要獨立于市場和運營去做設(shè)計。

每個頁面最好能夠完成獨立的一個子功能模塊，不要將邏輯打的太過散亂，一個功能放在多個頁面。
設(shè)計要遵從懶漢原則，提高用戶使用的便捷性，降低用戶使用壁壘和成本，要把用戶當(dāng)“懶人”。
從人性的角度考慮出發(fā)，站在用戶角度做設(shè)計，學(xué)會尊重使用你app的用戶。
要考慮到頁面在各個情況下的表現(xiàn)形式，幫助開發(fā)人員界定邊際。
以下舉兩種類型的頁面中的一些問題來闡述一下這些原則在實際設(shè)計中的體現(xiàn)。
一、負責(zé)收集用戶數(shù)據(jù)的界面
1、設(shè)計用戶輸入頁面的時候需要考慮到哪些點?(原則2，3，4)
(1)輸入字符的長度限制
(2)輸入內(nèi)容中是否必須包含某些字符，是否不能包含某些字符。(建議直接在下方就用灰字提示，不要輸完以后才toast提示)
(3)根據(jù)輸入內(nèi)容的給出恰當(dāng)?shù)妮斎敕绞?比如是使用明文還是暗文)
(4)根據(jù)輸入內(nèi)容彈出相應(yīng)的虛擬鍵盤(比如輸手機號的輸入框就可以彈出純數(shù)字鍵盤，而不是混合鍵盤)
(5)輸入的內(nèi)容如果不符合要求需要給用戶提示。
2、設(shè)計個人信息完善頁面的時候需要注意什么?(原則1，3)
當(dāng)下許多app在用戶注冊界面會因為運營和市場的需要，會強制用戶補全一些個人信息，比如性別，年齡，出生日期，所在區(qū)域，工作崗位，興趣愛好等等。這就是在設(shè)計頁面之前要事先和相關(guān)部門溝通好一些非功能性需求，而不是自己一個人埋頭造車。
另外，很多初學(xué)者在一聽到要這要那的信息之后，就一股腦的全部丟在一個界面讓用戶填寫了，須不知這其實是非常危險的舉動，用戶可能就會因為這個龐大的個人信息收集頁面而被你嚇得流失了。所以，這種情況就要將這個個人信息收集的頁面從原先的一個頁面拆解成多個界面，幫助用戶平緩渡過，防止用戶流失。這樣即完成了其他部門的要求，也不會給用戶帶來太大的使用成本。
當(dāng)然，這些多個頁面的設(shè)計仍然要遵從懶漢原則，要注意盡量讓用戶使用起來感到便捷，也就是說能自動填充的就不要用點擊選擇，能用點擊選擇的就不要用手動輸入。要把用戶當(dāng)成“懶”人。
3、重要信息在輸入的時候需要注意哪些?(原則3，4)
我們所說的重要信息一般指的是用戶后期修改起來成本很高的數(shù)據(jù)或者會影響之后操作的數(shù)據(jù)。比如：密碼。
密碼的輸入最尷尬的就是讓用戶只輸入一次，并且還只是暗文顯示，全是********。(這內(nèi)容輸入以后用戶的第一反應(yīng)就是，我輸入的內(nèi)容到底是不是就是我要的內(nèi)容啊，咋辦，還是刪了一個一個字母慢慢輸入吧。不管你們是不是這樣的，反正我是這樣的)
所以一般我們會采用兩種方式，一種是暗文輸入顯示，后面加上明暗文顯示開關(guān);第二種是輸入兩次暗文密碼進行確認。(其實還有一種直接明文顯示，這個感覺安全度不夠。個人偏向暗文輸入后加開關(guān))
4. 用戶輸入內(nèi)容不符合要求的時候，該如何處理?(原則3，4)
step1：提示用戶錯誤
一般采用點擊后使用toast的提示方式或者在輸入框下方直接用紅字提示這兩種方式。(個人觀點：我比較喜歡直接在界面中直接提示，而不是提交之后再用toast的提示，感覺事后判斷對用戶不夠友好)
step2：讓用戶重新輸入
這邊就希望焦點能夠自己聚焦到發(fā)生錯誤問題的輸入框中，而不是還要用戶再去手動點一下輸入框。另外，如果輸入內(nèi)容不是很多，建議可以幫助用戶刪除之前的內(nèi)容，而不是將錯誤信息保留。(attention!!!!如果是長文本輸入，比如什么詳情之類的，用戶輸入了幾十個字的，你就不要幫著刪除了，用戶會罵人的)
設(shè)計頁面的時候要將所有的情況考慮進去，而不是只考慮正常的流程，幫助開發(fā)人員去處理好邊際問題。
以上原則也只是自己在這幾年摸索總結(jié)出來的內(nèi)容，很不完善，也有很多不足的地方，希望能和大家共勉。

網(wǎng)頁標題：頁面設(shè)計邏輯不能亂,四個基本原則指導(dǎo)得遵循
文章出自：http://www.bm7419.com/news/106257.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站排名、商城網(wǎng)站、手機網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)