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

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

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

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

現(xiàn)在的APP市場(chǎng)競(jìng)爭(zhēng)越來(lái)越激烈,可以說(shuō)當(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ì)過(guò)程中往往都很努力,也不斷突破各種限制在設(shè)計(jì)出富有創(chuàng)意的APP界面,但是也容易犯下以下幾個(gè)方面的錯(cuò)誤。

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

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

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

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

此外,APP設(shè)計(jì)要兼顧多個(gè)智能手機(jī)平臺(tái)?,F(xiàn)在比較主流的手機(jī)操作系統(tǒng)就是兩大平臺(tái):安卓和IOS。這兩個(gè)手機(jī)平臺(tái)都有各自的特點(diǎn),不能說(shuō)哪個(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)讓人看起來(lái)越舒服,因?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)致頁(yè)面雜亂和重點(diǎn)不清,更影響到APP功能上的展示。

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

熱門排行

信息推薦