InSight Out Consulting Inc. | Nghiên cứu trường hợp UX / UI

Làm thế nào để bạn đánh giá tài năng và chuyên môn của một nhà cung cấp dịch vụ? Có lẽ bạn sẽ tìm kiếm một người có giải thưởng uy tín hoặc có thể tìm kiếm một người có nhiều kinh nghiệm. Bất kể những gì bạn đang tìm kiếm, nếu trang web chuyên nghiệp của Trông giống như được thiết kế vào năm 1992 (giống như trang dưới đây), bạn có thể đã giành được poke trong thời gian dài.

Giới thiệu

InSight Out Consulting Inc. làm việc với các mối quan hệ phức tạp và các lực lượng gây rối ảnh hưởng đến tính bền vững của doanh nghiệp và buộc các nhà ra quyết định kinh doanh phải suy nghĩ và nhận thức khác nhau. Insight Out Consulting Inc. mang đến cái nhìn sâu sắc, rõ ràng và cách làm việc sáng tạo để thích nghi nhanh hơn.

Dawna Jones (người sáng lập) là một diễn giả, tác giả, chiến lược gia và nhà giáo dục. Kinh nghiệm của cô làm việc trong các lĩnh vực và các động lực khác nhau đã khiến cô hiểu sâu sắc về môi trường phức tạp và cách phát triển bên trong chúng. Dawna làm việc để kết nối lãnh đạo ra quyết định để khôi phục sức khỏe xã hội và sinh thái do doanh nghiệp và người tiêu dùng hợp tác lãnh đạo.

Mục tiêu của dự án này là thiết kế một trang web thực tế và đáp ứng cho InSight Out Consulting Inc. để giới thiệu các dịch vụ và tài nguyên độc đáo của Dawnaftime.

Dự án này đã được lên kế hoạch và thực hiện bởi nhóm bốn người của tôi:

Tín dụng nhiếp ảnh: Gabriel Martins

Với vai trò lãnh đạo dự án, vai trò của tôi là tiến hành nghiên cứu trải nghiệm người dùng (UX) và tạo ra một nguyên mẫu máy tính để bàn và thiết bị di động có thể nhấp dựa trên kết quả nghiên cứu của chúng tôi.

Mục tiêu kinh doanh

Tăng doanh thu bằng cách tạo thêm sự tham gia trên trang web và khuyến khích người dùng sử dụng các tài nguyên trực tuyến InSight Out (tức là, podcast, sách, bài viết, video và các khóa học trực tuyến).

Mục tiêu người dùng

Dễ dàng tìm và xem tất cả các tài nguyên của cô ấy (podcast, bài viết, blog, sách) cũng như hiểu các kỹ thuật và trình độ của cô ấy như một nhà tư vấn.

Mục đích của dự án

Tạo một trang web theo danh mục đầu tư để hiển thị cách tiếp cận độc đáo của Dawna, để thay đổi sự đổi mới và giới thiệu các tài nguyên và hội thảo tư vấn trực tuyến của cô ấy.

Quy trình thiết kế UX

Giả thuyết

Các khách hàng hiện tại và tiềm năng quan tâm đến việc truy cập các tài nguyên và dịch vụ của Donna, nhưng không chắc chắn nên bắt đầu tìm kiếm trên trang web của mình ở đâu và thường bị lạc trong quá trình điều hướng.

Nghiên cứu và khám phá

Các thách thức

Tóm tắt của dự án là tạo ra một trang web để giới thiệu các dịch vụ và tài nguyên của Dawna, trong khi ghi nhớ những điều sau:

  • Phát triển một trang web cung cấp giáo dục (video, hội thảo trên web, liên kết đến podcast)
  • Kết nối và có được khách hàng mới
  • Trang giới thiệu sách của tôi. Dễ dàng xem hoặc tải xuống nội dung chương
  • Phát biểu chủ đề và chủ đề hội thảo với các liên kết đến video trên YT
  • Phải thu hút khách hàng và cộng tác viên quốc tế

