Bỏ qua phần hướng dẫn của garden scapes

Trong bài, tác giả sử dụng 10 yếu tố UX để phân tích. Mọi người có thể đọc thêm link đính kèm ở mỗi mục phân tích để hiểu thêm về những yếu tố đó là gì (10 yếu tố này sẽ được team UX dịch thêm sau này). Với cách phân tích khoa học và thực tế sẽ giúp mọi người hiểu thêm về các ý đồ thiết kế từ đơn giản nhất và áp dụng trong các thiết kế về sau của mình.

*Bài viết đã được sự cho phép của tác giả

Sau đây là một bài phân tích game của ứng dụng Game Gardenscapes. Trong phân tích này, tác giả đánh giá “10 khám phá khả dụng” và cho điểm dựa trên điểm yếu và điểm mạnh mà tác giả tìm thấy sau khi trải nghiệm game.

Gardenscapes là dòng game giải đố, kể chuyện và trang trí nhà cửa. Cách chơi đó là người chơi sẽ vượt qua các level giải đố để kiếm sao. Sau đó, người chơi sẽ dùng sao mình kiếm được để mở các câu chuyện và thực hiện các lựa chọn để trang trí khu vườn.

Overview

Dưới đây là bản trình bày tổng quát về các điểm tương tác có trong màn hình chính và màn hình khi đang chơi của Game. Tác giả tách biệt nó ra gồm những điểm có thể tương tác được và những điểm chỉ có thể nhìn thấy, để có nhận biết được lượng thông tin nào chỉ có thể truyền thông thị giác và lượng thông tin nào có thể tương tác được.

Bỏ qua phần hướng dẫn của garden scapes
Bỏ qua phần hướng dẫn của garden scapes

https://www.nngroup.com/articles/usability-heuristics-applied-video-games/

1. Visibility of System Status (Hiển thị trạng thái hệ thống)

Bỏ qua phần hướng dẫn của garden scapes

Hệ thống cần thông báo cho người dùng biết về những gì đang diễn ra theo một cách thích hợp và đúng thời điểm

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Sự khác biệt của các trạng thái được thiết kế rõ ràng dễ hiểu. Người chơi có thể thấy những thông tin sinh động về những thành phần khác nhau như thời gian của sự kiện hay những hình ảnh liên quan của thành phần.
  • Một điều thiếu sót ở đây đó là trạng thái “có thể nhấn” hoặc “không nhấn được” của nút setting -> Dễ dàng gây sự nhầm lẫn cho người chơi.

Câu hỏi: Liệu nếu dễ bị hiểu nhầm thì chúng ta có cách giải quyết nào tối ưu hơn không???

Bỏ qua phần hướng dẫn của garden scapes

2. Match between system & the real world (Kết hợp hệ thống và hiển thị thực tế)

Bỏ qua phần hướng dẫn của garden scapes

Hệ thống nên hiển thị ngôn ngữ của người dùng (cụm từ, concept quen thuộc với người dùng) để giao tiếp với họ hơn là sử dụng những thuật ngữ đặc biệt của hệ thống.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Nhìn chung, sự kết hợp của Game Gardenscapes với thực tế đã diễn đạt tốt thông qua các nhân tố UI, các biểu tượng icon và các menus.
  • Menu chính của Game là một ví dụ xuất sắc cho việc khám phá này. Màn hình của menu truyền đạt thông tin tốt như thế chúng ta đang sử dụng một cái máy tính bảng để xem danh sách mail, feed gần gũi giống như của Facebook. Điều này đã nhắm vào người chơi rất chính xác.
  • Cuối cùng là Icon, icon trong Game nhìn chung rất gọn gàng dễ nhìn và vẫn giải quyết được cả vấn đề khó khăn trong việc giao tiếp thông qua icon của tính năng powers-up( tăng sức mạnh). Tính năng này trong game không chỉ đồng bộ với chủ đề của Game mà còn có thể truyền tải chức năng chính xác thông qua hình ảnh.
    Bỏ qua phần hướng dẫn của garden scapes

