這些雷別踩!UIUX設計師的遊戲化學習網站-Uxcel

更新 發佈閱讀 3 分鐘


在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」

每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到!

實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習管道和工具書,以下就來介紹 Uxcel!

Uxcel 首頁

Uxcel 首頁

以自己的節奏學習使用者體驗設計,透過引導和短小有趣的學習,效果顯著又有趣味。

Uxcel 正是想透過簡單趣味的互動來讓設計師輕鬆學習用戶體驗設計!

Uxcel 的遊戲學習是如何進行的呢?

Uxcel 認為透過實際操作學習效果最佳。因此,在 Uxcel 的課程中,我們可以先做題目 — 從練習問題中選擇答案 — 然後再「學習」 — 閱讀關於正確答案的解釋、背景資訊和延伸內容。反覆進行此測驗和學習循環,不斷參與,並能更有效地從錯誤中學習。

來分享這陣子我使用 Uxcel,特別喜歡的 4 個設計:

1、多元且不斷更新的學習主題

Uxcel 課程內容

Uxcel 課程內容

在 Uxcel 裡,可以一次學到用戶體驗基礎知識、介面設計、交互設計、用戶研究…等等我們能聯想到用戶體驗的各個技能,小至體驗寫作與設計理論、大至團隊領導都有。

這些主題都是不斷更新和擴充的,像近期就有推出針對 Apple Vision Pro 的介面課程。此外,課程的篇幅都不會太長、太過於複雜,課程大多被切成設計中的小概念去規劃,利用午休的時間基本上就能輕鬆完成一個課程(Lessons)。

課程類型分為兩種,分別為「培訓班(Courses)」和「課程(Lessons)」:

・培訓班(Courses):內容較長,以設計的大方向、主要技能為主,會將每個主題內容拆的更細去做學習,完成全部課程後,可以它們的申請證書,特別的是,證書是可以放上 LinkedIn 的呢~

Uxcel 課程證書

Uxcel 課程證書

・課程(Lessons):以小功能或設計區塊為主,內容選項更豐富,會直接跟你分享在特定功能中,怎麼做會更好、哪些細節是需要注意的?

raw-image

以上2種課程都會搭配文章和遊戲積分來達到學習的目的,我們可以自行選擇要先閱讀文章還是直接做題目拿積分。過程中都是很流暢、不會有壓力的,答錯了也沒關係,遊戲最後會再幫你複習一次!

2、明確的 do’s and don’ts

身為一人設計師,這個功能真的給我很大的幫助!一人設計常常會遇到沒有注意到的眉角,uxcel 的主題功能課程多少都能補足這一點。我習慣設計某特定區塊或功能前,先翻翻 uxcel 裡的課程有無相關的課程。

像以設計選項 Tab 區塊來說, uxcel 會明確點出設計 Tab 導覽列的過程中有哪些要注意的地方,在設計時就能清楚知道哪些地雷不能碰。

raw-image


3、各種文章內容補充

在每個課程或題目結尾,都會提供延伸的文章閱讀,可以獲得更深入、更多數據佐證的補充,由淺入深的學習在UI上是最合適的!有時候還會挖到不少寶藏網站

raw-image
raw-image


4、無處不在的「收藏」功能

相信我們每次在看文章的時候,一定都會針對金句或是特別實用的地方打星號!Uxcel 在網站中每個知識點都加入了「收藏」icon,我們可以很輕易得透過這個功能搜集自己可能會常忽略的設計細節、或是未來可以實踐的設計點子,非常的貼心~

也可以透過過濾器或搜尋匡來精準找出自己收藏的區塊!

raw-image


結語

Uxcel 其實還有更多功能是我這此篇文章沒有提到的,像是職業培訓規劃、實際挑戰演練、社群競賽和履歷求職…等等,其實都很有趣!不過目前重心放在好好吸收主要課程的內容,所以這次就先分享這些內容!

整體上我是相當滿意 Uxcel 所提供學習內容(甚至成了付費會員),如果要我給它 3 個形容詞總結,那會是:系統化的、沒有壓力的和有趣的,有興趣的朋友都可以使用它的免費版看看喔!

