高嘉穎 Jennie Kao

腦中總是有著各式各樣的創意,是個心動不如行動的人,多年工作經驗讓我明白,創作的同時不忘創意落地的務實,追求在過程盡力,在結果接納,這也形成我面對貼近使用者體驗設計上的態度,沒有完美的結果,但每次都有學習跟反省,將每次經驗化作下一次的助力,更了解使用者、更釐清自己的思路,也更了解自己的產品。

    New Taipei City, Taiwan        1991/06/18


工作經歷

十一月 2018 - Present

前端設計師  碩文拓智慧科技股份有限公司

碩文拓智慧科技為AZION驊宏資通以及卓越動力資訊的合作企業,提供AI影像分析、文本探勘與搜尋引擎、數位取證、個性化調查、數據整合、商業智能、性能管理和雲端專案管理等領域的產品和解決方案,並與公部門密切合作。

依不同專案與問題採取如需求訪談、親合圖、A/B Testing等不同UX工具,進行使用者研究,歸納需求,規劃Functional Map
繪製Flow Chart確認流程細節與邏輯,補缺可能前期遺漏的功能

・參與繪製wireframe、mockup、製作原型
與PM、工程師協作討論功能呈現與版面配置
・與協作設計師為專案或產品製作UI KIt界面風格規範,提高設計一致性和效率
可手刻從零開始建構HTML和CSS切版,完成RWD設計,並使用 JavaScript 編寫動畫和互動(也使用過bootstrap, materalizecss等框架)
・製作元件庫供工程師在開發過程中重複使用,並持續更新和維護
・多個設計製作的網站皆已通過網站無障礙規範認證標準,獲得AA級標章
・負責處理前端介面包括破版、動畫功能失效等錯誤,迅速進行修復
Banner和產品Logo設計


參與產品或專案:
・各政府官方網站(經貿局、新南向政策網、衛福部部長信箱、國家人權博物館)
・訂單後台管理系統
・警政情資分析與案卷調閱系統
動植物防疫檢疫局前後台整合系統
・數據分析平台
・慧眼通-停車場管理系統

二月 2016 - 四月 2018

設計專員  璟華印刷股份有限公司

獨立完成各式海報書籍、包裝盒、卡套等商品設計並協助其後續印刷作業
網站相片書線上編輯器之版型與插圖製作上架

曾設計印製產品:
包括但不限於書籍、雜誌、卡片、貼紙、海報、光碟包裝、卡套、提袋等

八月 2012 - 九月 2012

文字記者  TVBS聯利媒體股份有限公司

專題發想、資料搜集與匯總
獨立調查、約訪對象或商家
採訪稿擬定與撰寫
採訪與熟練使用文書軟體撰寫文稿

參與產品:
食尚玩家月刊、City玩家週刊

九月 2012 - 六月 2013

導演 編劇  靜宜大學

・擔任組長帶領六人團隊為靜宜大學製作、拍攝、剪輯該年度畢業MV
・畢業製作:帶領20人團隊於一年內完成一部劇情長片電影的規劃、製作、拍攝與播映
帶領四人團隊多次往返高雄跟拍人物,最終完成紀錄片並獲獎

學歷


Pittsburg State University(美國)

Graphic Design 碩士

2014 - 2015

Providence University 靜宜大學

大眾傳播系 學士

2009 - 2013

資格認證


Web/App前端設計工程師養成班

資策會_財團法人資訊工業策進會

107中壢字第SE709548號
發照日期 九月 2018 · 永久有效

專案


經濟部國際貿易署經貿資訊網

  • 該網站在我在職期間經歷了兩次首頁改版,及一次全站改版。在這個專案當中,我參與前期的設計會議,與團隊設計師就資訊架構及視覺呈現的可行性進行許多討論,並完成了所有頁面的切版、RWD設計製作與js動畫互動。
  • 在設計內頁時需考慮到許多內頁內容是由後台系統上架,因此需配合該系統進行製作,在此一問題上,與工程師合作攻克了許多跑板問題。
  • 另一方面,因應客戶要求,在設計方面及前端開發上為達到網頁無障礙規範做了許多研究,最終通過AA級認證。

