Bắt đầu học thiết kế UX từ đâu Sản phẩm phải luôn phát triển. Trải nghiệm người dùng là gì

Có rất nhiều sự hiểu lầm giữa các nhà thiết kế và nhà phát triển. Cũng rất nhiều câu hỏi ngu ngốc liên quan đến UX và UI cho người mới bắt đầu. Thường đơn giản là do mọi người không biết bản chất của khái niệm UX/UI và không biết họ đang nói về điều gì nên gọi mọi thứ bằng những cái tên khác.

Tôi muốn chấm dứt nó một lần và mãi mãi và đơn giản bằng ngôn ngữ rõ ràng giải thích ý nghĩa của “thiết kế UX/UI”.

Các loại giao diện khác nhau để mài lưỡi.

Cho dù bạn đang nhấn nút trên máy cộng, xoay tay cầm của đá mài hay vuốt qua màn hình điện thoại thông minh, đây đều là những giao diện mà qua đó bạn tương tác với máy móc. Đồng thời, giao diện không nhất thiết phải là kỹ thuật số. Chỉ là bản thân từ “giao diện” đã được mượn từ tiếng Anh khá gần đây và chỉ đến với chúng ta trong thời đại kỹ thuật số.

Mục tiêu của nhà thiết kế UI/UX là đưa người dùng đến một số điểm hợp lý trong giao diện. Hãy chắc chắn rằng người dùng đạt được mục tiêu của họ.

UX/UI là gì, ở dạng văn bản thuần túy

(phần này sẽ chứa các cụm từ tầm thường)

trải nghiệm người dùng- Cái này Kinh nghiệm người dùng (nghĩa đen: “trải nghiệm người dùng”). Nghĩa là, đây là trải nghiệm/ấn tượng mà người dùng có được khi làm việc với giao diện của bạn. Liệu anh ta có đạt được mục tiêu không và việc thực hiện điều đó dễ hay khó.

MỘT giao diện người dùng- Cái này Giao diện người dùng(nghĩa đen là “giao diện người dùng”) - giao diện trông như thế nào và nó có những đặc điểm vật lý gì. Nó quyết định “sản phẩm” của bạn sẽ có màu gì, liệu một người có thuận tiện khi nhấn các nút bằng ngón tay hay không, liệu văn bản có đọc được hay không, v.v.

Thiết kế UX/UI- là thiết kế của bất kỳ giao diện người dùng nào trong đó tính dễ sử dụng cũng quan trọng như vẻ bề ngoài.

Nói cách khác, thiết kế UX và UI là gì

Ví dụ: trách nhiệm trực tiếp của nhà thiết kế UX/UI là “bán” sản phẩm hoặc dịch vụ thông qua giao diện. Trên cơ sở công việc của người thiết kế UX/UI, người dùng sẽ đưa ra quyết định: “Tồn tại hay không tồn tại?” Thích nó hoặc không thích nó. Để mua hay không mua.

Trên thực tế, mục tiêu của nhà thiết kế có thể khác nhau. Bạn không cần phải "bán" bất cứ thứ gì. Nhưng tôi đặc biệt không muốn sử dụng những cụm từ quá trừu tượng để văn bản này dễ hiểu đối với người mới bắt đầu; để phong cách trình bày không biến thành sách giáo khoa về ngôn ngữ lập trình từ những năm 90.

Thiết kế UX/UI không chỉ áp dụng cho điện thoại thông minh và trang web. Hơn nữa, nghề thiết kế UX/UI đã có từ xa xưa. Nó chỉ không được gọi như vậy trước đây. Chính xác hơn, trước đây nó không được gọi là gì cả mà là một phần của các ngành nghề khác.

Đây là ví dụ đầu tiên: khi Wilhelm Schickard phát minh ra máy cộng vào năm 1623, ông đã là nhà thiết kế UX/UI.

Bởi vì chính anh ấy là người đã nghĩ ra công tắc bật tắt nào và một người nên rẽ theo trình tự nào để có được kết quả tính toán. Và anh ấy đã tìm ra thứ tự hợp lý mà chúng sẽ được sắp xếp. Và nói chung tôi đang hình dung xem những chiếc bút này sẽ trông như thế nào. Anh ấy đã tạo ra một giao diện để tương tác với máy.

Một ví dụ cổ xưa và nguyên thủy hơn là đá mài (bánh xe). Ngay cả vào đầu thời Trung cổ đã có nhiều loại và cơ chế của bánh xe như vậy:

nó có thể được quay bằng tay
bánh xe có thể đã bị người khác quay
hoặc nó có thể được tháo ra ngay cả khi không có tay, nhấn bàn đạp bằng chân
và những người khác...

Tất cả điều này là các loại khác nhau giao diện.

Vì vậy, khi người phát minh ra loại đá mài tiếp theo nghĩ:

Anh ta sẽ tự mình ngồi và nhấn bàn đạp chứ?
hoặc anh ta sẽ đơn giản hóa cơ chế nhưng giao cho một nô lệ quay bánh xe bằng tay,

thì ngay lúc đó anh ấy đã Nhà thiết kế UX.

Và người nghĩ đá sẽ có kích thước như thế nào, chọn gỗ màu gì cho chân đế và cách buộc chặt các cột gỗ (bằng đinh hay dây da?) và tay cầm dài bao nhiêu. nhà thiết kế giao diện người dùng.

Và cách bạn mài một thanh kiếm sẽ được gọi là giao diện.

Sự khác biệt giữa UX và UIđó là nhà thiết kế UX lên kế hoạch về cách bạn sẽ tương tác với giao diện và những bước bạn cần thực hiện để thực hiện điều gì đó. Và người thiết kế giao diện người dùng nghĩ ra từng bước này sẽ trông như thế nào. Như bạn có thể thấy từ các ví dụ trên, UX và UI có liên quan chặt chẽ với nhau đến mức đôi khi ranh giới giữa các khái niệm bị mờ đi. Do đó, cả UX và UI thường do một nhà thiết kế xử lý và nghề nghiệp của anh ta được viết thông qua /.

