當(dāng)前位置:首頁 >  科技 >  移動互聯(lián) >  正文

淺談APP界面設(shè)計的幾個易犯錯誤

 2015-03-09 20:27  來源: 用戶投稿   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

現(xiàn)在的APP市場競爭越來越激烈,可以說當(dāng)前移動互聯(lián)網(wǎng)并不缺少功能豐富的APP,而是缺少用戶體驗優(yōu)秀的APP,所以如果想從眾多的APP大軍競爭中脫穎而出的話,就必須讓你的APP抓住用戶的心,要么在一些關(guān)鍵領(lǐng)域做到服務(wù)最好,要么在一些細(xì)節(jié)包括用戶界面上做到體驗優(yōu)秀。很多APP設(shè)計師在設(shè)計過程中往往都很努力,也不斷突破各種限制在設(shè)計出富有創(chuàng)意的APP界面,但是也容易犯下以下幾個方面的錯誤。

首先,APP設(shè)計之前沒有理清使用流程。設(shè)計師設(shè)計APP的過程就和程序員編寫軟件的功能是一樣的,都需要理清相關(guān)的流程。APP使用流程圖就像是一個指南針,可以避免用戶迷路,這也是為什么任何一款A(yù)PP設(shè)計之前產(chǎn)品經(jīng)理必須把相關(guān)的用戶流程經(jīng)過好幾次的梳理才最終確定。APP設(shè)計師進(jìn)行界面設(shè)計的時候如果沒有關(guān)注APP的使用流程就開始設(shè)計,容易讓整個APP的結(jié)構(gòu)變得復(fù)雜,程序員開發(fā)流程也會變得越來越混亂導(dǎo)致最后用戶拿到手以后開始使用過程中就會迷失方向,最終卸載這個APP產(chǎn)品。即使是在設(shè)計一個功能簡單的資訊瀏覽類APP之前,設(shè)計師也應(yīng)該理清該APP的頁面結(jié)構(gòu),這樣才能設(shè)計出友好的頁面元素,例如導(dǎo)航條、按鈕、背景圖等交互元素。

其次,APP設(shè)計應(yīng)該避免使用像素低的圖片?,F(xiàn)在的移動終端,也包括平板電腦的屏幕尺寸較多且不統(tǒng)一,所以也容易帶來一些像素低的圖片在部分高分辨率下的屏幕顯示模糊問題。所以設(shè)計師們設(shè)計APP的界面時應(yīng)該從高像素的屏幕尺寸開始設(shè)計,然后再根據(jù)小尺寸屏幕逐一進(jìn)行比例縮放,只有這樣才能向下兼容相關(guān)的移動終端屏幕。此外,還可以借助位圖操作等方式來處理好高像素圖片縮放帶來的圖片像素不足的問題。

同時,APP界面的觸摸點擊區(qū)域及范圍要設(shè)計合理。我們大部分人的手中中,食指的寬帶是在1.5cm-2.0cm這個范圍內(nèi)容,對應(yīng)的像素值差不多在45px-60px之間,所以APP界面的觸摸區(qū)域應(yīng)該根據(jù)用戶的手指寬帶來設(shè)計,同時還要考慮用戶手指在屏幕觸摸滑動過程中可能會出現(xiàn)點位觸摸不準(zhǔn)的問題,否則用戶在快速觸摸過程中容易帶來APP上的一些誤操作,所以這就要去APP界面上的按鈕一定要足夠大,且觸摸響應(yīng)延遲要盡可能減小,防止用戶多次重復(fù)觸摸帶來的APP響應(yīng)異常。

接著,APP界面過渡問題。現(xiàn)在很多APP都會選擇在用戶第一次打開應(yīng)用的時候,在界面給用戶價值一個動畫進(jìn)行過渡。這是一個很不錯的選擇,但是采用這些過渡的動畫應(yīng)該控制好加載時間,也就是動畫時間要盡可能地端,因為你要給用戶展示的是APP的功能,而非一個宣傳動畫。特別要主要的是,APP界面在加載動畫的過程中藥做到過渡平滑自然,主要從圖片到動畫視頻間的過渡,以及更應(yīng)該注意的是APP加載過程中因為程序異?;蛘呔W(wǎng)絡(luò)原因帶來的白屏問題,當(dāng)出現(xiàn)白屏的時候應(yīng)該加入進(jìn)度條以告知用戶當(dāng)前的加載進(jìn)度,而不是讓用戶盲目在界面過渡的加載中長時間等待。

此外,APP設(shè)計要兼顧多個智能手機平臺?,F(xiàn)在比較主流的手機操作系統(tǒng)就是兩大平臺:安卓和IOS。這兩個手機平臺都有各自的特點,不能說哪個好或者壞,所以一款A(yù)PP要能夠同時兼任這兩個平就要求APP設(shè)計師要認(rèn)真掌握好每個手機操作系統(tǒng)的人機交互方式,設(shè)計出能夠適應(yīng)各個平臺的界面和視覺元素,不要讓用戶在不同的手機操作系統(tǒng)上感覺APP的操作和響應(yīng)很不自然,同時與手機系統(tǒng)的按鈕等元素有種格格不入的感覺。

還有,避免在APP界面上大量填充UI元素。APP界面并不是UI越豐富越好,而往往是越精簡讓人看起來越舒服,因為畢竟手機的屏幕尺寸不可能容納太多東西。所以,當(dāng)在設(shè)計師在設(shè)計平板電腦上的APP界面時,一定要記得在手機上的界面不一定能夠放置像平板電腦那么多的視覺元素,應(yīng)該在實際的移動終端設(shè)備上預(yù)覽下相關(guān)的效果再決定是否要放置這么多的UI元素。APP界面上堆積太多UI元素容易導(dǎo)致頁面雜亂和重點不清,更影響到APP功能上的展示。

最后,不要忽略APP界面的測試。不管是任何產(chǎn)品,也包括UI界面,在正式使用或者產(chǎn)品出來之前一定要做好測試環(huán)節(jié)的工作,用性測試是必須的,即使設(shè)計師在許多的設(shè)備上都已經(jīng)預(yù)覽過效果了,但是也很容易忽視一些細(xì)節(jié)問題,例如,設(shè)計師不可能在當(dāng)前市場上所有的手機類型上都調(diào)試過效果,以及APP界面在一些特定的情況下容易出現(xiàn)bug等問題也是常見的事情,所以測試也是APP界面設(shè)計必不可少的工作。

本文由激光切割機原創(chuàng),如有轉(zhuǎn)載請注明出處,謝謝!

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關(guān)標(biāo)簽
app
界面設(shè)計

相關(guān)文章

熱門排行

信息推薦