Nghiên cứu tên miền

Có hàng triệu doanh nghiệp thành công ở Canada. Mỗi doanh nghiệp thành công đều phải đối mặt với những thách thức độc đáo, một trong những thách thức này có thể bao gồm xung đột nơi làm việc trong quá trình ra quyết định.

Để đặt nền tảng cho nghiên cứu dự án, nhóm của tôi đã nghiên cứu nhiều công ty tư vấn trong nước và quốc tế để xem họ cung cấp dịch vụ gì và dịch vụ của Dawna có thể khác với định mức như thế nào.

Dựa trên nghiên cứu của chúng tôi, điểm khác biệt chính giữa các đối thủ cạnh tranh của InSight Out và nó là Dawna Jones có cách tiếp cận toàn diện và trực quan đến các dịch vụ tư vấn của mình để hiểu sâu hơn về khách hàng của mình và hiểu sâu hơn về những quan sát của cô ấy. Trong khi các đối thủ của cô dựa vào các công cụ chiến lược, thì thất bại khi phải đối mặt với sự bất thường và xung đột giữa người với người.

Chúng tôi đã điều tra nhiều công ty tư vấn ở Vancouver, BC và trên toàn cầu. Các trang web chúng tôi đã khám phá bao gồm Tony Robbins, Lewis Howes gothamCARM, Jonas Altman, Dana James Mwangi, Matt Olpinki và Bryce Baldon.

Phân tích cạnh tranh so sánh

Để giúp trực quan hóa và so sánh các trang web được đề cập ở trên, chúng tôi đã thực hiện một phân tích cạnh tranh so sánh (CCA) (Hình A).

Hình A: Phân tích cạnh tranh so sánh

Chúng tôi đã đo số lượng tiêu đề và trang vì nó cho phép chúng tôi hình dung cách người dùng của chúng tôi quen với việc nhận thông tin. Chúng tôi đã đo lường nếu công ty cung cấp dịch vụ quốc tế và tài nguyên miễn phí để hiểu rõ hơn cách InSight Out so sánh với các đối thủ cạnh tranh.

CCA cho phép chúng tôi dễ dàng tham khảo lại nghiên cứu tên miền của mình và hiểu thông tin chúng tôi thu thập được bằng một cái nhìn đơn giản.

Khảo sát người dùng

Sau khi thu thập nghiên cứu sơ bộ, chúng tôi bắt đầu hình thành các câu hỏi khảo sát. Mục tiêu của cuộc khảo sát của chúng tôi là tìm hiểu những điểm đau đớn của người dùng khi tìm kiếm một nhà tư vấn và điều gì có thể giúp giải quyết những thất vọng này. Dưới đây là một ví dụ về một câu hỏi được hỏi trong cuộc khảo sát:

Chúng tôi đã triển khai khảo sát của mình cho cộng đồng Vancouver bằng Reddit và Slack.

Khi chúng tôi chờ đợi dữ liệu khảo sát được thu thập, chúng tôi đã tiến hành một cuộc điều tra theo ngữ cảnh bằng cách tham gia vào một trong các phiên hội thảo của Dawna.

Điều tra bối cảnh

Các câu hỏi bối cảnh đưa nhà nghiên cứu UX vào lĩnh vực này để quan sát hành vi của người dùng mục tiêu trong thời gian thực.

Địa điểm: Học viện RED
Thời lượng: 2 giờ

Cuộc điều tra theo ngữ cảnh với Dawna cho phép chúng tôi hiểu sâu hơn về các mục tiêu kinh doanh của Dawna, loại người dùng truy cập trang web của cô ấy và các phương pháp của Dawna. Cuộc họp cũng làm rõ triển vọng của Dawna về các dịch vụ mà cô cung cấp; chúng tôi đã học được rằng cô ấy thích được biết đến như là một nhà đổi mới thay đổi của cải chứ không phải là một chuyên gia tư vấn về cải.

