設計思考&UI&UX,讓你兼具設計力與軟實力

產品的服務對象大多為「人」,就從運用「以人為本」的設計思考來發想UI&UX設計策略吧!不論你是UI、UX設計或專案管理、產品經理等,除了專注核心設計能力之外,如果能夠全方位了解「設計思考、UI、UX」的綜合能力,可以讓你的設計更貼近使用者需求,並引領專案走向成功。





課程特色:全方位綜觀介面設計相關技巧

系統化教學|觀念引導▶觀看案例▶問題釐清▶解析建議▶實務經驗分享。

案例分享|透過設計案例分享,了解專案、團隊運作時會面臨哪些問題挑戰。

理論到實務應用|說明如何結合設計思考進入設計過程當中,不讓理論成為空談。




有網頁、程式、視覺設計設計背景的你,例如:

✔︎ UI & UX 設計師

✔︎ 前端工程師

✔︎ 視覺設計師

具有團隊管理身份的你,例如:

✔︎ PM(專案管理、產品設計師等)

✔︎ 團隊領導人

✔︎ 公司行銷團隊 (需與設計團隊溝通搭配者)

不在UI & UX領域發展,但對設計思考 & UI & UX有興趣的你,例如:

✔︎ 想轉職進入UI & UX領域發展者

✔︎ 社會新鮮人

✔︎ 學生


了解完整的UI & UX 設計專案流程。

能夠應用設計思考的概念,順利掌握使用者需求。

了解設計思考 & UI & UX的分工與關聯性,讓團隊專案進行更加順暢。

掌握UI設計重點,打造讓使用者容易上手的操作介面。

了解前端工程與其相關技能,及行動平台網頁開發模式。

能夠瞭解UX的互動機制、雛形規劃,及架構設計原理。

提高設計溝通效率,建立合作雙方彼此共識。


Q1.上課前,需要準備什麼呢?

一顆熱情無比的學習心情!

Q2.如果對於課程內容有問題,有地方可以向老師發問嗎?

可於課程討論區提問,講師會定期在平台上回答相關問題。

Q3.這門課要寫作業嗎?

這門課沒有設定作業,但是講師會於課程當中設計實作教學,學員可照著課程規劃實作教學來進行自我練習,加深學習印象。

Q4.我如何操作,才可以學習這堂課程? 募資預購又是什麼意思呢? 

■現在只要按下右方的「立即購買」,並按後續步驟操作,就可以成為本堂線上課程的其中一位學員!

❶ 若在 2018/8/8(三) 前達到 30 人的目標人數,即會確定開課 ; 正式課程預計在 2018/10/17(三) 上線 ; 上線後,您就可以無限次數、地點、時間,在 YOTTA 平台上觀看本堂課程!

❷ 若募資未成功,YOTTA 平台將會於募資結束後,退還全額課程費用。

Q5.募資預購時間到什麼時候? 

這堂課在 2018/7/5(四) ~ 2018/8/8(三) 開放課程預購,預購期間購課優惠 $1,280 元。 (2018/8/9 起將恢復原價 $1,980元)

Q6.這門課什麼時候開始上課? 

正式課程預計將於 2018/10/17 (三)上架喔!

且此為線上課程,在網路環境下就可以使用手機、平板、電腦等裝置觀看課程! 

Q7.這門課可以看多久? 

購課後享不限次數、永久觀看,可以一直看一直學!

Q8.可以問老師問題嗎? 

當然!歡迎到「購課問答」詢問 ; 當學習遇到問題時,也歡迎到「課程討論區」與老師同學一同互動。

Q9.我要如何購買課程呢? 

非常的簡單!在你的右手邊有「立即購買」的字樣,點進去就對啦!

Q10.目前有哪些付款方式呢? 

目前 YOTTA 提供三種付款方式: 

a/ 信用卡付款 (可使用 Visa / Master / JCB) 

b/ 超商代碼付款 (7-11、全家、萊爾富、OK 即可繳費) 

c/ ATM 轉帳

Q11.為什麼我已經付款了,訂單狀態仍顯示未付款? 

a/ 選擇「超商」方式付款,金流處理時間需 5~15 分鐘。 

b/ 選擇「ATM」方式付款,銀行金流處理時間需要 1 個工作天,等金流完成入帳後,「訂單狀態」將會轉為顯示「已付款」,再麻煩稍待幾天。

Q12.請問什麼時候會收到發票? 

當本堂課程募資結束後 10 個工作天,電子發票將會透過 E-mail 方式寄送電子發票給您。

Q13.我還有其他問題! 

請直接參考 YOTTA 平台操作說明:https://goo.gl/9a8DE

單元

26

預計總長

200分鐘

預計測驗

