AI 自傳助手
Work Scope: UI Design
Tools: Figma, Miro
Company: ADDcn Technology Co., Ltd
Duration: 4 weeks (2023.04-2023.05)
專案背景
搭上 ChatGPT 議題風潮，希望藉由 AI 技術依據用戶提供的履歷資料，撰寫自傳，提升整體履歷的品質。
設計原則
- 具備科技感的元素
- 創造可覆用的設計元件
Layout Structure
AI 自傳助手為共用工具，可以在多個頁面開啟使用。所以選擇使用彈窗來製作 Layout，並依據用戶裝置解析度前三名（1920*1080px、1536*864px、1280*832）制定彈窗的寬高度限制。
![[fig1] Layout Structure](https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/26c6c47c-b482-4b9e-86dd-3ac9c5c482ec/fig_Layout%20Structure/w=2048,quality=90,fit=scale-down)
Design Proposal
下方為設計提案版本說明，Version 1 為另一位設計師產出，後續由我接手處理此畫面設計至完稿。
Screen1. 起始介紹
![[fig2] Screen1_起始介紹_設計提案演進](https://ruuuchen.github.io/portfolio/img/aibiography/fig_Screen1__起始介紹_設計提案演進.png)
Screen2. 生成風格
![[fig3] Screen2_生成風格_設計提案演進](https://ruuuchen.github.io/portfolio/img/aibiography/fig_Screen2_生成風格_設計提案演進.png)
Screen3. Loading
![[fig4] Screen3_loading_設計提案演進](https://ruuuchen.github.io/portfolio/img/aibiography/fig_Screen3_loading_設計提案演進.png)
Screen4. 生成結果
![[fig5] Screen4_生成結果_設計提案演進](https://ruuuchen.github.io/portfolio/img/aibiography/fig_Screen4_生成結果_設計提案演進.png)
Final Design Overview
![[fig6] Final Design Overview](https://ruuuchen.github.io/portfolio/img/aibiography/fig_步驟畫面.png)
關鍵成果
AI 自傳滿意度問卷調查
- 僅 12% 的用戶不滿意
- 過半數用戶認為符合自身經歷
- 不滿意的原因大多認為與自身個性或經歷有差異
Credits and thanks to:
Enther Wu, Rey Chang, Isa Yang, Design team Yu-Zhen Yang, Kio Chang, Engineering team Ting-Shan Hsu, PM team
← Previous
Next →