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

Gần đây khi quan sát các nhân viên mới hoặc junior và designer vào công ty, tôi có thể thấy một vài xu hướng. Một là họ có nền tảng cơ bản và khả năng quản lý về design system, và điều khác là họ đã trang bị khả năng thực hiện responsive design trong Figma.

Tôi nghĩ lý do rất đơn giản. Nếu có khả năng này thì có thể "đầu tư ngay vào công việc thực tế". Ngược lại, nếu vào công ty mà không có khả năng về design system, responsive design thì từ góc độ công ty, họ phải đầu tư rất nhiều chi phí và thời gian để đào tạo, điều này không hề dễ dàng.

Tuy nhiên, không phải tất cả ứng viên đều có được khả năng này. Theo kinh nghiệm của tôi, chỉ có một số ít người có được khả năng này. Điều đó có nghĩa là nếu bạn có được khả năng này thì sẽ nhanh chóng nổi bật và khả năng được mời phỏng vấn cũng sẽ cao hơn.

Vì vậy, một trong những điều tôi nhấn mạnh các bạn người mới bắt đầu UX/UI design và những bạn đang chuẩn bị tìm việc ngày nay nhất định phải trang bị chính là thiết kế responsive. Nếu có được khả năng này thì các bạn có thể có được sức cạnh tranh lớn trong thị trường việc làm.

Và tôi thực sự khuyên các designer junior hoặc những người đang làm việc trong ngành mà chưa biết thiết kế responsive thì nhất định phải trang bị kỹ năng này. Bởi vì nếu có khả năng này, bạn sẽ có thể hoàn thành công việc với tốc độ nhanh hơn nhiều và hiệu quả giao tiếp với các developer sẽ tăng lên đáng kể.

"Làm chủ hoàn toàn thiết kế responsive với Figma" - khóa học sẽ được ra mắt trong tuần này. (Chúng tôi sẽ tặng bạn coupon giảm giá 50% early bird.)

Trước đó tôi đã nói về tầm quan trọng của thiết kế responsive. Tuần này chúng tôi sẽ ra mắt khóa học tập trung chuyên sâu về thiết kế responsive, giúp bạn có thể tự tay tạo ra nhiều thứ từ ứng dụng responsive, web, card, component bằng cách sử dụng Figma. (khoảng thứ Tư) Nếu bạn đang thắc mắc thiết kế responsive là gì, nên bắt đầu như thế nào thì khóa học này sẽ là điểm khởi đầu tuyệt vời cho bạn.

Từ các khái niệm cơ bản đến thực hành, từng bước một cách cẩn thận, được cấu trúc để bạn có thể trực tiếp nắm vững các nguyên lý thiết kế responsive bằng Figma và trang bị khả năng thực chiến.

• Tổng hợp các khái niệm cốt lõi của thiết kế responsive

• Hiểu và ứng dụng Auto Layout, Constraints, Layout Grid

• Được cấu thành từ những nội dung thường được sử dụng trong thực tế công việc

• Làm chủ cả Web responsive và App

Nếu bạn muốn tìm hiểu chi tiết về chương trình giảng dạy và nội dung của khóa học, vui lòng nhấp vào liên kết này để kiểm tra.

✨ Thông báo và đơn đăng ký giảm giá 50% Early Bird

Dành cho những ai quan tâm đến khóa học, lần này chúng tôi đã đặc biệt chuẩn bị ưu đãi early bird. Nếu bạn tham gia khảo sát đơn giản qua link bên dưới, chúng tôi sẽ tặng bạn coupon giảm giá 50% khi khóa học được ra mắt.

>> Đăng ký Early Bird (giảm 50%): https://forms.gle/reSTKbdhMn1Yo6ni8

Những ai muốn nhận ưu đãi giảm giá Early Bird vui lòng đăng ký trước thứ Năm tuần này (ngày 6).

Cảm ơn bạn.

Xin chào. Đây là Eric.

Chúng tôi muốn thông báo cho bạn rằng có những cập nhật video bổ sung.

Chúng tôi đang trong quá trình quay lại với phiên bản figma mới nhất.

Dưới đây là phần cập nhật của video.

Phần 7. Ví dụ thực tế 1. Thiết kế màn hình giật gân

• Cách nhập tệp mẫu mẫu vào Bản nháp của tôi

• Thiết kế màn hình giao diện người dùng Splash