3. User control and freedom (Sự kiểm soát và sự tự do của người chơi)

Bỏ qua phần hướng dẫn của garden scapes

Người chơi thỉnh thoảng sẽ chọn nhầm chức năng và sẽ cần một “lối thoát khẩn cấp” rõ ràng để rời khỏi trạng thái không mong muốn mà không cần nhận một thông báo mở rộng nào nữa.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Những nhân tố điều hướng chính luôn cung cấp chức năng kiểm soát bằng một nút close thích hợp cũng như người chơi có thể thoát ra ngoài bằng cách tapping bên ngoài khu vực màn hình popup, điều này thật sự thuận tiện.
    Bỏ qua phần hướng dẫn của garden scapes
  • Gần đây, nút Skip cũng được thêm vào cuộc trò chuyện. Đây là một công cụ kiểm soát tốt cho một vài người chơi, những người ít có hứng thú với câu chuyện bên cạnh việc chơi game. Dẫu cho vậy, chức năng này vẫn vắng mặt trong những câu chuyện được thêm vào game trong các events.
  • Thật sự đây là một vấn đề phổ biến liên quan đến sự quay lại của người chơi. Game updates nhiều events và đặc tính cùng một lúc. Vì vậy người chơi phải trải qua khoảng 2-7 pop-ups. Một vài sự kiện còn không cho skip tutorials và yêu cầu là hành động bắt buộc. Số lượng của pop-ups tự động nên được giảm thiểu lại bằng cách sử dụng highlights lên các nút sự kiện bên ngoài màn hình chính.
    Bỏ qua phần hướng dẫn của garden scapes

4. Consistency and Standards (Sự đồng bộ và quy chuẩn)

Bỏ qua phần hướng dẫn của garden scapes

Một thiết kế giao diện hiệu quả sẽ không khiến người dùng phải đặt ra các câu hỏi rằng liệu những từ ngữ, hoàn cảnh, hay hành động khác nhau có mang cùng một ý nghĩa hay không?

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Copywriting được thực hiện rất tốt trong Game. Nhiều hướng dẫn làm vườn có mặt trong game, gồm cả hình ảnh và chữ. Chúng ta có thể thấy hướng dẫn (icon dấu chấm than) trong menu tiến trình, cái mà giao tiếp với chúng ta như máy tính bảng. Bên cạnh đó, ngôn ngữ tiêu chuẩn cơ bản cũng được sử dụng, dễ dàng cho người chơi hiểu được.
  • Các biểu tượng icon cũng được sử dụng tốt, đa phần là các icon quen thuộc trong game và rất ít icon mới để không phải học lại về chức năng. Phần lớn tất cả các icon đều tuân thủ đúng tiêu chuẩn của Game.
    Bỏ qua phần hướng dẫn của garden scapes
    Bỏ qua phần hướng dẫn của garden scapes
  • Các button có vấn đề về sự đồng bộ. Không có một quy chuẩn visual rõ ràng về button. Một số button thì có viền gỗ, một số thì không. Trạng thái button trong màn hình tiến trình cũng có một vài khác biệt vì một vài lý do. Dẫu cho vậy, bên cạnh giao diện, việc không đồng bộ của button làm cho người chơi phải mất nhiều thao tác để nhận biết hơn.
  • Hơn thế nữa, sự khác biệt này còn không liên quan tới menu action cái mà diễn ra sự tương tác. Một vài button mở ra một menu pop-up. Một vài là pop-up thông tin. Một vài là pop-up slide. Một vài button mở ra một bản tutorial full-screen. Không một dấu hiệu nào chỉ ra sự phản hồi của những loại khác biệt này. Vì vậy mà người chơi phải học và ghi lại trong đầu những button này có hoạt động gì.

5. Error Prevention (Ngăn ngừa những lỗi có thể xảy ra)

Bỏ qua phần hướng dẫn của garden scapes

