Quá trình thiết kế UX bắt đầu bằng cách hiểu rõ các mục tiêu của công ty và cách phục vụ tốt nhất đối tượng mục tiêu. Có thể cung cấp trải nghiệm tốt và đáng nhớ cho người dùng bằng cách tìm hiểu tâm lý của người dùng và áp dụng các phương pháp hay nhất về trải nghiệm người dùng. Chúng tôi đã biên soạn tài nguyên này để hỗ trợ bạn trong quá trình thiết kế UX - từ đầu đến cuối.
Mục tiêu của quá trình thiết kế UX là để người dùng có trải nghiệm trực tuyến tốt hơn.
Vai trò của nhà thiết kế trải nghiệm người dùng là xây dựng bối cảnh kỹ thuật số, hướng dẫn người dùng thông qua phạm vi mở rộng của nó và cung cấp cho họ điều gì đó ảnh hưởng đến cảm giác của họ. Các yếu tố tạo nên một trang web, bao gồm nội dung, thiết kế, cấu trúc và điều hướng, hoạt động để mang lại trải nghiệm đáng nhớ.
Người dùng là cốt lõi của thiết kế. Khi ai đó có thể khám phá thông tin họ cần một cách nhanh chóng, họ đã hoàn thành mục tiêu của mình và có thể không đi xa hơn.
- Mục đích chuyến thăm của họ là gì?
- Họ đang tìm kiếm thông tin gì?
- Và họ đang tìm kiếm giải pháp nào cho các vấn đề mà họ có thể gặp phải?
UX tập trung vào suy nghĩ của người dùng, tạo ra trải nghiệm mang lại những gì họ muốn nhất và nhanh chóng nhất có thể.
Các thành phần của thiết kế, chẳng hạn như lựa chọn điều hướng, nút, kết hợp gọi hành động / tương tác và các tương tác khác, hướng dẫn người dùng thông qua thiết kế - với nội dung bổ sung cho nội dung. Để có trải nghiệm người dùng thành công, bạn phải biết khách truy cập muốn gì và tại sao họ lại ở trên trang web của bạn.
Bất kỳ cuộc thảo luận nào liên quan đến trải nghiệm người dùng phải bao gồm một cuộc thảo luận về thiết kế giao diện người dùng. Mục tiêu của UI (giao diện người dùng) là giải quyết chi tiết thiết kế, từ kiểu chữ được sử dụng đến hình thức và cảm giác của các nút và các tương tác khác. Thiết kế giao diện người dùng quan tâm nhiều hơn đến cách một người nào đó sẽ kết nối và tham gia vào thiết kế sản phẩm, trong khi thiết kế UX rút ra khỏi những khía cạnh này và tập trung vào cách mọi người sẽ tương tác với nó. Các nhà thiết kế UX cân nhắc những gì khách hàng muốn từ một trang web và tạo ra trải nghiệm thỏa mãn những nhu cầu đó trong quá trình thiết kế.
Thiết kế trải nghiệm người dùng: điều quan trọng
Để tạo ra một thiết kế hấp dẫn và thành công, bạn cần hiểu bước nào là quan trọng nhất.
Trải nghiệm người dùng và thương hiệu được liên kết với nhau
Mối quan hệ giữa thương hiệu và trải nghiệm người dùng là cộng sinh. Một trang web có trải nghiệm người dùng tồi tệ có thể làm tổn hại đến danh tiếng của các công ty nổi tiếng. Mặt khác, trải nghiệm tiêu dùng đơn giản và hiệu quả có thể hỗ trợ một công ty trẻ. Hai yếu tố của tiếp thị - xây dựng thương hiệu và trải nghiệm người dùng - đều liên quan đến nhận thức và cả hai yếu tố này phải nhất quán để công ty phát triển.
Thiết kế tương tác
Khi bắt đầu quá trình thiết kế UX và trong suốt quá trình phát triển sản phẩm, các nhà thiết kế UX phải ghi nhớ thương hiệu của một công ty và cách nó sẽ được truyền tải trong thiết kế.
Trải nghiệm người dùng là tất cả về việc đáp ứng các mục tiêu kinh doanh
Trang web của một công ty phải là một phần của chiến lược tổng thể của nó. Để tạo ra một thương hiệu đáng nhớ, cả nội dung và chức năng phải kết hợp với nhau. Cần phải có một cơ sở lý luận cho quá trình thiết kế UX và sự hiểu biết về lý do tại sao công việc này là cần thiết. Nhóm thiết kế và nhóm phát triển không chỉ phải quen thuộc với tư duy thiết kế mà còn phải hiểu các mục tiêu tiếp thị lớn hơn của một công ty.
Xem những gì hiệu quả và cần cải thiện nếu đó là một thiết kế lại. Xem xét những gì còn thiếu và cách thiết kế trải nghiệm người dùng tốt hơn có thể giúp giải quyết những vấn đề này.
Xác định những gì bạn muốn mọi người làm trên trang web của mình, chẳng hạn như mua sản phẩm, đăng ký dịch vụ hoặc hỏi thêm thông tin. Đó là tất cả về những gì bạn muốn họ làm với nó!
UX giúp cuộc sống của người dùng dễ dàng hơn
Nếu một giao diện trực quan, thân thiện với người dùng và được tổ chức hợp lý, bất kỳ ai cũng có thể điều hướng nó mà không gặp trở ngại. Thay vì phức tạp và bất tiện, một UX tạo ra các đường dẫn cho phép dòng chảy trôi chảy.
Bộ kỹ năng thiết kế đa dạng của nhà thiết kế UX cho phép họ tạo ra kiến trúc mà những người thực sẽ làm theo. Ai, cái gì và thời điểm trải nghiệm là tất cả các yếu tố cần xem xét khi đánh giá khả năng sử dụng. Người dùng là ai, nội dung là gì, thứ tự và logic trong việc trải nghiệm thiết kế trực quan là khi nào.
Sự đồng cảm sẽ thúc đẩy trải nghiệm của người dùng
Một nhà thiết kế trải nghiệm người dùng phải đặt mình vào vị trí của người dùng cuối cùng trước khi bắt đầu quá trình phát triển của một dự án. Các nhà thiết kế phải có kiến thức sâu sắc về các vấn đề và nỗi đau của khách hàng để hỗ trợ họ một cách hiệu quả. Các nhà thiết kế phải có khả năng xem một trang web từ quan điểm của người dùng và dự đoán cách họ nên điều hướng nó. Họ phải kết hợp hàng nghìn bộ phận lại với nhau để có ý nghĩa đối với những người sử dụng chúng.
Các nhà thiết kế UX nắm chắc cách tất cả các trang trong một trang web hoạt động cùng nhau, nhưng họ không bao giờ bỏ qua những chi tiết nhỏ ở cấp độ vi mô về cách mỗi trang hỗ trợ mọi người đạt được mục tiêu của họ.
Ví dụ: trang web của dịch vụ đăng ký thực phẩm này phản ánh lối sống của những người quan tâm đến chế độ ăn uống lành mạnh. Một bức ảnh về thức ăn của họ, những đường nét đơn giản và nhiều khoảng trống cho thấy rằng họ biết về nhân khẩu học của họ và những gì họ quan tâm. Thành phần này nhấn mạnh chất lượng món ăn của họ, đây là mối quan tâm đáng kể đối với những người đang nghĩ đến việc đăng ký dịch vụ ăn uống hàng tháng.
Hiểu khán giả đòi hỏi phải phát triển trải nghiệm mà họ sẽ thấy hữu ích và thú vị khi duyệt qua.
Nghiên cứu người dùng là một thành phần thiết yếu của quá trình thiết kế trải nghiệm người dùng
Sẽ hữu ích nếu bạn có một bức tranh rõ ràng về khán giả mà bạn muốn thu hút. Họ không chỉ là "người dùng". Điều quan trọng là phải hiểu những thách thức của họ và cách họ lên kế hoạch để đạt được nơi họ muốn. Chỉ cần giả định những gì người khác muốn và cần. Chúng tôi có thể có được kiến thức vội vàng về mong muốn và nhu cầu của họ, nhưng việc tiến hành nghiên cứu người dùng sẽ cung cấp cho chúng tôi sự hiểu biết đầy đủ hơn về sở thích và mong muốn tự nhiên của họ.
Nghiên cứu người dùng và phân loại người dùng cho phép quá trình phát triển tập trung hơn. Thay vì dựa vào các định kiến, dữ liệu thực tế giúp xác định cách một trang web được xây dựng và những tính năng nào nên được thêm vào.
Chúng tôi có thể loại bỏ sự không chắc chắn và tìm hiểu về các vấn đề và mong đợi của mọi người bằng cách tiến hành nghiên cứu người dùng. Sự đồng cảm thực sự là không thể khi các doanh nghiệp không hiểu những người mà họ muốn tiếp cận.
Điều quan trọng là phải tiến hành nghiên cứu người dùng thường xuyên
Nghiên cứu người dùng là bước đầu tiên quan trọng trong quá trình thiết kế. Nó cho phép một sản phẩm được tạo ra phù hợp với mong đợi của mọi người và tránh thất vọng với trải nghiệm phù hợp với nhu cầu cụ thể của họ.
Thử nghiệm và nghiên cứu không bao giờ kết thúc. Việc thay đổi mục tiêu từ các bên liên quan, hành vi của người tiêu dùng và sự cạnh tranh có thể khiến thiết kế bị nhìn nhận khác đi. Một trang web đã hoạt động hiệu quả cách đây hai năm có thể không còn như vậy nữa. Để xác định xem một thiết kế có còn phù hợp với người dùng hay không, cần phải nghiên cứu người dùng liên tục.
Xác định những gì bạn muốn học từ nghiên cứu người dùng
Biết những câu hỏi và thông tin bạn muốn nhận được từ người dùng của mình là rất quan trọng để tối đa hóa nghiên cứu người dùng. Giống như bất kỳ quá trình nào khác, thành công phải được xác định. Nghiên cứu người dùng có thể vượt ra khỏi tầm kiểm soát và trở thành một hình thức phạm vi ảnh hưởng nếu không có các ràng buộc hoặc chỉ báo nào được áp dụng.
Phỏng vấn người thật
Cách tiếp cận tốt hơn để tương tác với khán giả của bạn là ở cùng một không gian với họ là gì? Các cuộc phỏng vấn người dùng thường đặt một vài cá nhân và yêu cầu họ duyệt một trang web trong khi các thành viên của nhóm xem. Đưa người dùng không hành động là rất quan trọng. Xem cách mọi người tương tác và nhận phản hồi trong thời gian thực có thể giúp bạn xác định các vấn đề với thiết kế của mình và thông báo bất kỳ sửa đổi cần thiết nào trước khi phát hành.
Các cuộc phỏng vấn với khách hàng và khách hàng cung cấp cái nhìn sâu sắc về các yếu tố mà bạn có thể đã bỏ qua khi nghiên cứu và làm việc với dự án trong nhiều tuần hoặc nhiều tháng. Có lẽ điều hướng không đơn giản như bạn tưởng tượng hoặc mọi người không nhận ra các CTA. Khi bạn có quan điểm bên ngoài, bạn sẽ có thể thấy những khó khăn mà người dùng thông thường có thể gặp phải khi cố gắng hoàn thành các hoạt động mà bạn muốn họ.
Tạo cá tính người dùng
Nhân vật là một ý tưởng sơ bộ về người dùng điển hình có thể dựa trên nghiên cứu người dùng của bạn. Được tạo bởi Vimala trên Dribbble cho một doanh nghiệp du lịch, một nhân vật cung cấp nhiều thông tin về người dùng điển hình là ai. Bằng cách xem hồ sơ của họ, chúng tôi có thể phát hiện ra họ là ai và họ quan tâm đến loại mặt hàng hoặc dịch vụ du lịch nào.
Khi bạn xây dựng một cá tính, nó không có nghĩa là đại diện cho mức trung bình của tất cả mọi người. Đó là một nhóm nhỏ đối tượng mục tiêu của bạn. Personas có thể hỗ trợ bạn trong việc thiết kế trải nghiệm hài lòng theo cách bạn muốn một cá nhân hoặc nhóm cụ thể nhận thức về công ty của bạn.
Làm khảo sát
Khảo sát và bảng câu hỏi cũng là một cách tiếp cận tuyệt vời để thu thập thông tin quan trọng. Chúng cho phép bạn đặt những câu hỏi cụ thể về những gì mọi người đang tìm kiếm hoặc nhận phản hồi về một thiết kế cụ thể và liệu nó có đáp ứng nhu cầu của đối tượng mục tiêu hay không.
Các cuộc khảo sát có thể thu thập một số thông tin nhất định, chẳng hạn như câu trả lời có / không, xếp hạng và các câu trả lời rõ ràng khác có thể được kết hợp và phân tích. Các cuộc khảo sát cũng được sử dụng để thu thập thêm thông tin định tính và các số liệu này. Người dùng có thể có một bức tranh sạch sẽ để thể hiện ý tưởng và niềm tin của họ. Thông tin dạng dài này bổ sung và làm sáng tỏ dữ liệu định lượng đã được thu thập trước đó.
Khi tạo ra những câu hỏi đó, hãy nhớ rằng bạn không muốn dẫn dắt mọi người đến những câu trả lời mà bạn mong muốn. Giữ cho các câu hỏi trung lập và không có mong muốn và định kiến của bạn. Cho phép họ phản hồi với thành kiến đặt trước của riêng họ chứ không phải của bạn.
Tạo luồng người dùng
Sẽ hữu ích nếu trước tiên bạn quyết định những gì bạn muốn mọi người làm và cách họ nên hoàn thành nó trước khi quyết định về bản thiết kế của một nhà thiết kế trang web. Luồng người dùng là một loạt các bước mà một người trải qua khi truy cập trang web của bạn, từ trang đích đến các phần khác trên trang web của bạn - hiểu được các lộ trình mà bạn muốn người dùng thực hiện sẽ giúp bạn xác định cách tổ chức thiết kế của mình, điều này sẽ hỗ trợ trong việc phát triển khung dây và nguyên mẫu.
Luồng người dùng thể hiện từng bước dọc theo những con đường này, cho dù bạn đang xây dựng luồng người dùng để cho biết cách ai đó sẽ mua và kiểm tra một sản phẩm hay cách họ khám phá thêm thông tin về một chủ đề cụ thể. Một số công cụ thiết kế UX có trên thị trường, chẳng hạn như FlowMapp, Stormboard và Whimsical. Ngoài ra, bạn có thể sử dụng bút và giấy để phát triển mọi thứ.
Hiểu kiến trúc thông tin
Bộ não của chúng ta có mối quan hệ với trật tự và rối loạn. Chúng ta cần hiểu những gì đang được nói, cho dù đó là một cuốn sách, một bộ phim chúng ta đang xem hay một trang web chúng ta đang truy cập. Mục tiêu của kiến trúc thông tin là sắp xếp các phần của một trang web sao cho chúng có ý nghĩa đối với ai đó đang duyệt nó.
Hãy xem xét một sự tương tự với một túi các khối. Bạn cuộn lại với một mớ hỗn độn rối ren khi bạn mở nó ra và đổ những thứ này ra ngoài. Bạn có thể sắp xếp chúng theo cách có ý nghĩa bằng cách kết hợp, phân loại và xếp chồng lên nhau. Kiến trúc thông tin liên quan đến việc phân loại và đặt tài liệu của bạn một cách hợp lý phù hợp với bạn và người dùng cuối của bạn.
Đó là một số yếu tố để phát triển một trang web hiệu quả:
- Xác định : Nội dung nào bạn cần để truyền tải câu chuyện thương hiệu của mình? Tìm ra mọi thành phần cần thiết để bạn truyền đạt những gì bạn muốn nói với khán giả của mình.
- Phân loại : Đây là bước mà bạn phải phân loại và phân chia tài liệu của mình để sẵn sàng đưa vào bố cục.
- Bản đồ : Tổ chức và cấu trúc tài liệu, thể hiện từng khái niệm hoặc từng đoạn nội dung sẽ dẫn đến nội dung tiếp theo như thế nào.
Quá trình kiến trúc thông tin liên quan đến việc sắp xếp nội dung theo một hệ thống phân cấp hợp lý. Cấu trúc này mô tả cách mọi người sẽ sử dụng các khái niệm được giới thiệu theo một trình tự hợp lý.
Phân loại thẻ là một cách tiếp cận phổ biến để thực hiện điều này và nó có thể được thực hiện thông thường bằng giấy và bút hoặc bằng cách sử dụng phần mềm như Optimal Sort và UserZoom.
Wireframes cho trang web
Khung dây là một kế hoạch hai chiều (2D) mô tả cấu trúc của mỗi trang, với các chỉ báo trực quan như đường, lưới và hộp cho biết nơi nội dung, hình ảnh và các thành phần khác sẽ được đặt. Chúng có thể là độ phân giải cao, chi tiết hoặc độ phân giải thấp và tối giản cho mỗi trang. Wireframe là một công cụ có giá trị cho cả nhà thiết kế và nhà phát triển. Chúng hoạt động như một khuôn khổ, cung cấp cho họ cấu trúc mà họ sẽ cần để tạo một trang web.
Một cách sử dụng wireframing là để giao tiếp. Chúng là một phương pháp trực quan để chứng minh cách các trang web sẽ được xây dựng cho mọi người, bất kể công việc của họ là gì.
Mockups và phát triển nguyên mẫu
Một số người không chắc chắn về sự phân biệt giữa wireframe, mockup và nguyên mẫu. Tất cả chúng đều có một số chức năng.
Khung dây phác thảo và sắp xếp từng trang trong một thiết kế thay vì đặc tả chi tiết của Adobe Photoshop hoặc Illustrator. Mặc dù khả năng của chúng khác nhau, nhưng chúng thường không chứa các kết nối hoạt động hoặc cải tiến thẩm mỹ. Họ ở đó để cho bạn thấy mỗi trang sẽ trông như thế nào từ quan điểm rộng rãi.
Khung dây thấp hơn một bước so với mô hình. Nếu bạn đang sử dụng một dịch vụ như Webflow, dịch vụ tạo mã khi bạn thiết kế, bạn sẽ không phải thực hiện bước này. Bạn sẽ kết thúc với một trang web đầy đủ chức năng. Mockups là các bản trình bày đồ họa của các thiết kế lấy những gì đã được thiết lập với wireframe. Có thể có một số chức năng, chẳng hạn như điều hướng, nhưng điểm nhấn là hiển thị thiết kế.
Nguyên mẫu là những đại diện gần như hoàn chỉnh của một thiết kế. Mọi thứ từ kiến trúc thông tin đến điều hướng, tương tác, hình ảnh quan trọng và khối nội dung sẽ được thực hiện. Không nhất thiết phải có mọi thứ nhỏ nhặt, nhưng mọi thứ mà người dùng muốn tương tác và thưởng thức đều có thể truy cập được. Các yếu tố bạn muốn người dùng chú ý khi tương tác với sản phẩm của bạn đã được kết hợp. Nó ngụ ý các tính năng như nút gọi hành động, hoạt ảnh và các thành phần động khác. Nguyên mẫu cho phép bạn nhận phản hồi và thực hiện các thay đổi trước khi phát trực tiếp. Bạn có thể có các nguyên mẫu có độ trung thực thấp và độ trung thực cao với quá trình tạo mẫu. Các nguyên mẫu có độ trung thực cao nhằm mục đích được thử nghiệm trong thế giới thực và cho thấy sản phẩm hoạt động như thế nào trong thực tế. Ngược lại, các nguyên mẫu có độ trung thực thấp tập trung nhiều vào chức năng hơn là ngoại hình.
Kiểm tra khả năng sử dụng
Đã đến lúc thực hiện kiểm tra khả năng sử dụng khi bạn đã hoàn thành một mẫu thử nghiệm thực tế. Nó đòi hỏi một người nào đó chưa quen với thiết kế trải nghiệm nó lần đầu tiên.
Kiểm tra khả năng sử dụng thường được thực hiện trực tiếp hoặc từ xa. Có những người khác ở vị trí chính xác cho phép bạn quan sát cảm giác của mọi người khi sử dụng web. Nó sẽ cho phép bạn nhận được phản hồi khách quan về thiết kế của mình và xác định những gì không hoạt động.
Các nhiệm vụ phải được vạch ra chi tiết để mọi người hoàn thành. Nếu bạn đang xây dựng một trang web thương mại điện tử, bạn có thể yêu cầu họ thực hiện các bước thêm hàng hóa vào giỏ hàng và tiến hành thanh toán. Hoặc có thể bạn muốn họ khám phá ra câu trả lời cho câu hỏi thường gặp về sản phẩm hoặc dịch vụ của bạn. Hãy xem mức độ khó hay đơn giản của người dùng khi khám phá vật liệu và bạn sẽ có vô số dữ liệu về việc thiết kế có phù hợp thực tế hay không và bất kỳ sửa đổi nào cần được thực hiện.
Kiểm tra khả năng sử dụng có thể được thực hiện trong suốt quá trình thiết kế, nhưng nó hiệu quả hơn trong giai đoạn đầu. Thay vì sau này, khi nó được xây dựng hoàn chỉnh hơn, các sửa đổi sẽ đơn giản hơn để thực hiện sớm hơn. Việc quan tâm đến những thay đổi trong cấu trúc, điều hướng và kiến trúc thông tin trong giai đoạn đầu sẽ ít tốn thời gian hơn so với việc cố gắng thực hiện mọi thứ ở giai đoạn cuối.
Người dùng phải là trọng tâm của thiết kế trải nghiệm người dùng của bạn
Thật dễ dàng để bắt kịp các xu hướng và mốt thiết kế trực tuyến mới nhất. Thay vì cố gắng có những thiết kế trang web phong cách và tiên tiến nhất, tốt hơn hết là bạn nên tạo ra thứ gì đó không bao giờ đánh mất sự mong đợi của người dùng. Trải nghiệm người dùng trên trang web của bạn được xác định bởi mức độ dễ sử dụng, cách tổ chức tốt và mức độ nhất quán của nó. Điều quan trọng nhất rút ra là trải nghiệm người dùng liên quan đến sự đồng cảm - đảm bảo rằng người dùng nhận được tất cả những gì họ cần để có trải nghiệm tích cực và hài lòng.
