一些設(shè)計APP的UI時要注意的地方
作者:www.qdhero.com ???
發(fā)布時間:2014-01-14 ???
人氣:
以下廣州APP開發(fā)公司酷蜂科技技術(shù)小編講的是一些設(shè)計APP的UI時要注意的地方基本原則,不是說完全不可以,但最好盡量避免。請記得一件事,你每設(shè)計一個讓使用者覺得不好用、不方便、不直覺的東西,就是加速他離開你的APP。
1. 不要在一個頁面同時有垂直滑動及水平滑動的UI設(shè)計。因?yàn)檫@會造成使用者操作非常不便,會常常誤判。不用說某某知名的APP有這樣做,小編們就一定要學(xué)著他做。因?yàn)楦悴缓盟氖褂谜咭彩窃诒г顾@設(shè)計很難用,只是他們不得不用它。
2. 不要將網(wǎng)頁的操作動作搬到APP來。也就是及鼠標(biāo)滑過的提醒都不要有。另外長壓的動作也最好不要有,因?yàn)檫@些動作對觸屏的使用者說來是一種很不直覺的動作。以工具類型的APP來說,比較好的UI設(shè)計最好就只有點(diǎn)擊與滑動兩種動作就好。多指觸碰和搖一搖的動作必要時再加入。拖曳的動作,要視狀況而定,如果可以幫使用者省下很多操作&設(shè)定的動作,那就做吧!
3. 功能按鈕的擺放位置要與策劃本身的設(shè)計一致。例如,蘋果的確認(rèn)視窗取消按鈕都是擺左邊,提交按鈕都是擺右邊。那小編們設(shè)計的APP中有出現(xiàn)取消/提交按鈕的位置也要一致比較好。
4. 每一個頁面若有功能類似的UI元件,最好都擺在固定的位置,不要跳來跳去。讓使用者知道,當(dāng)他要用到這個功能時,就是要到那位置去找。
5. 每個按鈕或可點(diǎn)擊區(qū)域的最小尺寸不宜小於 32 x 32。再小就會讓使用者覺得很難按。可以是圖片呈現(xiàn)的大小比較小一點(diǎn),但是觸發(fā)觸摸的區(qū)域大於呈現(xiàn)的區(qū)域。
6. 該換頁的地方就要換頁,該有返回按鈕的地方就要擺。不要想說為了畫面的美觀而犧牲了操作的便利性。操作流暢度的重要性并不會比畫面美觀低。
7. 不要只從APP開發(fā)者、APP測試者的角度去想UI要怎麼做。如果有個地方對常常需要做測試的人是個很困擾的或覺得有點(diǎn)奇怪,但對使用者來說完全沒有影響。那就應(yīng)該保留它,而不是多做了一些額外的判斷或功能或選項,這樣反而會讓使用者覺得很困惑。
8. 有些規(guī)范去適度得限制使用者能做的事是好的。有時候不需要給使用者太多彈性。如果說因?yàn)橐袕椥远枰褂谜叨嘧鲆恍┦虏僮骱驮O(shè)定,這樣反而會讓使用者覺得更麻煩。小編舉個例子,python這程式語言嚴(yán)格限制了程式縮排及換行的標(biāo)準(zhǔn),開發(fā)者只要寫錯一個空行,編譯就會失敗。就像你寫一篇作文時,老師叫你每一個段落開頭都要空兩格一樣的意思。這對開發(fā)者來說是很不彈性的。但是python APP開發(fā)者寫出來的東西,一定保證都是排版整齊的程式碼。這作法在其他程式語言很少見,但卻沒有人去抱怨它,反而很多人覺得這是一個超棒的設(shè)計。因?yàn)樾【幵僖膊粫吹絹y七八糟的程式碼了!!
2. 不要將網(wǎng)頁的操作動作搬到APP來。也就是及鼠標(biāo)滑過的提醒都不要有。另外長壓的動作也最好不要有,因?yàn)檫@些動作對觸屏的使用者說來是一種很不直覺的動作。以工具類型的APP來說,比較好的UI設(shè)計最好就只有點(diǎn)擊與滑動兩種動作就好。多指觸碰和搖一搖的動作必要時再加入。拖曳的動作,要視狀況而定,如果可以幫使用者省下很多操作&設(shè)定的動作,那就做吧!
3. 功能按鈕的擺放位置要與策劃本身的設(shè)計一致。例如,蘋果的確認(rèn)視窗取消按鈕都是擺左邊,提交按鈕都是擺右邊。那小編們設(shè)計的APP中有出現(xiàn)取消/提交按鈕的位置也要一致比較好。
4. 每一個頁面若有功能類似的UI元件,最好都擺在固定的位置,不要跳來跳去。讓使用者知道,當(dāng)他要用到這個功能時,就是要到那位置去找。
5. 每個按鈕或可點(diǎn)擊區(qū)域的最小尺寸不宜小於 32 x 32。再小就會讓使用者覺得很難按。可以是圖片呈現(xiàn)的大小比較小一點(diǎn),但是觸發(fā)觸摸的區(qū)域大於呈現(xiàn)的區(qū)域。
6. 該換頁的地方就要換頁,該有返回按鈕的地方就要擺。不要想說為了畫面的美觀而犧牲了操作的便利性。操作流暢度的重要性并不會比畫面美觀低。
7. 不要只從APP開發(fā)者、APP測試者的角度去想UI要怎麼做。如果有個地方對常常需要做測試的人是個很困擾的或覺得有點(diǎn)奇怪,但對使用者來說完全沒有影響。那就應(yīng)該保留它,而不是多做了一些額外的判斷或功能或選項,這樣反而會讓使用者覺得很困惑。
8. 有些規(guī)范去適度得限制使用者能做的事是好的。有時候不需要給使用者太多彈性。如果說因?yàn)橐袕椥远枰褂谜叨嘧鲆恍┦虏僮骱驮O(shè)定,這樣反而會讓使用者覺得更麻煩。小編舉個例子,python這程式語言嚴(yán)格限制了程式縮排及換行的標(biāo)準(zhǔn),開發(fā)者只要寫錯一個空行,編譯就會失敗。就像你寫一篇作文時,老師叫你每一個段落開頭都要空兩格一樣的意思。這對開發(fā)者來說是很不彈性的。但是python APP開發(fā)者寫出來的東西,一定保證都是排版整齊的程式碼。這作法在其他程式語言很少見,但卻沒有人去抱怨它,反而很多人覺得這是一個超棒的設(shè)計。因?yàn)樾【幵僖膊粫吹絹y七八糟的程式碼了!!