Các thông tin được thu thập và quan sát trong quá trình điều tra theo ngữ cảnh đóng một vai trò lớn trong việc hình thành thiết kế trang web.

Kết quả khảo sát

Chúng tôi đã nhận được tổng cộng 32 phản hồi cho khảo sát của chúng tôi. Sau khi thu thập kết quả, chúng tôi đã phân tích dữ liệu bằng nhiều kỹ thuật.

Phương pháp phân tích đầu tiên rất đơn giản: đọc và hiểu kết quả.

Kết quả khảo sát đã chứng minh rằng trải nghiệm người dùng của chúng tôi có thể bị hạn chế nếu trang web có quá nhiều thông tin, tổ chức kém và quá trình dài để đạt được mục tiêu mong muốn (Hình B).

Hình B

Những kết quả này cũng giúp xác nhận giả thuyết của chúng tôi (như đã đề cập trước đó); Người dùng của chúng tôi tìm kiếm các dịch vụ và tài nguyên trực tuyến, tuy nhiên, họ không được khuyến khích khi cung cấp thông tin tràn ngập và không có tổ chức.

Hình C

Kết quả cho thấy người dùng của chúng tôi dựa vào thông tin có sẵn trực tiếp trên trang web để xác định xem nhà cung cấp dịch vụ có đáng tin cậy hay không. Ví dụ, 71,9% người dùng mong đợi thông tin cập nhật từ các trang web đáng tin cậy (Hình C).

Nghiên cứu của chúng tôi cũng tiết lộ rằng phần lớn người dùng thích nghe podcast từ nguồn bên ngoài hơn là trên trang web của công ty (Hình D).

Hình dung

Để bổ sung cho phân tích ban đầu này, chúng tôi đã tạo ra một sơ đồ mối quan hệ để trực quan hóa kết quả nghiên cứu của chúng tôi. Các sơ đồ mối quan hệ được các nhà nghiên cứu UX sử dụng để nhóm nghiên cứu / dữ liệu thành các cụm có ý nghĩa để phân tích.

Sơ đồ mối quan hệ

Tất cả các điểm dữ liệu được thu thập từ khảo sát và điều tra theo ngữ cảnh được bao gồm trong biểu đồ mối quan hệ.

Biểu đồ mối quan hệ đã đưa ra những hiểu biết quan trọng về kết quả nghiên cứu của chúng tôi và cho phép nhóm UX dễ dàng trích xuất thông tin có giá trị.

Người dùng Persona

Biểu đồ mối quan hệ được minh họa ở trên đã giúp tạo ra tính cách người dùng (bên dưới) cho dự án này.

Người dùng Persona

Tính cách người dùng là một công cụ hữu ích trong suốt quá trình thiết kế và thu hẹp khoảng cách giữa nghiên cứu và lập kế hoạch.

Lập kế hoạch

Nghiên cứu của UX đặt nền tảng cho việc lập kế hoạch thiết kế và cho phép tôi xác định các điểm đau của người dùng và các tính năng chính cho trang web.

Bảng phân cảnh ở trên giúp xây dựng sự đồng cảm với người dùng và tạo bối cảnh cho nhu cầu của trang web hiện tại.

Hình E

Như được minh họa trong Hình E (bên trái), nhóm của tôi có thể xác định các sản phẩm khả thi tối thiểu và tạo ra một luồng người dùng đơn giản.

Luồng này là lần lặp thứ hai sau khi chúng tôi loại bỏ các tính năng sau:

  • Diễn đàn cộng đồng
  • Điều tùy chọn đăng ký

Ưu tiên tính năng và kiểm toán nội dung đã giúp chúng tôi loại bỏ các tính năng trên và tập trung vào sản phẩm khả thi tối thiểu và nằm trong phạm vi của dòng thời gian dự án của chúng tôi.

Kiểm toán nội dung

