---
# System prepended metadata

title: '[UX 使用者體驗](https://lighthouse.alphacamp.co/courses/80/units/28067)'

---

# [UX 使用者體驗](https://lighthouse.alphacamp.co/courses/80/units/28067)

## 使用者動線

若要觀察使用者動線，請你透過 [Figma 設計稿的 Prototype 來觀察](https://www.figma.com/proto/ywr1YFOekgWOWF3YuoXFr6/Capstone%3A-Twitter_2022?node-id=34232%3A1927&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=34232%3A1927)。
需要特別說明的是：在設計稿中所以返回的箭頭，都是回到上一頁的意思。

> ### [如何設計使用者編輯頁的彈跳視窗](/_S5ujBt8RD2Dk_rPzWzN_A)

![image alt](https://assets-lighthouse.alphacamp.co/uploads/image/file/21009/ExportedContentImage_00.png)

### 產品思維

這份設計稿提供的是一個產品的 MVP 樣貌(最小可行性產品) ，設計稿中並不會呈現所有畫面細節、互動，Prototype 也不會包含所有使用者動線。因此在滿足指定 user story、通過測試的原則下，設計稿外尚有許多想像空間、增進使用者體驗的細節，小組可自行定義需求，並依照設計稿中的 Style Guide、Basic Elements 以及基本的 UI Components 訂定所需要的元件。

這裡，提供同學一些場景：
* 當使用者按下登入後，如果資料錯誤，錯誤通知會從哪裡跳出？
* 滑鼠移動到貼文上時，會有 hover 出現嗎？

以上問題在設計稿中並不會找到標準答案，AC 將這些問題留給小組開發時思考。如何打造更合乎邏輯的畫面？如何以設計稿為基準，優化使用者動線？如何運用網站微互動來增加使用體驗...？這些是 AC 在設計 Twitter 專案時，期待同學以「打造一個產品的思維」，透過共思考、不斷激盪的過程，來探索出答案的。


\
\
[回到首頁](https://hackmd.io/@2022-Oct-Twitter/Hk9m-Pn-j/%2Feax7gnB7R3KcclDqf27iDA%3Fview)