TRONG Gần đây sự phổ biến của nghề thiết kế UX/UI có nhiều khả năng liên quan đến sự phát triển công nghệ số. Nhưng chính xác thì “sự bùng nổ” đó (khi chúng ta bắt đầu thấy thuật ngữ “UX/UI” trong mỗi quảng cáo việc làm thứ hai) gắn liền với chính cái tên mà ai đó đã nghĩ ra gần đây.

Thiết kế UI/UX hiện là một trong những nghề có nhu cầu cao nhất trong ngành kỹ thuật số. Nhu cầu sẽ kéo dài bao lâu tùy thuộc vào sự phát triển của ngành công nghiệp này. Và rõ ràng là nó chỉ đang lấy đà.

UX và UI không phải là xu hướng. Công nghệ đang phát triển. Nhu cầu về các trang web đang tăng lên. Ứng dụng kỹ thuật số xuất hiện như nấm. Và các công cụ thiết kế và phát triển đang được đơn giản hóa đến mức hầu như bất kỳ người nào không có kiến thức lập trình đều có thể tự mình tạo ra một trang web danh thiếp. Nhưng trang web này sẽ trông giống như thế này. Và không chỉ là một khung văn bản và các nút trừu tượng. Đây là lúc các lập trình viên cần sự trợ giúp của nhà thiết kế UX/UI.

Sự phân chia thành nhà thiết kế web và nhà thiết kế UX/UI xuất hiện cùng với sự phát triển của Internet. Theo thời gian, cần có nhiều chuyên gia chuyên môn hơn để tạo giao diện dành riêng cho trang web.
Đúng, thiết kế UI/UX là một khái niệm rộng hơn và toàn diện hơn thiết kế web.

tái bút Một số người viết UI/UX, nhưng tôi thích viết UX/UI hơn. Và điều này chỉ là do trong quy trình làm việc, UX được thực hiện trước rồi mới đến UI. Nhưng điều đó không thành vấn đề - hãy viết như bạn muốn. Điều chính là không nhầm lẫn thứ tự này trong quá trình làm việc. Bởi vì nhiều nhà thiết kế mới bắt đầu nghĩ về các nút và tính năng thú vị sẽ có trong giao diện của họ. Nhưng họ không nghĩ về việc người dùng thường sẽ chuyển từ bước này sang bước khác như thế nào.

Thuật ngữ UX xuất hiện vào năm 1993 trong nội bộ tập đoàn Apple, cách giải mã nghe giống như Trải nghiệm trải nghiệm của người dùng. Với sự phổ biến ngày càng tăng thiêt bị di động khái niệm này đã trở thành mốt và bắt đầu được sử dụng ở mọi nơi. Nhưng ngay cả bây giờ, không phải ai cũng có thể tự tin trả lời thiết kế UX là gì, nó khác với thiết kế UI như thế nào và tại sao những điều này thường được đề cập cùng nhau. Chúng tôi sẽ giúp bạn tìm ra nó.

Thiết kế UX là gì

Trong tiếng Nga, thiết kế UX là thiết kế trải nghiệm người dùng. Đây là một trong những bước đầu tiên trong việc tạo ra một sản phẩm và nhằm đảm bảo rằng ứng dụng này hợp lý, thuận tiện và hữu ích. và các trang web xác định những ấn tượng mà một người sẽ nhận được khi sử dụng chúng và cách họ sẽ sử dụng những sản phẩm này một cách chính xác như thế nào.

Đâu là nơi tốt nhất để đặt lối vào? Khu vực cá nhân? Người dùng phải trải qua bao nhiêu bước để đăng ký nhận bản tin hoặc đặt hàng? Làm thế nào anh ta sẽ hiểu rằng hoạt động đã thành công? Đây là những câu hỏi mà một nhà thiết kế UX sẽ giải quyết.

Thiết kế UX bao gồm các thành phần khác nhau:

kiến trúc thông tin;
thiết kế tương tác;
khả năng sử dụng (một chỉ số về tính đơn giản, tiện lợi và hiệu quả của sản phẩm trong mắt người dùng).

Một nhà thiết kế UX hiểu tâm lý và cảm xúc của người dùng, phân tích những mong đợi của họ đối với sản phẩm và đặt ra mục tiêu cần đạt được. Tiếp theo, anh ta chọn các công cụ thích hợp và đưa ra cấu trúc ứng dụng hoặc trang web đáp ứng tất cả thông số cần thiết.

Một ý tưởng sơ bộ về một trang web hoặc ứng dụng giống như một mảnh ghép được tháo rời trong văn phòng của chúng ta. Theo ý muốn của người thiết kế UX, một cấu trúc rõ ràng được hình thành từ những phần này

Nhà thiết kế UX không có nhiệm vụ giống nhau, vì vậy các dự án khác nhau thường yêu cầu những người có kỹ năng từ các lĩnh vực khác nhau. Có toàn bộ phòng thí nghiệm với thiết bị kỹ thuật mạnh mẽ, trong đó một nhóm gồm nhiều người làm việc nghiên cứu. Trong các phòng thí nghiệm như vậy có các thiết bị ghi lại phản ứng tâm sinh lý của người dùng (ví dụ: chuyển động của mắt và nhịp tim), họ tiến hành khảo sát, quan sát người dùng bằng phương pháp bao gồm và không bao gồm, v.v.

Điều quan trọng đối với các nhà thiết kế UX là có thể:

tiến hành nghiên cứu người dùng;
tạo wireframe và nguyên mẫu của các trang web và ứng dụng. Điều này sẽ giúp bạn đánh giá xem nên phát triển ứng dụng hoặc trang web của mình theo hướng nào. Hơn nữa, khả năng vẽ không phải là kỹ năng bắt buộc đối với một nhà thiết kế UX hiện đại. Có nhiều công cụ để tạo nguyên mẫu, trong đó bằng cách sử dụng các phần tử làm sẵn, bạn có thể tạo ra một hình ảnh trực quan phù hợp về giao diện (ví dụ: Axure, Balsamiq hoặc UXPin);
tương tác trong thiết kế, nghĩa là tưởng tượng chính xác cách một người sẽ sử dụng sản phẩm. Với mục đích này, bản đồ các tuyến đường của người dùng trên các màn hình ứng dụng, khung tương tác của các trang web và ứng dụng với các lựa chọn khác nhau thiết kế;
thử nghiệm sản phẩm;
làm phân tích. Việc sử dụng nhiều số liệu khác nhau (chẳng hạn như Webvisor, Hotjar, Mixpanel, UXcam hoặc Appsee) sẽ giúp bạn hiểu thiết kế đang hoạt động hiệu quả như thế nào và tinh chỉnh sản phẩm dựa trên dữ liệu thực.

Bạn có thể đọc thêm về các nguyên tắc và kiến thức cơ bản về thiết kế giao diện UX trong.

Thiết kế giao diện người dùng là gì

Thiết kế giao diện người dùng hoặc thiết kế giao diện người dùng là hiện thân trực quan của thiết kế UX. Nhiệm vụ của nó là làm cho ứng dụng, trang web hoặc sản phẩm khác trở nên trực quan, hấp dẫn và dễ sử dụng nhất có thể bằng cách sử dụng các giải pháp đồ họa nhất định.

Người thiết kế giao diện người dùng chịu trách nhiệm về giao diện của từng màn hình hoặc trang riêng lẻ. Lĩnh vực trách nhiệm của anh ấy là điều khiển đồ họa như nút và hộp kiểm, phông chữ, cách phối màu và các hình ảnh trực quan khác nhau.

Nút nên trông như thế nào để dễ bấm? Nên chọn cỡ chữ nào để văn bản dễ đọc? Làm cách nào để định dạng thông báo lỗi để thu hút sự chú ý mà không gây khó chịu? Thiết kế giao diện UI giúp tìm ra câu trả lời cho những câu hỏi này.

Một nhà thiết kế giao diện người dùng sử dụng các cách khác nhau biên tập đồ họa: Photoshop, Illustrator, Phác thảo, Pháo hoa, Adobe XD, Gravit Designer, Affinity Designer, Figma

Khi nghiên cứu giao diện của ứng dụng trên màn hình tiện ích, người thiết kế giao diện người dùng tập trung vào các nguyên tắc nền tảng di động— bộ đề xuất từ Apple và Google, nhờ ứng dụng nào nhà phát triển bên thứ ba trông đồng nhất và phù hợp một cách hữu cơ với khái niệm tổng thể.

Nếu chúng ta rút ra một sự tương tự rất đơn giản từ cuộc sống, thì thiết kế UX là cách bố trí căn hộ và thông tin liên lạc, còn UI là sự lựa chọn hình nền và ván sàn. Tuy nhiên, trên thực tế, thiết kế UX và UI có mối liên hệ chặt chẽ với nhau, cái thứ hai theo sau cái thứ nhất một cách hợp lý và thường thì cùng một người thực hiện cả hai. Do đó, ranh giới giữa hai khái niệm bị mờ đi và chúng được biểu thị cùng nhau.

Thiết kế là một thuật ngữ khá rộng và mơ hồ. Khi ai đó nói: “Tôi là nhà thiết kế”, không rõ ngay họ làm gì hàng ngày. Ăn toàn bộ dòng các ngành công nghiệp khác nhau bao gồm trong khái niệm này.

Trách nhiệm công việc liên quan đến thiết kế tồn tại trong khu vực khác nhau bắt đầu từ thiết kế công nghiệp (ô tô, nội thất), in ấn (tạp chí và các ấn phẩm khác) và kết thúc bằng thiết kế web (trang web, ứng dụng di động). Với sự xuất hiện gần đây của các công ty công nghệ cao tập trung vào việc tạo giao diện cho màn hình, đã có rất nhiều công việc mới. Vị trí của một nhà thiết kế UX hoặc UI có thể khó hiểu không chỉ đối với những người mới bắt đầu mà ngay cả với chính những nhà thiết kế đến từ các ngành khác.

“Không có câu trả lời đúng cho câu hỏi này.”

Hãy thử tìm hiểu xem điều này thực sự có ý nghĩa gì trong ngành CNTT.

Nhà thiết kế UX

Các nhà thiết kế UX chủ yếu quan tâm đến cách sản phẩm tương tác với người dùng. Không có câu trả lời đúng duy nhất cho câu hỏi này. Các nhà thiết kế UX khám phá các cách tiếp cận khác nhau cho một giải pháp vấn đề cụ thể người dùng. Công việc chính của nhà thiết kế UX là đảm bảo rằng sản phẩm diễn ra một cách hợp lý từ bước này sang bước tiếp theo. Một cách mà nhà thiết kế UX có thể tìm ra là trực tiếp tiến hành kiểm tra người dùng và rút ra kết luận từ cảm xúc của họ. Bằng cách xác định các trở ngại bằng lời nói và phi ngôn ngữ, nó sẽ điều chỉnh và lặp lại, từ đó tạo ra trải nghiệm “tốt hơn” cho người dùng. Một ví dụ là tạo ra trải nghiệm làm quen tuyệt vời cho người dùng mới.

“Xác định các mô hình tương tác, luồng tác vụ của người dùng và các chi tiết cụ thể về giao diện. Xây dựng kịch bản, tương tác end-to-end, mô hình tương tác, phát triển GUI người dùng. Làm việc với Giám đốc sáng tạo và Nhà thiết kế đồ họa của chúng tôi để hợp nhất mặt hình ảnh của Twitter với tính năng chức năng. Phát triển và duy trì wireframe, mô hình và thông số kỹ thuật theo yêu cầu."

Ví dụ về màn hình ứng dụng được phát triển bởi nhà thiết kế UX
Nguồn: Kitchenware Pro Kit Wireframe của Neway Lau trên Dribbble.

