Home > 所有課程 > 近期課程 > Mobile App 介面設計模式應用速成班

Mobile App 介面設計模式應用速成班

講師的話

本課程將從手機介面模式分析著手,幫助學員化繁為簡,瞭解如何用理性的設計角度來分析APP介面設計,進而提昇設計能力。

設計模式(Design Pattern)在 1960 由克里斯托弗·亞歷山大 Christopher Alexander(建築師)所提出,他留意到許多發生在生活中的事情,都有一定的規則或慣例。從此之後,Designe Pattern(設計模式)廣為設計師門來運用。那些擴展到使用者介面設計上的模式,則稱為 UI Designer Pattern。

簡言之,設計模式(Pattern)是指針對常見問題的慣用解決方案。UI 設計模式就是用來解決是常見的使用者操作問題的解決方案。Pattern 不一定是只有介面,有些時候也包含流程的概念在內。而應用於 Mobile App 介面設計也已經發展出許多常見的慣例,本課程將透過了解這些設計模式的適用時機,加以組合及應用,幫助學員設計使用者熟悉的使用介面,減少犯錯機率。

提醒:本課程為初階班,適合想了解APP介面設計原則、剛踏入APP產品企劃領域者。

2018年3月份APP系列進修班,從產品企劃、介面設計應用,到需求分析與原型設計,三周課程幫助您從基礎打起,學習APP企劃知識。課程任選兩堂,一個人報名也可以享有團報價。系列課程推薦:
●課程一:03/03 精實式APP產品企劃/曾友志
●課程二:03/17 Mobile App介面設計模式應用速成班/魏澤群
●課程三:03/24 專案需求分析及Axure RP原型設計/江典泗、李冠瑩

時間

3月17日 13:00-17:00 (4小時)
提醒您:繳費完成才算報名成功,以繳費順序為準。

費用

早鳥優惠:2,450元(原價:2,800元)
團體優惠:3人以上報名,每人2,300元
(三月份任兩堂課同時報名,一人即享團報價,請自行修改金額)

課程目標

從手機介面模式分析著手,幫助學員化繁為簡,瞭解如何用理性的設計角度來分析APP介面設計,進而提昇設計能力。

  1. 不談太多理論,直接從介面實作範例進行分析,貼進學員實際的工作需求。
  2. 提供學員本課程特有的 Mobile APP 介面應用對照表,利用「課程+工具」讓 Mobile 設計初學的學員也能立即理解 APP 介面設計。

本課程不包含:

  • 開發技術問題
  • 手機操控互動上的細節
  • Android 與 iOS 的設計規範

課程大綱

Part 1. 介面設計基礎 UI Design (1 小時)

  • 介面不只是介面
  • 優使性設計流程
  • 手機與使用者特性
  • 互動設計原則
  • 慣例原則
    • 精簡
    • 線性架構
    • 善用介面模式組合

Part 2. 介面設計模式 Mobile UI Design Pattern (3 小時)

  • 主要設計原則
  • 導覽
    -跳板 -列表 -標籤 -畫廊 -儀表板 -綜合模式 -總覽選單 -頁面轉盤 -延展式選單
  • 內容
    -單頁內容 -單頁表單 -表單標籤 -多步驟表單 -排序/過濾-標籤 -選單 -多選
  • 工具
    -工具欄 (or 標籤選單) -隱藏式選單 -上下文工具 -內連動作 -批次操作
  • 額外資訊
    -提示氣泡 -導覽 -影片 -透明框

適合對象

  • 最好有 Android 或 iPhone 的使用經驗
  • 有意跨足 iPhone 或 Android app 的企劃、PM。
  • 提醒:本課程為初階班,適合想了解APP介面設計原則、剛踏入APP產品企劃領域者。

上課方式


80% 的時間用在課程講解,20% 時間會用在案例討論

課程講師

魏澤群 Max Wei

魏澤群 Max Wei

現任:

  • 喬立達數位媒體有限公司 網站策略總監
  • APP跨界交流協會 理事

