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

淺談APP界面設(shè)計(jì)的幾個(gè)易犯錯(cuò)誤

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

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過

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

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

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

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

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

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

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

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

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

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

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

相關(guān)文章

熱門排行

信息推薦