Nhiệm vụ: Màn hình wireframe, bảng phân cảnh, sơ đồ trang web

Công cụ: Photoshop, Phác thảo, Illustrator, Pháo hoa, InVision

Rất có thể bạn đã nghe anh ấy nói: “ Người dùng sẽ thấy trang “Cảm ơn” sau khi đăng ký hoàn tất.

nhà thiết kế giao diện người dùng

Không giống như các nhà thiết kế UX, những người quan tâm đến trải nghiệm tổng thể của sản phẩm, các nhà thiết kế giao diện người dùngđiều quan trọng là sản phẩm trông như thế nào. Họ chịu trách nhiệm thiết kế mọi màn hình hoặc trang mà người dùng tương tác và cung cấp phần trực quan của giao diện người dùng mà nhà thiết kế UX đã thiết kế. Ví dụ: một nhà thiết kế giao diện người dùng, tạo bảng phân tích, có thể đưa lên đầu nhiều hơn Thông tin quan trọng hoặc quyết định xem thanh trượt hay bảng điều khiển là trực quan nhất để thêm vào biểu đồ. Người thiết kế giao diện người dùng cũng thường chịu trách nhiệm tạo hướng dẫn đầy đủ thiết kế, đảm bảo ngôn ngữ thiết kế mạch lạc bao trùm toàn bộ sản phẩm. Duy trì tính nhất quán Các yếu tố hình ảnh và xác định hướng đi nào để làm việc. Ví dụ: cách hiển thị lỗi hoặc cảnh báo nằm trong phạm vi của người thiết kế giao diện người dùng.

“Khái niệm và thực hiện ngôn ngữ hình ảnh Airbnb.com. Tạo một hướng dẫn phong cách mở rộng."

Ranh giới giữa nhà thiết kế UI và UX khá mờ nhạt và các công ty thường chọn kết hợp các vai trò này.

Nhà thiết kế giao diện người dùng xác định nhận thức chung và sự xuất hiện của ứng dụng.
Nguồn: Metro Style Interface 4 của Ionut Zamfir trên Dribbble.

Công cụ: Photoshop, Phác thảo, Illustrator, Pháo hoa

“Các trường ‘đăng nhập’ và ‘đăng ký’ nên được chuyển lên góc trên bên phải.”

Người thiết kế đồ họa

“Các nhà thiết kế đồ họa chăm chú vào những chi tiết nhỏ mà người khác không chú ý tới.”

Nhà thiết kế đồ họa là người làm đồ họa, đó là điều mà một người không phải là nhà thiết kế có thể sẽ nói với bạn nếu bạn hỏi họ nhà thiết kế làm gì. Các nhà thiết kế đồ họa không quan tâm đến cách các màn hình liên kết với nhau cũng như cách mọi người tương tác với sản phẩm. Thay vào đó, họ tập trung phát triển biểu tượng đẹp, điều khiển và các yếu tố trực quan và tạo ra một thiết kế phù hợp. Các nhà thiết kế đồ họa đang làm việc bộ phận nhỏ, mà những người khác không nhìn thấy và thường hoạt động trong Photoshop ở độ phóng đại 4x và 8x.

“Sản xuất các dự án trực quan chất lượng cao từ ý tưởng đến thực thi, bao gồm máy tính để bàn, web và thiết bị di động ở nhiều độ phân giải (biểu tượng, đồ họa và tài liệu tiếp thị). Tạo và lặp lại các nội dung phản ánh thương hiệu, làm cho sản phẩm trở nên đẹp đẽ và thổi hồn vào đó.”

Các nhà thiết kế giao diện người dùng thường không chỉ phải làm công việc của riêng mình mà còn phải tạo ra bố cục hoàn hảo đến từng pixel. Một số công ty chọn không có người tận tâm đảm nhận vai trò thiết kế đồ họa.

Một nhà thiết kế đồ họa thiết kế, chỉ đạo và điều chỉnh từng pixel để đảm bảo kết quả cuối cùng hoàn hảo.
Nguồn: Hướng dẫn iOS 7 Freebie PSD của Seevi kargwal trên Dribbble.

Công cụ: Photoshop, Phác thảo

Rất có thể bạn đã từng nghe anh ấy nói:“Giảm kerning và di chuyển nút 1 pixel sang trái!”

Nhà thiết kế chuyển động

Bạn có nhớ chuyển động tinh tế khi kéo màn hình để làm mới email trên iPhone không? Đây là công việc của một nhà thiết kế chuyển động. không giống nhà thiết kế đồ họa, người thường xử lý các đối tượng tĩnh, các nhà thiết kế chuyển động tạo hoạt ảnh trong ứng dụng. Họ đối phó với giao diện sẽ làm gì sau khi người dùng chạm vào nó. Ví dụ: họ quyết định cách trình đơn sẽ trượt, sử dụng hiệu ứng nào cho quá trình chuyển đổi và cách nhấn nút. Khi được thực hiện tốt, chuyển động sẽ trở thành một phần không thể thiếu của giao diện, cung cấp các tín hiệu trực quan về cách sử dụng sản phẩm.

“Cần có kiến thức thiết kế đồ họa, thiết kế chuyển động, nghệ thuật kỹ thuật số, cảm nhận về màu sắc và kiểu chữ, nhận thức chung về vật liệu/kết cấu và hiểu biết về hoạt hình. Kiến thức Phần mềm iOS, OS X, Photoshop và Illustrator, cũng như làm quen với Director (hoặc tương đương), Quartz Composer (hoặc tương đương), 3D mô hình máy tính, đồ họa chuyển động".

Công cụ: AfterEffects, Core Composer, Flash, Origami

Rất có thể bạn đã từng nghe anh ấy nói:“Menu sẽ bật lên ở bên trái sau 800 mili giây.”

Nhà nghiên cứu UX

Một nhà nghiên cứu UX biết mọi thứ về nhu cầu của người dùng.

