Trung tâm Cộng đồng

Chào mọi người!

Như đã hứa trong phần giới thiệu về FandomDesktop, chúng tôi đang tiếp tục phương pháp tiếp cận “Nhiều hơn nữa” để xem trước những thay đổi sắp tới đối với Fandom và Gamepedia dành cho người dùng máy tính vào cuối mùa Xuân và mùa Hè này. Minh bạch hơn, nhiều tư duy thiết kế hơn và chuyên sâu hơn về những gì đang thay đổi trước khi triển khai.

Hôm nay, chúng ta sẽ cùng xem cách Thiết kế giao diện nâng cấp với FandomDesktop với các tính năng mới, giải pháp hiệu suất tốt hơn và nhiều tùy chọn tùy chỉnh hơn để mang bản sắc wiki của bạn vào cuộc sống.

Giao diện mới, tính năng mới[]

Là một phần của dự án UCX (Trải nghiệm Nền tảng hợp nhất), chúng tôi đã xây dựng lại Thiết kế giao diện từ đầu như một tính năng mạnh mẽ hơn để nâng cao trải nghiệm mới. Trong các lĩnh vực khác của UCX, chúng tôi tập trung nhiều hơn vào việc tối ưu hóa các tính năng hiện có cho trải nghiệm mới, nhưng với Thiết kế giao diện, chúng tôi đã lắng nghe nhu cầu của người dùng từ bạn và nhận thấy cơ hội để nâng cấp.

Từ bên trái, phía bên trái

Kể từ khi Trình thiết kế giao diện hiện tại được tung ra, người dùng máy tính có xu hướng hướng tới màn hình rộng hơn vì công nghệ đồ họa đã được cải thiện đáng kể và công nghệ hiển thị đã theo kịp. Để đạt được mục tiêu đó, chúng tôi đã cải tiến Thiết kế giao diện thành trải nghiệm hiển tại ở khung bên trái, thay vì được gắn trên cùng. Điều này cho phép hiển thị nhanh nhiều trang của bạn khi thực hiện các tác vụ thiết kế, giúp hoàn thành các tác vụ thiết kế đó dễ dàng hơn.

Theme Designer Light

Thay đổi thực trên các trang thực

Trải nghiệm xem trước Thiết kế giao diện mới là một trải nghiệm trực tiếp. Bạn có thể chọn một trang trực tiếp từ wiki để làm ví dụ xem trước. Nội dung của bạn sẽ được hiển thị để điều chỉnh trực tiếp khi bạn chọn chủ đề thiết kế.

Theme Designer - Page URL

Điều này sẽ cho phép bạn xem các trang cụ thể và định dạng cụ thể của chúng phản ứng như thế nào với những thay đổi mà bạn đang thử nghiệm trong cài đặt xem trước, thay vì phải áp dụng các thay đổi rồi thoát khỏi Thiết kế giao diện để kiểm tra trang đó như thế nào và sau đó quay lại thay đổi tiếp nếu nó không phải như cách bạn muốn. Nếu bạn muốn xem một trang khác, bạn có thể thay đổi mục tiêu trang trong thanh URL của khung Thiết kế giao diện và nó sẽ cập nhật trang theo yêu cầu mong muốn của bạn.

Bạn còn nhớ hao tổn tương tác từ blog Điều hướng, là các nỗ lực tinh thần cũng như vật lý cần thiết để đạt được kết quả mong muốn? Sự thay đổi này RÕ RÀNG làm giảm hao tổn tương tác cho công việc của Thiết kế giao diện bằng cách cung cấp cho bạn cái nhìn sâu sắc hơn về những thay đổi nào ảnh hưởng trực tiếp đến các yếu tố.

Ồ… và các thay đổi biểu tượng yêu thích của bạn hiện có thể được xem trước trực tiếp trong thanh URL của cửa sổ xem trước!

Ngày và đêm

Như bạn chắc chắn đã nhận thấy trong các bản xem trước trước đó của FandomDesktop, chúng tôi sẽ hỗ trợ nền nguyên bản Sáng hoặc Tối với trải nghiệm mới, bao gồm hỗ trợ cho cả hai chế độ trong Thiết kế giao diện!

