Từ A đến Z về thiết kế UI bằng Figma từ cơ bản đến thực chiến

Tiếp nối năm ngoái, các công cụ UX gần đây đã công bố dữ liệu thống kê về việc sử dụng các công cụ thiết kế UX/UI cho năm 2021. Lần này tôi tham gia khảo sát nên rất tò mò xem thông báo sẽ được đưa ra như thế nào và theo dõi kỹ hơn. Chúng tôi đã tóm tắt kết quả khảo sát thống kê. (Nguồn thống kê: uxtools.co)

Nếu bạn không có nhiều thời gian, hãy xem phần tóm tắt sau:

_

Tóm tắt và suy nghĩ:

“Figma vượt trội hơn các công cụ khác trong hầu hết các lĩnh vực của quy trình thiết kế UX/UI”

Figma, công cụ cung cấp các chức năng toàn diện cho thiết kế UX và UI trong một công cụ, dường như đang dần vượt qua các công cụ khác trong hầu hết các lĩnh vực. Thị trường công cụ thiết kế đang thay đổi quá nhanh và một số lĩnh vực thăng trầm trong 5-6 năm qua nên tôi không biết điều gì sẽ xảy ra trong năm tới. Tuy nhiên, một khi một công cụ trở nên dễ sử dụng thì nhìn chung sẽ khó chuyển sang công cụ khác, vì vậy tôi nghĩ Figma sẽ tiếp tục thống trị thị trường trong thời gian tới.

_

Tóm tắt kết quả thống kê

Chúng tôi đã thực hiện khảo sát 3.100 người làm việc trong các ngành liên quan như thiết kế UX và UI tại 111 quốc gia trên thế giới. Có một số điểm thú vị liên quan đến thông tin nhân khẩu học. Một là khi xét về số lượng người tham gia theo quốc gia, Hàn Quốc có số lượng người tham gia cao thứ 6 với 111 người. Điều này có vẻ là do sự tham gia của các nhà thiết kế Hàn Quốc cao hơn năm ngoái và tôi cảm thấy rất vui về nhiều mặt khi sự hiện diện của họ được tiết lộ.

 

 

: Xếp hạng số lượng người tham gia theo quốc gia

Xếp hạng người tham gia theo nghề nghiệp tham gia như sau. Số lượng nhà thiết kế sản phẩm kết hợp cả thiết kế UX và UI là nhiều nhất, tiếp theo là thiết kế UX và thiết kế UI, và có vẻ như các nhà thiết kế sản phẩm hiện nay đang khẳng định mình là một trong những nghề phổ biến. Tôi nghĩ điều này là do các nhà thiết kế sản phẩm được ưa chuộng hơn trong các tổ chức Agile/Lean.

 

: Xếp hạng số người tham gia thống kê theo ngành nghề

 

Khảo sát thống kê này điều tra những công cụ nào được sử dụng rộng rãi trong từng lĩnh vực, chẳng hạn như thiết kế giao diện người dùng, tạo nguyên mẫu và bảng trắng, liên quan đến thiết kế UX/UI. Điểm mấu chốt là 'Figma là không có đối thủ'. Năm ngoái, Figma bắt đầu vượt trội hơn Sketch ở các chỉ số chính, nhưng năm nay có vẻ như nó đang trên đà củng cố hoàn toàn vị trí dẫn đầu của mình.

 

Bây giờ, hãy xem kết quả theo khu vực. (Nguồn: UXtools.co)

 

_

1. Thiết kế giao diện người dùng: “Figma vô song”

Tôi nghĩ rằng lĩnh vực thiết kế UI có thể được coi là một cuộc chiến toàn diện trong cuộc cạnh tranh trên thị trường công cụ thiết kế UX và UI. Brainstorming, whiteboarding và wireframing nằm ở giai đoạn đầu của quá trình thiết kế (lập kế hoạch và lên ý tưởng), có thể sử dụng các công cụ có rào cản gia nhập tương đối thấp, do đó bạn không nhất thiết phải sử dụng các công cụ thiết kế giao diện người dùng chuyên dụng và có các công cụ cái đó có thể thay thế được Giấy và bút có thể là công cụ tốt để động não và các công cụ như PowerPoint hoặc Balsamic có thể được sử dụng để tạo wireframe. Tuy nhiên, vì thiết kế giao diện người dùng đòi hỏi các công cụ chuyên nghiệp nên việc nắm bắt thị trường này dường như có ý nghĩa rất lớn.

Kết quả thống kê cho thấy Figma đã chiếm vị trí đầu tiên vào năm ngoái và thậm chí còn chiếm ưu thế hơn. Dưới đây là bảng xếp hạng năm 2020, cũng là năm Figma đánh bại Sketch lần đầu tiên và chiếm vị trí đầu tiên. Bản phác thảo vẫn có sự hiện diện.

 

: Xếp hạng công cụ thiết kế giao diện người dùng 2020

 

Kết quả thống kê năm 2021 cho thấy Figma đang bỏ chạy xa đến mức có thể thấy nó đã đè bẹp các công cụ khác.

: Xếp hạng công cụ thiết kế giao diện người dùng năm 2021

: Thay đổi thị phần thiết kế UI theo năm

_

Tôi nghĩ có nhiều lý do khiến Figma hoạt động tốt, nhưng tôi nghĩ những lý do lớn nhất như sau. (Để tham khảo, đây cũng là lý do tôi sử dụng Figma. Haha)