Một nhà nghiên cứu UX biết mọi thứ về nhu cầu của người dùng. Mục tiêu của nhà nghiên cứu là trả lời hai câu hỏi chính: “Người dùng của chúng tôi là ai?” và “Người dùng của chúng tôi muốn gì?” Theo quy định, điều này liên quan đến khảo sát người dùng, nghiên cứu thị trường và phân tích dữ liệu. Thiết kế là một quá trình lặp đi lặp lại liên tục. Các nhà nghiên cứu có thể trợ giúp quá trình này bằng cách tiến hành thử nghiệm A/B để tìm ra tùy chọn thiết kế nào đáp ứng tốt nhất nhu cầu của người dùng. Các nhà nghiên cứu UX thường là người hỗ trợ chính các công ty lớn, truy cập vào đâu một số lượng lớn dữ liệu tiết lộ cho họ nhiều cơ hội cho những phát hiện có ý nghĩa thống kê.

“Hợp tác chặt chẽ với các nhóm phát triển để xác định chủ đề nghiên cứu. Thiết kế nghiên cứu liên quan đến cả hành động của người dùng và nhận thức của người dùng. Tiến hành nghiên cứu bằng cách sử dụng và áp dụng nhiều phương pháp khác nhau như khảo sát.”

Thuật ngữ “thiết kế” có vẻ đơn giản. Đồng thời, nó khá mơ hồ, và nếu bạn hỏi người khác giải thích cho bạn Khái niệm này, câu trả lời của họ sẽ rất khác nhau.

Ví dụ, khi ai đó nói, “Ồ, tôi làm nhà thiết kế,” hầu hết mọi người có thể không hiểu ý của họ. Và tất cả là vì đằng sau điều này, có vẻ như, trong một từ đơn giản dối trá số lượng lớný nghĩa.

Ngày nay thị trường đang có sự tăng trưởng trong lĩnh vực này doanh nghiệp kỹ thuật, có xu hướng tập trung vào việc tạo ra nhiều giao diện màn hình khác nhau, từ đó dẫn đến các tính năng thiết kế mới.

Một nghề như nhà thiết kế UX thoạt nhìn có vẻ xa lạ và thậm chí hơi phức tạp đối với những người chưa từng gặp nó - hơn nữa, một số nhà phát triển có kinh nghiệm không hiểu ý nghĩa của nó và có thể thắc mắc: Nhà thiết kế UX là ai và họ làm gì Họ thậm chí có làm việc không?

Tuy nhiên, ngành công nghiệp UX hiện đang phát triển nhanh chóng. Chỉ cần nhìn xem số lượng chuyên gia UX (hoặc “Trải nghiệm người dùng”) đã tăng lên bao nhiêu.

Không phải tất cả họ đều là chuyên gia mới, nếu chỉ vì thị trường việc làm trong lĩnh vực này bao gồm từ những người mới bắt đầu hoàn toàn đến những người luôn là chuyên gia UX nhưng chưa bao giờ biết đến nó.

Những trường hợp trên có thể tạo ra một số vấn đề nhất định, chẳng hạn, không phải ai tự gọi mình là nhà thiết kế UX đều thực sự là chuyên gia UX. Vì đây là một loại nghề đặc biệt không thể xác định rõ ràng như khi nói đến nha sĩ hay y tá, hơn nữa trong UX khá khó phân biệt chuyên gia giỏi từ xấu.

Nhà thiết kế UX là ai?

Công việc của một nhà thiết kế UX, theo nguyên tắc, liên quan đến nhận thức về sản phẩm hoặc dịch vụ, vì vậy các vấn đề về thiết kế trong trong trường hợp này không phải lúc nào cũng rõ ràng.

Chúng mang tính chủ quan và có thể có nhiều hơn một giải pháp. Về cơ bản, trách nhiệm của nhà thiết kế UX là đảm bảo rằng mỗi bước của quy trình thiết kế sản phẩm đều diễn ra từ bước trước đó.

Những điều trên có thể đạt được thông qua việc sử dụng mặt đối mặt kiểm tra người dùngđể đánh giá các hành động được thực hiện. Nếu người dùng có thể hoàn thành cả bài kiểm tra bằng lời nói và phi ngôn ngữ thì điều kiện để UX hiệu quả đã được tạo. Ví dụ: tạo trải nghiệm làm quen thuận tiện cho người dùng mới sẽ là một giải pháp tốt.

Nhà thiết kế UX làm gì?

Một chuyên gia UX giỏi có thể kết hợp tất cả các khía cạnh của trải nghiệm người dùng tuyệt vời vào một sản phẩm.

Điều này chỉ có thể được thực hiện nếu bạn tin rằng các khía cạnh trên phối hợp tốt với nhau chứ không riêng lẻ. Chuyên gia mà chúng tôi đang xem xét chịu hoàn toàn trách nhiệm về kết quả trong tương lai và đặc biệt là về chính ux.

Tuy nhiên, đây chỉ là bước khởi đầu trong sự nghiệp của một chuyên gia UX có trình độ, vì trong tương lai chúng có thể được sử dụng Các phương pháp khác nhau giúp bạn có thể làm tốt công việc này.

Để trở thành một nhà thiết kế UX thực sự giỏi, bạn sẽ cần có kỹ năng giao tiếp xuất sắc, niềm đam mê, tình yêu đổi mới, khả năng sáng tạo và sự chủ động để biết khi nào nên thử nghiệm và khi nào nên gắn bó với nó khuôn khổ được thiết lập. Tuy nhiên, tất cả các chuyên gia UX nên bắt đầu ở cấp độ thấp hơn trong sự nghiệp của họ nếu họ muốn có thể tiếp thị được trong tương lai.

Để trở thành một nhà thiết kế UX thành công, bạn không chỉ phải có khả năng mô tả mà còn phải sử dụng thành thạo các cơ chế giao tiếp, thuật toán để thực hiện nhiệm vụ và các yêu cầu đối với giao diện.

