Article / Blog

So sánh Top 3 Công cụ UI Design

Posted by

Quy trình UI/UX Design của mỗi team sẽ rất khác nhau, nhưng về cơ bản thường gồm các hoạt động như: Nghiên cứu (Research), Thấu hiểu (Empathize) Lên ý tưởng (Ideation), Thiết kế (Design) , Thử nghiệm (Test) và Phát triển (Develop).

Thông thường sau hai bước Nghiên cứu (Research) và Thấu hiểu (Empathize), để tìm hiểu về vấn đề và nhu cầu của người dùng thì team Product sẽ bước vào giai đoạn Lên ý tưởng (Ideation), Thiết kế (Design) , Thử nghiệm (Test) và Phát triển (Develop) sản phẩm cuối cùng. Ngoại trừ hai bước đầu tiên thì các bước còn lại luôn đồng hành cùng các công cụ UI Design. 

Ở giai đoạn Ideation, các công cụ này được dùng trong thiết kế các wireframe (khung sườn) để đưa các prototype (bản mẫu) được brainstorm trên giấy thành giao diện sơ khai trên màn hình hay thiết kế user flow (đường dẫn người dùng) để cụ thể hóa các user scenario (kịch bản người dùng). Và tất nhiên, trong giai đoạn Thử nghiệm, các công cụ này cũng chính là trợ thủ đắc lực để sửa đổi các bản prototype và phát triển các sản phẩm ngày càng thân thiện với người dùng hơn. 

Các công cụ UI Design cần được sử dụng liên tục để thiết kế, chỉnh sửa và nâng cấp sản phẩm, vì vậy những công cụ thiết kế có quá nhiều chức năng nhưng lại xử lý chậm và cồng kềnh như Photoshop hay Illustrator không phù hợp cho UI Design. Thay vào đó, những công cụ UI Design sẽ phải đáp ứng đủ 3 yêu cầu: sử dụng thiết kế vector, có các chức năng chuyên dụng cho UI Design, phần mềm xử lý nhanh và nhẹ. 

Top các công cụ UI Design năm 2020:

Trong một cuộc khảo sát trên 4000 UI designer trên toàn thế giới vào năm 2020 của uxtools.co, kết top 3 công cụ được nhiều designer sử dụng nhất ở các hạng mục như sau: 

Hạng mục UI Design: 

  1. Figma
  2. Sketch
  3. XD

Hạng mục Brainstorming/Ideation:

  1. Miro
  2. Figma
  3. Sketch

Hạng mục User Flow:

  1. Figma
  2. Miro
  3. Sketch

Hạng mục Prototyping Division:

  1. Figma
  2. Invision
  3. XD

Hạng mục Design System Management:

  1. Figma
  2. Sketch
  3. XD  

Có thể thấy 3 công cụ UI Design được sử dụng phổ biến nhất chính là Sketch, XD và Figma, hôm nay, Careerly sẽ tổng hợp một số ưu và nhược điểm của 3 công cụ này, hi vọng các bạn đang muốn tìm hiểu về UI Design có thể tham khảo để lựa chọn công cụ phù hợp với nhu cầu của mình. Thường người mới khi bắt đầu học về Prototyping hay phân vân trong việc lựa chọn công cụ để học, tuy nhiên theo Careerly, khi có khả năng sử dụng được một trong ba công cụ dưới đây thì việc chuyển sang một công cụ khác không phải là việc quá khó nên bạn nếu mới bắt đầu thì cũng không cần phải quá đau đầu về việc học công cụ nào cho phù hợp trong ba công cụ sau. 

Top 3 công cụ UI Desing: Sketch, Adobe Xd, Figma

1. Sketch: 

Sketch logo