Nhóm của tôi đã tiến hành kiểm toán nội dung kỹ lưỡng để đánh giá tất cả các khía cạnh của trang web và xóa nội dung dư thừa, chẳng hạn như:

  • Những con đường dẫn đến ngõ cụt
  • Thông tin trùng lặp
  • Xóa thông tin giáo dục không cần thiết khỏi các trang khác ngoài blog (để thu hút sự chú ý nhiều hơn đến blog để truy cập loại thông tin này)

Chúng tôi đã loại bỏ nội dung để tránh tình trạng quá đông dân, tổ chức kém và nhấn mạnh mục đích chính của trang mà không làm người dùng mất tập trung.

Kiến trúc thông tin

Một trong những phương pháp chính trong kiến ​​trúc thông tin là sắp xếp thẻ.

Sắp xếp thẻ là một kỹ thuật được các nhà nghiên cứu UX sử dụng để sắp xếp thông tin thành các phân loại logic.

Hình F: Sắp xếp thẻ

Sau khi hoàn thành kiểm toán nội dung, nhóm của tôi đã tiến hành sắp xếp thẻ mở để xác định các tùy chọn điều hướng hàng đầu nên là gì và các mục nào sẽ nằm trong các tùy chọn đó (Hình F).

Chúng tôi đã hoàn thành tổng cộng 4 bài tập sắp xếp thẻ để xác định điều hướng hàng đầu sẽ như thế nào và trang web sẽ được tổ chức như thế nào.

Kiến trúc thông tin đặt nền tảng cho quá trình thiết kế và loại bỏ sự không chắc chắn về vị trí các trang sẽ được đặt.

Thiết kế

Mục tiêu thiết kế là sử dụng nghiên cứu UX để thúc đẩy sự đơn giản và dễ sử dụng của trang web và thiết kế đáp ứng.

Sơ đồ luồng người dùng đã mở đường cho phiên bản đầu tiên của khung lưới. Nếu không có lưu lượng người dùng, việc tạo khung dây sẽ rất khó khăn và tốn thời gian vì các biến thể thiết kế là vô hạn.

Khung dây giấy của trang hội thảo cho máy tính để bàn (trái) và điện thoại di động (phải).

Sau khi tạo khung dây máy tính để bàn, chúng tôi đã tiến hành kiểm tra người dùng để kiểm tra luồng của ứng dụng.

Khi chúng tôi thử nghiệm các nguyên mẫu giấy để bàn, chúng tôi đồng thời bắt đầu tạo nguyên mẫu di động để đảm bảo trang web của chúng tôi sẽ phản hồi trên màn hình di động.

Khả năng đáp ứng của trang web là một khía cạnh quan trọng của thiết kế vì người dùng truy cập các trang web từ nhiều thiết bị khác nhau, chẳng hạn như máy tính xách tay, điện thoại, máy tính bảng và hơn thế nữa.

Kiểm tra nguyên mẫu giấy

Thử nghiệm cho thấy dòng chảy rất đơn giản và trang web rất dễ sử dụng. Phản hồi chính mà chúng tôi nhận được là tùy chọn trên nhà của nhà điều hướng trên điều hướng hàng đầu là không cần thiết bởi vì người dùng có thể điều hướng đến trang chủ bằng cách nhấp vào điều tra Daw Dawna Jones, hiển thị nút dự phòng của nhà.

Phản hồi này được kết hợp trong nguyên mẫu kỹ thuật số.

Tạo mẫu

Sử dụng thông tin phản hồi được thu thập từ các khung dây giấy (như đã thảo luận ở trên), chúng tôi đã tạo ra nguyên mẫu kỹ thuật số trung thực (bên dưới).

Màn hình hội thảo trung thực

Như được hiển thị trong hình ảnh bên trái, chúng tôi đã căn trái tất cả các hội thảo để giữ cho hình thức nhất quán.

