ASUS - TUF GAMING
專案管理 | Project management
專案介紹
TUF GAMING 是一款電競系列的產品，產品須在全球上市與發表，從2022年起需特別符合無障礙（WCAG）的需求。 無障礙（WCAG）的需求除了設計畫面上，對於整個版面、文字比例、顏色對比有一定的要求外，對於前端撰寫程式時，也需要有符合規定的程式碼規則，因此使整個網站做起來相當複雜繁瑣，且時間緊迫。
About Project
As a project manager, I'd like to introduce the TUF GAMING project—a gaming product line set for a global launch and unveiling. Starting from 2022, it necessitates compliance with specific requirements for web accessibility standards, notably the Web Content Accessibility Guidelines (WCAG).
The WCAG compliance extends beyond designing the interface; it entails meeting specific criteria concerning layout, text proportion, color contrast, and adhering to prescribed coding rules during front-end development. This added layer of accessibility guidelines significantly complicates and intensifies the intricacies of the entire website development process, amplifying the time sensitivity of the project.
專案目標
無障礙 WCAG 需求
剛硬漫畫機甲風格
全球上市前須上線
電競系列以往酷炫、花俏，許多特效的畫面，完全是跟無障礙政策衝突的，必須在這樣的限制下仍然製作出符合美感以及有TUF剛硬漫畫機甲風格的網站，使用上也必須保持一定的順暢度。 且在上市前的時限內準時讓產品活動頁完整呈現。
Our Goals
As a project manager in the tech industry, I'm excited to introduce a challenging project focused on the gaming series. Traditionally characterized by flashy, visually intricate effects, the gaming series' aesthetic posed a significant challenge due to conflicting with accessibility policies. Despite these limitations, the goal was to create a website that maintained both visual appeal and the signature TUF robust and comic-style mech aesthetics while ensuring smooth usability.
The task was to navigate these constraints and produce a website that complied with accessibility standards while retaining the distinctive TUF hard-edged comic-book style. Simultaneously, the site had to guarantee a certain level of smoothness and performance in user experience. Additionally, meeting strict deadlines to ensure the timely completion and full presentation of the product campaign page before the launch was a critical component of the project.
專案團隊與職責
1.管控時程
2.訪談需求與了解無障礙規則
3.與客戶及內部設計師雙向溝通視覺風格與方向
4.與前端工程師進行溝通
5.QC畫面品質以及使用的流暢度
6.使用工具axe DevTools、Google Speed檢查是否符合無障礙及華碩內部規則
7.與客戶講解無障礙規則
My team and role
-
Schedule Management
-
Interviewing requirements and understanding accessibility rules
-
Two-way communication with clients and internal designers on visual styles and direction
-
Communication with frontend engineers
-
Quality Control of screen visuals and usability
-
Utilizing tools like axe DevTools, Google Speed to check compliance with accessibility and Asus internal regulations
-
Explaining accessibility rules to clients
專案困難點與解決辦法
Q: 為第一個需要符合無障礙的網頁，窗口實際並不明白何為無障礙。
A:需不斷解釋以及提出範例或講解無障礙的使用者他們是如何操作網站。
Problems and Solutions
Q: For the first webpage that needs to comply with accessibility, the team doesn't actually understand what accessibility means. A: Continuous explanation and providing examples or demonstrations of how users with accessibility needs interact with websites are necessary.
Q: The information provided by the client is disorganized and scattered, making it difficult for internal designers to read directly. A: It's crucial to enhance communication with the client in a short timeframe and organize the documents effectively for internal reading.
Q: Internal designers are unable to grasp the client's direction and misunderstand the core concepts. A: Break down the screen structure and elements. After discussing the desired direction with the client, strengthen communication with the designers about the core content of each part and align it with the client's preferences.
Q:內部設計無法抓到客戶的方向，以及不理解核心概念。
Q: 客戶提供的資訊文件很凌亂與分散，無法直接提供給內部設計閱讀。
A:需短時間加強內與客戶溝通以及統整好文件。
A:把畫面結構、元素拆分，一一與客戶探討希望方向後，加強與設計溝通每一部分的核心內容以及客戶所希望方向。
專案成果
網站準時上線。
Results
為華碩同時期進行多項無障礙產品頁面專案裡，
最快完成之專案。
The quickest completed project among multiple accessibility product page projects conducted concurrently at Asus during the same period.
Timely launch of the website.