--- # System prepended metadata title: codecademy - 需求分析 --- # codecademy - 需求分析 # User Story > （ 某個頁面下 ）身為一個 (使用者/工程師) 我可以做 (某個) 動作 ，以達到 (某個) 目的。 簡單來說明: * 網頁頁面的功能 * 使用此網頁的身分 * 做甚麼動作 * 想要達成的目的 範例如下: 在"登入頁面"身為一個 "使用者" 我可以做 "登入帳號" 的動作，以達到 操作帳戶內容 的目的 # codecademy 網站需求分析 ## 未登入狀態的首頁 * 最上方有註冊區域以及Navbar ![](https://i.imgur.com/Q6F9IIU.png) * 中間區域有課程相關測驗可以參與 ![](https://i.imgur.com/ZJq1reR.png) * 介紹網站的學習系統 ![](https://i.imgur.com/N7UaSan.png) * 介紹網站的學習系統 ![](https://i.imgur.com/JiNqjyb.png) * footer區域以及提醒你可以從這開始的banner會導向另一個sign up 頁面 ![](https://i.imgur.com/fA7utSL.png) sign up 頁面 ![](https://i.imgur.com/xciJjw5.png) ### Navbar區域 ![](https://i.imgur.com/Og1hTnd.png) * 使用者 點擊Logo 會導回這個頁面 回到首頁的目的: 1. 可以做登入/註冊帳戶 2. 閱讀網站介紹 3. footer的各種聯繫資訊 * 使用者 點擊catalog 會導向所有課程分類的頁面 達到 "選擇課程的" 目的 * 使用者 點擊Resources 會導向四個頁面 達到 "尋找所需要的資源" 的目的 1. cheatsheet總目錄(可以看一些語法的摘要) 2. Projects 3. Articles 4. blog * 使用者 點擊Community 會導向四個頁面 達到 "尋找社群資源" 的目的 1. Forums codecademy 論壇 2. Discord 連結 3. chapter 地區性形式的學習團體 4. Events 近期活動 * 使用者 點擊Pro Pricing 會導向兩個頁面 達到 "瞭解價格" 的目的 1. For individuals 2. For students * 使用者 點擊For Business 會導向一個頁面 達到 "了解企業課程" 的目的 * 使用者 點擊放大鏡 會延伸出下方搜尋列 達到 "搜尋項目" 的目的 * 使用者 點擊Log in/ Sign up 會 達到 "登入或是註冊帳戶" 的目的 1. Log in - 跳轉到landing page 2. Sign up - 跳轉到sign up page ### Footer區域 * 使用者 點擊到Footer區域 會 達到 "資訊的連結" 的目的包含: 1. company 職缺、聯絡資訊、商店、社群平台連結 2. Resources 部落格、文章、語法摘要 3. Community Forums codecademy 論壇、chapters 地區性形式的學習團體、Events 近期活動 4. ENTERPRISE PLANS For Business 針對企業用戶的資訊取得 5. INDIVIDUAL PLANS Pro Membership/ For Students 6. Support Help Center 可以在這邊找到各種問題的答案或是尋求工作人員協助 7. MOBILE APP下載連結 8. COURSE CATALOG 放入部分課程連結 9. Language 放入部分程式語言課程連結 ## landing page / Sign up page 功能差不多放在一起解釋 * landing page ![](https://i.imgur.com/9uGqlSs.png) * sign up page ![](https://i.imgur.com/xciJjw5.png) ### Navbar區域 基本上跟首頁的功能一樣 [Navbar區域](#Navbar區域) ### Form區域 * 具備基本驗證功能 * 使用者 輸入信箱以及密碼 會 達到 "登入或是註冊帳戶" 的目的 ![](https://i.imgur.com/L7dTSsI.png) * 可以使用社群帳戶註冊或是登入 * 使用者 點擊社群icon 會 達到 "登入或是註冊帳戶" 的目的 ![](https://i.imgur.com/SJ9QuUi.png) ### Footer區域 ![](https://i.imgur.com/MV9I7CH.png) * 使用者 點擊Job / 條款 會 達到 "跳轉求職頁面 / 觀看條款" 的目的 * 使用者 點擊社群icon 會 達到 "觀看社群平台" 的目的 ## Catalog 此處是課程集結的地方主要分類以 1. 程式語言 1. 相關項目 1. 最受歡迎的課程 2. 最新的課程 3. 可以產生靈感的資源 4. 學生適合的資源 * 使用者 點擊到這個頁面 會 達到 "尋找上課程內容" 的目的 ![](https://i.imgur.com/2BwsrSA.png) ![](https://i.imgur.com/L29H2IF.png) ![](https://i.imgur.com/0j3tYiF.png)