別讓這10個設計誤區毀了你的APP

2 評論 15232 瀏覽 98 收藏 11 分鐘

無論你所設計的APP是哪種類型,設計上的錯誤一旦被采用,會對產品導致致命的結果。用戶始終希望他們所下載的應用是有趣而好用的,希望它美觀,同時能提供優秀的交互體驗,也正是在這樣的期待下,任何錯誤都會被明顯放大。

正是作為設計師的我們太過于接近每一個設計項目,我們熟知每一個設計背后的原理和規則,反而更容易忽略那些普通用戶更在意的問題和痛點。今天的文章我們來聊聊那些APP設計過程中最常見的錯誤和尷尬,讓UI和UX設計師們真正規避開這些雷區。

1、糟糕的第一印象

好的應用應當給人以良好的第一印象。毫無疑問,如果用戶在APP的下載頁或者第一次打開APP的時候,就覺得這個APP 看起來不舒服、不符合預期或者用起來不爽,用戶自然是不會再打開,甚至會立刻刪除的。第一印象至關重要。

設計和開發應當確保主屏加載速度足夠快,而且UI設計也應該讓用戶容易理解,用色彩也控件告訴他們,這里都有啥,他們能干啥。盡量在一開始就展現出APP的特色,讓用戶看到讓他們繼續使用的理由。

APP最主要的交互應當簡單且易于操作的,應用內的控件和細節也應足以反映品牌視覺的特征,并且以整齊有序的方式展現出來。

2、沒有有效的引導和線索

boomerang

你的APP是用來干什么的?你的APP是如何同用戶進行交流和溝通的?

每個APP中,視覺線索是重要的組成部分,它們告訴用戶應該如何操作,應該向哪里瀏覽,哪些控件可以操作,甚至哪些操作可能會帶來在哪些結果。所以,這里一定會涉及到信息的視覺化,所以這些視覺線索的設計應當遵循一定的規則:

  • 色彩:鮮艷的色彩更抓眼球,適宜于可點擊的元素使用
  • 空間:在關鍵元素周圍留下足夠的空間,讓用戶更容易發現,也更容易操作
  • 排版:使用簡單干凈的字體(盡量使用筆畫粗細統一的字體),并且挑選適合屏幕的字體,確保整體可讀性。

3、雜亂的設計

monument-1

許多應用最大的敗筆就是混亂。而這種混亂最常見的形態,就是設計師將這個應用中幾乎所有的組件都塞到同一個界面中,無論它是一款游戲、工具或新聞類的應用。

所以,別這么做。

APP 主要還是為小屏幕所設計的,試圖在一個界面上承載過多類型的內容,對于用戶而言是極大的負擔。

將每一屏都視作一個單獨的容器,每個容器承載不同的內容,切換界面,呈現不同的內容。當內容足夠引人入勝的時候,用戶會不自覺的滑動,切換,干凈整潔、組織完善的布局則確保了整體體驗的一致和便捷性。

4、小而密集的元素

streaks-1

元素靠的太近,或者過小了會讓手指粗壯的用戶非常難于操作。從某種意義上來說,巨屏手機的出現和這種體驗訴求不無關系。

確保每個元素周圍保留足夠的空間和間隙,不僅僅方便用戶點擊,而且能夠消除誤觸的情況。并沒有一個萬能的公式來幫你控制控件和間隙的比例,不過當你注意到這個問題的時候,通常不會犯錯。

我通常會找一個手大的朋友,把他的食指按在屏幕上劃出區域。按鈕并不一定必須同這個區域一樣大,但是觸發按鈕的范圍不能比這個區域小,接近就好了。

也正是因此,卡片式設計對于用戶而言是相當友好的設計。只需要點擊卡片所在的區域范圍內,就能觸發其中的內容。

5、非標準的圖標或操作

colorswitch

對于許多設計項目而言,重新設計圖標并沒有那個必要。Facebook 的藍色F圖標,推特圖標內的小鳥,這些都已經成為約定俗成的存在了,用戶都了解它們的含義,改變它只會讓用戶感到迷惑。

使用標準化的按鈕和操作,對于你的設計項目和用戶而言都是省心省力的選擇。

6、設計不一致

twitter-app

一個APP內所有的元素應當看起來一致,交互和運作方式也應當統一。一致的設計讓用戶能夠更快適應產品,統一的設計讓用戶對于不同的界面有了預期。

當用戶在學習使用新的APP之時,他們對于APP本身的設計、體驗也有著基本的期望,從色彩到樣式,從交互到運作模式。當不一致的細節出現他們面前的時候,基本的預期被打破,自然會帶來不好的印象。

7、不完整的反饋機制

wunderlist

每一個交互都應當帶來相應的反饋,就像物理學中的作用力和反作用力是成對出現的一樣。

APP給予用戶的反饋機制,賦予用戶以參與感和操控感,它給用戶提供了有價值的信息,甚至幫助用戶做合理的決策。正確的反饋機制應當這樣設計:

  • 告知用戶他們所處的位置,或者顯示當前狀態(比如光標懸停色彩改變等)
  • 當某個動作執行的時候,應當給出相應反應(比如提交表單完成之后給予成功提交的提示)
  • 告訴用戶發生了什么,以及接下來將會發生什么(比如加載中的進度條)

8、與系統不同步

insta-logo

你所設計的APP應當和整個操作系統有著相似甚至相同的美學標準,這也是iOS和 Android 設計規范最重要的作用之一。想想看,整個扁平風界面上一個擬物化的圖標,這是有多么出戲啊。這也是Instagram 近期圖標改版的最重要的原因之一。

9、界面太復雜

dunkin

界面過于復雜也許是游戲類APP最常見的問題了。當你完全熟悉整個界面的時候,也許你都不想再玩它了。

界面設計應當是簡單直觀的,一眼能看明白的界面是好界面,當界面需要一份說明書來說明的時候,它的設計就算得上是失敗了。

對于用戶而言,每一個下載下來的APP都是用來解決問題的,每一個應用都是一個給用戶的解決方案,千萬不要讓這個解決方案成為問題本身。

那么你的APP是給用戶解決什么問題的呢?

10、忘記默認設定

uber-2

在界面中,尤其是在表單類的元素中,默認的設定值對于用戶而言有很重要的參考價值。這些預設的默認值根據不同類型的表單、控件而有著不同的展現形 式,有的可以顯示為空讓用戶選擇,而有的則需要顯示一個基本的數值,讓用戶后續調整,而一些文本輸入框則需要在其中預先填入示例。

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

 

譯文來自:優設

譯者@陳子木

原文地址:designshack

原文作者:CARRIE COUSINS

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 作者總結的很好。不過對于默認設置這里不是很懂??梢耘e例說下么~~ ??

    來自福建 回復
  2. 認真拜讀了下,喜歡作者淺顯易懂的文筆。雖然都是眾所周知的幾個誤區,不過確實很容易被忽略。

    來自福建 回復