Phần 9. Tạo biểu tượng với Figma từ A đến Z

• Nguyên tắc tạo biểu tượng đẹp

• Sử dụng các hàm Boolean

• Tìm hiểu cách sử dụng công cụ bút

• Hiểu các dòng chính

• Tạo một biểu tượng

• Xuất biểu tượng xem xét độ phân giải

Để bạn tham khảo, "Phần 8. Ví dụ thực tế 2. Tạo Wireframe" là những video không bị ảnh hưởng bởi bản cập nhật phiên bản Figma nên việc quay lại sẽ không được thực hiện. Chúng tôi đang ưu tiên cập nhật video trong các phần bị ảnh hưởng bởi bản cập nhật phiên bản Figma. Cảm ơn bạn vì điều đó và chúng tôi sẽ tiếp tục chia sẻ tin tức khi quá trình cập nhật diễn ra.

Vậy thì chúc một ngày tốt lành.

Cảm ơn

Giấc mơ của Eric

Xin chào. Đây là Eric.

Chúng tôi muốn thông báo cho bạn rằng có một bản cập nhật video. Vì phiên bản figma đã được cập nhật nên có sự khác biệt giữa figma hiển thị trong video hiện tại và figma gần đây, vì vậy tôi đã quay lại video bằng phiên bản figma mới nhất và tải nó lên. Dưới đây là phần cập nhật của video.

Phần 4. Tìm hiểu môi trường làm việc Figma

• Chính sách giá và dịch vụ của Figma cho phép bạn bắt đầu miễn phí

• Môi trường đăng ký thành viên và quản lý tập tin figma

Phần 5. Tìm hiểu các chức năng cơ bản của Figma

• Tạo hình và tìm hiểu các chức năng của bảng bên phải

• Tìm hiểu các hàm và phím tắt liên quan đến phép biến đổi và chuyển động của đối tượng

• Chức năng sắp xếp, phân phối, dọn dẹp và lựa chọn thông minh

• Tạo văn bản

• Các hàm liên quan đến màu sắc - bộ chọn, độ dốc

• Chức năng hình ảnh và mặt nạ

• Hiểu tác dụng

Phần 6. Plugin và Mẫu để Tăng Năng suất

• “Plug-in” giúp tiết kiệm thời gian gấp vài, chục lần

• “Cách sử dụng mẫu” giúp cải thiện ngay lập tức chất lượng thiết kế giao diện người dùng

Vui lòng tham khảo điều này và chúng tôi cũng đang nghiên cứu các lĩnh vực yêu cầu quay lại video do cập nhật phiên bản Figma cho các video phần tiếp theo. Tôi sẽ chia sẻ thông tin cập nhật khi chúng tiến triển.

Vậy thì chúc một ngày tốt lành.

Cảm ơn

Giấc mơ của Eric

Xin chào. Đây là Eric.

Chúng tôi muốn thông báo cho bạn rằng có một bản cập nhật video. Ba video bên dưới trong "Phần 2. Tìm hiểu Figma như một công cụ thiết kế UX và UI" đã được cập nhật dựa trên thông tin mới nhất. Trong phiên bản trước của video, Sketch vượt trội hơn Figma một chút ở vai trò công cụ thiết kế về dữ liệu thống kê, nhưng hiện tại (2023), Figma đang áp đảo đứng đầu thị trường về các công cụ thiết kế UX và UI. Khoảng cách giữa vị trí thứ 2 và thứ 3 quá lớn nên khó có thể so sánh được. Vì vậy, nếu bạn là người mới làm quen với thiết kế UX và UI và đang băn khoăn không biết nên sử dụng công cụ nào, tôi nghĩ tôi có thể khuyên bạn nên sử dụng Figma.

[Cập nhật các phần của video]

Phần 2. Tìm hiểu Figma như một công cụ thiết kế UX và UI

- Giới thiệu về công cụ Figma

- “Các nhà thiết kế UX và UI đang sử dụng những công cụ nào dựa trên số liệu thống kê?”

- Ưu nhược điểm của từng công cụ thiết kế UX và UI và lý do bạn nên sử dụng Figma

Xin lưu ý rằng có một số phần đã được cập nhật một chút trong phiên bản phần mềm figma gần đây, vì vậy chúng tôi đang quay video cho các phần/chương khác để phản ánh điều này. Mục đích là cập nhật tất cả các video liên quan đến bài giảng này để phản ánh tất cả các bản cập nhật cho phiên bản Figma trong năm nay. Tôi sẽ chia sẻ các cập nhật khác khi chúng tiến triển.

