A photo of Edison Chang


張鈞賀 (Edison Chang)

App 工程師

  Taichung City, Taiwan

    


中山大學資訊管理畢業生,現為金融業軟體工程師,主要使用技術為 Java(Android), Swift, Vue
現正自學 UI/UX 設計,並籌備相關作品(詳見下方作品集)

曾因大一課堂需求*,使用 Premiere 製作報告影片
另於課堂學過初階 HTML5 與 3D 建模(使用 Autodesk Inventor)
現正以「提升 UI/UX 設計專業能力」為目標努力

另外,因興趣廣泛,故常接觸其它學院的課程
包括表演藝術、創意設計方法、使用者經驗研究、心理學、哲學
並期許自己往後能將這些所經歷、所思考之事物傳達至他人,為這世界帶來正面影響


技能

   HTML5      Premiere Pro      Bootstrap      Figma   

學歷

NSYSU Logo

2017 - 2021

國立中山大學

資訊管理學系

  • 中山家教 前成員
  • 第十二屆學生議會議員
  • 參與 2017 與 2018 年亞洲學生交流計畫 (Asian Student Exchange Program, ASEP),皆獲得金獎

HWSH Logo

2014 - 2017

臺中市立惠文高中

普通科(三類生物組)

  • 第十一屆動漫社(現改名為漫研社)網管

作品

【個人專案】中山家教網 UI/UX 設計(正於測試階段)

本人曾於大學期間,與中山家教團隊的其他成員一同討論中山家教網站的創立,故曾研究過家教平台的媒合模式。如今我想在當初的想法上進行延伸與修整,所以有了此個人專案的誕生。

進行本專案的目的,是想藉此熟悉 Figma 的操作,並在完成後,將網站設計成果交付予中山家教團隊

首先,我向曾經擔任過家教的朋友們進行訪談,以尋找設計的機會點。訪談結束後,我與家人們根據訪談結果進行人物誌 (Persona) 的創作;但由於我並沒有訪談到學生與家長方,所以我們也額外發想了原型人物誌 (Proto-persona)。至此,我們發現了三點可能需求:

  1. 當今要在某些平台申請成為家教,需要經過繁雜的手續
  2. 許多人已經習慣上網購物前,先進行多方比較;而許多家教平台則是只能提出需求,不能主動挑選家教
  3. 某些平台的字太小,長輩很難看清楚有什麼功能

我們根據討論結果,得出以下三點設計方向:

  1. 簡化家教方註冊時的流程
  2. 使找家教就像在蝦皮購物一樣,讓家長或學生可以一覽並主動選擇平台上的家教
  3. 使介面盡量簡潔,讓長輩看得清楚、容易上手使用

接著,我先自行完成初步的介面流程圖 (UI Flow),再向家人請教意見。大致確認完頁面的流程後,我一邊於網上擷取設計靈感,一邊手繪製作線框稿 (Wireframe),然後再次與家人討論、完善設計。

再來,我根據線框稿規劃的內容,繪製相關版面,之後也在實踐中一同製作中山家教的設計系統 (Design System),包括制定可重複使用的品牌色、字型樣式、元件,並以此規範在 Figma 上完成網頁互動原型。

現在,我已完成主要網頁流程的高保真原型 (Hi-Fi Prototype),正開放易用性測試中。

設計系統 (Design System):中山家教 設計系統 (Figma)

作品簡報演示:【個人專案】中山家教網 UI/UX 設計 (Google Slides)

高保真原型 (Hi-Fi Prototype):中山家教 (Figma)

易用性測試:NSYSU Tutor (Maze)

【課程練習】Hahow 前端網頁設計課程 實作成品


為了提升網頁設計的基本功,我購買了網路課程,並跟著老師實作了許多作品。主要學習用 HTML、CSS 與一些 JS 插件撰寫出基本的網頁功能和效果,過程中也製作出較複雜的動畫效果、一頁簡易的設計準則 (Design Guideline)。順帶一提,因為電腦作業系統為 Windows,所以我就跳過中間操作 Sketch 的課程,直接學習 UI 專案流程與基本的 SEO,而 UI 設計軟體的實際操作,則透過中山家教網的設計專案來熟悉 Figma。

課程名稱:從入門到業界實戰 - UI / UX 前端網頁設計

作品簡報演示:【課程練習】Hahow 前端網頁設計課程 實作成品 (Google Slides)

練習成品程式碼展示:Hahow Front-end Web Lecture Practice (CodePen)

《經濟學》課程期末影片:手機經濟學

The cover of "Economics of Phones".

此部作品是大一下《經濟學》課堂的影片小組作業,本組以「選課經濟學」與「手機經濟學」作為主題進行製作,我與其中一位組員則負責「手機經濟學」這一部分。該位組員表示他與一家手機店老闆有交情,我們便決定以詢問老闆關於手機的經濟為重點,而我負責規劃影片腳本、拍攝與後製

我主要負責之作品成果如下:https://youtu.be/slrLX6VME9Q?t=223 (從 3 分 43 秒開始)

《創意設計方法》課程期末作品:ANIBUT

The photo of "Anibut".

ANIBUT 的名字取自 Animal(動物)和 Butt (屁股),為大三下選修的《創意設計方法》期末作品名稱。當初組內在確立作品的主題之前,我們先進行需求的發想與收斂,我提議組員在提出想法之前,使用「5W1H 法則」將較模糊的想法定位得更明確;後來因為彼此拋出來的想法較少,我便建議大家都把腦海中的關鍵詞寫在白板上,並使用「噴泉法」以聯想出更多的關聯詞彙。最後我們以解決「大學生在出門時,忘記帶東西」為目標進行解決方案的發想,而考量到製作時間與完成時的效果,我們最終決定製作可以掛在門口的動物屁股造型掛勾,可以掛常帶的鑰匙、錢包、口罩、卡片、手提袋。之後我們交由其中一位組員製作 3D 模型,而我也一同購買材料,並為列印出來的半成品上底漆、噴模型漆、打磨拋光

小組成果可參考中山新聞:https://bit.ly/3e9zCAX