slider

使用者介面設計講義

User interface design，UI

首頁/使用者介面設計講義

UI 專題案例說明

UI專案｜範例說明

APP專案設計

  1. 分組、資料搜集
    1.動機與目的(問題定義) > 2.User story(用戶分析) > 3.Functional Map(功能地圖) > 4.Flow Chart (流程圖)> 5.Wireframe > 6.UI Flow (UI流程圖) > 7.Mockup > 8.Prototype
  2. 期中報告｜APP or WEB提案，規劃、流程、Wireframe、Prototype、情緒版
  3. 期末報告｜APP or WEB完整提案，含前置規劃、Design System、Mockup、Prototype

專題案例

  1. 特輯土產｜ Gifts of Taiwan land
    2. 作品理念

    「特輯土產」是一款結合傳統與現代科技的可互動地圖書組合，透過傳統的出版物結合傳統的物件卻能夠將平面與線上數位連結，讓整個體驗流程更加豐富且多元。「特輯土產」整體組合結合觸覺、視覺與聽覺，讓訪台貴賓與旅客可帶回自己的家鄉，透過來自台灣的 「特輯土產」一再感受關於這裡美好的回憶與感受。


    Behance｜ 特輯土產
    紅點設計獎｜Brands & Communication Design ｜Mobile User Interface｜特輯土產
  2. 最熟悉的陌生星球｜
    3. 作品理念

    歷經近兩百天的陪伴與探索，我們看見失智長輩的可愛跟特別，他們的不記得讓我們難以忘卻，以書冊、網頁和APP記錄這段旅程，盼更多年輕人踏上自己最熟悉的陌生星球之路。


    Behance｜ 最熟悉的陌生星球
  3. KEEP 溝ING｜ KEEP GOING
    4. 作品理念

    國中生處於一個從小孩變成大人的時期，這個時期多少有些自我，因此缺少溝通，誤會的產生是因為雙方缺少溝通而導致的。因此我們藉由故事讓讀者來思考與討論溝通的重要性。


    Behance｜ KEEP 溝ING
  4. KEEP 溝ING｜Figma 互動模型展示
  5. 台灣好機車｜Oh My Scooter! Taiwan only
    6. 作品理念

    「機車是台灣人生活的一部份，不同地區會衍生出不同的騎車習慣，我們想將台灣的機車文化記錄下來。」「台灣好機車」是一款專屬機車騎士的APP，讓他們不需要在騎車時，打開過多的APP搞得手忙腳亂！

    ✧整合性的APP

    根據調查，有許多問題常常困擾著機車騎士，統整這些需求，設計出整合型的APP，共有五大功能：新增保養提醒、花費記錄與分析、記錄停車位置、機車生活（行車氣象、即時油價）、關鍵字導航。

  6. 殭姿 UPRIGHT POSITION
    7. 作品理念

    主要提醒長時間久坐的人，讓他們能夠意識到自己的坐姿習慣和時數是如何影響自身的健康。
    提醒與錯誤坐姿，久坐紀錄
    每個小時（可自行調整）殭屍會跳出來提醒你該休息並鎖住手機，需要執行跳出的伸展遊戲，就可以解鎖手機。並且紀錄你的錯誤坐姿與久坐時間。讓使用者隨時隨地都能了解自己的坐姿習慣。
    伸展遊戲
    以伸展動作擊退殭屍的遊戲互動，增加伸展的趣味性，讓使用者更有動力達成任務。外加殭屍的圖鑑和抽獎增加趣味性，使用者也可分享至社群媒體。

  7. 行行好股份有限公司
    8. 作品理念

    現代人長期久坐，養成不健康的生活習慣。 我們想以推廣走路為宗旨，透過各種主題類別，從多種角度形式切入，為不同客群設計各式各樣有趣的計步器 APP，期待成為人們生活中多走路的動力，並為行走的過程帶來新體驗，越走越健康。

  8. 口袋旅行Pocket Travel-引領沉浸放鬆APP
    9. 作品理念

    「引導捨不得停下工作的你，進入美好想像旅程放鬆 。」
    -
    讓口袋旅行APP帶你花5分鐘的時間，隨時隨地進到美好想像情境中
    當個愜意地旅人，享受一段大自然放鬆之旅
    可能是充滿蟲鳴鳥叫的森林之旅，又或是清涼爽快的瀑布之旅....

    ▶視 / 聽 / 觸 覺體驗結合
    ▶路線自由抉擇打造個人化旅程
    ▶操作體驗與揉捏紓壓同時享有
    ▶虛擬延伸實際放鬆引導

  9. 環保點
    10. 作品理念

    環保點希望利用攜帶環保餐具進入店家消費集點，減少一次性免洗餐具的使用量，而商家購買的免洗餐具成本也能轉換成消費者的點數，藉由集點與兌換商品，培養消費者攜帶環保餐具的習慣。

  10. 動物體操
    11. 作品理念

    現在人常因缺乏運動、坐姿不良等因素，造成痠痛；面對痠痛，人們習慣尋求藥物或按摩的舒緩，而不是從根本解決問題。動物體操收入了十六種瑜伽中，以動物作為靈感發展的姿勢製成書籍、APP，改變瑜珈原有的素雅形象以拓展客群，希望藉由推廣瑜珈，告訴大眾應該回歸自身解決問題；並養成運動習慣，了解預防大於治療的重要性。

  11. 救一秒
    12. 作品理念

    為了幫助改善拖延症，我們設計了這款行事曆結合計時器的app，包括番茄鐘、統計報表等功能，也以娛樂性做輔助，比如圖卡收集、好友連動等等，讓使用者能夠更好的安排自己的時間，以較輕鬆有趣的方式增加效率、改善拖延症。 另外，還有商家合作功能：在遊戲內達成目標後，可獲得相應的獎勵，例如咖啡廳的優惠券，努力完成事項的同時，也能獲取實質上的獎品。 在每個人的生活中有著許多差一秒就會改變事情走向的例子，程式內舉出數種差一秒結局就不一樣的情境，藉此提醒使用者時間的重要性。我們以文獻中所提取出四種類型的拖延症作為故事的主角，來陪伴使用者完成任務，一起來挽救錯過的這一秒吧！

  12. 登山賞花App
    13. 作品理念

    山中總是有許多美麗的景色，雲海、山海、花海都是吸引人們上山的原因，而尤其以賞花為最大宗。花有許多不同的種類，要找出能賞到特定花種的路徑更是困難重重。透過將登山及賞花兩樣行為結合，提供登山客及賞花者更容易且方便的途徑看見最美麗的花。

期中作業進度規劃

  1. 第四週：確認題目、問題定義、現況分析。
  2. 第五週：用戶分析、競爭者分析。
  3. 第六週：流程分析與改善分析
  4. 第七週：WireFrame｜Prototype
  5. 第八週：期中報告
  6. 第九週：期中報告