bwboao
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
      • Invitee
    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Engagement control
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Versions and GitHub Sync Engagement control Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
Invitee
Publish Note

Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note

Your note will be visible on your profile and discoverable by anyone.
Your note is now live.
This note is visible on your profile and discoverable online.
Everyone on the web can find and read all notes of this public team.
See published notes
Unpublish note
Please check the box to agree to the Community Guidelines.
View profile
Engagement control
Commenting
Permission
Disabled Forbidden Owners Signed-in users Everyone
Enable
Permission
  • Forbidden
  • Owners
  • Signed-in users
  • Everyone
Suggest edit
Permission
Disabled Forbidden Owners Signed-in users Everyone
Enable
Permission
  • Forbidden
  • Owners
  • Signed-in users
Emoji Reply
Enable
Import from Dropbox Google Drive Gist Clipboard
   owned this note    owned this note      
Published Linked with GitHub
Subscribed
  • Any changes
    Be notified of any changes
  • Mention me
    Be notified of mention me
  • Unsubscribe
Subscribe
--- tags: 棉被 --- # 關於交大UX的課程 >看到每學年最豐富的UX相關課程開始上了,想說可以好好整理一番。原本想先來整理筆記,不過發現先整理修過的課可能比較好,也讓我自己重新整理自己學過了什麼,忘記了什麼。 > > 這篇是給對UX有興趣想要在交大修課的人看的。 先放上我自己修過了那些UX/HCI相關課程: - 二下 - 使用者經驗與易用性評估(英文授課)[綱要](https://timetable.nctu.edu.tw/?r=main/crsoutline&Acy=106&Sem=2&CrsNo=5243&lang=zh-tw) - 三上 - 使用者中心互動介面設計(英文授課)[綱要](https://timetable.nctu.edu.tw/?r=main/crsoutline&Acy=107&Sem=1&CrsNo=5223&lang=zh-tw) - 三下 - 設計思考與理論 [綱要](https://timetable.nctu.edu.tw/?r=main/crsoutline&Acy=107&Sem=2&CrsNo=5778&lang=zh-tw) - 四上 - 互動介面研究與實作(英文授課) [綱要](https://timetable.nctu.edu.tw/?r=main/crsoutline&Acy=108&Sem=1&CrsNo=5778&lang=zh-tw) ## 如何開始? ![偷自NCTU+暑訓](https://i.imgur.com/rB2VD76.jpg) 我一開始接觸這個領域是在NCTU+裡面有人傳播的知識,後來就被推薦來上UXE(使用者經驗與易用性評估)跟UCD(使用者中心互動介面設計)這兩門課程。如果想要入門的,可以先讀Don Norman的設計的心理學這本書,圖書館也有英文版本的Design in everyday things。當然自己多看多查能更快了解。 *如果完全是新的接觸者,我建議你先停下來,搜尋一下“UI vs UX”或是其他簡單介紹UX概念的文章再回來閱讀會比較容易理解。* 我現在仍然會分成UX(使用者經驗)和HCI(人機互動)兩個方向看,但許多人都有自己一套理解人因工程這個領域的方式,所以多看看,從歷史到現在的UX跟HCI都是在轉變的。 下面是我簡單的介紹。 ### UX 在交大,尤其堂課是開在資工系所得課程,所以我們面對UX就是網頁、app等產品UI(使用者介面)的使用者經驗。Stanley會帶你們經過各種不同research,分析這個產品的UX是好或是壞。之後透過design thinking(設計思考)的模式慢慢發展,最後design自己的產品流程等等。 從UI的擺放、UI是否易於理解、操作UI的流程等等,任何會影響使用者「使用」這個產品、UI的元素都算在UX的範圍內。有很多前輩們走過的冤枉路告訴我們如何做。**其中最重要的就是了解使用者**,所以我們會做user research。了解使用者過後,我們會透過design thinking的各種方式接近我們最後想要完成的設計。 Design thinking這個工具不是UX的專屬,他有非常多不同面向的操作方式跟思考上的撇步使你發揮更多的創意。是我後來去修了其他系所開的design thinking課程的一項原因。 ### HCI 跟教授的老師有關係,黃大源老師非常擅長人體與電腦互動介面的領域。這邊的互動介面是很「實體」的,我們熟悉的滑鼠、鍵盤、螢幕,最近越來越流行的VR/AR裝置,還有手機震動回饋的方式都是。 正確來說,HCI應該是一個包含更大面向的領域,而我在課堂上學習到的是有關互動中裝置的回饋與人的關係。這類的新裝置、新回饋,需要很紮實的研究來支撐這類的新發現,與先前UX相比,是我以前從來沒接觸過很practical的事物。 ### UI 如果是想在交大學習UI的,很可惜,我要說交大沒有專一面向這個的課程。如果想要精進這部分的話,建議可以從設計的跨域學程下手,從培養自己的美學素養開始,並且在生活中多觀察使用的網站、app等等的UI設計。 使用的工具方面,UXE、UCD課程會教你如何用軟體建立網頁、app的prototype(雛型),傳播系的課程也有雛型設計的課程可以參考,不過我沒有修過。 ## 課程簡介 介紹課程大致如何運作,我個人的經驗先分開,以免有先入為主的想法汙染。 ### UXE(使用者經驗與易用性評估) :::info 教授:張永儒(Stanley) 時間:3CDX 上課地點:工三319 開課系所:資訊學院多工所 ::: #### 選課 - 我修課的那學期,開學前需要填入[課程介紹](timetable.nctu.edu.tw)上面的google表單以表示自己想要修這堂課。沒有填入的會被退掉 #### 分組 - 老師會幫你分組,盡量不會是同科系的。即使是同科系的我也建議不要分成同組。 - 聽說後來會發想/不想跟誰同組的問卷。不想得一定會分開 #### 大綱 - 整學期老師會挑一個產品(真實上線的產品!),你要幫這個產品做完整的使用者經驗分析、易用性的評估。 - 需要與廠商有溝通 - 老師會在上課時講解,**需要大量額外的時間與組員開會、與老師咪挺、與廠商聯絡溝通**。 #### 上課的方式 - 既然掛上英文授課,全程都是英文,老師沒有什麼口音(或者說是台式口音?),語速我跟得上沒什麼大礙。 - 老師會給你他上課的slide。 #### 作業 - 一開始就跟你說明所有的milestone(里程碑),要在期間內做完的事情 - milestone到的時候要跟老師咪挺,老師會詳細的聽你的報告,並且認真的討論、回應。不要有任何想要取巧的部分,一定會被老師發現 - 期末要做成大海報,並在工三大廳介紹給來往的人們(不一定會有人停下來就是) ### UCD(使用者中心互動介面設計) :::info 教授:張永儒(Stanley) 時間:3CDX 上課地點:工三319 開課系所:資訊學院多工所 ::: > 畢竟都是Stanley教的課,所以授課的部分基本上都差不多。 #### 選課、分組、上課的方式 - 都跟UXE差不多。一樣是英文授課! #### 大綱 - 整學期我們學生要做出一個小產品(web app類)的prototype - 發想題目、研究、發想產品、製作原型 - 老師一樣是在上課時講解,**需要大量額外的時間與組員討論** #### 作業 - 也是一開始就說明milestone,不過不需要跟老師咪挺,需要在上課的時候報告。相對來說會壓縮一些上課的時間 - 老師跟同學會一起評論、評分你們每個milestone的呈現 - 整組一起發想、發展你們想到的題目(產品) ### 設計思考與理論 :::info 教授:李俊德 時間:4EFG 地點:人社二館,會議室 ::: #### 大綱 - 我修的那年人數*只有五人*,比較接近老師指導他的研究生的課程。 - 老師會帶過設計思考的基本概念,之後上課就是介紹每週的主題、學生報告。 - 幾週都會有paper或是書,老師會分每個人每週要報告 #### 作業 - 除了研究生剩下的學生一組,作業都是整組 - 報告書本:Gamification & Behavior Design - 老師要求我們要有一個對場域的改變,期末呈現 ### 互動介面研究與實作 :::info 教授:黃大源 時間: 地點:人社一館,319 開課系所:應藝所 ::: #### 分組: - 我因為是單獨修課,所以是由老師分配組員。 #### 大綱 - 整學期我們最後要做出一份project,會動的原型。 - 研讀paper --> 發想題目、使用者研究、製作原型,報告 - 老師會在上課的時候講解HCI(人機互動),更多注重在介面的部分,然後會需要讀paper,**一些硬體運用**,**也需要額外時間跟組員討論、研究** #### 上課方式 - 英文授課,重要的地方,老師會用中文再提一遍。因為沒有外籍生,討論的時候老師開放我們用中文說話。 - 老師自己的slide,**不會給你slide**,需要自己做筆記,如果看到重要的東西(圖片等等)可以用手機拍照沒問題。 #### 作業 - 整體的作業是教你如何發一篇好的paper,有分個人也有小組作業 - 找到好的題目之前,老師會要求你看過相關的paper,不會是訂了就不修改的題目,能實作出來是其中一點。 - 老師會給你arduino的板子,還有請助教教使用馬達的方式,。 --- ## 個人推薦 總結來說,我自己很推UXE、UCD、互動介面研究與實作這三門課,帶我入門,然而到現在**我覺得再去修一次還是會有收穫**。 不過UXE、UCD我推薦大三再去修,並不是到時候才有足夠的基礎知識以應付這堂課~~你不一定會有~~。而是我認為大三較有高機率有以下幾個特點,如果有你大一也可以去修。 - 足夠的時間 - 能處理、面對陌生人 - 善於發表自己的意見 - 喜歡思考、討論 - 對UX有興趣 >不是只有想走 UX 的人才可以修!因為 UX 其實是一種思維,存在我們的生活當中,寫遊戲、寫網頁、設計產品、設計流程等等。 後來發現其實 UX 的根本應該算是心理學,因為其實都是在太討人類的行為模式跟思想,可惜交大沒有相關的科系。--- [Holy Chung](https://holychung.github.io/2020/03/03/%E3%80%90%E4%BF%AE%E8%AA%B2%E5%BF%83%E5%BE%97%E3%80%91UX-%E4%BD%BF%E7%94%A8%E8%80%85%E4%B8%AD%E5%BF%83%E4%BA%92%E5%8B%95%E4%BB%8B%E9%9D%A2%E8%A8%AD%E8%A8%88-%E5%BC%B5%E6%B0%B8%E5%84%92/) 然而互動介面研究與實作我並不推薦給大三以下的修,除非你有很強的硬體經驗跟資源,不然可能沒辦法應付作業。另外你得花時間讀paper,跟組員討論題目的發展。還有製作原型,所以也需要有足夠的時間。 如果想更深入可以到另一篇[交大UX的修課經驗](https://hackmd.io/@bwboao/rktKCMWrI)

