2023-12-08|閱讀時間 ‧ 約 3 分鐘

【UX UI設計學堂】避免的五大 UX UI 設計錯誤

raw-image

在創建用戶體驗(UX)和用戶界面(UI)網頁設計時,設計師需要避免一些可能阻礙用戶體驗的常見錯誤。以下是一些需要避免的關鍵錯誤。

1. 忽視加載狀態(Loading Status)

在數據密集型的應用程式 App中,加載狀態是一個關鍵要素。有時候,你需要使用加載狀態,這樣所有內容才能正確地顯示

例如,你可以使用加載器或反映螢幕結構的骨架加載。這些加載元素可以讓用戶知道內容正在加載,並讓他們有耐心等待,而不是感到挫折。

Loading status stickers by tenor









Source: Tenor

2. 主要的手機按鈕(Primary Mobile Button)

當你的手機應用程式設計中有一個強大的主要按鈕時,請確保使用所有可用的寬度,只保留安全區域的邊距。這樣可以讓按鈕在小螢幕上更容易被注意到和點擊。如果按鈕太小或位置不當,可能會使用戶難以互動,導致流失。

Primary mobile button

Source: Roman Kamushken

3. 不直觀的 Icons

Icons 應該是使用者的捷徑,幫助他們更快地在介面中導航。然而,如果你的圖標複雜或含義不清,使用者可能會感到困惑,不知道該如何操作。為了避免這種情況,確保你的圖標簡單,直觀,並且與你的應用程式的功能和內容相關。










4. 視覺一致性

在視覺風格、間距或對齊上的不一致,會創造出一種零散和不專業的外觀。這可能會使你的應用程式看起來不專業,並使用戶感到困惑。為了創建一個流暢和一致的用戶體驗,確保你的設計元素(如顏色,字體,按鈕等)在整個應用程式中保持一致。

5. 無限滾動

如果你在手機應用程式中顯示大量的內容,選擇無限垂直滾動可以支持使用者的參與。無限滾動允許用戶繼續滾動並查看更多內容,而不需要點擊或執行其他操作。然而,過度使用無限滾動可能導致用戶感到厭煩或覺得內容過於冗長。因此,當實施無限滾動時,應該以用戶的需求和內容的類型為指導。

總的來說,為了創建一個成功的 UX 和 UI 網站設計,設計師需要避免這些常見的錯誤。


分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.