Kết quả thử nghiệm nguyên mẫu trên giấy của chúng tôi cũng cho thấy không nên đặt CTA của Liên hệ Dawna Daw (kêu gọi hành động) dưới hình ảnh hội thảo vì người dùng của chúng tôi không thể dễ dàng xác định vị trí CTA.

Trong nguyên mẫu trung thực của chúng tôi, chúng tôi đã di chuyển băng chuyền của những lời chứng thực và biểu mẫu Dawna Daw liên hệ với nhau để cố gắng giảm độ dài của trang.

Thiết kế thú vị

Sự hài lòng của người dùng đề cập đến bất kỳ ảnh hưởng cảm xúc tích cực nào mà người dùng có thể có khi tương tác với thiết bị hoặc giao diện. Sự hài lòng của người dùng có thể không phải lúc nào cũng được thể hiện ra bên ngoài, nhưng có thể ảnh hưởng đến các hành vi và ý kiến ​​được hình thành trong khi sử dụng trang web hoặc ứng dụng. - NN / g

Tôi không chắc chắn ngưỡng của một trang web nhàm chán là gì, nhưng một trang web để tư vấn phải nằm trên đường biên giới.

Tôi chịu trách nhiệm thiết kế thú vị và cảm xúc cho dự án này. Để làm cho trang web tương tác và thú vị hơn, tôi đã thêm các spinets thiết kế thú vị trên khắp trang web.

Ví dụ, thay vì một pop-up tiêu chuẩn cảm ơn bạn, tôi đã tạo ra một cửa sổ bật lên độc đáo để phản ánh thương hiệu của trang web (bản chất) và cách tiếp cận tư vấn (cộng tác) của Dawna (Hình F).

Hình F: Trên đây là một ví dụ về cách chúng tôi kết hợp thiết kế thú vị cho cửa sổ bật lên sau khi nhấp vào CTA.

Một trong những phát hiện chính từ nghiên cứu của chúng tôi là người dùng trở nên thất vọng và thiếu kiên nhẫn khi họ không thể xác định thông tin liên hệ nhanh chóng. Để đảm bảo chúng tôi đã tính đến điều này, chúng tôi đã tạo một trang Liên hệ liên lạc và bao gồm các tùy chọn liên hệ trên chân trang của mỗi trang (Hình G).

Hình G: Trang liên hệ.

Sử dụng nguyên mẫu trung thực, chúng tôi tiếp tục thử nghiệm người dùng và bắt đầu thiết kế màn hình độ trung thực cao.

Kiểm tra

Chúng tôi đã thử nghiệm trên 8 người tham gia cho nguyên mẫu máy tính để bàn và 8 người tham gia cho nguyên mẫu di động, tổng cộng 16 phiên thử nghiệm.

Phương pháp kiểm tra đã được cấu trúc; chúng tôi đã xác định phạm vi thử nghiệm và đưa ra cho người dùng các mục tiêu cụ thể. Chúng tôi đã ghi chú chi tiết về các tương tác của chúng với nguyên mẫu (ví dụ: tạm dừng dài), ghi nhận tất cả phản hồi và hẹn giờ cho các phiên kiểm tra kỹ thuật số.

Mục tiêu người dùng:
1. Chọn bài viết trên blog sau để đọc: Lật ngược những câu chuyện tiêu cực về những người trẻ tuổi
2. Chọn podcast gần đây nhất để nghe từ trang chủ
3. Liên hệ với Dawna về việc đăng ký tại Xưởng # 1

Kết quả kiểm tra nguyên mẫu giấy để bàn

Kết quả thử nghiệm mẫu thử nghiệm kỹ thuật số Mid-Fidelity

Chúng tôi đã đo thời gian thực hiện để hoàn thành từng nhiệm vụ cho nguyên mẫu kỹ thuật số để đo thời gian thực hiện để hoàn thành các nhiệm vụ tương tự trên trang web hiện tại của Dawnaiên: http://www.frominsighttoaction.com/