Bạn sẽ có thể dễ dàng chuyển đổi giữa hai chế độ này trong giao diện Thiết kế giao diện để áp dụng trên mỗi chủ đề và xem chúng so sánh như thế nào, tất cả đều nằm trong cùng một cửa sổ xem trước. Bạn cũng sẽ có tùy chọn để đặt chế độ nào là mặc định của wiki, cung cấp cho người đọc trải nghiệm mà bạn với tư cách là bảo quản viên wiki với tùy chọn tốt nhất cho wiki của bạn.

Lưu ý nhanh về cách thức hoạt động của chế độ Sáng và Tối theo sự lựa chọn của người dùng:

  • Tại thời điểm chọn tham gia, chế độ Sáng và Tối sẽ chỉ được giới hạn cho người dùng đã đăng nhập thông qua tùy chọn của người dùng
    • Nếu tùy chọn người dùng chưa được thực hiện, chủ đề do bảo quản viên chọn sẽ xuất hiện dưới dạng trải nghiệm mặc định trên một wiki cụ thể.
  • Nút bật tắt trên wiki được hiển thị trong nhiều mô hình thiết kế hiện đang được dự kiến ​​phát hành trước khi loạt wiki đầu tiên được chuyển đổi sang FandomDesktop để có trải nghiệm tổng thể.
  • Chuyển đổi sẽ khả dụng cho cả người dùng đã đăng nhập và người dùng đã đăng xuất (người ẩn danh)
    • Đối với người dùng đã đăng nhập, nút chuyển đổi sẽ lưu lựa chọn của bạn dưới dạng thay đổi đối với tùy chọn chung của bạn cho chế độ Sáng và Tối.
    • Đối với người dùng chưa đăng nhập, chuyển đổi sẽ lưu tùy chọn của bạn cho phiên truy cập đầu tiên. Khi bước vào một phiên truy cập mới, người dùng vô danh sẽ được coi là không có tùy chọn và được hiển thị chủ đề mặc định do bảo quản viên chọn trên bất kỳ wiki nhất định nào.

Chúng tôi cần thêm một chút thời gian để phát triển logic cho việc ưu tiên chuyển đổi và trên tinh thần minh bạch hơn, chúng tôi muốn tất cả các bạn biết trước về sự thay đổi nhỏ này so với những gì đã được trình bày.

Lựa chọn phông chữ tùy chỉnh

Theme Designer - Font

Tích hợp trong trải nghiệm Trình thiết kế giao diện sẽ là tùy chọn để chọn phông chữ tùy chỉnh dành cho văn bản tiêu đề của wiki. Chúng tôi sẽ bắt đầu với 5 phông chữ bổ sung được nhóm Thiết kế Sản phẩm kiểm tra để đảm bảo tính khả dụng và khả năng truy cập. Các phông chữ này là Rubik, Work Sans, Lora, Roboto Slab, BioRhyme và Inknut Antiqua, được hiển thị trong ảnh chụp màn hình ở trên. Các phông chữ tùy chỉnh khác vẫn có thể được sử dụng thông qua CSS, miễn là chúng duy trì các tiêu chuẩn trợ năng.

Cải tiến đáng kể[]

Ngoài việc thay đổi cách hoạt động của tính năng từ góc độ cơ bản, chúng tôi cũng đã tận dụng cơ hội để thực hiện một số cải tiến dựa trên phản hồi của người dùng và kinh nghiệm học được từ việc di chuyển Nền tảng cộng đồng thống nhất.

Giải pháp lưu trữ tốt hơn

Trình thiết kế giao diện kế thừa lưu trữ một số tệp nhất định, chẳng hạn như biểu trưng wiki, ở một vị trí bên ngoài MediaWiki. Điều này gây ra sự cố trong quá trình di chuyển UCP vì những hình ảnh đó đôi khi không được di chuyển chính xác và rất khó để truy xuất sau đó.

Trong tương lai, TẤT CẢ lưu trữ tệp liên quan đến Thiết kế giao diện sẽ dựa vào quản lý tệp của MediaWiki, cung cấp cho bảo quản viên wiki tùy chọn kiểm soát hình ảnh và bản sửa đổi của họ thông qua các công cụ MediaWiki, thay vì chỉ quản lý độc quyền hạn chế của trải nghiệm Thiết kế giao diện trước đó. Điều này sẽ là bằng chứng trong tương lai chống lại các vấn đề phát sinh từ bất kỳ thay đổi quản lý tệp nào mà chúng tôi có thể cần thực hiện, vì Thiết kế giao diện sẽ được xử lý giống như phần còn lại của wiki, thay vì phải di chuyển một hệ thống khác.