Vậy thì chúc một ngày tốt lành.

Xin chào, đây là Eric.

Tôi hy vọng bạn đang có một mùa đông tốt đẹp và ấm áp.

Sau năm 2021, các công cụ UX đã 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 2022. Các công cụ UX thông báo điều này hàng năm, vì vậy tôi nghĩ thật tốt khi biết thị trường công cụ thiết kế UX và UI đang diễn ra như thế nào cũng như những công cụ nào đang được sử dụng rộng rãi. 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 )

Kết luận “Figma là vô song” : Để thiết kế UX và UI, bạn phải tham gia vào nhiều hoạt động khác nhau. Có wireframe, thiết kế giao diện người dùng, hệ thống thiết kế, v.v. Từ năm 2020 đến năm 2021, Figma đã được sử dụng nhiều hơn các công cụ khác, khiến khoảng cách ngày càng mở rộng, nhưng giờ đây nó dường như gần như không có đối thủ.

1. Ai đã tham gia cuộc khảo sát này? “Nhà thiết kế từ khắp nơi trên thế giới”

Trong cuộc khảo sát này, có 4.260 người từ khắp nơi trên thế giới đang hoặc đang làm việc trong lĩnh vực thiết kế UX hoặc các ngành liên quan đã tham gia.

2. Ngành nghề nào tham gia nhiều nhất? “Khám phá xu hướng ngày càng có nhiều nhà thiết kế sản phẩm và nhà thiết kế UX/UI làm cả UX và UI”

Những nghề có liên quan nhiều nhất là nhà thiết kế sản phẩm và nhà thiết kế UX/UI. Có sự thay đổi trong lĩnh vực này so với kết quả năm 2021.

Trong ngành công nghệ, khi các công ty khởi nghiệp linh hoạt và tinh gọn được sử dụng, có xu hướng dần dần thuê nhiều nhà thiết kế UX/UI hoặc nhà thiết kế sản phẩm biết cách làm cả UX và UI, thay vì thuê riêng các nhà thiết kế UX và nhà thiết kế UI. Trong một thế giới mà việc lặp lại nhanh chóng là cần thiết để phát triển và cập nhật sản phẩm, việc muốn có nhiều nhà thiết kế sản phẩm bao gồm tất cả mọi người là điều tự nhiên. Từ góc độ đó, chúng tôi thấy sự thay đổi về số lượng nhà thiết kế UX và nhà thiết kế giao diện người dùng cũng như sự gia tăng số lượng nhà thiết kế sản phẩm và nhà thiết kế UX/UI.

Nghề nghiệp của người tham gia năm 2021 (bên dưới)

Nghề nghiệp của người tham gia năm 2022 (bên dưới)

3. Kết quả khảo sát công cụ thiết kế UI “Hoàn thành với Figma”

Lĩnh vực nóng nhất trên thị trường công cụ thiết kế UX và UI chắc chắn là thiết kế UI. Mặc dù phác thảo bằng tay và wireframe không nhất thiết phải là công cụ thiết kế giao diện người dùng chuyên dụng nhưng vẫn có những phần mềm hoặc phương pháp thay thế khác. Ví dụ: wireframe có thể được tạo thông qua PowerPoint. Tuy nhiên, khi nói đến thiết kế UI, bạn cần sử dụng các công cụ chuyên dụng và học cách sử dụng các công cụ đó một cách chuyên nghiệp. Vì vậy, điều quan trọng là cung cấp các công cụ chuyên dụng tốt hơn. Nếu năm ngoái Figma đánh bại các công cụ khác khá áp đảo thì lần này khoảng cách đã mở rộng đến mức khó có thể so sánh đơn giản. Điều này có nghĩa là nhiều nhà thiết kế trên khắp thế giới đang sử dụng Figma.

Vì vậy, nếu bạn đang nghĩ đến việc thiết kế giao diện người dùng, tôi khuyên bạn nên học Figma trước.

Kết quả khảo sát công cụ thiết kế giao diện người dùng năm 2021

Kết quả khảo sát công cụ thiết kế giao diện người dùng năm 2022