經歷:

  • 2007 年成立喬立達數位媒體有限公司,提供網站行銷策略及使用者中心設計相關諮詢服務
  • 折價王|Mycoupon (Mycoupon.com.tw) 網站創辦人
  • 熱錢地圖 (www.fundQ.org) 網站創辦人
  • AppMaker 雲端 App 平台創辦人
  • TP-Cloud Print 專利雲端列印技術 發明人
  • 比利時人機介面實驗室 (Laboratory of Computer-Human Interaction) 研究
  • 歐洲互動設計機構 AlterFace 研究
  • Usability 中文譯稱 –“優使性” 翻譯者 (此譯稱經 wikipedia 討論後列為標準譯稱)
  • 美國優使性專業協會 UPA (The Usability Professionals’ Association) 會員

BLOG:Usability Notes | 優使性筆記本 www.UsabilityMax.com

  學員回饋

  • 老師對於手機整體的資訊架構說明的很詳細,上課內容生動活潑,在實際案例的觀察跟演練中讓整體教學的內容更加靈活的運用,是很棒的課程!
  • 實務經驗分享的部份讓人很容易進入狀況,上完課後有種理論基礎被打的很紮實的感覺。

時間 & 地點

第 14 梯  招生中

2018年03月17日 星期六 13:00-17:00 (4小時) 

課程代碼:180317MUI
開放名額:30 人 (以繳費順序為準,滿15人開課)

悠識U教室 台北市中山區松江路158號11樓之一
捷運松江南京出口步行約3-5分鐘【地圖/交通資訊

費用

早鳥優惠:2,450(原價:2,800 元)

早鳥優惠:3/1(含)前報名,每人 2,450 元
團體優惠:3 人以上合併報名,每人 2,300 元
(三月份任兩個課程同時報名,一人即享團報價,請自行修改繳費金額)

提醒您:繳費完成才算報名成功,以繳費順序為準。
若您報名此課程表同意現場拍攝錄影,作為後續課程宣傳用。

詢問與聯絡

若您有退費、調課或其他問題,請參考 常見問題 說明。
匯款確認、上課的日期與地點不符合您的需求,或您對課程有其他想法,歡迎至下方留言或 Email 給我們!
Email:service@userxper.com