尚無測驗

  • ㄧ、前言 & 關於介面設計這件事
  • 1 前言|課程特色 試看  
  • 2 設計甘苦談|解答 UI & UX 設計師常見痛點 試看  
  • 3 設計團隊風格|認識團隊風格與角色分工 試看  
  • 二、設計思考(Design Thinking)
  • 4 設計思考是什麼?|了解設計思考定義及五大步驟 試看  
  • 5 步驟1|Empathy 同理心 試看  
  • 6 步驟2|Define 定義問題 試看  
  • 7 步驟3|Ideate 腦力激盪 試看  
  • 8 步驟4|Prototype 製作雛形 試看  
  • 9 步驟5|Test 進行測試 試看  
  • 10 設計思考整合|將設計思考導入工作流程或團隊合作方法 試看  
  • 三、使用者介面(UI)
  • 11 聊聊使用者介面 User Interface| APP UI 、 Web UI 及關鍵六大重點 試看  
  • 12 UI設計|排版、留白、及色彩的設計重點解析 試看  
  • 13 UI設計|字型使用與限制、文案設計的關鍵 試看  
  • 14 打造介面熟悉度|利用元素及視覺暗示打造使用者熟悉介面 試看  
  • 15 提升操作進度|善用訊息、狀態、進度等技巧,讓操作體驗加分 試看  
  • 16 前端工程介紹|相關技能說明、常用工具與瀏覽器問題大解密 試看  
  • 17 APP v.s. RWD|行動網頁設計模式與相關概念說明 試看  
  • 四、使用者經驗(UX)
  • 18 從 UI 到 UX|UX 觀念介紹、與 UI 搭配的方式 試看  
  • 19 聊聊使用者經驗|UX 介紹、應用與案例介紹 試看  
  • 20 營造良好互動|建立互動回饋與防呆設計 試看  
  • 21 善用雛形規劃|Wireframe、Mockup、Prototype 與相關軟體操作技巧 試看  
  • 22 設計資訊架構|認識資訊架構,了解應用方式,打造順暢瀏覽歷程 試看  
  • 23 了解你的使用者|利用人物誌與故事板技巧,了解使用者需求與痛點的方法 試看  
  • 24 如何進行 UX 測試|介紹 A / B Test、任務指派法、Speak Loud 方法取得設計回饋 試看  
  • 五、結論
  • 25 帶領一個成功的設計|介紹專家經驗分享、團隊領導方法與相關職涯分享 試看  
  • 26 持續成長|建立良好流程,持續取得設計反饋,讓自己與團隊成長 試看  

開始分享你的學習成果吧!

這裡是專屬於課堂學員及老師可以互動的作業區,學員們可以透過實際操作來複習課程中所學習到的內容,作業完成後只要簡單上傳到平台裡,就能得到更多老師的指點唷!同時,在這裡也可以觀摩其他學員的成果,一起來互相切磋吧!

<%if list.length == 0 %>

尚無作業

老師還沒有出作業唷!

<%else%><%props list%>

作業<%>~numToZH(~toInt(key) + 1)%>

<%if prop.type == 'image' %> 圖片檔 <%else prop.type == 'pdf' %> picture_as_pdfPDF <%else prop.type == 'youtube' %> Youtube 影片連結 <%else prop.type == 'ppt' %> PowerPoint <%else prop.type == 'sound' %> 錄音檔 <%/if %>

<%:prop.title%>

<%/props%><%/if%>

作業觀摩

目前還沒有任何學員上傳作業喔!來當第一個吧~

<%props data%>

<%if prop.type == 'image' %> <%else prop.type == 'pdf' %> picture_as_pdf <%else prop.type == 'youtube' %> <%else prop.type == 'ppt' %> <%else prop.type == 'sound' %> <%/if %> 作業<%>~numToZH(~toInt(key) + 1)%> <%:prop.title%>

<%props prop.rows %>
<%if prop.type == 'image'%>
<%else prop.type == 'pdf' %>
picture_as_pdf
<%else prop.type == 'youtube' %>
<%else prop.type == 'ppt' %>
<%else prop.type == 'sound' %>
<%/if %>
<%if prop.isAuthor and prop.visible == 1 %> <%/if %>

<%:~formatDate(prop.create, 'YYYY-MM-DD')%>

<%:prop.title%>

<%:prop.user%>

<%if prop.isAuthor %> 刪除 編輯 <%/if %>

<%:prop.comment_count%>

<%/props%>
<%/props%>

錄音 <%:~numToZH(sort + 1)%>

錄音 <%:~numToZH(sort + 1)%>

來關注最新的課程資訊吧!

這裡是專屬課程的公告區,老師將在此發佈與課程相關的重要資訊,您可以在此看到所有與課程有關的最新公告。

尚無公告

老師還沒有發佈公告唷!

<%props data%>

<%:~formatDate(prop.publishDate, 'YYYY/MM/DD')%>

<%:prop.title%>

<%:prop.content%>
<%/props%>

回頂端