Nhiều màu sắc hơn và nhiều cách tốt hơn để chọn!

Trong Trình thiết kế giao diện cũ, bạn có hai cách để chọn màu: mẫu màu có sẵn hoặc mã hex. Điều này thật tuyệt vời cho những bảo quản viên am hiểu về thiết kế, những người biết rõ mã hex từ đầu hoặc tình cờ chọn một trong những màu trong lựa chọn mẫu của chúng tôi. Không hề tuyệt vời cho sự sáng tạo vượt ra ngoài đó.

Legacy Swatch Picker

Trong Trình thiết kế giao diện mới, chúng tôi đang bắt đầu với một công cụ chọn màu cung cấp cho bạn RẤT NHIỀU lựa chọn trong toàn bộ phổ ánh sáng có thể nhìn thấy được… hoặc bạn vẫn có thể nhập mã hex nếu muốn.

Better Color Picker

Chúng tôi đang hướng tới tương lai về tính năng này với mong muốn tiến xa hơn nữa ngoài các tùy chọn đó, bao gồm cả hỗ trợ nhiều hơn cho khả năng tiếp cận. Nhiều hơn nữa đến từ nhóm CATS về tính năng này sau lần đầu ra mắt FandomDesktop!

Theme Designer - Color

Càng to càng tốt

Như tôi đã đề cập trước đó, độ phân giải màn hình đã tăng lên cùng với những tiến bộ trong công nghệ đồ họa song song với công nghệ hiển thị. Chúng tôi đang hướng tới màn hình 8K trong cách sử dụng phổ biến, vì vậy chúng tôi cần cải tiến với các lựa chọn công nghệ của bạn.

Nhờ xu hướng này và các yêu cầu cụ thể từ cộng đồng người sáng tạo, giới hạn kích thước tệp nền sẽ tăng từ 300 kb lên 1 MB.

Biểu trưng năng động!

Một trong những điểm khác biệt lớn giữa Gamepedia và Fandom về mặt thiết kế là cách thể hiện bản sắc cộng đồng dưới dạng logo wiki. Các wiki trong Gamepedia sử dụng hình đại diện kích thước vuông, trong khi các wiki của Fandom sử dụng kiểu hình chữ nhật.

Theme Designer - Logo

Với trải nghiệm FandomDesktop mới, chúng tôi sẽ hỗ trợ cả hai phong cách trong một định dạng thống nhất mới được gọi là Biểu trưng. Độ phân giải tải lên sẽ lên đến 500x500 pixel, cho phép cả hai định dạng phù hợp và tận hưởng những lợi ích của màn hình có độ phân giải cao hơn. Trên máy tính, biểu trưng kiểu hình đại diện sẽ hiển thị ở 100x100 (80x80 trên máy tính bảng). Biểu trưng kiểu wordmark sẽ tiếp tục hiển thị ở kích thước 250x65.

Theme-Designer-Avatar-Scroll

Chúng tôi khuyến khích wiki chọn biểu trưng kiểu hình đại diện. Biểu trưng kiểu hình đại diện hình vuông dễ sử dụng hơn trong việc quảng bá bản sắc wiki ở nhiều nơi hơn là biểu trưng kiểu chữ hình chữ nhật. Khi bạn cuộn xuống một trang bài viết, biểu trưng hình vuông có thể cuộn vào điều hướng cục bộ được ghim, giữ danh tính wiki đó ngay trên đầu màn hình của bạn. Một logo hình chữ nhật sẽ cắt quá nhiều không gian điều hướng có thể sử dụng của bạn. Biểu trưng nằm trong điều hướng được ghim khi cuộn là tùy chọn. Chúng tôi cũng có một số tính năng khác trong tương lai đang được phát triển để sử dụng yếu tố di động hơn này trong danh tính wiki của bạn. Thông tin thêm về những thứ đó khi chúng đã sẵn sàng ra mắt công chúng.

Giao diện phải mượt[]