檢視完整專案: https://www.behance.net/gallery/185036421/_

網站:https://www.trade.gov.tw/


刑事局偵查調閱分析決策平台

  • 此系統主要為警方調閱通聯紀錄並進行關聯分析協助偵查決策之平台。版面設計沿用之前公司為其他類似警用平台所設計之版面。因重複性高,且許多專案皆類似,因此我與團隊設計師一同建立設計規範,並在Figma製作元件,讓多位設計師能同時進行不同頁面的設計仍能維持統一性。
  • 而此專案因開發時程緊迫,我在前端開發上將設計規範製作成元件庫供工程師取用,加速開發時程。

檢視元件庫案例: https://www.behance.net/gallery/185771459/UI-Kit-


動植物防疫檢疫局前後台整合系統

  • 此專案客戶希望將前後台整合在一個網站上,且需要具有RWD響應式佈局,為在手機上仍能將許多複雜表格與表單清晰呈現,讓使用者不會在內容中迷航,與設計團隊及PM討論後,在排版上做了許多資訊分級及區塊收合的呈現方式。
  • 因此系統有多種使用者角色,各角色權限不同,能看到的資訊與版面也因此有所差異,因而在設計時須著重考慮最大值呈現與最小值呈現,當有審閱功能時,各角色的傳遞流向也須仔細思考。



國際貿易局貿易統計系統

  • 全站改版,客戶需求RWD響應式佈局,以及統計數據盡量以視覺圖型或圖表呈現。
  • 因查詢表單眾多,與PM討論後重新排列表單項目順序,且桌機與手機排序因視覺動線不同,而有所變化,讓使用者操作流程更順暢。
  • 在前端開發上,我使用了am4chart製作互動地球地圖以達到客戶需求。

網站:https://cuswebo.trade.gov.tw/



國家人權博物館  (開發中專案)

  • 前台網站與後台上架系統一起開發,館長與承辦在視覺呈現上意見不同,嘗試了許多風格取得雙方的平衡,為首頁設計許多Hover跟Scroll的互動效果增添趣味性。
  • 內頁部分規劃清晰的瀏覽動線,讓使用者能輕易找到所需資訊。因文獻資料眾多,將數據圖像化時也使用多種設計方式,如橫向時間軸、輪播圖、lazy loading等技巧呈現,同時注意資料的重要性,在卡片排版方式中以字級及顏色做區隔,讓使用者能快速抓住重點。

產品


Sol Disc

  • 公司研發產品,為資訊關聯分析比對與通聯調閱平台,因公司承接許多警用偵查與案卷調閱專案,因而開發此產品,讓未來專案能直接嫁接此產品之功能。
  • 首次以深色背景為主色調進行設計。
  • 在前端開發上套用了Bootstrap,完成了近百頁的前端切版與js互動設計。
  • 為該產品製作logo。

Side Project



Whale Reader 大閱讀家


UI UX介面與視覺設計


  • Figma
  • Adobe Illustrator
  • Adobe Photoshop

前端網頁設計


  • html5
  • CSS3/SCSS
  • Bootstrap
  • Javascript
  • jQuery
  • Web Accessibility

更多技能


  • Microsoft Office
  • Adobe Premiere影片剪輯與調色
  • Teamwork

獲獎紀錄



資策會

網站視覺設計獎第一名      

網站最佳RWD獎第二名      

熱心助人獎 



影展

2013東芝幸福影展 劇情片第二名
2013青春未艾影展 受邀播映

【天下雜誌】發現美麗台灣短片競賽 受主辦單位推薦並張貼於粉絲專頁

中台灣大傳奧斯卡競賽 
最佳紀錄片 最佳剪輯

成績

靜宜大學大眾傳播學系 第一名畢業

自傳