Bạn phải có khả năng giải thích cho nhà đầu tư trải nghiệm người dùng từ đầu đến cuối, cũng như các tính năng và bối cảnh liên quan. Với sự hỗ trợ của một nhóm mạnh, nhà thiết kế UX có thể biến đổi các đặc điểm của bất kỳ nền tảng nổi tiếng nào, chẳng hạn như Facebook, thành một bộ công cụ có giá trị và dễ tiếp cận.

Wireframe và bản phác thảo chỉ là một phần nhỏ của công việc

Wireframe và sơ đồ trực quan là kết quả của quá trình chuẩn bị kỹ càng để tạo ra sản phẩm. Điều thực sự quan trọng là trình bày quá trình chuẩn bị dưới dạng trực quan, chẳng hạn như thuyết trình PowerPoint, Vì sử dụng thêm các vật liệu tương tự của các nhà thiết kế và lập trình viên.

Khá dễ dàng để có được dữ liệu về nguyên mẫu sản phẩm trong quá trình kiểm tra khả năng sử dụng hoặc thậm chí tạo video màn hình. Những công cụ này có thể cũng quan trọng như wireframe.

Các nhà thiết kế UX cũng có thể được công nhận qua cách họ tập trung vào một kế hoạch được xây dựng cẩn thận nhằm cải thiện thiết kế của sản phẩm nhằm làm cho nó hiệu quả hơn.

Tuy nhiên, không có phương pháp nào được chứng minh để chọn một chuyên gia UX giỏi vì trách nhiệm của họ có thể khác nhau. Loại thứ hai có mức độ lan truyền rất lớn và bao gồm sự tương tác với cá nhân, pháp nhân, cũng như với những phát triển kỹ thuật mới.

Tiến hành kiểm tra người dùng

Thiết kế UX còn có nhiều thứ hơn là chỉ ngồi nói chuyện với khách hàng trên nền tảng hoặc ứng dụng trực tuyến của bạn, định kỳ hỏi ý kiến của họ về một tính năng.

Trên thực tế, quá trình đánh giá nên bao gồm việc quan sát khả năng của khách hàng trong việc thực hiện các hoạt động đã được thiết kế cho họ. Bằng cách này, họ có thể cung cấp cho bạn câu trả lời chưa chỉnh sửa về trải nghiệm người dùng của chính họ.

Đối với loại đánh giá này, số lượng đánh giá của khách hàng, đánh giá cá nhân và việc lựa chọn người tham gia thử nghiệm phần lớn phụ thuộc vào số tiền bạn sẵn sàng đầu tư để thực hiện nó trong giai đoạn đầu phát triển sản phẩm.

May mắn thay, thử nghiệm lấy khách hàng làm trung tâm thực sự đáng tin cậy và đơn giản như việc quan sát cách người dùng tương tác trực tuyến với sản phẩm của bạn.

Xác định và tạo Personas

Từ “người” được dùng để chỉ nhân vật hư cấu, đại diện cho một trong những nhóm người dùng mà bạn đang phát triển sản phẩm. Kiểu đánh giá tính cách này có thể là đối tượng của việc nghiên cứu cẩn thận, tất nhiên nếu nó phù hợp.

Mặc dù việc làm này có thể rất hấp dẫn - tuy nhiên, để tạo ra một nhân vật hoàn toàn, nếu “nhân cách” của bạn không dựa trên dữ liệu thống kê về bạn người dùng thực sự, thì thật không may, nó sẽ vô dụng. Việc tạo nhân vật cũng sẽ chẳng có ý nghĩa gì nếu nó không liên quan gì đến công việc kinh doanh của bạn.

Cách tốt nhất để tạo nhân vật là sử dụng nhiều loại khác nhau nghiên cứu, ví dụ kiểm tra người dùng, khảo sát, bảng câu hỏi, nhóm tập trung, cũng như các phương pháp khác.

Khi bạn không thể tự gọi mình là nhà thiết kế UX

Bạn không thể trở thành một nhà thiết kế UX thực sự có tay nghề cao trừ khi bạn học cách tương tác với những người được cho là sẽ giúp bạn định hình chiến lược của mình.

Tên của nghề này bao gồm cụm từ “ Kinh nghiệm người dùng", nhưng nếu người dùng không tồn tại thì hoạt động của bạn không có giá trị gì. Nếu bạn đang tạo một thiết kế dựa trên ít hơn ý tưởng thú vị, nhưng không tính đến dữ liệu về nhu cầu thực tế của người dùng thì bạn chắc chắn không phải là nhà thiết kế UX.

Điều tương tự cũng có thể xảy ra đối với những chuyên gia UX không thể xác định đối tượng mục tiêu của mình. Nếu bạn nghĩ rằng nền tảng trực tuyến hoàn hảo cho bất kỳ ai và tất cả mọi người, bạn không chỉ khiến công việc của mình trở nên bất khả thi mà còn bỏ qua các nguyên tắc thực sự của thiết kế web - luôn phải có đối tượng mục tiêu.

Một nhược điểm khác là cố gắng giải quyết vấn đề ngay lập tức thay vì đảm bảo rằng nó thực sự tồn tại rồi tìm ra nguyên nhân.

Nếu sếp yêu cầu bạn thiết kế một nền tảng trực tuyến và bạn thậm chí không hỏi tại sao cần phải làm điều đó, thì rất có thể bạn là một nhà thiết kế web bình thường (và không nhất thiết phải tài năng) chứ không phải là chuyên gia UX.

Đưa ra quyết định chỉ dựa trên kinh nghiệm cá nhân, cũng là một ý tưởng tồi. Nếu sếp của bạn hỏi: “Tại sao bạn lại quyết định sử dụng các trường nhãn thay vì các trường khác?” Lựa chọn thay thế nhận xét trong cuộc khảo sát gần đây nhất của bạn?”, bạn nên trả lời điều gì đó hay hơn là chỉ đơn giản: “Tôi chọn chúng vì tôi thích chúng”. Điều này chắc chắn không hoạt động trong thiết kế UX.

