---
# System prepended metadata

title: 頁面調整
tags: [LI]

---

---
tags: LI
---

# 頁面調整
- 1. 頁面UI/wording
- 2. UX


## A. 首頁 (https://uwww.langisland.com/)
1. Home page 看不出 studygroup 內容
- 首頁Content 需調整，如何讓使用者知道讀書會主軸？
=> 首頁Gathering self-learners 可以知道是自學讀書會，覺得可以加入此讀書會與其他讀書會不同的特點 
e.g. 練英文以外還有知識傳遞  
     成員都是在特定領域有所專精的(讀書會能結交到不同領域的人，拓展知識圈)
     
=> 首頁內容比較零散
定位
成立原因
成員類型
運作模式
申請邏輯
常見討論主題
     
是否用中文？
多一個中文

Content 累積

- Testimonial 放後面
=> 多數人會覺得單純看看，重要性相對起來較低。

- Gina建議放Suggestion Learning Resources: e.g. TED, BBC, CNN等 => 讓使用者知道討論主題為何  => Upcoming Session

- Upcoming 使用 <a href="https://codepen.io/David_Hutt/pen/jjOjMZ">Carousel</a>? 輪播session卡片


補充待討論：
1.  登入後進入系統主頁的方式？
![](https://i.imgur.com/cSIVH0g.jpg)

2. 聯絡方式：
加LINE, IG, (Youtube), 聯絡Icon, email 

3. G單報名連結放在哪？
=> 目前放join us

Contact Us / About Us



## B. Auth
待補：增加驗證提示
- Register 
1. 頁面多加驗證密碼欄位
 
 
--- ---
 
## C. Calendar & Session
session => 改 my class
Hall => Calendar
Calendar 不需要用顏色區分早晚

Calendar=> 

Calendar list & sessions 的設計區別？！

Calendar list

correction => icon 改 Ｃ

最多人數=> 10人
session 的 dash board: CoHost

特定時間點決定

- 點數機制=> 月中前參與點數比較多? 

1. Calendar 改為Total(Activity) 相關的Icon & 提示語
=> 為全部當月的所有session 頁面呈現為LIST，而裡面有Calendar切換的選項

:smiley: 目前改hall

2. Sessions 
=> 個人的Session 

以下切成兩部分 
- Upcoming & Past => 用不同顏色來區分。Past 放下面
![](https://i.imgur.com/hbmvIxi.png)


待討論：
1. 同一個session 太多人參加，是否限制最大參與人數？ e.g. Total 10人
最多分2-3組

2. :fire: 卡片顏色定義


- 沒Host: 黃色
- 沒人： 
- 自己Host:
- 自己Join:


=> 同樣顏色應用在 Session 跟 Calendar?
- 卡片link背景？


未來修正：
Calendar UI部分，當時間段變多時，頁面會被擠壓

##  Layout 
1. Gina 建議的Landing Page
![](https://i.imgur.com/sROI9Rm.png)


2. Header 設計


3. User Panel 需調小

![](https://i.imgur.com/ljC3fG4.png)




## Wording
1. 沒有Session時 (/sessions)
![](https://i.imgur.com/MDq3TdA.png)


## Page
1. Rule (in more details)
2. Dashboard
3. Donate




## Bug
![](https://i.imgur.com/Kh8GqOR.png)


6/26 修改
1. 登入後導到 系統landing
2. main page => /intro
3. Session => My Class
4. calendar Join & Host 顏色調整
5. Join 新增coHost欄位 ＋ User勾選 coHost
6. Session卡片: CoHost DashBoard
7. 一個session最多10人
8. 特定時間過後無法變更參與狀態 => 此時coHost欄位出現

Plus: 
15號前參與點數較多