別讓這10個設(shè)計誤區(qū)毀了你的APP

2022-06-20    分類: 網(wǎng)站建設(shè)

無論你所設(shè)計的APP是哪種類型,設(shè)計上的錯誤一旦被采用,會對產(chǎn)品導(dǎo)致致命的結(jié)果。用戶始終希望他們所下載的應(yīng)用是有趣而好用的,希望它美觀,同時能提供優(yōu)秀的交互體驗,也正是在這樣的期待下,任何錯誤都會被明顯放大。
正是作為設(shè)計師的我們太過于接近每一個設(shè)計項目,我們熟知每一個設(shè)計背后的原理和規(guī)則,反而更容易忽略那些普通用戶更在意的問題和痛點。今天的文章我們來聊聊那些APP設(shè)計過程中最常見的錯誤和尷尬,讓UI和UX設(shè)計師們真正規(guī)避開這些雷區(qū)。
1、糟糕的第一印象
好的應(yīng)用應(yīng)當(dāng)給人以良好的第一印象。毫無疑問,如果用戶在APP的下載頁或者第一次打開APP的時候,就覺得這個APP 看起來不舒服、不符合預(yù)期或者用起來不爽,用戶自然是不會再打開,甚至?xí)⒖虅h除的。第一印象至關(guān)重要。
設(shè)計和開發(fā)應(yīng)當(dāng)確保主屏加載速度足夠快,而且UI設(shè)計也應(yīng)該讓用戶容易理解,用色彩也控件告訴他們,這里都有啥,他們能干啥。盡量在一開始就展現(xiàn)出APP的特色,讓用戶看到讓他們繼續(xù)使用的理由。
APP最主要的交互應(yīng)當(dāng)簡單且易于操作的,應(yīng)用內(nèi)的控件和細(xì)節(jié)也應(yīng)足以反映品牌視覺的特征,并且以整齊有序的方式展現(xiàn)出來。
2、沒有有效的引導(dǎo)和線索
你的APP是用來干什么的?你的APP是如何同用戶進行交流和溝通的?
每個APP中,視覺線索是重要的組成部分,它們告訴用戶應(yīng)該如何操作,應(yīng)該向哪里瀏覽,哪些控件可以操作,甚至哪些操作可能會帶來在哪些結(jié)果。所以,這里一定會涉及到信息的視覺化,所以這些視覺線索的設(shè)計應(yīng)當(dāng)遵循一定的規(guī)則:
·色彩:鮮艷的色彩更抓眼球,適宜于可點擊的元素使用
·空間:在關(guān)鍵元素周圍留下足夠的空間,讓用戶更容易發(fā)現(xiàn),也更容易操作

·排版:使用簡單干凈的字體(盡量使用筆畫粗細(xì)統(tǒng)一的字體),并且挑選適合屏幕的字體,確保整體可讀性。