Thay đổi về thị phần thiết kế giao diện người dùng theo năm (Tôi nghĩ Figma đã mở rộng khoảng cách, nhưng nó còn mở rộng hơn nữa;)

4. Tạo nguyên mẫu giao diện người dùng “Figma cho cơ bản, ProtoPie cho nâng cao”

Cuộc khảo sát nguyên mẫu giao diện người dùng năm nay được chia thành hai phần. Một là Cơ bản và một là Nâng cao. Cơ bản có thể được coi là cơ bản chạy màn hình và bật hoạt ảnh nhẹ hoặc nhấp vào màn hình, trong khi Nâng cao có thể được coi là nguyên mẫu với chất lượng cao hơn nhiều. Figma đứng đầu ở phần Cơ bản và Protopie, một phần mềm do Hàn Quốc sản xuất, chiếm vị trí đầu tiên ở phần Nâng cao.

5. Hệ thống thiết kế “Đây cũng là Figma”

Đúng như dự đoán, hệ thống thiết kế của Figma rất áp đảo. Storybook là phần mềm chia sẻ các thành phần, bao gồm cả mã, với các nhà phát triển. Nó chiếm vị trí thứ hai vì nó liên quan đến việc quản lý nó với một nhà thiết kế. Để bạn biết thông tin, khá nhiều nhà phát triển cũng đã tham gia vào cuộc khảo sát này. Điều này dường như là do có rất nhiều sự hợp tác. Các nhà phát triển cũng thường sử dụng Figma làm trình xem.

6. Bảng trắng kỹ thuật số “Cuộc thi giữa Miro và FigJam do Figma thực hiện”

Về bảng trắng kỹ thuật số, Miro và Figma đang cạnh tranh gần giống như năm ngoái. FigJam có ưu điểm là tiện lợi vì người dùng Figma có thể sử dụng ngay. Tuy nhiên, Miro vẫn duy trì vị trí đầu tiên, có lẽ vì rõ ràng nó đã chiếm lĩnh thị trường đầu tiên. Ngày nay, khi cộng tác trực tuyến trở nên quan trọng hơn, sự cạnh tranh trên thị trường bảng trắng kỹ thuật số có thể sẽ nóng lên trong tương lai.

* Ngoài ra còn có khảo sát về phần mềm nghiên cứu người dùng và công cụ tuyển dụng nghiên cứu người dùng, các bạn hãy xem qua nhé.

Tóm tắt và suy nghĩ

1. Figma cung cấp giải pháp cho hầu hết tất cả các quy trình thiết kế UX và UI. Pig Jam để động não, wireframe, thiết kế giao diện người dùng, hệ thống thiết kế và thậm chí cả nguyên mẫu. Ngoài ra, ngày càng có nhiều plugin và mẫu nguồn mở, nên có vẻ như chúng tôi đang liên tục đi quá xa.

2. Figma gần đây đã được Adobe mua lại. Vì có sức ảnh hưởng rất lớn trên thị trường nên tôi không biết Adobe sẽ biến đổi Figma ngay lập tức như thế nào, nhưng tôi hy vọng Figma sẽ tiếp tục duy trì định hướng hiện tại và tập trung vào sự thuận tiện cho người dùng. Tôi nghĩ nó là một công cụ được chế tạo tốt và tiện lợi theo quan điểm của một nhà thiết kế.

3. Cạnh tranh trên thị trường bảng trắng kỹ thuật số dường như có nhiều điểm thú vị. Điều này là do sự cộng tác không trực tiếp ngày càng trở nên quan trọng hơn và đây là phần mềm cần thiết để thảo luận ý tưởng với những người không phải là nhà thiết kế.

4. Tôi cảm thấy nhu cầu về nhà thiết kế sản phẩm và nhà thiết kế UX/UI ngày càng tăng. Tôi nghĩ sẽ là một ý tưởng hay nếu những người mới bắt đầu lập kế hoạch cho sự nghiệp của mình với điều này.

Nguồn dữ liệu:

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

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

vân vân:

Thông báo thống kê về công cụ thiết kế UX năm 2021 “Sự thống trị của Figma”

Xin chào. Đây là Eric.

Mùa hè đang đến gần mọi người thế nào rồi? Trời bắt đầu khá nóng ở New York, nơi tôi đang ở hiện nay.