Công cụ đầu tiên đáp ứng đủ các yêu cầu khi thiết kế UI, xuất hiện lâu nhất và được biết đến rộng rãi nhất. Sketch là công cụ trả phí, $99 cho bản quyền sử dụng vĩnh viễn.

  • Ưu điểm: 
    • Sở hữu kho plug-in (các chương trình ngoài để mở rộng chức năng của ứng dụng) lớn nhất do là công cụ xuất hiện sớm nhất
    • Thiết kế ổn định.
    • Thường xuyên được cập nhật.
    • Sketch đã bổ sung chức năng cộng tác, giúp các cộng sự có thể cùng thao tác đồng thời. 
  • Khuyết điểm: 
    • Hiện nay chỉ sử dụng được trên Mac.
    • Nhiều chi phí (chi phí theo dõi, chi phí plug-in)
    • Chức năng hỗ trợ Prototyping còn đơn giản nếu so sánh với XD hay Figma.

2. Adobe XD:

Adobe Xd logo

Nhà Adobe đã quá nổi tiếng với Photoshop và Illustrator nhưng mãi đến năm 2016 Adobe XD mới ra đời phục vụ riêng cho thiết kế UI.

Tuy sinh sau đẻ muộn so với người anh em cùng nhà Photoshop và Illustrator nhưng tốc độ phát triển của XD rất đáng gờm, nhanh chóng chiếm được cảm tình của nhiều UI designer. 

  • Ưu điểm:
    • Cùng một nhà với đàn anh Photoshop và Illustrator do đó môi trường sử dụng và các nút tắt trong XD tương tự như với anh em của mình.
    • Có thể sử dụng Cloud của Adobe.
    • Sử dụng linh hoạt trên cả Window và Mac
    • Công cụ tất cả trong một, có thể tạo Prototyping mà không cần thêm plug-in. 
    • Có thể dựng Animation đơn giản.
    • Có thể tạo link chia sẻ để cộng sự cùng feedback.
    • Miễn phí Starter Plan cho người dùng cá nhân (Kể từ tháng 10 năm 2020, Adobe XD giới hạn 1 project có thể chia sẻ được cho tối đa 2 editor)
  •  Khuyết điểm: 
    • Chi phí lớn khi sử dụng ở mức độ chuyên nghiệp.

3. Figma:

Figma logo

Là công cụ thiết kế UI được mong chờ nhất năm 2020, Figma xây dựng hình tượng “công cụ thiết kế UI tối ưu hóa hiệu quả hợp tác thiết kế”, để làm nổi bật bản thân với các công cụ khác. 

  • Ưu điểm:
    • Hiệu quả hợp tác thiết kế vượt trội.
    • Có thể sử dụng trực tiếp trên trình duyệt web, không cần tải app về máy.
    • Tài nguyên (resource) được lưu trực tiếp trên Cloud, tiết kiệm không gian lưu trữ của máy. 
    • Nhiều người có thể thao tác thiết kế đồng thời trên artboard.
    • Tự động lưu theo thời gian thiết kế.
    • Có thể để lại comment trực tiếp trên artboard, vừa nhận feedback vừa cải thiện thiết kế.
    • Quản lý các phiên bản của sản phẩm bằng chức năng history.
    • Miễn phí Starter Plan (giới hạn 3 project, không giới hạn số file trong cùng 1 project và có thể có 2 editor).
  • Khuyết điểm:
    • Hoạt động trên trình duyệt web, vì vậy thiết kế có thể bị gián đoạn nếu internet có vấn đề hoặc khi server của Figma gặp vấn đề. 
    • Vấn đề về bảo mật.

Cả 3 công cụ thiết kế UI phổ biến nhất đều sở hữu những ưu khuyết điểm riêng của nó. Vì vậy, các UI designer chuyên nghiệp khi lựa chọn công cụ thiết kế thường xét đến mức độ phù hợp của từng công cụ với tổ chức hoặc dự án mà mình tham gia. Hiện nay team của mọi người đang sử dụng công cụ nào? Hãy chia sẻ cùng Careerly nhé. 

Một số bài viết khác liên quan từ Careerly:

Cập nhật thường xuyên những nội dung tương tự về Product Management, UX/UI,… đăng ký nhận bản tin qua email từ Careerly tại http://www.careerly.vn/.

Để lại bình luận