Sơ Đồ Tư Duy Trong Khung Cảnh của UI/UX

Saurav Pandey là một nhà thiết kế sản phẩm tại Snapdeal. Anh ấy thích tạo ra những trải nghiệm thú vị, sử dụng các điểm ảnh và vector để truyền tải chúng. Anh ấy thấy mindmap là một công cụ hữu ích cho sự phong phú về ý tưởng, và anh ấy đã sử dụng XMind trong các dự án UI/UX của mình. Trong bài viết này, anh ấy chia sẻ những hiểu biết của mình và cách XMind hỗ trợ các dự án của anh ấy.

Diễn giải một suy nghĩ phức tạp có thể là thử thách, tuy nhiên, XMind làm sáng tỏ một chiến lược được gọi là lập bản đồ tư duy, có thể làm cho quy trình trở nên dễ dàng hơn rất nhiều.

Lập Bản Đồ Tư Duy

“Một vấn đề được phát biểu rõ ràng là một vấn đề được giải quyết một nửa”

Một mindmap là một công cụ hữu ích cho sự phong phú ý tưởng. Nên đặt sự nhấn mạnh quan trọng lên việc lập bản đồ tư duy vì nó giúp trong việc tạo ra ý tưởng mới và xác định mối quan hệ giữa các dữ liệu và thông tin khác nhau.

Cá nhân tôi thích sử dụng XMind để tạo các mindmaps.

Một bản đồ tư duy mẫu từ một trong các dự án của tôi

Lấy XMind cho Mac

XMind cho phép bạn tạo một sơ đồ nơi một ý tưởng bao quát phân nhánh thành các ý tưởng liên quan.

Để bắt đầu, nhập ý tưởng cốt lõi của bạn, sau đó đính kèm các 'nút', hoặc chủ đề phụ. Mỗi cái có thể tách ra thành các nút con, điều này có thể tiếp tục tách thành các nút con của riêng mình. Nếu bạn cảm thấy mình bắt đầu mất dấu ý lớn, chỉ cần xem qua danh sách chạy của tất cả các nút bạn đã tạo.

Có nhiều hơn đơn giản chỉ là từ ngữ trong mind maps: một người có thể bao gồm các biểu tượng, hình ảnh để làm chúng sống động hoặc làm cho các nút dễ tìm hơn.

Vượt qua tư duy động não, lập bản đồ tư duy cũng hữu ích khi bạn muốn chia nhỏ một dự án rộng lớn thành các mục hành động cụ thể.

A B C của việc vẽ một Mind Map

Mô Hình Cây

Hầu hết các Mind Maps tuân theo Mô Hình Cây: chúng bắt đầu từ một đối tượng duy nhất, thường được đặt ở trung tâm và sau đó phát triển nhiều nhánh đại diện cho các khái niệm liên quan. Mỗi nhánh có thể tách thành hai hoặc nhiều nhánh nhưng không bao giờ hợp nhất với nhau: toàn bộ bản đồ là một danh mục phân cấp nơi mỗi đối tượng chỉ có một 'cha mẹ' nhưng có thể có nhiều 'con'.

Thiết kế trong XMind

Do có độ phức tạp thấp, mô hình này nhanh chóng và dễ dàng quản lý, nhưng đôi khi sự ràng buộc của các quan hệ phân cấp không cho phép một sự thể hiện có ý nghĩa: đôi khi chúng ta cần sự linh hoạt hơn.

Một Mind Map cho Các Nhà Thiết Kế UX

Như đã thấy, Mind Maps là công cụ cho động não, nhận diện mô hình và trực quan hóa quy trình, do đó có một cách vô tận mà Mind Map có thể hữu ích trong công việc thiết kế UX của chúng ta. Nhưng tôi thấy một loại Mind Map đặc biệt hữu ích với chúng ta vì nó hiển thị các thực thể và cách chúng ta kết nối chúng: Ontology Map.

Ontology là nghiên cứu triết học về tồn tại, nghiên cứu các khái niệm liên quan trực tiếp đến tồn tại cũng như các danh mục cơ bản của tồn tại và mối quan hệ của chúng.

Ontology Map có một số điểm tương đồng với Sơ Đồ Quan Hệ Cơ Sở Dữ Liệu được sử dụng bởi các nhà phát triển và thực tế chúng có cùng mục tiêu: họ muốn biểu diễn các mối quan hệ giữa các đối tượng hiện có của hệ thống. Tuy nhiên, Ontology Map thường là một công cụ thiết kế hơn là một công cụ tài liệu, vì vậy chúng tôi sử dụng nó chủ yếu trong giai đoạn đầu của dự án để giúp chúng tôi xác định cách hệ thống có thể hoạt động.

Ontology Map từ Jack Magma Studio

Đặc Điểm Của Một Mind Map

• Tổ chức rõ ràng và cấu trúc. Các mind maps bị giới hạn trong cấu trúc cây. Chúng có các luồng rõ ràng, có chỉ hướng từ gốc cây tới lá cây của nó.

• Một chủ đề trung tâm. Trong mind maps, tất cả các nút (ngoại trừ gốc cây) chỉ có một nút cha. Mỗi nút có thể có các con tương ứng với các chủ đề phụ của khái niệm đó. Mỗi khái niệm trong mind map có thể được truy theo dòng trực tiếp về chủ đề gốc.

• Không có định nghĩa về mối quan hệ. Không có sự phân biệt giữa các loại mối quan hệ khác nhau giữa các nút — tất cả các cạnh trong cây được biểu diễn theo cùng một cách và không được dán nhãn.

Công Dụng Trong UX

Mind maps giúp tổ chức một tập hợp thông tin kết nối với một chủ đề duy nhất và cấu trúc nó một cách có hệ thống, có ý nghĩa. Trong UX, chúng hữu ích khi thực hiện công việc động não theo danh mục, chẳng hạn như:

• Phân tích các thành phần trên một trang web cụ thể — ví dụ, để xác định mini-IA của trang

• Lập kế hoạch chủ đề trong một trang web

• Lập bản đồ thông tin được đề cập một cách chia tách và tốt hơn nhiều

Các tính năng thú vị mà XMind Cung Cấp

Các tính năng của XMind mà tôi thích nhất hoặc giúp đỡ tôi nhất là: Trải nghiệm liền mạch trên tất cả các thiết bị: Mind maps có thể dễ dàng tìm thấy trên laptop và thiết bị di động, và XMind hoạt động hoàn hảo trên các nền tảng khác nhau.

Giao diện tối: XMind: ZEN hỗ trợ chế độ tối trên bất kỳ nền tảng máy tính nào. Giao diện có thể chuyển đổi giữa sáng và tối trong phần Cài đặt.

Kết Luận

Vẽ một Mind Map ở mức độ nhỏ có thể thực sự khó khăn và thường là vô ích. Nói chung trong giai đoạn thiết kế ban đầu, việc tạo ra các bản đồ Lo-Fi thường hiệu quả hơn thay vì lãng phí thời gian chi tiết hóa và mã hóa chúng.

Mỗi nhà thiết kế sẽ có sở thích riêng của mình về mô hình mà họ thích nhất sau khi cân nhắc thuận lợi và bất lợi. Tôi, cá nhân, thích Mô Hình Cây vì sự đơn giản của nó.

Ghi chú: Bài viết này được xuất bản bởi Saurav Pandey, trên Medium.