Tôi đang chia sẻ tin tức rằng tôi đang xuất bản một cuốn sách giới thiệu cho người mới bắt đầu thiết kế UX. Cuốn sách này đề cập đến khái niệm về thiết kế UX, nguyên tắc thiết kế UX/UI, nghiên cứu người dùng và cách thiết kế lộ trình nghề nghiệp.

Bạn có thể đặt hàng trực tuyến thông qua Yes 24, Nhà sách Kyobo, v.v. ( 👉Link mua hàng )

* Sách này là tổng hợp một số nội dung bổ sung vào nội dung lớp Nhập môn Thiết kế UX mà tôi tổ chức tại Infrun nên nếu bạn đã học lớp này rồi thì có thể không cần đọc sách.

✅ Bối cảnh viết sách

Khi tôi mới bắt đầu sự nghiệp thiết kế UX của mình khoảng 10 năm trước, tôi chưa bao giờ lên kế hoạch hay tưởng tượng việc truyền lại hoặc dạy kiến ​​thức cho ai đó. Tuy nhiên, may mắn thay, vài năm trước, tôi đã có cơ hội giúp đỡ những người mới bắt đầu về UX và điều này đã khiến tôi tham gia vào các hoạt động thông qua các bài giảng về cơ sở hạ tầng và huấn luyện 1:1.

Tôi đã học UX, thiết kế giao diện người dùng và nghiên cứu người dùng ở Seoul và New York, đồng thời tích lũy được kinh nghiệm thực tế và phát triển. Khi mới bắt đầu, tôi đã trải qua sự thất vọng và rất nhiều lần thử và sai trong quá trình này. Vì vậy, tôi cảm thấy được khen thưởng khi giúp đỡ những người mới bắt đầu có những mối quan tâm và khó khăn tương tự như tôi.

Đối với những ai đang cân nhắc theo đuổi sự nghiệp trong lĩnh vực UX, đây hẳn là thời điểm quan trọng trong cuộc đời họ và tôi hy vọng cuốn sách này sẽ giúp ích được gì đó. Nếu bạn có bất kỳ câu hỏi nào về cuốn sách, vui lòng liên hệ với chúng tôi bất cứ lúc nào. (ericworld121@gmail.com)

✅ Tại sao bạn cần hướng dẫn để bắt đầu thiết kế UX?

Tôi đã học UX, thiết kế giao diện người dùng và nghiên cứu người dùng ở Seoul và New York, đồng thời tích lũy được kinh nghiệm thực tế và phát triển. Khi mới bắt đầu, tôi đã trải qua sự thất vọng và rất nhiều lần thử và sai trong quá trình này. Vì vậy, tôi cảm thấy được khen thưởng khi giúp đỡ những người mới bắt đầu có những mối quan tâm và khó khăn tương tự như tôi và dựa trên kiến ​​thức, kinh nghiệm cũng như quá trình thử và sai của mình, tôi đã nghĩ về cách có thể giúp những người mới bắt đầu bắt đầu thiết kế UX/UI dễ dàng nhất có thể. Tôi đã được huấn luyện và giảng dạy. Hầu hết những người mới bắt đầu tham gia bài giảng của tôi đều có những câu hỏi phổ biến sau:

“Thiết kế UX làm gì?”

“Tôi không học chuyên ngành, vậy tôi có thể trở thành nhà thiết kế UX không?”

“Không biết mình có thị giác tốt không nhưng liệu mình có thể lấn sân sang lĩnh vực này không?”

Tôi thấy rằng việc chia sẻ kinh nghiệm và kiến ​​thức sống được sử dụng trong ngành từ góc nhìn của người hành nghề đến người mới bắt đầu sẽ giúp họ có được câu trả lời cho những câu hỏi trên. Thay vì chỉ đơn giản là học nội dung lý thuyết, mục tiêu mà những người mới bắt đầu muốn cuối cùng là thông báo cho họ về những khái niệm về thiết kế UX và UX mà những người làm việc trong lĩnh vực này nhìn nhận và những điều họ cần biết từ quan điểm của người thực hành để làm tốt trong phần giới thiệu Đó là bởi vì nó có thể đạt được một cách nhanh chóng. Nói cách khác, nó giống như chia sẻ một lối tắt.

Vì vậy, trong cuốn sách này, tôi, người đã làm việc với tư cách là nhà thiết kế UX/UI hơn 10 năm, đã sắp xếp các nội dung hữu ích cho người mới bắt đầu khi giảng dạy và huấn luyện cho đến nay, đồng thời sắp xếp các nội dung sau.

