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

更新於 2024/12/07閱讀時間約 2 分鐘
raw-image

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

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

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

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

Loading status stickers by tenor

Loading status stickers by tenor









Source: Tenor

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

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

Primary mobile button

Primary mobile button

Source: Roman Kamushken

3. 不直觀的 Icons

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

raw-image










4. 視覺一致性

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

5. 無限滾動

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

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


avatar-img
12會員
301內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Digiworld的沙龍 的其他內容
使用者介面(UI)網頁設計中的 Icon 是一種強大的工具,可以幫助使用者更易理解和使用你的產品或服務。然而,如果沒有正確使用,它們也可能造成混淆和誤解。以下是一些如何在 UI 設計中使用 Icon 的建議。
在數字化快速發展的今天,許多企業仍在使用Excel進行行政工作。雖然Excel擁有強大的數據處理和分析能力,但其使用也存在許多限制,例如操作複雜、難以進行大規模數據管理和分析,以及無法實現自動化處理等。 No Code AI
Marcus Cederberg是一位來自瑞典的藝術家,他以其獨特的極簡主義視覺藝術作品而聞名。他的作品備受讚譽,並在全球範圍內的藝術圈中產生了深遠影響。
Elon Musk,這位Tesla的創辦人,一直以其大膽的創新和不懼挑戰的態度引人注目。去年,他以440億美元的價格收購了Twitter,並立即進行了一系列影響深遠的改革。最近,他再次引起了全球的關注,宣布將Twitter改名為「X」,並將11年來的經典藍鳥標誌替換為黑白二色的「X」新標誌。
隨著科技與社會的快速變化,內容創作和營銷的策略也需要不斷調整與創新。在這篇文章中,我們將探討2024年的幾個主要趨勢,包括社交媒體的演變,如何有效吸引回頭客,新式內容創作者的思維方式,以及小眾市場的內容營銷策略。
航空公司為避免因部分乘客誤機而造成的損失,經常會賣出比機位多的機票,形成所謂的「超賣」狀況。然而,當所有乘客都準時登機時,航空公司便必須找出願意讓出機位的乘客,並向其提供補償。近日,一段達美航空因超賣機票而向乘客喊價的影片在社交媒體上引起熱議。
使用者介面(UI)網頁設計中的 Icon 是一種強大的工具,可以幫助使用者更易理解和使用你的產品或服務。然而,如果沒有正確使用,它們也可能造成混淆和誤解。以下是一些如何在 UI 設計中使用 Icon 的建議。
在數字化快速發展的今天,許多企業仍在使用Excel進行行政工作。雖然Excel擁有強大的數據處理和分析能力,但其使用也存在許多限制,例如操作複雜、難以進行大規模數據管理和分析,以及無法實現自動化處理等。 No Code AI
Marcus Cederberg是一位來自瑞典的藝術家,他以其獨特的極簡主義視覺藝術作品而聞名。他的作品備受讚譽,並在全球範圍內的藝術圈中產生了深遠影響。
Elon Musk,這位Tesla的創辦人,一直以其大膽的創新和不懼挑戰的態度引人注目。去年,他以440億美元的價格收購了Twitter,並立即進行了一系列影響深遠的改革。最近,他再次引起了全球的關注,宣布將Twitter改名為「X」,並將11年來的經典藍鳥標誌替換為黑白二色的「X」新標誌。
隨著科技與社會的快速變化,內容創作和營銷的策略也需要不斷調整與創新。在這篇文章中,我們將探討2024年的幾個主要趨勢,包括社交媒體的演變,如何有效吸引回頭客,新式內容創作者的思維方式,以及小眾市場的內容營銷策略。
航空公司為避免因部分乘客誤機而造成的損失,經常會賣出比機位多的機票,形成所謂的「超賣」狀況。然而,當所有乘客都準時登機時,航空公司便必須找出願意讓出機位的乘客,並向其提供補償。近日,一段達美航空因超賣機票而向乘客喊價的影片在社交媒體上引起熱議。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
「你是公司首位 UX Writer,我們不知道你該怎麼做,要由你來告訴我們怎麼解決問題。」這是我今年面試的時候主管跟我說的話。想知道 UX Writer 在幹嘛的各位,讓這篇來替你解答吧!
Thumbnail
在設計的世界裡,字體遠遠不止是文字的表達,它們是情感的傳遞者,是風格的塑造者。選擇正確的字體對於達成溝通目的至關重要。一個不恰當的字體選擇可能會讓你的設計失去本應有的魅力。為此,我們在這裡推薦一系列與不同情緒相匹配的字體,讓你的設計作品更加精準地傳達出想要的感覺。
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
UI(使用者介面)設計對於用戶體驗至關重要。一個好的UI設計可以讓用戶輕鬆地與應用互動,而糟糕的設計則可能導致用戶感到困惑甚至沮喪。本文將探討五個UI 設計在App開發中常見的錯誤,並提供相應的解決策略。
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
從零開始:給0經驗UI/UX轉職者的心靈雞湯與實用乾貨 在本來的行業感到迷惘 我是原白色,本來在一個跟UI/UX八竿子打不著的紡織領域,在人生迷惘非常久之後的2021年,某個可能是覺得「我受夠啦!」的時刻,或是「就要這樣一輩子了嗎?」的低谷心情,我開始了認真有了轉職的念頭,而且不僅止於想像...
Thumbnail
Figma是一款專門製作UI介面的設計師專用軟體,目前在台灣UIUX的工作者大多使用Figma居多。想學習Figma進入UIUX設計職涯,推薦你一個可以有系統的學習Figma的線上課程,Simon老師的 【 產品設計實戰:用Figma打造絕佳UI/UX 】 。
Thumbnail
近年因為疫情的關係,蘋果公司將年度全球開發者大會WWDC( Apple Worldwide Developers Conference)改為全線上舉行,並在台灣時間6月23日(2021年),由蘋果工程主管輪番上陣講解iOS、iPadOS、macOS、tvOS與watchOS等系統軟體的最新發展。
Thumbnail
後疫情時代,線上學習成為趨勢,改變了人們獲取知識的途徑,更加快了去中心化的進程,愈來愈多設計師開始經營自己的youtube, blog, IG甚至開始踏入Podcasts的領域等等。尤其,這幾個月看到台灣Podcasts大爆發,所以小弟整理一些不錯的節目推給大家~~
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
「你是公司首位 UX Writer,我們不知道你該怎麼做,要由你來告訴我們怎麼解決問題。」這是我今年面試的時候主管跟我說的話。想知道 UX Writer 在幹嘛的各位,讓這篇來替你解答吧!
Thumbnail
在設計的世界裡,字體遠遠不止是文字的表達,它們是情感的傳遞者,是風格的塑造者。選擇正確的字體對於達成溝通目的至關重要。一個不恰當的字體選擇可能會讓你的設計失去本應有的魅力。為此,我們在這裡推薦一系列與不同情緒相匹配的字體,讓你的設計作品更加精準地傳達出想要的感覺。
Thumbnail
設計師經常尋找可以提升工作效率和創意的資源。幸運的是,Figma社群總是樂於分享,這裡我們整理了一些免費的Figma檔案和設計資源,幫助你在App/ 網頁設計界面(UI)和呈現方面更上一層樓。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
UI(使用者介面)設計對於用戶體驗至關重要。一個好的UI設計可以讓用戶輕鬆地與應用互動,而糟糕的設計則可能導致用戶感到困惑甚至沮喪。本文將探討五個UI 設計在App開發中常見的錯誤,並提供相應的解決策略。
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
從零開始:給0經驗UI/UX轉職者的心靈雞湯與實用乾貨 在本來的行業感到迷惘 我是原白色,本來在一個跟UI/UX八竿子打不著的紡織領域,在人生迷惘非常久之後的2021年,某個可能是覺得「我受夠啦!」的時刻,或是「就要這樣一輩子了嗎?」的低谷心情,我開始了認真有了轉職的念頭,而且不僅止於想像...
Thumbnail
Figma是一款專門製作UI介面的設計師專用軟體,目前在台灣UIUX的工作者大多使用Figma居多。想學習Figma進入UIUX設計職涯,推薦你一個可以有系統的學習Figma的線上課程,Simon老師的 【 產品設計實戰:用Figma打造絕佳UI/UX 】 。
Thumbnail
近年因為疫情的關係,蘋果公司將年度全球開發者大會WWDC( Apple Worldwide Developers Conference)改為全線上舉行,並在台灣時間6月23日(2021年),由蘋果工程主管輪番上陣講解iOS、iPadOS、macOS、tvOS與watchOS等系統軟體的最新發展。
Thumbnail
後疫情時代,線上學習成為趨勢,改變了人們獲取知識的途徑,更加快了去中心化的進程,愈來愈多設計師開始經營自己的youtube, blog, IG甚至開始踏入Podcasts的領域等等。尤其,這幾個月看到台灣Podcasts大爆發,所以小弟整理一些不錯的節目推給大家~~