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

  • 包含一切在網站視覺裡

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

  1. 訊息鋪天蓋地在網站裡

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

  1. 按鈕需要設計相關原則

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

  1. 用戶討厭滾動瀏覽

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

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

  • 下拉選單的好處分析

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

  1. 下拉選單平衡是關鍵

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

  • 設計需要一致性

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

  • 網站表單設計規劃

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

  • 品牌需要引導填入表單

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

  • 網站下拉選擇表單設計

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

  • 盡量保持留白設計

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

  • 最後總結回顧 

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

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

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

不要有多重彈跳視窗

保持輸入表單設計成一欄

盡量保持留白設計

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

You May Also Like

【FETPO電商代營運】電商數位運營專家教你如何在同質化電商競爭中脫穎而出

【FETPO電商代營運】電商數位運營專家教你如何在同質化電商競爭中脫穎而出 在如今電商發展的時代,市…

【互動體驗觀察】 線上購物膩了嗎?來SHOWFIELDS店裡「體驗」購物吧!

找回高漲的血拼之魂 想到「購物」你會想到什麼呢?是百貨公司週年慶,人滿為患、你爭我奪的戰場,或是大賣…

【互動體驗觀察】 AI人工智能如何延展遊戲型態 (3)

電玩遊戲的有機性,AI是關鍵嗎? 從出現在背景的跑龍套角色,到成為主導遊戲發展的主角玩家,人工智能下…

【蔡幸紋律師專欄】人家說「人呆才作保」,你知道保證人的責任嗎?

人家說「人呆才作保」,你知道保證人的責任嗎? 你知道保證人的法律責任嗎? 保證人於債權人未就主債務人…

【互動體驗觀察】 AI人工智能如何延展遊戲型態 (4)

電玩遊戲的有機性,AI是關鍵嗎? 上一篇我們看到GameGAN神奇的能力,也就是不倚賴遊戲引擎為架構…