Account
Privacy
Sync contacts and Facebook friends
Comments
Comments panel
Business suite
Creator tools
Settings and privacy
Blocked accounts
Manage app permissions
Lemon 8
2-step verification
Notifications
Notifications-off
LIVE
LIVE notification settings
Videos
Language
App language
Preferred languages
Add keyword
Filter video keywords
Display
Free up space
Overview
Team department
UX team
Team members / roles
Manrong Li - UX Designer
Launched
Sept 2022
This project entailed a comprehensive update of the TikTok settings page to address issues of increasing complexity, illogical categorization, and improper information hierarchy. The design was modernized to enhance clarity in the structural hierarchy, reduce cognitive load, and standardize details, thereby improving the user experience.
Settings Redesign
for TikTok
Old TikTok Settings Page
Current Status
· Redesign the layout of the Settings page. As more features and elements are being integrated into the page, it is necessary to reorganize and classify the overall functionality and structure.
· The overall design style is outdated, the hierarchy is unclear, and the text is too small, making it difficult to read. Some pages have many legacy issues. It is also necessary to standardize design details and create design guidelines.
Icon Change
To make the overall structure clearer and to better assist users in finding features, redesign all the existing linear icons into filled icons.
Components
Set up components for Switch, TextCell_Accessory, TextCell, Avatar, Color Palette, Alert, and Grayscale.
Final Version
Here comes the final version of TikTok Settings page.
Thanks for
watching
:D