這個世界上從來沒有一個針對App UI設計的通用公式（當然如果有，你也可以分享給我們），但設計過程中總會產生一些致命的錯誤。這些錯誤會發生在不同設計師身上，不過如果你犯錯了，不要覺得丟人，因為一個好的UI設計是多方面的，不能以偏概全。不過，雖然許多由這些錯誤產生的細微影響在某些情況中也是微不足道的，但這并不能成為我們忽視它們的理由。

今天，我們的主要目的不僅要指出這些錯誤，更要去探討一下如何解決這些問題。下文中，我們將通過一些具體的情形描述這五個致命錯誤，并將告訴你，如果以后你的團隊再遇到這些問題，就知道如何處理啦~

Mistake I：字體的誤用

我們先從一些字體的樣式說起。

眾所周知，San Francisco是IOS系統的默認字體，而Android則是使用Roboto，而這兩種字體都具備簡潔易辨認的特點。當然，使用系統默認字體是一個安全可靠的選擇。但也有一些手機允許用戶更改系統默認字體，比如三星，那你就會發現如果用戶將choco cooky字體設置為默認，你精心制作的App將會變的面目全非。。。

同時，在很多情況下我們也需要使用自定義字體。這時，設計師們需要記住以下兩點：

“Less is more”，這句話想必你已經聽了很多遍了。沒錯，確實有許許多多令人眼前一亮的字體形式，但使用時依然需要考慮這種字體的合理性。在選擇這些字體時，需要結合App本身，是否可以配合以獨特的字體以提升用戶體驗，而不是一味的為了使用獨特設計的字體去使用它。

版權問題。對，你沒有看錯，是版權。當你在用心設計產品的時候，你有沒有考慮過自己選用的字體和素材是不是擁有使用許可呢？如果這些本就是開源的，那么當然會省很多時間和精力，但仍需要去了解一下，以防在后續的工作中產生更大的麻煩，甚至付出更大的代價。

Mistake II：過度密集的頁面

你知道，在一些移動端上，屏幕的界面空間其實并沒有你想象的那么充足，那這個時候你就需要有所取舍，而不是將自己認為重要的內容一股腦兒地添加上去。

有的時候，詳細并不是一件好事。用戶在遇到充滿大量信息的頁面時，會產生迷茫，甚至排斥的心理。所以設計師們應該將設計的重點聚焦到用戶的視線，才能更有效的讓用戶按照App的設計思路去獲得信息。

Mistake III：缺乏一致性

設計師的思路要保持一致，不能讓用戶產生混淆的感覺。比如說，如果你準備使用一種元素或風格去定義一個類目，那么請堅持下去。用戶一向習慣在操作中進行學習，但是一旦他們遇到與預想中不同的操作，便會極大的影響他們的用戶體驗。

另外，布局和風格的一致性也同樣重要－－嗯，在大部分的情況下。例如，可以創建一種風格的標準，防止自己在之后的設計中漸漸偏離軌跡。

延續性一直是極為重要的一點。但是，一些特殊情況下，你也可以考慮做一些不同的東西。例如嘗試將登錄界面或者使用時彈出的新窗口的風格進行改變，這就會產生畫龍點睛的作用。但也務必記住一點：在嘗試使用脫離整體風格之外的元素的時候，你仍然需要考慮到元素與整體風格的相關性，或者互補性。

Mistake IV：IOS到Android的1:1轉換

如今，這種不同系統間的復制效果已經變的不是那么理想了。

很多人會問，直接進行這種1:1的復制難道不是很節省成本和時間嗎？

當然，是這樣的。但是我們更追求用戶的體驗，不是嗎？用戶一直在使用他們自己的手機，并且肯定已經形成與其手機系統相對應的習慣。那么，如果你創建出來的操作習慣與用戶的習慣完全不一樣，用戶就極有可能拋棄你的產品。

舉個比較典型的例子，IOS和Android都有自己系統獨特的互動模式，暫且不提產品是否能夠在兩個系統間平滑的進行轉換，但如果你讓一個系統的用戶從零開始學習另一個系統的互動模式，那么他們肯定會不太愉快。

但也不需要過于極端，同一個產品在不同的系統之間也不需要完完全全的不同，因為風格的一致性依然是你需要考慮到的因素，以確保考慮到更多的使用情況，也能延續自己產品的風格。拿租車App Silvercar為例，他們創造了屬于自己的導航風格，在不同的系統中也堅持維持著使用相同的元素，這就讓這種風格完全扎根到他們的產品中，體現了其產品的特色。

Mistake V：貧乏的信息層級

當你設計一些產品，不管是一張名片、一面網頁還是一個軟件，用戶總是會以不同的途徑去與之產生互動，那么你就需要考慮如何基于產品與用戶的互動途徑，來表現自己想要呈現的信息。

在開始工作前，抽一點時間，坐下來想一想什么才是這個產品你最想突出和呈現的。我相信，一旦你理清了所傳達信息的層級，那么你一定會產生一個清晰的想法，如何使用不同的字體、顏色、尺寸、位置去體現這種層級。并且你也需要考慮產品針對的用戶群體以及他們的使用習慣，制定出理想型和非理想型的方案，并圍繞這些在后續的工作中設計和測試。

- 實踐中解決問題的途徑 -

現在，我們將告訴你這些問題通常是如何在實踐中表現出來的，并且應該如何去解決它們。我們在這里將使用一個訂餐軟件的界面修改作為例子。

假定一個開發訂餐軟件的客戶需要增加一個餐廳評級的選項，那我們該怎么做。那我們就開始吧：

之前的界面是在iPhone 5仍占有極大市場份額的時候所設計的，所以界面上一些小的單元格、logo、文本在新設備上查看時會變的更為密集，極大地影響用戶的操作。從上面對比圖你應該已經能看出一些不同，而下圖給你放大展現了我們做出改變的地方：

正如你所看到的，單元格之間的距離變的更遠了，現在的整體更為清晰且不會被互相影響。同時通過字體、字號的改變，信息層次也得到了改善，品牌的logo得到了突出。用戶現在完全可以通過logo找到自己的需求，而不是費勁地去閱讀餐廳的名字和信息。

我們做的另外一個工作就是排版，我們使用了Oswald的字體去做名稱和標簽。最初，我們只預計有一行標簽，但后來考慮到餐廳一些多樣化的優惠報價，所以現在采取了適應更多標簽的方式。

我們還考慮到了不同版本Android內系統字體和三星系統內choco cooky字體的可視化，在這一點上面，我們以添加Roboto作為自定義字體作為解決方法。

而對于評級的標志，我們愿意使用與酒店評分、米其林評分相同的星星標志，直觀且有意義。但我們同時也發現了一個問題，我們曾經使用星星作為用戶標記喜愛餐廳的標志，現在創新互聯就無法將這兩個標記同時放出，因為會引起用戶的困惑。我們不想產生近似標志含義不一致，也不想更改評分星星的設計。最后，我們通過增加了一個頁面，以告知用戶增加了新功能的方式去解決了這個問題。

（酷九合金社）

新聞名稱：毀掉APP設計的5個致命錯誤
當前URL：http://m.newbst.com/news/153212.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有App設計等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