3、雜亂的設(shè)計
許多應(yīng)用大的敗筆就是混亂。而這種混亂最常見的形態(tài),就是設(shè)計師將這個應(yīng)用中幾乎所有的組件都塞到同一個界面中,無論它是一款游戲、工具或新聞類的應(yīng)用。
所以,別這么做。
APP 主要還是為小屏幕所設(shè)計的,試圖在一個界面上承載過多類型的內(nèi)容,對于用戶而言是極大的負(fù)擔(dān)。
將每一屏都視作一個單獨的容器,每個容器承載不同的內(nèi)容,切換界面,呈現(xiàn)不同的內(nèi)容。當(dāng)內(nèi)容足夠引人入勝的時候,用戶會不自覺的滑動,切換,干凈整潔、組織完善的布局則確保了整體體驗的一致和便捷性。
4、小而密集的元素
元素靠的太近,或者過小了會讓手指粗壯的用戶非常難于操作。從某種意義上來說,巨屏手機的出現(xiàn)和這種體驗訴求不無關(guān)系。
確保每個元素周圍保留足夠的空間和間隙,不僅僅方便用戶點擊,而且能夠消除誤觸的情況。并沒有一個萬能的公式來幫你控制控件和間隙的比例,不過當(dāng)你注意到這個問題的時候,通常不會犯錯。
我通常會找一個手大的朋友,把他的食指按在屏幕上劃出區(qū)域。按鈕并不一定必須同這個區(qū)域一樣大,但是觸發(fā)按鈕的范圍不能比這個區(qū)域小,接近就好了。
也正是因此,卡片式設(shè)計對于用戶而言是相當(dāng)友好的設(shè)計。只需要點擊卡片所在的區(qū)域范圍內(nèi),就能觸發(fā)其中的內(nèi)容。
5、非標(biāo)準(zhǔn)的圖標(biāo)或操作
對于許多設(shè)計項目而言,重新設(shè)計圖標(biāo)并沒有那個必要。Facebook 的藍(lán)色F圖標(biāo),推特圖標(biāo)內(nèi)的小鳥,這些都已經(jīng)成為約定俗成的存在了,用戶都了解它們的含義,改變它只會讓用戶感到迷惑。
使用標(biāo)準(zhǔn)化的按鈕和操作,對于你的設(shè)計項目和用戶而言都是省心省力的選擇。
6、設(shè)計不一致
一個APP內(nèi)所有的元素應(yīng)當(dāng)看起來一致,交互和運作方式也應(yīng)當(dāng)統(tǒng)一。一致的設(shè)計讓用戶能夠更快適應(yīng)產(chǎn)品,統(tǒng)一的設(shè)計讓用戶對于不同的界面有了預(yù)期。
當(dāng)用戶在學(xué)習(xí)使用新的APP之時,他們對于APP本身的設(shè)計、體驗也有著基本的期望,從色彩到樣式,從交互到運作模式。當(dāng)不一致的細(xì)節(jié)出現(xiàn)他們面前的時候,基本的預(yù)期被打破,自然會帶來不好的印象。
7、不完整的反饋機制
每一個交互都應(yīng)當(dāng)帶來相應(yīng)的反饋,就像物理學(xué)中的作用力和反作用力是成對出現(xiàn)的一樣。
APP給予用戶的反饋機制,賦予用戶以參與感和操控感,它給用戶提供了有價值的信息,甚至幫助用戶做合理的決策。正確的反饋機制應(yīng)當(dāng)這樣設(shè)計:
·告知用戶他們所處的位置,或者顯示當(dāng)前狀態(tài)(比如光標(biāo)懸停色彩改變等)
·當(dāng)某個動作執(zhí)行的時候,應(yīng)當(dāng)給出相應(yīng)反應(yīng)(比如提交表單完成之后給予成功提交的提示)

·告訴用戶發(fā)生了什么,以及接下來將會發(fā)生什么(比如加載中的進度條)


8、與系統(tǒng)不同步
你所設(shè)計的APP應(yīng)當(dāng)和整個操作系統(tǒng)有著相似甚至相同的美學(xué)標(biāo)準(zhǔn),這也是iOS和 Android 設(shè)計規(guī)范最重要的作用之一。想想看,整個扁平風(fēng)界面上一個擬物化的圖標(biāo),這是有多么出戲啊。這也是Instagram 近期圖標(biāo)改版的最重要的原因之一。
9、界面太復(fù)雜
界面過于復(fù)雜也許是游戲類APP最常見的問題了。當(dāng)你完全熟悉整個界面的時候,也許你都不想再玩它了。
界面設(shè)計應(yīng)當(dāng)是簡單直觀的,一眼能看明白的界面是好界面,當(dāng)界面需要一份說明書來說明的時候,它的設(shè)計就算得上是失敗了。
對于用戶而言,每一個下載下來的APP都是用來解決問題的,每一個應(yīng)用都是一個給用戶的解決方案,千萬不要讓這個解決方案成為問題本身。
那么你的APP是給用戶解決什么問題的呢?
10、忘記默認(rèn)設(shè)定
在界面中,尤其是在表單類的元素中,默認(rèn)的設(shè)定值對于用戶而言有很重要的參考價值。這些預(yù)設(shè)的默認(rèn)值根據(jù)不同類型的表單、控件而有著不同的展現(xiàn)形式,有的可以顯示為空讓用戶選擇,而有的則需要顯示一個基本的數(shù)值,讓用戶后續(xù)調(diào)整,而一些文本輸入框則需要在其中預(yù)先填入示例。

默認(rèn)設(shè)定讓用戶明白如何使用這些設(shè)置、表單和控件,提供模板和參考,甚至讓整個交互更易懂。默認(rèn)設(shè)定對于反饋也有著重要的作用。許多表單用戶是如何填寫的,設(shè)置是如何選取的,最終都會反饋回來,從而讓設(shè)計者更容易明白用戶是怎么做的。


本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:APP開發(fā),重慶網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計,成都網(wǎng)站設(shè)計

標(biāo)題名稱:別讓這10個設(shè)計誤區(qū)毀了你的APP
當(dāng)前地址:http://www.bm7419.com/news39/169489.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、定制開發(fā)、品牌網(wǎng)站制作響應(yīng)式網(wǎng)站、虛擬主機網(wǎng)站建設(shè)

廣告

聲明:本網(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)

成都定制網(wǎng)站建設(shè)