252 則留言

  1. 已報名繳費成功~~請確認~~謝謝

  2. 林彥君(Victor)

    已報名繳費成功~~請確認~~謝謝

  3. 匯款帳號末三碼 375

  4. 請問有誰要跟我一起團體報名的嗎?
    請EMAIL給我 adeletsai@gmail.com
    我最晚今天晚上就要繳費囉~~

  5. 請問有無其他日期的開課計畫~因為很可惜我7/21有事~而我對於能上魏澤群老師的課感到很期待!

  6. 凱倫,
    >有無其他日期的開課計畫
    應該會有。經過首次課程,若一切順利,我們會跟老師商量下一梯次課程。到時候我們會通知你。
    謝謝你對魏澤群老師課程的支持!

  7. 已報名繳費成功,謝謝。

  8. 已繳費成功

  9. 請問還可以報名嗎?我們有三個人想團報

    • 宏秀, 第一梯已經額滿囉!
      八月份會有第二梯的課程,近期會開放報名~

  10. 謝謝~我們會報名的!^^

    • 宏秀,第二梯已經開放報名囉!這次特別優待第二梯學員亦享有首次開課價。

  11. 劉涓(小小)

    7/21有事無法參與 但已經為我兩位同事報名繳費完成囉~

  12. 已報名繳費成功,敬請確認,謝謝

  13. 請問有8/12的上課時間嗎

  14. to Yianyu,

    不好意思,網頁上忘了更新。已經修正。
    第二梯的上課時間是: 2012年8月12日(星期六)下午13:00-17:00 (4小時)
    謝謝你的提問,我們才發現公告文字遺漏了。

  15. 您好~我已報名繳費成功~煩請確認~感謝

  16. 已報名繳費成功~~請確認~~謝謝

  17. 已報名繳費成功~三位團報~後五碼27025

  18. 線上繳費成功 六位 請確認 謝謝

  19. 我們有三位同仁想報名此課程,但由於0812梯次無法參加,有新梯次開放請通知我!

  20. 已報名繳費成功(兩位)
    轉入帳號末五碼是:91353 / 91351
    轉出帳號是兆豐銀行

  21. 還差一位,徵求一起團報!
    意者請EMAIL給我:kiki@mgrstudio.net

  22. KIKI 您好,
    我想參加您的團報,已發信給您,請再回覆囉,謝謝。

  23. 已報名繳費成功~請確認~謝謝^^

  24. 欲報名,辛苦了,謝謝!

  25. 目前還差一位,徵求一起團報!

  26. 意者請EMAIL給我:ibeliev
    謝謝︿︿

  27. 您好,我們這裡有三位想團報,但線上報名已關閉了><
    請問要跟誰聯繫?謝謝!

  28. 您好,想報名,辛苦了,謝謝!

    • 亞辰,
      不好意思,目前已經額滿了。這邊會安排您候補名額,若有學員調課的話我會與您聯繫。

  29. 張凱迪(KD.Chang)

    您好,我們有三人團報,辛苦了,謝謝!

    團報:張凱迪,李柏緯,謝亞辰

  30. 張凱迪已報名繳費成功~煩請確認~感謝

  31. 您好我想要報名課程 請問要怎麼報名?

  32. 如果可以的話是否可以通知我有關報名的部分
    謝謝 可以的話我回白天馬上繳費

    • 文彥, 目前已經額滿了。會為您安排候補,目前我們也正與講師討論下梯開課時間,確定日期後會開放報名。

  33. 請問8/12的已經額滿了嗎?

    • 凱倫, 8/12的已經額滿了。目前在跟講師討論下梯開課時間,確定後會開放報名。

  34. 我好不容易找到3個人了說

  35. 下次有開課請通知我唷 謝謝你們

  36. 我是剛剛42樓上 我更改了我的信箱再麻煩妳們
    之後再通知 謝謝

  37. ============以下為9月8日第三梯課程報名留言=========

  38. 已報名繳費成功,上梯候補學員,請確認~~謝謝

  39. ————————————
    課程名稱:MobileApp介面設計模式應用速成班
    上課日期:9月8日
    ————————————
    已報名繳費成功!請確認~~謝謝

  40. 課程名稱:MobileApp介面設計模式應用速成班
    上課日期:9月8日

    8/16報名繳費成功 (HP38優惠)!請確認~~謝謝

  41. 黃妤婕(宸訊科技)

    課程:Mobile App介面設計模式應用速成班(上班日期9/8)

    8/31已繳費成功,請確認 謝謝。

  42. 課程名稱:MobileApp介面設計模式應用速成班
    上課日期:9月8日

    已報名並繳費完成,煩請查收確認,謝謝。

  43. 徵求一起團報!
    意者請EMAIL給我:
    leslxxxxxxxxxxxxxxxxxxxx

  44. 課程名稱:MobileApp介面設計模式應用速成班
    上課日期:9月8日

    9/3已報名並繳費完成,煩請查收確認,謝謝。

  45. 已報名並繳費完成,煩請查收確認,謝謝。

    三人團報 江慧涵, 王玉嬌, 張元馨

  46. 徵求團報朋友,尚缺一名,請來信給我
    kellykao614@gmail.com

  47. 今日已匯款,報名者: 黃崇盛
    煩請查收確認! 感謝喔!

  48. 已報名繳費成功請確認!

  49. 你好. 10/21已報名繳費成功, 煩請確認!! TKS
    帳號後5碼: 58578

  50. 已報名繳費成功請確認!

  51. 你好. 10/21已報名繳費成功, 煩請確認!! TKS
    帳號後5碼: 62694

  52. 你好,已報名繳費成功,請確認,謝謝
    帳號後5碼41748

  53. 已轉帳成功,隔日入帳,煩請確認
    帳號後五碼 06270

  54. 徵求團報

  55. 已轉帳,報2名,後五碼08159

  56. 已經報名與匯款2200完成,並且收到簡訊確認收到我匯款

  57. 已報名繳費成功,煩請再確認囉

  58. 12日晚間8點左右,已轉帳,後五碼20269,未收到簡訊以及mail,煩請確認。

  59. 你好,團報2名已於10/14晚上7:13匯款4400已完成。但地址打錯了,改為”洲子街”,謝謝。

  60. shinru你好,
    謝謝你的回復。
    我在報名頁面的email是錯誤的,
    若有活動訊息需要發送,
    請改由我這組留言的email。

  61. 還沒有 麻煩請再寄給我一次 謝謝~

  62. 下次有社群的課程請記得通知我哦,謝謝你

  63. 這次上課若有人臨時不能去上,再麻煩你通知我後補哦,謝謝你

  64. 如有下一梯開課時間,請通知,謝謝。

  65. 剛剛EMAIL打錯,如有下一梯開課時間,請通知,謝謝。

  66. 下一梯開課時間,請通知,謝謝!

  67. 已報名繳費成功,再麻煩協助確認,謝謝

  68. 品如, 已確認,謝謝

  69. 5月18日禮拜六跟重要的事撞期了 很想上到魏老師的課
    不知道魏老師今年 還會不會再開其他班次
    像去年一樣過一個月然後開在禮拜日之類的呢???

    感謝您

  70. 泓銘,目前下一梯次的時間尚未確定,待下梯開課後我會再寄信通知您。

  71. 上週五已報名並繳費了,煩請再確認

  72. 行健,已經確認收到,歡迎!

  73. 已報名繳費,麻煩確認囉~

  74. 已報名繳費 🙂

  75. 小魚、鈺娟,已經確認收到囉!歡迎你們~

  76. 課程名稱:MobileApp介面設計模式應用速成班
    上課日期:2013年5月18日

    2013/5/9 繳費成功!請確認~~謝謝

  77. 已報名繳費

  78. 我錯過這梯,希望能報名下梯次,謝謝。

  79. 如有下一梯開課時間,請通知,謝謝。

  80. 若下一梯有開課 再麻煩通知喔 謝謝~

  81. 如有下一梯開課時間,請通知,謝謝。

  82. 若有下一梯開課時間,請通知,謝謝。

  83. 您好,
    我已報名8.24Mobile App 介面設計模式應用速成班,並完成繳費
    末五碼:79300

  84. 已繳費完成,請確認,謝謝
    帳號末四碼6109
    報名課程:Mobile App 介面設計模式應用速成班(8/24)

  85. ============================
    ============================
    下列為8/24課程的報名留言
    ============================
    ============================

  86. 帳號末四碼 00026
    報名課程: Mobile App 介面設計模式應用速成班(8/24)

  87. 想請問,這個課程對於手機版網頁的規劃,是不是有幫助?

  88. 使用Chrome瀏覽器則無法順利轉帳…換了IE系統才有帶出繳費金額,方才能從ATM轉帳成功。

  89. 請問有確定下梯次課程的時間了嗎?麻煩確認時間後通知我,謝謝

  90. MAX老師下次開課日期確定後麻煩通知我,感謝!

  91. 您好,下一梯課程開課請通知我。感謝!

  92. 您好,請問下次開課日期為何時呢?

  93. 開課時請通知我 謝謝

  94. 您好,若下次有開課再麻煩通知
    謝謝

  95. Joanne,Judy, 預計2014年 年初會開課,開課後會寄發通知給各位:)

  96. 已繳款,請確認

  97. Hi 俊彥,
    已經收到您的匯款囉!

  98. 已經報名繳費囉~

  99. 已經報名繳費囉~

  100. Hi 靜雯, 裕良,
    已經收到兩位的匯款囉!

留言

您的Email並不會被顯示出來。 * 星號為必填 *

*