Hệ thống cần loại bỏ những lỗi dễ xảy ra cho người dùng, hoặc kiểm tra và thông báo giúp họ trước khi họ xác nhận hành động tiếp theo.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Không có quá nhiều sự sơ suất hoặc lỗi mà người chơi có thể mắc phải về quyết định thực hiện. Game phát sinh ra rất ít sự lựa chọn mà người chơi có thể chọn lựa.
  • Một sự đo lường rất tuyệt để có thể khôi phục lỗi đó là người chơi có thể thay đổi quyết định mà họ đã thực hiện về việc trang trí khu vườn.
    Bỏ qua phần hướng dẫn của garden scapes
  • Một điều thiếu sót ở đây đó là pop-up xác nhận khi người chơi cố gắng kết thúc một level. Ở đây Game nên yêu cầu một sự xác nhận và thông báo cho người chơi rằng họ sẽ mất một mạng trong trường hợp nếu họ kết thúc.
    Bỏ qua phần hướng dẫn của garden scapes

6. Recognition rather than recall (Sự nhận biết hơn là ghi nhớ)

Bỏ qua phần hướng dẫn của garden scapes

Hạn chế việc ghi nhớ của người dùng bằng cách thiết kế vật thể, hành động, các sự lựa chọn khả dĩ. Những chỉ dẫn cũng nên được hiển thị một cách rõ ràng.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Ở phần lớn giao diện, người chơi đã quen thuộc với những thông tin trong game và dễ dàng hiểu những tính năng đó.
  • Đối với những thứ phức tạp để người chơi phải tự hỏi, Power-up này có chức năng gì? Thanh tiến trình trong game thể hiện điều gì? Icon mới xuất hiện trong game này là gì? Thì sẽ có những pop-ups thông tin xuất hiện trên tap. Điều này đảm bảo người chơi có thể ghi nhớ/học những chức năng đó.
    Bỏ qua phần hướng dẫn của garden scapes

7. Flexibility and efficiency of use (Sự linh hoạt và hiệu quả của việc sử dụng)

Bỏ qua phần hướng dẫn của garden scapes

Yếu tố tăng tốc (Accelerators) – Không thể nhìn thấy được bởi những người chơi mới – có thể sẽ gia tăng tốc độ tương tác cho những người chơi chuyên nghiệp từ đó hệ thống có thể phục vụ cả người chơi có kinh nghiệm và ít kinh nghiệm.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Trong game có rất ít tính năng hỗ trợ sự linh hoạt cho phép người chơi có kinh nghiệm thực hiện nhanh các thao tác khi họ đã thành thạo với giao diện của game.
  • Tuy nhiên, các luồng điều hướng nói chung vẫn khá hiệu quả. Không có hơn 2 bước trong mỗi hành động. Hơn thế nữa, người chơi sẽ chỉ nhận những pop-up liên quan bất cứ khi nào có tiến trình quan trọng được thực hiện sau màn chơi. Điều này sẽ làm cho việc điều hướng giữa các sự kiện, hay thanh tiến trình trở nên nhanh hơn.
    Bỏ qua phần hướng dẫn của garden scapes

8. Aesthetic and minimalist design (Thiết kế thẩm mỹ và tối giản)

Bỏ qua phần hướng dẫn của garden scapes

Nên thiết kế lượng thông tin rõ ràng và liên quan tới game hơn là đưa vào những thông tin thừa. Mục đích mang đến cho người chơi lượng thông tin cần thiết nhất. Tối giản hóa không có nghĩa là hạn chế. Tất cả thông tin đều phải mang những ý nghĩa nhất định.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Lượng thông tin được trình bày trên những layers khác nhau của giao diện có sự phân bậc tốt và liên quan với nhau. Chỉ những mẫu thông tin quan trọng được để ở main menu, ví dụ số lượng tiền tệ mà người chơi có, thời gian của sự kiện, mức level hiện tại.
  • Trong lớp layer thứ 2, người chơi sẽ thấy nhiều thông tin hơn nhưng vẫn phải hạn chế chữ. Phần lớn những nhân tố trong game đều có thể tương tác. Và khi được tương tác, thì những nhân tố này sẽ mở rộng thêm thông tin cho người chơi.
  • Việc sử dụng màu sắc, chất liệu và viền mỏng cũng sẽ góp phần vào tính thẩm mỹ của Game mà không phá vỡ đi quy tắc thiết kế giao diện.
    Bỏ qua phần hướng dẫn của garden scapes