• So với Sketch, Figma không chỉ có thể được sử dụng trên Mac OS mà còn trên Windows.

• Tính năng cộng đồng của Figma. Nhiều plugin và mẫu có sẵn.

• Dễ dàng cộng tác với không chỉ các nhà thiết kế mà còn cả đồng nghiệp. Ngay cả khi bạn không phải là thành viên trả phí, bạn vẫn có thể để lại nhận xét ở chế độ xem.

• Các chức năng như tạo mẫu và chuyển giao cũng có sẵn nên không cần phải cài đặt và sử dụng riêng các ứng dụng khác (hiệu ứng tất cả trong một)

_

2. Nguyên mẫu giao diện người dùng: “Hình ảnh tuyệt vời”

Sau đây là kết quả của việc tạo mẫu được sử dụng để thử nghiệm người dùng, v.v. để làm cho màn hình thực sự có thể hoạt động được. Figma cũng chiếm ưu thế ở đây. Ý kiến ​​​​cá nhân của tôi là so với các công cụ như Nguyên tắc, Figma còn điều gì đó đáng mong đợi về mặt chi tiết như tạo hoạt ảnh. Tuy nhiên, tôi nghĩ lý do khiến nó hoạt động tốt như vậy là vì thiết kế giao diện người dùng trong Figma có thể được tạo nguyên mẫu ngay lập tức mà không cần sự trợ giúp của các ứng dụng khác.

Invision, vốn từng rất phổ biến vì tính dễ sử dụng, giờ đây dường như đã gần như biến mất. Có một số phần thú vị bổ sung. Một là Adobe XD đang âm thầm nhưng đều đặn thể hiện sự hiện diện của mình. Một điều nữa là ProtoPie, sản xuất tại Hàn Quốc, đã vươn lên vị trí thứ 4 trên thị trường nguyên mẫu. Tôi hy vọng ProtoPie tiếp tục giành chiến thắng và làm tốt hơn nữa.

 

: Xếp hạng công cụ tạo mẫu giao diện người dùng

: Thị phần của công cụ tạo mẫu giao diện người dùng thay đổi theo năm

_

3. Thiết kế hệ thống, bàn giao

Đối với hệ thống thiết kế và thiết kế giao diện người dùng được sử dụng để đảm bảo tính đồng nhất/nhất quán trong các yếu tố thiết kế như màu sắc và phông chữ, Figma xếp thứ nhất, nới rộng khoảng cách giữa các công cụ ở vị trí thứ hai và thứ ba. Các thành phần và chức năng kiểu của Figma rất dễ sử dụng và khi được một nhóm sử dụng, nó có thể được chia sẻ giữa các thành viên trong nhóm thông qua thư viện và không cần sử dụng các công cụ khác, vì vậy tôi nghĩ nó chiếm ưu thế trên thị trường.

Ở vòng bảng, Figma bỏ xa Zeplin và đang củng cố vị trí đầu tiên.

: Thay đổi trong bảng xếp hạng công cụ hệ thống thiết kế

: Thay đổi thứ hạng của công cụ bàn giao

_

4. Bảng trắng kỹ thuật số, động não:

“Sự xuất hiện của Figjam với Figma trên lưng, bắt kịp Miro số 1.”

Khi hoạt động cộng tác không trực tiếp trở nên quan trọng hơn do ảnh hưởng của đại dịch, sự cạnh tranh giữa các công cụ bảng trắng kỹ thuật số cần thiết để tổ chức cuộc họp hoặc chia sẻ và xem tài liệu cùng nhau dường như ngày càng gay gắt. Trong trường hợp của Figma, năm nay họ đã công bố ứng dụng FigJam chuyên dùng cho bảng trắng.

Kết quả là Miro ở vị trí đầu tiên. Điều ấn tượng là Figjam đang bám sát Miro ở vị trí thứ hai mặc dù nó chỉ mới xuất hiện gần đây và điều này có thể là do đây là tính năng do Figma cung cấp, được nhiều người dùng thiết kế cung cấp. Từ góc độ người dùng, điều này có vẻ thuận tiện vì họ có thể thiết kế giao diện người dùng và viết bảng trắng ở một nơi. Để tham khảo, theo UXtools, có một phân tích cho rằng lý do khiến Miro, một công cụ trả phí, được xếp hạng đầu tiên (mặc dù Figjam đã được cung cấp miễn phí trong năm nay) là vì mức độ hài lòng với các tính năng của nó cao tới 4,3 trên 5.

: Xếp hạng bảng trắng kỹ thuật số

_

Tóm lại một lần nữa,

Từ góc độ tư duy thiết kế, Figma, công cụ cung cấp các chức năng tổng thể cần thiết cho quá trình thiết kế UX và UI, dường như đang vượt qua tất cả các công cụ khác và đang trở thành công cụ thiết kế UX/UI độc đáo trên thế giới. Từ quan điểm của một nhà thiết kế, thật vui khi có một công cụ tiện lợi như vậy tồn tại và ngày càng có nhiều nhà thiết kế sử dụng nó.

_

Nguồn dữ liệu:

Kết quả thống kê của công cụ UX năm 2021

Kết quả thống kê công cụ UX 2020

 

vân vân:

Thông báo thống kê công cụ thiết kế UX 2020 “Áp đảo Figma”