當我們的小幫手後端功能都差不多跑起來後,下一步就會想:「那要怎麼讓別人用得更直覺?」這就是 UI/UX 的重要性啦。畢竟 CLI(指令列介面)很酷,但大部分使用者看到黑底白字就頭暈,還是需要一個好上手的介面。
這裡我有試過兩種方式:
Flask:它是一個輕量級的 Python 網頁框架,適合自己設計前後端流程。如果你想要比較客製化的頁面,像是輸入框、查詢按鈕、結果區塊,都可以透過 HTML/CSS 搭配 Flask route 去實作。缺點是要寫比較多前端東西,對新手來說會稍微硬一點。
Streamlit:這個超適合快速 demo!只要幾行 Python,就能跑出一個漂亮的互動介面。例如 st.text_input
就能做輸入框,st.write
就能輸出結果,完全不用操心前端的 HTML。算是研究型專案或快速驗證的神器。
UI/UX 的重點不是做得多炫,而是「簡單、好用、清楚」。像我們的小幫手,只要有個輸入框問問題,下面回覆 AI 的答案,再加一點美化,就已經很實用。
所以這一步算是讓 AI 小幫手從「工程師玩具」進化成「一般人也能上手」的關鍵。