---
# System prepended metadata

title: UI enhancement

---

# UI enhancement
- [Zeplin UI SPEC](https://zpl.io/bz6vXMb)

---
* [Top page VP-12040](https://kkvideo.atlassian.net/browse/VP-12040)
    * button
        - [x] unlimited tab icon
        - [x] ppv tab icon
        - [x] freemium tab icon
        - [x] mypage tab icon
    * background
        - [x] notice background color (including tableviewcell and collectionview cell??)
        - [x] item background color  (including tableviewcell and collectionview cell)
        - [x] progress bar within item (including tableviewcell and collectionview cell)
        - [x] [bug fix] item group see more & see all & see all/edit arrow remove
        - [x] [bug fix] [Pad only] color of freemium page see all wording 

---

* [Unlimited page VP-12040](https://kkvideo.atlassian.net/browse/VP-12040)
    * button
        - [x] chromecast button
        - [x] chromecast connecting animation
        - [x] chromecast connected animation
        - [x] login button
        - [x] search button
        - [x] see all button
        - [x] back button (after tap see all)

---

* [EULA VP-12040](https://kkvideo.atlassian.net/browse/VP-12040)
    * button
        - [x] agree

---

* [Cold Start VP-12040](https://kkvideo.atlassian.net/browse/VP-12040)
    - [x] title
    - [x] pagination 
    - [x] 勾勾 
    - [x] “完了(ok button)” 
    - [x] skip button
    
    + [error page](https://app.zeplin.io/project/54a10a6bfc4e762514084b71/screen/5ed7568e7d539a3f31658f40)
        - [x] Retry button in error page 
        - [x] Cancel button in error page

---

* [Error Page VP-12040](https://kkvideo.atlassian.net/browse/VP-12040)
    - [x] OnlyRetry --> [zeplin](https://app.zeplin.io/project/54a10a6bfc4e762514084b71/screen/5e43b39044d6dd89a007c89d)
    - [x] Retry, cancel --> [zeplin](https://app.zeplin.io/project/54a10a6bfc4e762514084b71/screen/5ed754548a1acc3fe901a0ad)

---

* [Setting VP-12047](https://kkvideo.atlassian.net/browse/VP-12047)
    * button
        - [x] select quality button
        - [x] quality wording
        - [x] back button
        - [x] close button

    * Login
        * button
            - [x] close button
            - [x] video quality
        * wording
            - [x] video quality

---

* [Help (external link) VP-12048](https://kkvideo.atlassian.net/browse/VP-12048) --> [zeplin](https://app.zeplin.io/project/54a10a6bfc4e762514084b71/screen/5ed7217c4554b7233a7b7406)
    * button
        - [x] X
        - [x] reload
        - [x] > next page
        - [x] < previous page
        
---

* [Player VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)
  * button
    - [x] episode option key button
    - [x] video quality 勾勾
  * wording
    - [x] video quality title
    - [x] Done "完了"
    
---

* [Offline VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)
    * button
        - [ ] play/resume button

---

* [Single Detail Page VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)
     + button
  
        - [x] back button 
        - [x] Key button (Play/Resume)
        - [x] Segment control (Details/Related Video)
        - [x] Preview
        - [x] Download(normal, dowloading, queued, dowloaded)
        - [x] Watch later (UI changed)
        - [x] Share
        - [x] Official web site
        - [x] Available download in offline mode
        
    * wording
        - [x] “more“ (the button will show long synopses)
        - [x] actress and actor name in the section cast&crew

---

* [Series/Episode Detail Page VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)

    + button
        - [x] back button
        - [x] Key button (Play/Resume)
        - [x] Segment control (Details/Related Video)
        - [x] Watch later (UI changed)
        - [x] Share
        - [x] Official web site
        
    
        * episode list

            - [x] Key button (play/resume)
            - [x] Preview
            - [x] Download(normal, dowloading, queued, dowloaded, available offline)
            - [x] Watch later (UI changed)
            - [x] Share
            - [x] Official web site
    
    * wording
        - [x] “more“ (the button will show long synopses)
        - [x] actress and actor name in the section cast&crew
        - [x] end of episode list “Load More Episodes“
        
---

* [Artist detail page VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)
    * button
        - [x] subscribe (also shape changed)
        - [x] Segment control (Appears On/Related Artist)

---

* [Search Page VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)
    * button
        - [x] See All
        - [x] | text filed (游標)

---

* [Genre/Navigation VP-12048](https://kkvideo.atlassian.net/browse/VP-12048)
    * filter function
        * button 
            - [x] 勾勾
        * wording
            - [x] Done "完了"
    * sub genre
        * button 
            - [x] 勾勾
        * wording
            - [x] Done "完了"

---

* [MyPage VP-12052](https://kkvideo.atlassian.net/browse/VP-12052)
    * button
        - [x] see all/edit button
* See all/edit page in mypage
    * button 
        - [x] Edit/Cancel button
        - [x] Check button
        - [x] Garbage button (light orange when not choose item)
    * icon
        - [x] “new” icon on thumbnail
        - [x] User Cold Start entrance

---

* [Download VP-12052](https://kkvideo.atlassian.net/browse/VP-12052)
    - [x] download progress
    + download list page
        + button
            - [x] edit button
            - [x] Download(normal, dowloading, queued, dowloaded)

---
## Bugs

- [VSD 7817 The wording color is incorrect in detail page](https://kkvideo.atlassian.net/browse/VSD-7817)
    * downloaded button
        - [x] wording color should be changed to **orange**
    * watch later
        - [x] wording color should be changed to **orange**
    * available download
        - [x] wording color should be changed to **gray**
    * long synopsis
        - [x] episode list wording should be changed to **orange**

* segment control
    * Detail Page
        - [x] [The width of the segment underline was incorrect after rotating](https://kkvideo.atlassian.net/browse/VSD-7820)
        - [x] [The UI of upper iOS13, iPadOS13 device didn't followed the SPEC](https://kkvideo.atlassian.net/browse/VSD-7822)
            
    * Artist Page
        - [x] [The width of the segment underline was incorrect after rotating](https://kkvideo.atlassian.net/browse/VSD-7820)
        - [x] [The UI of upper iOS13, iPadOS13 device didn't followed the SPEC](https://kkvideo.atlassian.net/browse/VSD-7822)

* Download
    
    - [x] [VSD-7808 Download button status background color was light blue in My Page Download List](https://kkvideo.atlassian.net/browse/VSD-7808) 
    
    
* Artist 
    - [x] [VSD-7821 subscribed wording changed (only JP), how about EN](https://kkvideo.atlassian.net/browse/VSD-7821)
    
* Genre / Navigation
    - [x] [VSD-7819 available offline selected icon old](https://kkvideo.atlassian.net/browse/VSD-7819) 

* [VSD-7818 Bold wording](https://kkvideo.atlassian.net/browse/VSD-7818)
    - [x] Genre / Navigation filter "完了"
    - [x] My page "編輯"
    - [x] Top page "登入"
    - [x] long synopsis "see more"

* Top page item
    - [x] [VSD-7805 items margin in top page was changed](https://kkvideo.atlassian.net/browse/VSD-7805) 
* EULA Page
    - [ ] [VSD-7831 agree button "同意する"](https://kkvideo.atlassian.net/browse/VSD-7831)

* MyPage
    - [ ] item group icon