Import from clipboard

Paste your markdown or webpage here...

Advanced permission required

Your current role can only read. Ask the system administrator to acquire write and comment permission.

This team is disabled

Sorry, this team is disabled. You can't edit this note.

This note is locked

Sorry, only owner can edit this note.

Reach the limit

Sorry, you've reached the max length this note can be.
Please reduce the content or divide it to more notes, thank you!

Import from Gist

Import from Snippet

or

Export to Snippet

Are you sure?

Do you really want to delete this note?
All users will lose their connection.

Create a note from template

Create a note from template

Oops...
This template has been removed or transferred.
Upgrade
All
  • All
  • Team
No template.

Create a template

Upgrade

Delete template

Do you really want to delete this template?
Turn this template into a regular note and keep its content, versions, and comments.

This page need refresh

You have an incompatible client version.
Refresh to update.
New version available!
See releases notes here
Refresh to enjoy new features.
Your user state has changed.
Refresh to load new user state.

Sign in

Forgot password

or

By clicking below, you agree to our terms of service.

Sign in via Facebook Sign in via Twitter Sign in via GitHub Sign in via Dropbox Sign in with Wallet
Wallet ( )
Connect another wallet

New to HackMD? Sign up

Help

  • English
  • 中文
  • Français
  • Deutsch
  • 日本語
  • Español
  • Català
  • Ελληνικά
  • Português
  • italiano
  • Türkçe
  • Русский
  • Nederlands
  • hrvatski jezik
  • język polski
  • Українська
  • हिन्दी
  • svenska
  • Esperanto
  • dansk

