两侧同时换到之前的修订记录 前一修订版 | |
zh:dev_blog_and_patchnote:improving-photon-ui [2022/11/26 09:45] – Rabbit_P | zh:dev_blog_and_patchnote:improving-photon-ui [2022/11/26 10:10] (当前版本) – MuraSaki_Siki |
---|
</jumbotron> | </jumbotron> |
| |
Photon UI 是對 EVE 用戶界面的一項艱鉅大修項目。但很多玩家感到不解的是, 明明現在的 UI 用得好好的, 為甚麼 CCP 平白沒事要去修改 UI 這一項那麼基礎的內容。 | Photon UI 是對 EVE 用戶界面的一項艱鉅大修項目。很多玩家感到不解的是, 明明現在的 UI 用得好好的, 為甚麼 CCP 平白沒事要去修改 UI 這一項那麼基礎的內容。 |
| |
EVE 經過 20多年來的開發, 有着非常多的內容及功能, 每一項內容都有特定的 UI 交互需求。有一些項目擴展了現有 UI 的元素, 但往往沒有考慮到當下的遊戲設計語言。這導致部份 UI 元素的表達方式並不一致, 有時甚至引起混淆, 很難精通。除此之外, 要維護眾多的 UI 元素亦需花費額外的資源及開發時間。 | EVE 經過 20多年來的開發, 有着非常多的內容及功能, 每一項內容都有特定的 UI 交互需求。有一些項目擴展了現有 UI 的元素, 但往往沒有考慮到當下的遊戲設計語言。這導致部份 UI 元素的表達方式並不一致, 有時甚至引起混淆, 很難精通。除此之外, 要維護眾多的 UI 元素亦需花費額外的資源及時間。 |
| |
去年 CCP 成立了專門的玩家體驗團隊, 主要工作就是改善玩家遊玩體驗。由於 EVE 的 UI 需求能讓玩家在太空中訪問幾乎所有功能,因此需要考慮很多因素。不僅要從開發和技術的角度, 還要從用戶體驗的角度去考慮效率和可持續性。這都是 EVE Evolved 的一部分, 為 EVE Online 準備了第三個十年。 | 去年 CCP 成立了專門的玩家體驗團隊, 主要工作就是改善玩家遊玩體驗。由於 EVE 的 UI 需求能讓玩家在太空中訪問幾乎所有功能, 因此需要考慮很多因素。不僅要從開發和技術的角度, 還要從用戶體驗去考慮效率和可持續性。這都是 EVE Evolved 的一部分, 為 EVE Online 準備了第三個十年。 |
| |
{{https://images.ctfassets.net/7lhcm73ukv5p/5NmISAhndAi2Ej1ahyabO2/d8774141af43c1b98b0083ec5b35bba4/ConstantlyEvolving.png}} | {{https://images.ctfassets.net/7lhcm73ukv5p/5NmISAhndAi2Ej1ahyabO2/d8774141af43c1b98b0083ec5b35bba4/ConstantlyEvolving.png}} |
| |
於是, 所有不同的 UI 樣式都需要重新調整, 才能有一個紥實的 UI 設計基礎去作改進工作。打好基礎相當重要, 因為 CCP 將在未來修改更多的界面, 並將會處理諸如 HUD, 總覽這些項目。多年來, 不同項目的不同 UI 都朝著不同的方向發展, 不僅使設計風格變得複雜, 而且給玩家帶來了困惑和挫敗。 | 因此, 所有不同的 UI 樣式都需要重新調整, 才能有一個紥實的 UI 設計基礎去作改進工作。打好基礎相當重要, 因為 CCP 將在未來修改更多的界面, 並將會處理諸如 HUD、總覽這些項目。多年來, 不同項目的不同 UI 都朝著不同的方向發展, 不僅使設計風格變得複雜, 而且給玩家帶來了困惑和挫敗。 |
| |
{{https://images.ctfassets.net/7lhcm73ukv5p/GqmsJZVyWUtRgaVMeMlUW/2291a859e980f2b475f36e6e66a86df1/Photon.png}} | {{https://images.ctfassets.net/7lhcm73ukv5p/GqmsJZVyWUtRgaVMeMlUW/2291a859e980f2b475f36e6e66a86df1/Photon.png}} |
| |
此 UI 大修的目標是使 UI 更加直觀、易於訪問、連貫, 同時打造鼓舞人心的科幻體驗。因此, 需要一個可靠如 Photon 作為設計語言。 設計語言不僅僅是設計的風格指南。還涉及 UI 框架和改進底層技術, 解決一些過往的技術困難, 並儘可能多地消除眾多 UI 元素不一致之處。 | 此 UI 大修的目標是使 UI 更加直觀、易於訪問、連貫, 同時打造鼓舞人心的科幻體驗。因此, 需要一個可靠如 Photon 的設計語言。設計語言不僅是設計的風格指南, 還涉及 UI 框架和底層技術改進, 克服一些過往的技術困難, 並儘可能消除眾多 UI 元素不一致之處。 |
| |
{{https://images.ctfassets.net/7lhcm73ukv5p/5ytAJNExv6uawU7sixgwe4/370023b0df619ada480969d94a1a0776/FeaturePreview.png}} | {{https://images.ctfassets.net/7lhcm73ukv5p/5ytAJNExv6uawU7sixgwe4/370023b0df619ada480969d94a1a0776/FeaturePreview.png}} |
| |
因為 UI 這基礎項目需要配合多種不同遊戲內容, 還要匹配眾多硬件, 這顯然需要一種新的方式收集玩家反饋。歸根結底, UI 是為玩家服務的, 與玩家共同開發對 CCP 來說很重要。因此, CCP 需要一個新方法把功能盡早交到玩家手中, 透過測試服只能接觸到一小部份用戶。CCP 於是把新功能, 以手動選用方式, 直接在正式伺服器上作測試, 以盡可能收集到更多及不同種類玩家的日常活動需求與反饋。 | 因為 UI 這基礎項目需要配合多種不同遊戲內容, 還要匹配眾多硬件, 這顯然需要一種新的方式收集玩家反饋。歸根結底, UI 是為玩家服務的, 與玩家共同開發對 CCP 來說很重要。因此, CCP 需要一個新方法把功能盡早交到玩家手中。透過測試服只能接觸到一小部份用戶, CCP 於是把新功能, 以手動選用方式, 直接在正式伺服器上作測試, 以盡可能收集到更多及不同種類玩家的日常活動需求與反饋。 |
| |
Photon UI 的使用率在推出後穩步上升, 同時從論壇、社交媒體以及不同意見調查和訪談中收集了珍貴的反饋。所以在夏季以來一直按玩家需求作出許多修正。在 9月份, Photon UI 的選用率達至 17%, 這比預期高了不少。但 UI 這一項重要及複雜的目, CCP 需要更廣泛的玩家意見。於是在 10月份, Photon UI 由手動選項改為預設選用, 讓更多從沒了解過此項目的玩家也能接觸到新項目並提出反饋。 | Photon UI 的使用率在推出後穩步上升, 同時從論壇、社交媒體以及意見調查和訪談中收集了珍貴的反饋。在夏季以來一直按玩家需求作出許多修正。在 9月份, Photon UI 的選用率達至 17%, 這比預期高了不少。可是 UI 這一項重要及複雜的項目, CCP 需要更廣泛的玩家意見。因此在 10月份, Photon UI 由手動選項改為預設選用, 讓更多從沒了解過此項目的玩家也能接觸到新項目並提出反饋。 |
| |
從 Photon UI 首次供玩家使用以來, 已經有長足的進步, 包括: | 從 Photon UI 首次供玩家使用以來, 已經有長足的進步, 包括: |
*重新設計所有 UI 基本組件 | *重新設計所有 UI 基本組件 |
*所有的設計元素, 如按鈕、選項卡和視窗標題等都有一個單一的、連貫的風格 | *所有的設計元素, 如按鈕、選項卡和視窗標題等都有單一的、連貫的風格 |
*更新了字體樣式及其使用規則 | *更新了字體樣式及其使用規則 |
*一個新的、更注重用戶體驗的顏色庫, 以及帶有新的顏色主題 | *一個新的、更注重用戶體驗的顏色庫, 以及帶有新的顏色主題 |
*過渡屏幕動畫增強科幻體驗 | *過渡屏幕動畫增強科幻體驗 |
*為所有「戰鬥」視窗都加入緊湊模式 | *為所有「戰鬥」視窗都加入緊湊模式 |
*為各窗口作出不少小改善, 例如 無人機視窗、貨倉視窗 | *為各窗口作出不少小改善, 例如無人機視窗、貨倉視窗 |
| |
在改為預設選用的第一天, 有達 84% 的玩家在關閉遊戲前都仍保持選用 Photon UI。這數字一直上升至現時 91%。但 CCP 並不止步於此。 | 在改為預設選用的第一天, 有達 84% 的玩家在關閉遊戲前都仍保持選用 Photon UI。這數字一直上升至現時 91%。而 CCP 並不止步於此。 |
| |
----- | ----- |
| |
<fs x-large>**複數總覽視窗**</fs> | <fs x-large>**複數總覽分頁**</fs> |
| |
在 13/12, 複數總覽視窗功能將隨其他更新一併推出, 包括視窗邊距大小、新的安全等級顏色、透明度控制和自動 UI 縮放選項。 | 在 13/12, 複數總覽分頁功能將隨其他更新一併推出, 包括視窗邊距大小、新的安全等級顏色、透明度控制和自動 UI 縮放選項。 |
| |
{{https://images.ctfassets.net/7lhcm73ukv5p/4o3FaLEOUY1VxxAzQ9ln8g/a1d90a658bb2479c9b63d1bfe3a6224a/MultipleOverview.png}} | {{https://images.ctfassets.net/7lhcm73ukv5p/4o3FaLEOUY1VxxAzQ9ln8g/a1d90a658bb2479c9b63d1bfe3a6224a/MultipleOverview.png}} |
總覽一直是獲取周圍環境戰術信息的第一工具, 現在此視窗將作出更新。 | 總覽一直是獲取周圍環境戰術信息的第一工具, 現在此視窗將作出更新。 |
| |
第一大更新無疑是同時打開多個總覽視窗的新功能, 讓玩家可以比以前更精確地根據其的遊戲風格定制戰術信息。 | 第一大更新無疑是同時打開多個總覽分頁的新功能, 讓玩家可以比以前更精確地根據其的遊戲風格定制戰術信息。 |
| |
其他更新功能包括: | 其他更新功能包括: |
*總覽中各列的設定、順序和寬度等將保存至各 tab (標籤) , 而非全局設定 | *總覽中各列的設定、順序和寬度等將保存至各 tab (標籤) , 而非全局設定 |
*“Presets” 改名為 “Filters”, 以更清晰闡述總覽的設定 | *「Presets」改名為「Filters」, 以更清晰闡述總覽的設定 |
*改善總覽視窗中設定過濾項目的操作 | *改善總覽視窗中設定過濾項目的操作 |
*改善總覽右鍵選單 | *改善總覽右鍵選單 |
| |
此複數總覽視窗的功能將會以手動選用的方式推出。 | 此複數總覽分頁的功能將會以手動選用的方式推出。 |
| |
----- | ----- |
*自動 UI 縮放 : UI 縮放設定加入新選項, 讓 UI 元素自動跟隨當前客戶端解析度同步變更 | *自動 UI 縮放 : UI 縮放設定加入新選項, 讓 UI 元素自動跟隨當前客戶端解析度同步變更 |
*「淺色背景」透明度控制 : 個別調整視窗「淺色背景」的透明度 | *「淺色背景」透明度控制 : 個別調整視窗「淺色背景」的透明度 |
*視窗大小調整提示 : 使用 Photon UI 風格清晰地, 在滑鼠移至視窗邊緣時表達出可操作調整視窗大小 | *視窗大小調整提示 : 在滑鼠移至視窗邊緣時表達出可操作調整視窗大小 |
*更新的視窗捲軸條 : Photon UI 的視窗捲軸條將改為固定大小, 不再隨滑鼠是否懸停在上而展開及折疊 | *更新的視窗捲軸條 : Photon UI 的視窗捲軸條將改為固定大小, 不再隨滑鼠是否懸停在上而展開及折疊 |
| |