【電商原來是醬】這些設計網站 UI 經常犯的錯誤，網站設計師你還在犯嗎？

設計源於生活，細節成就品質。網站或電商的UI設計必然重要，什麼樣的方式可以把網站的設計變成主流，其實是值得探討與分析，有時候我的工作就是協助品牌改善用戶體驗，但是要切記沒有人的方案是唯一的真理，永遠有更好的。今天就來分享給大家一些這些Ui設計中裡經常犯的錯誤，身為網站經營者與電商業者你還在犯錯嗎？

一個頁面囊括一切在同一個網站視覺裡，這是最普遍、也是最糟糕的用戶體驗。緊湊的界面塞滿了按鈕，填滿了內容，整個頁面都是按鈕，這樣的體驗會讓消費者無從下手。

所有的選項在網站裡顯示，在一個頁面似乎創造了全局概覽，但問題是大腦最多只能理解9個選項，因此用戶99%的按鈕其實都不是常用的選項。

另外一個問題是按鈕要盡量緊鄰與其相關聯的內容，呈現更多的按鈕意味著失去視覺上的緊鄰原則。

用戶討厭滾動一方面的影響是在正確的時間沒有出現正確的內容，所以才在一開始瀏覽網站就要填滿更多的訊息來創造內容，在我的研究分析的結果中，大概有90%的用戶討厭滾動滑鼠鼠標。

其實問題不在於滾動滑鼠鼠標而是訊息量，把大量的訊息呈現在同一個界面並不代表用戶＝用戶都會注意到，反而會是用戶失去耐心然後跳出離去。

為了讓頁面更簡潔，就把所有的按鈕盡可能的放到下拉選單里，當然下拉選單也有好處，下拉選單可以讓網站更簡潔與專注，用戶更容易找到他所需要的訊息。

把你的界面想象成一個現實空間，如果你把一張紙放到一套抽屜里，在你找到他之前你需要打開每個抽屜，對於UI界面也一樣。好的平衡有很長的路要走，多久使用一次用品決定你是放在哪個頁面裡，如果你只有5個按鈕，就不需要放在下拉選單了，如果是6個，或許情況就不一樣了。

品牌需要有一個一致性的設計系統和品牌風格，所有的頁面都需要感覺一樣，這樣的好處是一致的視覺風格，設計系統驅動設計，有效的使用網站頁面設計，讓使用者可以針對品牌調性認識品牌。

網站表單該怎麽做？是讓一整頁的輸入表單，還是對表單分佈顯示，還是在分成3欄並顯示在同一頁，用戶討厭滑動滑鼠鼠標？主要的問題不在於頁面數量和表單數量，而是在同一時間多少個表單顯示在網頁上，就像按鈕一樣，在保證易用易讀的前提下，也應該盡可能減少到最小數量。

有時，如果輸入表單是一系列的任務或者有不同的重要次序，那麽就可以進行分頁展示。這樣能帶來更多的留白空間，頁面也具有輕鬆感；同時能讓用戶明白自己在做什麽，什麽是重要的，讓用戶具有驚奇感又感覺到輕鬆。

如果只有1-5個選項，就不要做成下拉式菜單，雖然會顯得簡潔優雅，但是用戶使用起來比較費力耗時，直接像收音機按鈕排列出來會是更簡單呈現的方式。

網站設計最注重是簡單易懂，如果盡量保持留白設計會對用戶感官視覺更清新，其實複雜的設計會讓用戶感覺疲勞，如果適度讓頁面留白，這樣就可以讓網站的清新度加分。

按鈕不超過9個，最好是5個

不到萬不得已不要用下拉選單

給每個頁面清晰簡潔的標題

不要有多重彈跳視窗

保持輸入表單設計成一欄

盡量保持留白設計

更多的電商與社群知識，請收聽電商原來是醬的 Podcast：https://linktr.ee/ecprotw
更多名家專欄都可以直接上，明日科學新媒體： www.tomorrowsci.com