Nếu bạn muốn trở thành một nhà thiết kế UX thành công và có trình độ, điều quan trọng là phải sử dụng tất cả các công cụ thiết kế - từ phỏng vấn khách hàng, kết thúc bằng các bài kiểm tra khả năng sử dụng, tạo cá tính, đánh giá theo ngữ cảnh, Mô hình khái niệm, sơ đồ trang web, nguyên mẫu sản phẩm, wireframe, đánh giá A/B, v.v.

Đối với các nhà thiết kế UX có trình độ, điều cần thiết không chỉ là hiểu chi tiết cụ thể về khán giả mục tiêu, nhưng cũng có khả năng chứng minh thông tin này cho nhóm của bạn.

Sản phẩm phải luôn phát triển

Điều đầu tiên phải chấp nhận là sản phẩm của bạn sẽ không bao giờ thực sự hoàn thiện. Hơn nữa, không nên chỉ xem xét một sản phẩm về mặt giá trị nội tại của nó, vì các phương pháp cần thiết để phát triển sản phẩm đó cũng rất quan trọng.

Nhiều chuyên gia UX có thể gặp khó khăn trong việc tuân thủ các ranh giới nghiêm ngặt hoặc tuân theo một kế hoạch, tuy nhiên, hầu hết các công ty đều tuân theo con đường này. Tuy nhiên, điều duy nhất không đổi là sự thay đổi, và nó sẽ luôn như vậy.

Nếu bạn đang cố gắng thiết kế một sản phẩm, bạn nên cố gắng cải tiến các phương pháp cần thiết để tạo ra sản phẩm đó, cũng như liên tục cải tiến kết quả cuối cùng.

Trên thực tế, có thể hữu ích cho các nhà thiết kế UX khi định kỳ nhìn lại các dự án trước đây của họ (thành công và thất bại) để tìm ra những gì họ đã học được và cách áp dụng nó vào công việc trong tương lai của họ.

Người dùng Giao diện Thiết kế hoặc giao diện người dùngđược thiết kế để giúp sắp xếp sự tương tác của người dùng với một thiết bị hoặc chương trình. Đây là những gì người dùng gặp phải khi nhìn vào thiết bị hoặc màn hình: bố cục yếu tố đồ họa giao diện, nút bấm và điều hướng. Mong muốn sử dụng trang web hoặc ứng dụng của một người phụ thuộc vào mức độ thuận tiện của giao diện người dùng. Lòng trung thành của người dùng phần lớn phụ thuộc vào sự tiện lợi và hấp dẫn của giao diện. Thiết kế sáng sủa thu hút mọi người và buộc họ truy cập vào chương trình hoặc trang web. Vì vậy, điều quan trọng là thiết kế giao diện người dùng phải trực quan.

Để hiểu thiết kế UX và UI là gì, hãy tưởng tượng một chiếc ghế. Hãy gọi nó là thiết kế UX khung, vì một người giải quyết vấn đề của người dùng với sự trợ giúp của chính chiếc ghế. Đồng thời, thiết kế giao diện người dùng thông thường của sản phẩm là số lượng chân, hình dạng mặt sau hoặc chất liệu bọc. Thiết kế giao diện người dùng tốt có tính đến tính thực tế của thiết kế bên ngoài, lấy ví dụ về một chiếc ghế, điều này có nghĩa là việc chọn không chỉ vật liệu đẹp mà còn phải là vật liệu chống mài mòn cho sản phẩm.

Vì vậy, thiết kế giao diện người dùng nhằm mục đích tạo ra nhận thức cảm xúc cần thiết về sản phẩm. Và thiết kế UX dựa trên sự hỗ trợ của người dùng khi làm việc với tài nguyên.

Là kết quả của sự tương tác giữa thiết kế UI và UX, người dùng sẽ nhận được ấn tượng thống nhất về tính thẩm mỹ thiết kế trực quan giao diện và dễ dàng đi qua không có gì Hành động mong muốn Trên trang.

Bạn sẽ nhận được

Công việc được thực hiện chất lượng

Thiết kế hấp dẫn

Sự tham gia cảm xúc của người dùng

Giao diện có cấu trúc

Điều gì quyết định giá của thiết kế UI?

Số lượng các khái niệm giao diện. Càng có nhiều thì càng cao.
Loại thiết bị mà giao diện đang được phát triển.Đây có thể là giao diện ứng dụng android, giao diện Ứng dụng iOS hoặc một ứng dụng web.
Có sẵn các quy tắc UX được hình thành. Nếu chúng ta cần phát triển các quy tắc, giá sẽ tăng lên.
Sự cần thiết của việc tạo hình minh họa. Chúng có thể là đồ họa và hoạt hình. Ngoài ra, giá cả phụ thuộc vào số lượng của họ. Càng cần nhiều hình minh họa thì chi phí thiết kế UI càng cao.

Đặt hàng thiết kế giao diện người dùng từ một công ty xây dựng thương hiệu KOLORO. Chúng tôi sẽ tìm ra cách tiếp cận dự án của bạn.

Phát triển thiết kế giao diện người dùng: các giai đoạn

1.Xây dựng bài toán:

đặt mục tiêu cho giao diện sẽ được sử dụng;
phân tích nhu cầu của người dùng;
lựa chọn nền tảng để thực hiện dự án.

2. Phát triển các bản phác thảo giao diện.
3. nguyên mẫu, để đánh giá khả năng sử dụng của giao diện.
4. Phân tích dữ liệu nhận được và lựa chọn các phương án tối ưu.

Giao diện UI bao gồm các thành phần sau:

kiến trúc thông tin;
thiết kế tương tác;
thiết kế đồ họa.

Tạo thiết kế giao diện người dùng: quy tắc