Kết quả mang lại rằng thiết kế trang web của chúng tôi đã cải thiện hiệu quả thời gian để hoàn thành 62%!

Nói cách khác, thiết kế trang web mới đã giảm hơn 60% thời gian dành cho việc hoàn thành các nhiệm vụ.

Kết quả kiểm tra nguyên mẫu giấy di động

Kết quả thử nghiệm mẫu thử nghiệm kỹ thuật số Mid-Fidelity di động

Tất cả phản hồi từ thử nghiệm trên máy tính để bàn và thiết bị di động đã được xem xét trước khi chuyển sang giai đoạn tiếp theo. Nhóm nghiên cứu đã sửa đổi, tham khảo nghiên cứu và kiểm tra lại trong suốt giai đoạn thử nghiệm.

Hãy xem nguyên mẫu máy tính để bàn có độ chính xác cao và nguyên mẫu di động trên InVision.

Hoặc xem video người dùng hoàn thành các nhiệm vụ thử nghiệm trên nguyên mẫu có độ trung thực cao trên YouTube!

Thiết kế giao diện người dùng

Giai đoạn thiết kế cuối cùng cho dự án này được hoàn thành bởi chuyên gia UI trong nhóm của chúng tôi, Hardip, cùng với đầu vào từ nhóm thiết kế UX.

Thiết kế UI yêu cầu rất nhiều phản hồi và thử nghiệm liên tục để tạo ra sản phẩm cuối cùng.

Ban tâm trạng: Epiphany

Thiết kế khởi đầu là để nuôi dưỡng cảm giác hiển linh, trí tuệ cảm xúc và bản chất lành mạnh. Điều này đạt được bằng cách sử dụng hình ảnh anh hùng với ý nghĩa sâu sắc hơn (ví dụ: núi), bầu trời dốc và màu sắc rực rỡ. Kiểu chữ ổn định và nghiêm túc được sử dụng mang lại cảm giác đáng tin cậy và vượt thời gian cho trang web.

Dưới đây bạn sẽ tìm thấy phiên bản độ trung thực cao của các màn hình được thảo luận trong nguyên mẫu giữa độ trung thực.

Những cải tiến trong tương lai

Luôn có chỗ để cải tiến.

Dòng thời gian 3 tuần của dự án hiện tại không cho phép nhiều tính năng.

Những cân nhắc trong tương lai bao gồm thêm một phần quốc tế để giới thiệu cách áp dụng các dịch vụ Dawna trên toàn thế giới.

Dawna mời tạo ra một cộng đồng trên các trang web của mình, nơi khách hàng quốc tế và địa phương có thể kết nối. Trong các lần lặp lại trong tương lai, chúng tôi có thể xây dựng một diễn đàn cộng đồng để giữ cho các chuyên gia trong ngành kết nối.

Cuối cùng, Dawna hiện đang làm việc để phát triển các tài nguyên trang web mới, chẳng hạn như hội thảo trên web và VR / XR. Những cải tiến trong tương lai có thể bao gồm những bổ sung này.

Phần kết luận

Sản phẩm cuối cùng vượt quá mục tiêu kinh doanh, mục tiêu người dùng và mục tiêu dự án

Nhìn chung, sự chuyển đổi InSight Out là một thành công! Nhóm đã làm việc tốt và chăm chỉ để tạo ra một trang web đơn giản, thiết thực và có căn cứ để cải thiện trải nghiệm của người dùng và tăng hiệu quả tác vụ lên 62%!

Đó là một cái bọc, bây giờ! Nếu bạn thích nghiên cứu trường hợp của tôi, vỗ tay sẽ được đánh giá cao.

Bạn có thể theo dõi công việc của tôi ở đây, trên Medium, Instagram và LinkedIn.

Hãy cho tôi biết những gì bạn nghĩ trong phần bình luận bên dưới, tất cả thông tin phản hồi đều được chào đón!

Cảm ơn bạn,

Karen Bhela.