Documents

Help & Tutorial

How to use Book mode

Slide Example

API Docs

Edit in VSCode

Install browser extension

Contacts

Feedback

Discord

Send us email

Resources

Releases

Pricing

Blog

Policy

Terms

Privacy

Cheatsheet

Syntax Example Reference
# Header Header 基本排版
- Unordered List
  • Unordered List
1. Ordered List
  1. Ordered List
- [ ] Todo List
  • Todo List
> Blockquote
Blockquote
**Bold font** Bold font
*Italics font* Italics font
~~Strikethrough~~ Strikethrough
19^th^ 19th
H~2~O H2O
++Inserted text++ Inserted text
==Marked text== Marked text
[link text](https:// "title") Link
![image alt](https:// "title") Image
`Code` Code 在筆記中貼入程式碼
```javascript
var i = 0;
```
var i = 0;
:smile: :smile: Emoji list
{%youtube youtube_id %} Externals
$L^aT_eX$ LaTeX
:::info
This is a alert area.
:::

This is a alert area.

Versions and GitHub Sync
Get Full History Access

  • Edit version name
  • Delete

revision author avatar     named on  

More Less

Note content is identical to the latest version.
Compare
    Choose a version
    No search result
    Version not found
Sign in to link this note to GitHub
Learn more
This note is not linked with GitHub
 

Feedback

Submission failed, please try again

Thanks for your support.

On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

Please give us some advice and help us improve HackMD.

 

Thanks for your feedback

Remove version name

Do you want to remove this version name and description?

Transfer ownership

Transfer to
    Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

      Link with GitHub

      Please authorize HackMD on GitHub
      • Please sign in to GitHub and install the HackMD app on your GitHub repo.
      • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
      Learn more  Sign in to GitHub

      Push the note to GitHub Push to GitHub Pull a file from GitHub

        Authorize again
       

      Choose which file to push to

      Select repo
      Refresh Authorize more repos
      Select branch
      Select file
      Select branch
      Choose version(s) to push
      • Save a new version and push
      • Choose from existing versions
      Include title and tags
      Available push count

      Pull from GitHub

       
      File from GitHub
      File from HackMD

      GitHub Link Settings

      File linked

      Linked by
      File path
      Last synced branch
      Available push count

      Danger Zone

      Unlink
      You will no longer receive notification when GitHub file changes after unlink.

      Syncing

      Push failed

      Push successfully