Có thể bạn đã đọc tất cả những điều này và tự hỏi: “Được rồi, nhưng điều này sẽ hoạt động như thế nào trong quá trình chuyển đổi?” Nhóm CATS đã đưa ra một số ý tưởng về mối quan tâm cụ thể này. Làm cách nào để chúng tôi thực hiện chuyển đổi sang một thiết kế mới và một Trình thiết kế giao diện mới một cách dễ dàng nhất có thể? Những gì họ nghĩ ra là khá tuyệt vời với các luồng riêng biệt để đưa wiki Fandom và Gamepedia đến cùng một nơi, về mặt chức năng.

Đối với các wiki Fandom, sự lựa chọn là của bạn.

Khi bạn vào FandomDesktop với tư cách là bảo quản viên, việc vào Thiết kế giao diện sẽ cho bạn lựa chọn. Bạn có thể nhập chủ đề hiện có của mình hoặc bạn có thể bắt đầu mới. Nếu bạn chọn bắt đầu mới, chúng tôi sẽ cung cấp cho bạn một phương án rõ ràng và cho phép bạn khám phá trải nghiệm Thiết kế giao diện mới mà không có bất kỳ quyết định chủ đề nào trước đó nằm trong thiết kế FandomDesktop ban đầu của bạn.

Theme Designer Choice

Lưu ý: Bạn sẽ KHÔNG mất chủ đề giao diện hiện có của mình nếu bạn thực hiện điều này. Bất kỳ lúc nào trong thời gian tham gia thử nghiệm, bạn có thể quyết định rằng bạn thực sự muốn nhập giao diện hiện có, bạn có thể lấy lại giao diện đó từ phần lịch sử chủ đề và Thiết kế giao diện sẽ chuyển đổi chủ đề Oasis cũ của bạn thành chủ đề FandomDesktop mới. Đối với wiki không có bảo quản viên hoạt động trong thời gian chọn tham gia, logic tự động nhập sẽ chuyển đổi các chủ đề Oasis cũ thành các chủ đề FandomDesktop khi wiki được chuyển hoàn toàn sang trải nghiệm mới.

Đối với quá trình nhập chủ đề hiện có, Trình thiết kế giao diện sẽ sử dụng một số logic màu sắc để xem chủ đề Oasis của bạn trong quá trình nhập và quyết định xem chế độ nên là Sáng hay Tối và lưu nó cho phù hợp. Đồng thời, nó sẽ cố gắng hết sức để tạo cho bạn một chủ đề đối lập thích hợp cho tùy chọn còn lại. Ví dụ: nếu Wookieepedia nhập chủ đề của họ, Trình thiết kế giao diện sẽ gán chế độ đó là Sáng và sau đó chỉ định chủ đề tiêu chuẩn cho chế độ Tối. Đầu tiên, tôi thực sự mong chờ được xem các chủ đề Sáng Tối khác nhau từ các wiki khác nhau của Chiến tranh giữa các vì sao trên nền tảng này.

Gamepedia thì thuận theo dòng đời

Gamepedia chưa bao giờ có Trình thiết kế giao diện, vì tất cả các bố cục wiki của Gamepedia đều được thực hiện bởi người đại diện hoặc bảo quản viên của wiki thông qua CSS như một phần của quá trình tạo lập wiki được quản lý. Khi một wiki Gamepedia có trên FandomDesktop, chủ đề ban đầu sẽ là biểu tượng yêu thích, biểu trưng và chế độ mặc định Sáng hoặc Tối được xác định bởi giao diện cũ đang sử dụng Hydra hay HydraDark. Mọi thứ khác sẽ tươi mới. Với phương pháp tiếp cận phương tiện trống, nhóm Trải nghiệm cộng đồng và Phát triển cộng đồng sẽ hỗ trợ đặc biệt cho các chủ đề về wiki thuộc Gamepedia. Chúng tôi sẽ có nhiều thứ hơn để tiếp tục khi chúng tôi sắp ra mắt.

Chúng tôi có nhiều thứ khác để tùy chỉnh, với thông tin chi tiết cho bạn, những người am hiểu CSS về cách các tệp, giá trị, bộ chọn, biến và những thứ đó thay đổi với FandomDesktop. Tìm kiếm điều đó gần hơn với chương trình tham gia thử nghiệm, mà tôi sẽ sớm thông báo ngày!

Và bây giờ, như bao giờ hết, tôi sẽ tiếp thu các câu hỏi của bạn và trả lời chúng trong khả năng tốt nhất của tôi!

Blog này được cập nhật từ Community Central, bạn có thể truy cập bài đăng gốc bằng tiếng Anh tại đây.