9. Help users recognize, diagnose, and recover from errors (Giúp người dùng nhận biết, chẩn đoán và khôi phục các lỗi)

Bỏ qua phần hướng dẫn của garden scapes

Những thông báo lỗi nên được thể hiện bằng ngôn ngữ đơn giản, dễ hiểu (không nên sử dụng các thuật ngữ của hệ thống để thông báo cho người dùng), biểu thị chính xác lỗi mà người dùng gặp phải và đưa ra gợi ý từng bước một để người dùng xử lý vấn đề.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Có rất ít chỗ cho những lỗi bị gây ra bởi người chơi. Đối với tương tác “Không thể thực hiện”, người chơi sẽ nhìn thấy một hộp thoại giải thích lý do vì sao lại không thể thực hiện thao tác đó. Hoặc một pop-up nói cho người chơi biết về nguyên nhân của lỗi. Sau đó, nó sẽ dẫn người chơi tới nơi người chơi có thể giải quyết tình trạng này.
    Bỏ qua phần hướng dẫn của garden scapes

10. Help and documentation (Tài liệu trợ giúp)

Bỏ qua phần hướng dẫn của garden scapes

Mặc dù sẽ tốt hơn nếu giao diện được người dùng sử dụng một cách dễ dàng mà không cần đến tài liệu hướng dẫn, đây vẫn là một điều cần thiết để cung cấp cho người dùng sự giúp đỡ bất cứ khi nào họ cảm thấy bối rối.

Bạn có thể đọc thêm tài liệu liên quan tại đây

  • Thiết kế trải nghiệm cho người chơi mới rất tuyệt vời. Cách chơi được hướng dẫn từng bước để người chơi có thể tiếp cận dễ dàng mà không bị quá tải thông tin.
  • Có nhiều pop-up với các hướng dẫn gợi nhớ luật chơi cho những nhóm người chơi quay trở lại game. Các pop-up này thật sự hiệu quả, chúng chỉ cung cấp thông tin cần thiết, chính xác và thiết kế bố cục tốt. Tuy nhiên, những pop-up này vẫn còn thiếu dấu hiệu cho thấy chúng là những pop-up cung cấp thông tin. Và việc này có thể được giải quyết bằng cách thêm icon “?” vào pop-up.
    Bỏ qua phần hướng dẫn của garden scapes
    Bỏ qua phần hướng dẫn của garden scapes
  • Thiếu sót về việc không cung cấp đủ sự lựa chọn cho người chơi lâu năm. Như hình bên dưới là thiết kế thêm 2 button tutorials ON và OFF.
    Bỏ qua phần hướng dẫn của garden scapes

Kết Luận

Nhìn chung, Game Gardenscapes có điểm khả dụng tương đối cao.

Các khía cạnh tốt:

  • Hiển thị trạng thái hệ thống
  • Kết hợp hệ thống và hiển thị thực tế
  • Sự nhận biết hơn là ghi nhớ
  • Thiết kế thẩm mỹ và tối giản

Các khía cạnh chưa tốt:

  • Sự kiểm soát và sự tự do của người chơi
  • Tính đồng bộ và quy chuẩn
    Bỏ qua phần hướng dẫn của garden scapes

Published by Quynh Nguyen

A highly motivated and hardworking individual. I love everything that has to do with Game Development. I love working with people, especially if they have the same passion I have for what they do. I'm seeking an apprenticeship in the game industry to help manifest my keen interest in game design and start my career as a Game Designer. My ultimate career goal is to become a fully-qualified and experienced Game Designer. See less See less of Quynh’s summary View all posts by Quynh Nguyen