如果這篇文章對你有幫助,也可以透過我的連結開始 Uxcel!https://app.uxcel.com/join/BQ908GJUDQ6S


留言
avatar-img
留言分享你的想法!
avatar-img
K的下班後一角
18會員
17內容數
自我成長上的小發現
K的下班後一角的其他內容
2024/05/11
本文記錄 1/27~1/28 參加臺南青年職涯發展中心舉辦的 「SEO不只是入門-進階實際應用班」講座。講座內容相當扎實,包含SEO概念與內容佈局,進階SEO技術,以及數據分析應用。另外,文章也提到了SEO的工作內容和目標,以及關於SEO演算法因素和網站架構的相關資訊。
Thumbnail
2024/05/11
本文記錄 1/27~1/28 參加臺南青年職涯發展中心舉辦的 「SEO不只是入門-進階實際應用班」講座。講座內容相當扎實,包含SEO概念與內容佈局,進階SEO技術,以及數據分析應用。另外,文章也提到了SEO的工作內容和目標,以及關於SEO演算法因素和網站架構的相關資訊。
Thumbnail
2024/02/27
這篇文章紀錄瞭如何透過新社群平臺Threads提升公司品牌曝光的過程,以及一些成功的策略和方法。文章分享了Threads的特點,以及一些在這個平臺上有效的行銷策略。
Thumbnail
2024/02/27
這篇文章紀錄瞭如何透過新社群平臺Threads提升公司品牌曝光的過程,以及一些成功的策略和方法。文章分享了Threads的特點,以及一些在這個平臺上有效的行銷策略。
Thumbnail
2024/01/19
以往對於macOS系統都不會追求要更新到最新版本,儘管許多人推的macOS Sonoma免費版釋出後,也遲遲沒有升級XD。 直到知道升級後就能透過App Store下載copilot使用GPT-4就衝動更新了!(有聽說部分人的網頁版就可以直接選擇GPT-4?)
Thumbnail
2024/01/19
以往對於macOS系統都不會追求要更新到最新版本,儘管許多人推的macOS Sonoma免費版釋出後,也遲遲沒有升級XD。 直到知道升級後就能透過App Store下載copilot使用GPT-4就衝動更新了!(有聽說部分人的網頁版就可以直接選擇GPT-4?)
Thumbnail
看更多
你可能也想看
Thumbnail
去歐洲真的是又興奮又緊張。網路上常說歐洲治安不好,行前說明會時領隊也提醒:「不要背後背包,隨身物要放在前面比較安全!」 但出國玩總是想打扮得美美的啊~而且隨身總得帶些實用小物:雨傘、濕紙巾、小瓶水、萬用藥膏……體積雖小,但零零總總裝起來也不少。我在蝦皮購買了這4樣超實用旅遊好物!減緩我的焦慮感。
Thumbnail
去歐洲真的是又興奮又緊張。網路上常說歐洲治安不好,行前說明會時領隊也提醒:「不要背後背包,隨身物要放在前面比較安全!」 但出國玩總是想打扮得美美的啊~而且隨身總得帶些實用小物:雨傘、濕紙巾、小瓶水、萬用藥膏……體積雖小,但零零總總裝起來也不少。我在蝦皮購買了這4樣超實用旅遊好物!減緩我的焦慮感。
Thumbnail
開箱 3 套深受 0-6 歲寶寶喜愛的互動式童書,包含 Bizzy Bear 推拉書、小小音樂大師有聲書、Poke A Dot 泡泡書,有效提升寶寶閱讀興趣與親子共讀時光。搭配蝦皮雙 11 購物攻略,教你如何鎖定免運、折價券、高額回饋,並透過蝦皮分潤計畫,將日常購物開銷轉化為穩定育兒基金,聰明消費。
Thumbnail
開箱 3 套深受 0-6 歲寶寶喜愛的互動式童書,包含 Bizzy Bear 推拉書、小小音樂大師有聲書、Poke A Dot 泡泡書,有效提升寶寶閱讀興趣與親子共讀時光。搭配蝦皮雙 11 購物攻略,教你如何鎖定免運、折價券、高額回饋,並透過蝦皮分潤計畫,將日常購物開銷轉化為穩定育兒基金,聰明消費。
Thumbnail
本篇整理至 edX UX Research 線上免費課程。 UX (user experience),也有人稱 UE,指的是一個產品所帶給使用者的感受。在這個「以人為本」的時代,機器是用來服務人類,因此要創造宜人的產品便是首要目標。 UX writing 是 UX writer 使用語言達到提升
Thumbnail
本篇整理至 edX UX Research 線上免費課程。 UX (user experience),也有人稱 UE,指的是一個產品所帶給使用者的感受。在這個「以人為本」的時代,機器是用來服務人類,因此要創造宜人的產品便是首要目標。 UX writing 是 UX writer 使用語言達到提升
Thumbnail
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
在開頭我想直接說「uxcel真的是我相見恨晚的一個學習管道!」 每每繪製新產品或功能UI,一定會在電腦前苦惱「要選擇A做法好,還是B做法好?」、「設計側邊菜單有沒有什麼訣竅?」,或是設計稿都快完成了,才發現還有小細節沒有做到! 實際使用 Uxcel 一個月下來,我想它對於設計師可以是一個學習
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
每周一篇文章的讀書會心得報告摘要與筆記,本次分享文章為:UI/UX哪裡不同?白話文一次搞懂UX/UI。 1.UX 和UI有什麼不一樣? 2.UX:使用者體驗 User Experience 3.UI:使用者介面 User Interface 4.UX 和UI如何影響彼此? 5.UX 和UI職能大不同
Thumbnail
上完Hahow產品設計實戰課程心得分享,分析要點將從以下4點探討 1. 課程規劃 2. 教學風格 3. 講義素材 4. 其他想法 適合對象:UIUX新手與對UI感興趣的轉職者
Thumbnail
上完Hahow產品設計實戰課程心得分享,分析要點將從以下4點探討 1. 課程規劃 2. 教學風格 3. 講義素材 4. 其他想法 適合對象:UIUX新手與對UI感興趣的轉職者
Thumbnail
找到你想成為的設計師典範,盡可能主動模仿學習。這個設計師可以是公司的主管,或是某某產業的專家,甚至坐你旁邊的同事。仔細觀察他的成長路徑和工作模式。如果可以的話,也可以試著透過Messenger或Linkedin社交軟體接觸,了解他是如何站上今天這個位置,或許能得到一些意外的收穫,少走一點冤枉路。
Thumbnail
找到你想成為的設計師典範,盡可能主動模仿學習。這個設計師可以是公司的主管,或是某某產業的專家,甚至坐你旁邊的同事。仔細觀察他的成長路徑和工作模式。如果可以的話,也可以試著透過Messenger或Linkedin社交軟體接觸,了解他是如何站上今天這個位置,或許能得到一些意外的收穫,少走一點冤枉路。
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
這次要來介紹的《打造成功 UI/UX 的 50 個關鍵》,非常適合「完全零基礎」的初學者,想轉職介面設計師,卻苦惱不知道從何開始的你,趕快來看看吧!
Thumbnail
深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
Thumbnail
深入淺出介面設計講座 即使這個講座,本意是給大學生或社會新鮮人,提供他們成為UI設計師路上的一些小建議。 但我認為這個講座的內容也非常適合想要轉職UI設計師、或已經成功成為UI設計師的你們,這場講座可以幫助你看清楚一些事情、一些或許可以再努力看看的方向。
Thumbnail
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
Thumbnail
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
Thumbnail
自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。
Thumbnail
自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。
Thumbnail
這篇文章會分享我平常關注的設計資訊來源以及淺談當初是如何自學Sketch,把自己當初從平面設計轉到介面設計時所收集的一些資源分享在這篇文章中,提供給初學及入門的人參考。
Thumbnail
這篇文章會分享我平常關注的設計資訊來源以及淺談當初是如何自學Sketch,把自己當初從平面設計轉到介面設計時所收集的一些資源分享在這篇文章中,提供給初學及入門的人參考。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News