✔️ Các khái niệm cơ bản về UX: UX, thiết kế UX và thiết kế UI là gì?

✔️ Nhà thiết kế UX cần có tư duy gì khi bước vào công việc và làm việc thực tế?

✔️ Nguyên tắc thiết kế nào giúp bạn thiết kế UX và UI nhanh chóng và hiệu quả?

✔️ Nghiên cứu người dùng là gì, nội dung cốt lõi của thiết kế UX và nó được thực hiện như thế nào?

✔️ Quá trình nào được sử dụng để tạo UX thu hút người dùng?

✔️ Ngày nay, các sản phẩm được tạo ra trong ngành công nghệ như thế nào và các nhà thiết kế UX đóng vai trò gì trong vấn đề này?

✔️ Có những loại công việc nào liên quan đến UX?

✔️ Lộ trình nghề nghiệp UX: Bây giờ tôi nên làm gì để trở thành nhà thiết kế? (Feat. tools, dự án, portfolio)

✅ Cuốn sách này dành cho ai?

Cuốn sách này được viết với những đối tượng sau:

✔️ Những ai quan tâm đến thiết kế UX và muốn biết UX Designer làm gì

✔️ Không chuyên ngành thiết kế, làm việc trong lĩnh vực hoàn toàn không liên quan đến UX nhưng đang có ý định chuyển sang UX

✔️ Những người muốn “nhanh” phát triển kiến ​​thức cơ bản về UX và UI vững chắc

✔️ Những người cộng tác với các nhà thiết kế UX

✔️ Những người có mong muốn tìm hiểu về lĩnh vực mới

✅ Khuyến nghị

“Lần đầu tiên tôi biết đến 'Bài giảng giới thiệu về thiết kế UX' của tác giả là vào thời điểm tôi đang do dự xem có nên thay đổi con đường sự nghiệp của mình sang lĩnh vực UX hay không. “Tôi đã có thể hiểu được thế giới thiết kế UX, điều mà tôi không thể hiểu được thông qua các tìm kiếm lẻ tẻ trên internet. Điều này đã làm giảm bớt những nỗi sợ hãi mơ hồ mà tôi có khi còn là sinh viên không chuyên và cho tôi can đảm để quyết định cho một khởi đầu mới.”

- Kyeong-eun Lee (Khóa học Thạc sĩ Thiết kế Trải nghiệm Thông tin của Học viện Pratt)

“Dựa trên kinh nghiệm và kiến ​​thức phong phú của tác giả, cuốn sách này đề cập đến mọi thứ, từ các khái niệm lý thuyết như định nghĩa và phương pháp cơ bản về UX đến các khía cạnh thực tế như các quy trình được sử dụng trong các lĩnh vực thực tế, các ngành nghề UX khác nhau và khởi đầu sự nghiệp, cung cấp một cái nhìn tổng quan toàn diện.” về lĩnh vực UX, tôi nghĩ nó sẽ giúp ích rất nhiều cho việc hiểu biết.”

- Kyungmin Lee (Nhà thiết kế UX của Google)

“Các nguyên tắc UX mà người mới bắt đầu UX không nên quên và kiến ​​thức thực tế cần phản ánh theo xu hướng được biên soạn một cách dễ hiểu. Tôi tin chắc rằng đây sẽ là tài liệu hướng dẫn hữu ích không chỉ cho những người mới bắt đầu UX mà còn cho những nhà thiết kế cấp dưới muốn nhớ lại và củng cố những kiến ​​thức cơ bản về UX.”

- Lee Kang-min (Người lập kế hoạch UX bảo hiểm nhân thọ Hanwha)

“Nó có đầy đủ nội dung hữu ích cho mọi ngành nghề, từ những nhà thiết kế cấp dưới mới làm quen với UX cho đến những nhà lập kế hoạch và nhà tiếp thị cần cùng nhau suy nghĩ về UX.”

- Song Minseung (Trưởng nhóm thiết kế Meta (Facebook))

Thông tin chi tiết về cuốn sách và các khuyến nghị đầy đủ có thể được tìm thấy tại liên kết sau.

👉 Khuyến nghị và giới thiệu chi tiết

Tôi cũng đang trưởng thành thông qua các học trò của mình.

Cảm ơn bạn luô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”