Thiết kế của các phần tử ứng dụng phải giống như đơn giản và rõ ràng.
Người dùng Không phải làm hành động phức tạp hoặc chuỗi chuyển tiếp dài.
Nên sử dụng yếu tố quen thuộcđiều khiển và hình ảnh trực quan rõ ràng.
Các yếu tố liên quan logic là cần thiết đoàn kết V. thực đơn và hình dạng.
nhất yếu tố quan trọng Giao diện người dùng nên đi Đầu tiên.
Giao diện nên được được thiết kế trong một phong cách.

Khi phát triển thiết kế giao diện người dùng của ứng dụng di động hoặc web, bạn phải tính đến Hiệu ứng “thẩm mỹ-khả năng sử dụng”(hiệu ứng thẩm mỹ-khả năng sử dụng). Dưới ảnh hưởng của nó, đối với một người, có vẻ như giao diện ứng dụng trông đẹp hơn và tiện lợi hơn. Vì vậy, thiết kế giao diện người dùng phải hài hòa kết hợp vẻ đẹp Và sự tiện lợi.

Đặt thiết kế giao diện từ một công ty xây dựng thương hiệu KOLORO. Chúng tôi biết cách duy trì sự cân bằng.

Đặc điểm của phát triển giao diện ứng dụng

Tùy theo mục đích của dự án và mục đích của giao diện mà người thiết kế lựa chọn bảng màu Và thiết kế. Nên được xem xét tâm lý màu sắc và nó ảnh hưởng đến mọi người như thế nào. Khi phát triển giao diện UI, màu sắc có thể được sử dụng để nhấn mạnh chất lượng các ứng dụng. Màu đỏ gắn liền với sức mạnh và niềm đam mê, màu xanh lá cây với thiên nhiên và thịnh vượng, màu xanh lam với hòa bình, màu tím với sự sáng tạo và trí tuệ.

Cần phải nghiên cứu cẩn thận các chi tiết của dự án trong giai đoạn đầu và tuân theo các nguyên tắc phát triển chính giao diện di động. Một trong những xu hướng thiết kế mới nhất là phát triển các ứng dụng có thể hoạt động trên cả Android và iOS. Tuy nhiên, thiết kế giao diện người dùng tốt hơn nên được phát triển riêng biệt cho từng ứng dụng di động. Bằng cách này bạn có thể tránh được lỗi và trục trặc.

Giao diện UI phải đối mặt với các nhiệm vụ sau:

Cung cấp sự tương tác người dùng với ứng dụng.
Mang theo cảm xúc sự hài lòng cho người dùng trong quá trình hoạt động.
Nhìn hấp dẫn.

Thành phần giao diện người dùng

Thiết kế trực quan, hoặc VD rất quan trọng đối với việc hiển thị chất lượng màu sắc, phông chữ và các thành phần khác của trang web, vì đây là yếu tố tạo nên tính thẩm mỹ của trang web. Một giao diện người dùng tốt chỉ có thể tồn tại khi kết hợp với nội dung của trang và chức năng của nó. Ngoài ra, thiết kế trực quan còn nhằm mục đích thu hút người dùng và xây dựng niềm tin của họ đối với sản phẩm hoặc dịch vụ.
Hệ thống thiết kế - thiết kế giao diện người dùng thông qua hệ thống các thành phần giao diện riêng lẻ. Chúng cần thiết để phát triển các mẫu có thể tái sử dụng.
Nguyên mẫu là một ví dụ hoạt động về giao diện người dùng được thiết kế. Hoạt động mô phỏng cung cấp cái nhìn sâu sắc về phản hồi của các thành phần giao diện trước khi chúng được phát triển thực sự.
Nội dung. Các tiện ích đã dạy người dùng thực hiện đa nhiệm, vì vậy khi thiết kế giao diện người dùng, điều quan trọng là phải thể hiện nhanh chóng và chính xác Nội dung chính và chức năng của ứng dụng, đồng thời di chuyển mọi thứ phụ sang nền hoặc xóa nó.

Nhận xét là việc sử dụng các thiết kế hoặc hoạt ảnh khác nhau về phản hồi của chương trình đối với hành động của người dùng. Điều này giúp một người hiểu rằng mọi thứ đều được kiểm soát và hoạt động chính xác.
Thao tác bằng một tay. Thiết kế tốt Giao diện phải được điều chỉnh để hoạt động bằng một tay. Dễ dàng quản lý chương trình nhất khi các thành phần điều hướng cần thiết nằm ở góc dưới bên trái. Cũng thiết kế thân thiện với người dùng giao diện cung cấp sự hiện diện nút lớn, vết lõm và thiết kế hấp dẫn của các yếu tố quan trọng để dễ dàng tương tác với chúng.
Nhập nhanh. Các biểu mẫu cần hoàn thành phải: yêu cầu người dùng cung cấp lượng thông tin tối thiểu; đưa ra những câu trả lời có thể. Ví dụ: nếu bạn cần tìm hiểu tuổi của người dùng, tốt hơn nên sử dụng danh sách thả xuống và tìm địa chỉ thông qua đồng bộ hóa với vị trí địa lý. Khuyến nghị chung- đầu vào thủ công tối thiểu.

Phát triển thiết kế giao diện người dùng trong KOLORO sẽ mang lại cho bạn

Giao diện hấp dẫn về mặt thẩm mỹ. Các yếu tố thiết kế và cách phối màu sẽ được lựa chọn phù hợp với ý tưởng của ứng dụng.
Đơn giản và rõ ràng khi sử dụng. Mọi người sẽ dễ dàng hiểu được cách tương tác với giao diện.
Tính nhất quán. Các yếu tố hoạt động theo cùng một cách cần phải có tính nhất quán. Điều này sẽ làm cho ứng dụng dễ sử dụng hơn.

Thiết kế giao diện người dùng là một yếu tố quan trọng của giao diện. Nó được sử dụng để giao tiếp giữa chương trình và người dùng. Liên hệ với một cơ quan xây dựng thương hiệu KOLORO, và chúng tôi sẽ phát triển thiết kế giao diện người dùng thuận tiện nhất!