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

更新於 2023/12/13閱讀時間約 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
15會員
17內容數
自我成長上的小發現
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
K的下班後一角 的其他內容
近期公司產品在進行訂閱頁面改版,因此針對這塊做了不少功課,整理了8個在設計訂閱頁時,可以注意的原則。 當初在設計訂閱頁時確實覺得蠻棘手,畢竟它是讓用戶付款最後接觸的主要頁面之一啊!要讓用戶轉化成訂閱用戶,頁面要確保讓用戶清楚地知道網站方案、功能差異和各方案定價,但又不能過於複雜,瀏覽起來負荷過重.
近期公司產品在進行訂閱頁面改版,因此針對這塊做了不少功課,整理了8個在設計訂閱頁時,可以注意的原則。 當初在設計訂閱頁時確實覺得蠻棘手,畢竟它是讓用戶付款最後接觸的主要頁面之一啊!要讓用戶轉化成訂閱用戶,頁面要確保讓用戶清楚地知道網站方案、功能差異和各方案定價,但又不能過於複雜,瀏覽起來負荷過重.
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
還記得前幾年紅極一時的前陣子<梨泰院>,2023年初爆紅的<黑暗榮耀>,還有最近頗具討論度的<絕世網紅>,我們乘著熱潮興沖沖的按下了播放鍵,陷入華麗的復仇佈局,一開始,主角總命運多舛,壞人總囂張跋扈,讓人心疼心恨;中段主角開始捲土重來、走路有風,壞人開始瑟瑟發抖、氣急敗壞、高喊西班牙,然後,反派轉
Thumbnail
本文由好好玩授權提供,原文出處在此 夜市是台灣小吃的精華集大成,寧夏夜市又是個歷史超過 70 年的夜市之祖,美食之多可想而知。位於民生西路、南京西路與重慶北路中間路段的寧夏觀光夜市,不只是熱門台北夜市,裡頭還隱藏許多家米其林必比登街頭美食,本篇整理 18 家寧夏夜市必吃人氣美食、排隊小吃,到底台北的
Thumbnail
「場景經理」是電影製作前期的第一線重要工作,可以說是比各主創還要早進入視覺的創作者,幫大家把劇本的世界觀定下來。 採訪整理=王藝樺 圖片=新北市協拍中心(本文出自《新北市文化》季刊第41期 | Cover Story:尋找新北創作場景) 新北瑞芳水湳洞  受訪者介紹:顧立綱 場景經理。參與影視作品
Thumbnail
你知道什麼程式語言讓工程師最崩潰嗎?根據國外工程師論壇統計,列出了各式各樣的程式語言,甚至有些還是現今熱門的語言喔!想知道的話就來瞧瞧吧!
Thumbnail
這部美劇有著媲美電影的質感,少了許多電視劇的庸俗和拖沓,多了電影的細膩紋理和節奏,幾乎可說是以電影美感來製作的電視劇,令人驚艷。本篇將以影像分析的角度切入,解析美劇版《使女的故事》如何透過視覺協助觀眾建立對故事背景設定的理解。
Thumbnail
「你睡那邊比較不會吵。」我不喜歡別人對我的刻意溫柔,所以我不聽的話沒睡在那寂靜的角落。最後,我睡在離大海與太陽最近的地方,在冬天的海平面上,到處都是燈,一整排的燈塔正指引著回家的人,我就睡在那,然後乞求他們給我一點能量。
Thumbnail
因著這一年在工作的不順遂及身心靈極度的匱乏,為了解決三餐的問題,大概一個多月前我開始不固定的在租屋處附近的恩友聚會。恩友是台灣就我所知唯一關懷街友跟提供餐食的基督教機構,提供遊民一日兩餐及沐浴的服務。 坦白說,基於讀書人的虛榮心,在加上過去因為有穩定工作,自然也不會想要跑去跟一群街友共同聚會共同用餐
Thumbnail
上次提到面試時最重要的就是聽懂對方的問題,艾兒莎還想補充一些面試的小技巧。
Thumbnail
定期觀賞一個我很喜歡的YouTuber的Vlogmas,我尤最欣賞她的bullet journal,簡單乾淨,沒有過多的花樣,很實在。當我看到她在Relationship關係這一欄寫著。。。
Thumbnail
戰地記者,一個多麼神秘、奇幻的職業。多數人可能對它相當陌生,因為台灣人從事這行業的人寥寥無幾。對於這項職業所需具備的能力,有不少的報導,甚至是現身說法的紀錄也有,故此篇將來思考這個行業存在的必要性。
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
還記得前幾年紅極一時的前陣子<梨泰院>,2023年初爆紅的<黑暗榮耀>,還有最近頗具討論度的<絕世網紅>,我們乘著熱潮興沖沖的按下了播放鍵,陷入華麗的復仇佈局,一開始,主角總命運多舛,壞人總囂張跋扈,讓人心疼心恨;中段主角開始捲土重來、走路有風,壞人開始瑟瑟發抖、氣急敗壞、高喊西班牙,然後,反派轉
Thumbnail
本文由好好玩授權提供,原文出處在此 夜市是台灣小吃的精華集大成,寧夏夜市又是個歷史超過 70 年的夜市之祖,美食之多可想而知。位於民生西路、南京西路與重慶北路中間路段的寧夏觀光夜市,不只是熱門台北夜市,裡頭還隱藏許多家米其林必比登街頭美食,本篇整理 18 家寧夏夜市必吃人氣美食、排隊小吃,到底台北的
Thumbnail
「場景經理」是電影製作前期的第一線重要工作,可以說是比各主創還要早進入視覺的創作者,幫大家把劇本的世界觀定下來。 採訪整理=王藝樺 圖片=新北市協拍中心(本文出自《新北市文化》季刊第41期 | Cover Story:尋找新北創作場景) 新北瑞芳水湳洞  受訪者介紹:顧立綱 場景經理。參與影視作品
Thumbnail
你知道什麼程式語言讓工程師最崩潰嗎?根據國外工程師論壇統計,列出了各式各樣的程式語言,甚至有些還是現今熱門的語言喔!想知道的話就來瞧瞧吧!
Thumbnail
這部美劇有著媲美電影的質感,少了許多電視劇的庸俗和拖沓,多了電影的細膩紋理和節奏,幾乎可說是以電影美感來製作的電視劇,令人驚艷。本篇將以影像分析的角度切入,解析美劇版《使女的故事》如何透過視覺協助觀眾建立對故事背景設定的理解。
Thumbnail
「你睡那邊比較不會吵。」我不喜歡別人對我的刻意溫柔,所以我不聽的話沒睡在那寂靜的角落。最後,我睡在離大海與太陽最近的地方,在冬天的海平面上,到處都是燈,一整排的燈塔正指引著回家的人,我就睡在那,然後乞求他們給我一點能量。
Thumbnail
因著這一年在工作的不順遂及身心靈極度的匱乏,為了解決三餐的問題,大概一個多月前我開始不固定的在租屋處附近的恩友聚會。恩友是台灣就我所知唯一關懷街友跟提供餐食的基督教機構,提供遊民一日兩餐及沐浴的服務。 坦白說,基於讀書人的虛榮心,在加上過去因為有穩定工作,自然也不會想要跑去跟一群街友共同聚會共同用餐
Thumbnail
上次提到面試時最重要的就是聽懂對方的問題,艾兒莎還想補充一些面試的小技巧。
Thumbnail
定期觀賞一個我很喜歡的YouTuber的Vlogmas,我尤最欣賞她的bullet journal,簡單乾淨,沒有過多的花樣,很實在。當我看到她在Relationship關係這一欄寫著。。。
Thumbnail
戰地記者,一個多麼神秘、奇幻的職業。多數人可能對它相當陌生,因為台灣人從事這行業的人寥寥無幾。對於這項職業所需具備的能力,有不少的報導,甚至是現身說法的紀錄也有,故此篇將來思考這個行業存在的必要性。