您好,我是高嘉穎,也可以叫我Jennie。擁有五年的UI/UX設計師經驗,目前在資訊服務公司擔任這個職位。在這段時間裡,我不僅參與UI/UX設計,還負責前端切版和程式互動的撰寫。然而,有感於目前的職位已無新的挑戰,害怕自己逐漸步入舒適圈而不再進取,同時希望能參與更多使用者體驗的規劃研究流程,因而決定尋找新的機會。

我大學就讀於靜宜大學大眾傳播學系,這段時期接觸了各種類型的專案挑戰,包括網站架設、新聞採訪、紀錄片拍攝、電影製作等,這需要創意思維和良好的團隊合作。當時我多次積極擔任組長或編導的職位,帶領不同規模的團隊,成功在有限時間內完成專案的規劃、設計和執行,展現了我的組織規劃才能。在大三升大四的暑假期間,為了鍛鍊自己主題發想、資料搜集、採訪與文字撰寫的能力,我進入TVBS週刊擔任實習記者,當時撰寫的文章也刊登在《City玩家》週刊與《食尚玩家》雜誌上。

大學畢業後,我前往美國Pittsburg State University攻讀碩士學位,專攻平面設計。這段學習經歷不僅擴展了我的見聞,更加強了我的獨立思考和解決問題的能力。這段時期,我完成了許多獨立設計作品,並在管理課程中學到了設計管理的核心理念。

在成為平面設計師的兩年後,我意識到在資訊化時代,僅擁有平面設計能力已經不足以應對現代設計的需求。為了增強自己的能力,我加入了資策會的「web/app前端設計工程師養成班」,接受了為期半年的集中訓練。這段時間內,我不僅提升了UI/UX網站設計的規劃能力,還獲得了前端切版和Javascript程式互動撰寫的技能。同時,我學習了基礎的php後端程式語言、SQL資料庫架構和指令,以及系統分析的知識。作為組長,我成功帶領六人小組完成結業專題作品,該作品是一個具有前台與後台上架功能的網站,連結資料庫實現實際運行。

目前,我在一家乙方服務顧問公司擔任UI/UX設計師,參與政府官網或系統專案,提供網路輿情大數據分析以及警政情資整合分析的相關解決方案。在這個職位上,我使用Figma進行設計並與PM協作。由於通常同時進行多個專案,前期使用者研究和體驗規劃主要由PM完成,而我通常在wireframe階段或PM已畫好wireframe後進入,討論介面規劃和視覺設計。有時,我們製作click through prototype以供PM向業主展示報告,以清晰展示系統互動架構。在設計時,我注重考慮不同使用者角色的權限和資訊顯示,並解決資訊量龐大時的分級和收合挑戰,並且使用產品更有彈性的擴展性設計,思考RWD需求與編排方式,並確保網站無障礙可及性設計原則。

由於我是公司中唯一具有前端切版和程式設計能力的設計師,我幾乎負責所有專案的切版作業。為了應對快速的專案開發環境,我與協作設計師共同制定專案或產品的界面風格規範,以提高設計一致性和效率。我進一步以此設計規範製作前端元件庫,以模組化的方式開發設計,供工程師在開發過程中重複使用。這樣的做法大大提高了團隊的工作效率,避免了每次版面修改都需要耗費大量時間的情況。

儘管目前的工作中,我較少有機會進行全面的UX工作,但為了彌補這一不足,我自學了多門UX課程並參與了由台北商業大學溫明輝老師主辦的UX三刀流共學課程。為了訓練自己,我設計了一款線上圖書館APP,通過競品分析、問卷、用戶訪談等UX工具進行研究。這個side project不僅鍛煉了我的UX思考和設計能力,還使我在工作中更主動地提出對用戶體驗的想法和疑問。這些經驗讓我深感缺乏在實務中深入了解和研究UX的機會,但也激發了我更加渴望在這方面發展的動力。

我對加入UI/UX設計團隊充滿熱情,期待有更多機會參與用戶研究,將UX導入合作專案中,並能夠持續追蹤產品的發展,發揮我的專業長處,與團隊成員共同打造出色的產品。


非常感謝您撥冗閱讀我的自傳,期待有機會進一步討論。