Thiết kế lại trang web của Trung tâm Y tế Phụ nữ

Trung tâm chăm sóc sức khỏe cho mọi phụ nữ là một phòng khám phá thai dành cho phụ nữ phi lợi nhuận, cũng cung cấp các dịch vụ chăm sóc sức khỏe cho phụ nữ khác.

Mốc thời gian
Ba tuần

Mục tiêu dự án
Để thiết kế lại trang web hiện tại để phản ánh công ty, các giá trị mới hơn, hiện đại hơn và hấp dẫn hơn đối với nhân khẩu học mục tiêu.

Mục tiêu kinh doanh
Để thu hút sự quan tâm và hỗ trợ của cộng đồng, và để có thông tin dễ tiếp cận để tạo cảm giác toàn diện, chuyên nghiệp cho các nhà tài trợ và khách hàng sử dụng trang web.

Gặp gỡ đội

Bối cảnh
______

Trung tâm chăm sóc sức khỏe cho mọi phụ nữ đã được chăm sóc tuyệt vời cho phụ nữ trong hơn 25 năm. Phá thai là một chủ đề khó khăn và gây xúc động cho xã hội, nhưng Mọi phụ nữ Sức khỏe đều muốn thay đổi điều này - họ muốn phá thai được coi là một điều bình thường hơn, vì 1 trong 3 phụ nữ trong đời họ sẽ phá thai. Phòng khám của họ muốn trao quyền cho phụ nữ cho phép họ có thể tự do lựa chọn, và cho phép họ cảm thấy thoải mái với việc phá thai và sức khỏe của phụ nữ nói chung.

Hội đồng quản trị của Trung tâm Y tế Every Women's đã đồng ý rằng vì trang web này là điểm tiếp xúc đầu tiên hoặc thứ hai cho khách hàng của họ, nên nó cần phản ánh các quan điểm và giá trị của phòng khám cũng thu hút nhân khẩu học mục tiêu của họ (Phụ nữ ở độ tuổi 204040). Trang web hiện tại có cảm giác cũ hơn và lỗi thời, điều này có thể khiến người dùng mục tiêu tin rằng thông tin đã lỗi thời hoặc họ có thể không có ấn tượng mở và mời.

Ảnh chụp màn hình trang web hiện tạiẢnh chụp màn hình trang web hiện tại

Vấn đề
Trang web này khó điều hướng - nội dung tràn ngập và người dùng đang bỏ qua văn bản và gọi cho phòng khám ngay lập tức.

Nghiên cứu
______

Tổng quan

  • Khảo sát và phỏng vấn
  • Sơ đồ mối quan hệ
  • Trình chiếu
  • Kiểm toán nội dung
  • Sắp xếp thẻ

Khảo sát và phỏng vấn

Nhóm của chúng tôi đã tạo các cuộc khảo sát cho những người dùng mục tiêu của chúng tôi (Phụ nữ ở độ tuổi 204040) để hoàn thành để chúng tôi có được cái nhìn sâu sắc có giá trị về sự thất vọng của họ và xây dựng một nhân cách cho Trung tâm Sức khỏe Mọi Phụ Nữ. Đối tượng sử dụng là phụ nữ ở độ tuổi 204040, những người đã hoặc đang cân nhắc đến một phòng khám sức khỏe phụ nữ. Mục tiêu của các cuộc khảo sát là tìm ra những điều dưới đây và kết quả của việc này đã được đối chiếu và đưa vào một bản đồ mối quan hệ.

  • Để tìm hiểu những thất vọng chính của chúng tôi với các trang web của phòng khám sức khỏe;
  • Những tính năng hoặc thông tin họ tìm kiếm hoặc muốn tìm kiếm;
  • Để tìm hiểu xem người dùng đang quyên góp như thế nào trong mục tiêu quyên góp của Every Women's Health Health.
Ví dụ về các câu hỏi trong Khảo sát

Phỏng vấn
Chúng tôi đã thực hiện các cuộc phỏng vấn với các nhân viên của EWHC (Trung tâm chăm sóc sức khỏe Every Women's) và phụ nữ trong độ tuổi 204040 và chúng tôi đã tìm thấy thông tin hữu ích cho phòng khám của chúng tôi. Những phát hiện chính của chúng tôi là:

  • Khách hàng muốn có thể tìm cách gọi nhanh chóng, vì họ có thể không ở trong trạng thái cảm xúc rất tốt
  • Nhiều người tìm đến các cuộc gọi EWHC thay vì tìm trên trang web vì có quá nhiều thứ để đọc, hoặc họ không thể tìm thấy những gì họ đang tìm kiếm
  • Hiện tại bạn không thể thực hiện các cuộc hẹn trực tuyến, nhưng bạn phải gọi. Điều này là do tính chất độc đáo của mỗi phụ nữ Điều kiện sức khỏe và nhu cầu

Sơ đồ mối quan hệ
Từ các khảo sát và phỏng vấn, chúng tôi đã vạch ra nó để tìm hiểu thêm về người dùng của chúng tôi, sự thất vọng và mục tiêu của họ

Sơ đồ mối quan hệ của kết quả phỏng vấn và khảo sát

Những phát hiện chính của chúng tôi là:

  • Thất vọng
    - Khó liên lạc với phòng khám
    - Khó tìm thông tin
    - Quá nhiều thông tin cùng một lúc
  • Điều gì khiến mọi người quyên góp
    - Nguyên nhân liên quan để hỗ trợ
    - Giá trị căn chỉnh
  • Người dùng thích gì
    - Điều hướng dễ dàng
    - Dễ dàng hẹn
    - Khả năng tiếp cận và an toàn
  • Trình chiếu
    - Đa số phụ nữ ở độ tuổi 20
    - Không có tôn giáo
    - Kiếm khoảng $ 30.000 / năm

Từ điều này, chúng tôi đã tạo ra một số mục tiêu người dùng sẽ giúp cung cấp cho họ trải nghiệm tốt nhất có thể trên trang web. Họ sẽ có thể:

  • Dễ dàng gọi để lấy hẹn
  • Dễ dàng truy cập thông tin chung
  • Tìm hiểu các dịch vụ chi tiết
  • Nhanh chóng truy cập thông tin phòng khám

Trình chiếu
Chúng tôi đã tạo một người dùng để thiết kế lại trang web cho. Bằng cách này, chúng tôi hoàn toàn có thể hiểu được nhu cầu của người dùng và thiết kế với người dùng cuối.

Người dùng Persona

Kiểm toán nội dung
Chúng tôi đã tạo một cuộc kiểm toán nội dung để chúng tôi hiểu rõ hơn nội dung hiện có trên trang web. Với lượng thông tin lớn mà phòng khám có, việc tổ chức và theo dõi tất cả các trang là một thử thách lớn. Chúng tôi quyết định làm điều này để đề xuất với khách hàng loại nội dung nào chúng tôi có thể cắt. Tuy nhiên, do trang web được cập nhật thường xuyên, không có nhiều thứ để cắt, nhưng chúng tôi đã sử dụng nó như một công cụ để theo dõi các thay đổi mà chúng tôi đề xuất cho trang web như thêm hình ảnh, tạo cột, biểu đồ, v.v.

Ảnh chụp màn hình của Kiểm toán nội dung

Các danh mục chúng tôi đã chọn để kiểm toán là tiêu đề trang, URL, chủ đề, chủ đề liên quan, nhận xét và giải pháp. Chúng tôi đã sử dụng chủ đề và các chủ đề liên quan để hiểu cách trang web được nhóm lại và cách nó có thể được nhóm khác nhau nếu chúng có liên quan. Các ý kiến ​​là những nhận xét chung mà chúng tôi nhận thấy về trang web và giải pháp được đề xuất ý tưởng về cách cải thiện điều hướng tốt hơn.

Sắp xếp thẻ
Chúng tôi đã thực hiện một nghiên cứu sắp xếp thẻ với nhân khẩu học mục tiêu của chúng tôi để hiểu rõ hơn cách người dùng sắp xếp thông tin có ý nghĩa. Phát hiện chính của chúng tôi là mọi người nhóm những thứ có liên quan theo chủ đề, và sau đó theo thứ tự thời gian nếu có liên quan. Họ đã tạo ra các danh mục con cho các chủ đề mà không phải là sở hữu của nó. Đây là một ví dụ về một trong những loại thẻ chúng tôi đã làm.

Ví dụ sắp xếp thẻ

Lập kế hoạch
______

Tổng quan

  • Bảng phân cảnh
  • Sơ đồ trang web
  • Các tính năng chính
  • Lưu lượng người dùng

Từ tính cách người dùng, chúng tôi đã vẽ ra một bảng phân cảnh để hình dung và hiểu đầy đủ về sự thất vọng của người dùng, và cách họ sẽ sử dụng trang web và điều gì có thể giúp họ giải quyết tình huống dễ dàng hơn.

Bảng phân cảnh người dùng

Nỗi thất vọng chính của Karen là:

  • Cảm thấy khó chịu và lo lắng, do lượng thông tin quá lớn
  • Không biết cô ấy có thể tin vào phòng khám nào
  • Không có một cách dễ dàng để nói chuyện với một người nào đó tại phòng khám
  • Thông tin trên trang web không được tổ chức và thiếu hình ảnh

Sơ đồ trang web

Từ loại thẻ, chúng tôi đã phân tích các mẫu và nhóm mà người dùng đã chọn và tạo sơ đồ trang web để trình bày cho khách hàng. Các thẻ được tô màu đỏ là những thay đổi lớn mà chúng tôi đã thực hiện. Các thẻ đỏ ở bên cạnh là những thứ đã được gỡ bỏ nhưng được triển khai đến một phần khác của trang web.

EWHC có một trang thành viên trên trang web của họ nằm dưới ‘hỗ trợ chúng tôi, tuy nhiên, tư cách thành viên này là độc quyền và mọi người chỉ có thể trở thành một nếu họ được giới thiệu. Họ luôn luôn tìm kiếm nhiều thành viên hơn, vì vậy nó đã được tô màu đỏ để xóa khỏi trang web. Chúng tôi cũng kết hợp các khoản phí vào trang dịch vụ riêng lẻ để loại bỏ nhu cầu cần thêm trang. Ngoài ra, từ nghiên cứu, chúng tôi thấy rằng mọi người thích xem các đánh giá và muốn cảm thấy rằng họ có thể tin tưởng vào phòng khám, vì vậy chúng tôi quyết định nhấn mạnh các nhận xét của khách hàng trên trang web. Các từ ngữ dường như quá kinh doanh, vì vậy chúng tôi muốn thay đổi nó sau này.

Chúng tôi đã quyết định điều hướng thả xuống dễ dàng truy cập, cũng như chân trang để giờ và quyền riêng tư có thể ở đó trên trang mọi lúc.

Các tính năng chính

Từ việc tìm hiểu sự thất vọng và nhu cầu của người dùng, chúng tôi đã xác định các tính năng chính mà trang web phải có:

  • Điều hướng dễ dàng
  • Một tính năng cuộc gọi
  • Trang quyên góp
  • Dễ dàng thực hiện các cuộc hẹn và phân biệt giữa trực tuyến và gọi cho một cuộc hẹn
  • Nội dung sắp xếp lại
  • Dễ dàng truy cập để liên hệ với các phòng khám

Lưu lượng người dùng

Chúng tôi đã vạch ra một luồng người dùng để kết hợp các tính năng chính và người dùng personas cần tìm hiểu cách điều hướng trang web của chúng tôi sẽ hoạt động. Các hộp màu xanh được tô sáng là nơi các tính năng chính nằm trên luồng người dùng. Lưu lượng của toàn bộ trang web sẽ lớn hơn nhiều, nhưng chúng tôi đã quyết định thu hẹp nó cho nhu cầu ngay lập tức của người dùng và những gì nghiên cứu của chúng tôi nói với chúng tôi rằng người dùng đang tìm kiếm trên trang web. Trong khi thực hiện luồng người dùng này, chúng tôi nhận ra có khá nhiều điểm thoát nên chúng tôi đã cố gắng tìm cách giữ người dùng trên trang web. Chúng tôi muốn giảm thiểu các điểm thoát, nhưng đôi khi những điểm thoát đó phải ở đó để họ có thể gọi cho phòng khám.

Lưu lượng người dùng trang web EWHC

Tạo mẫu

Chúng tôi bắt đầu hành trình tạo mẫu bằng cách phác thảo ý tưởng về cách chúng tôi hình dung các trang riêng lẻ sẽ như thế nào. Chúng tôi đã vẽ ra các màn hình chính của mình và thử nghiệm với người dùng để tìm ra cách làm cho nguyên mẫu tốt nhất cho họ.

Chúng tôi đã tạo một số tác vụ để người dùng thực hiện để chúng tôi tìm hiểu xem nguyên mẫu của chúng tôi có thành công hay không:

Nhiệm vụ 1 - Vui lòng đọc về phòng khám và tìm hiểu những dịch vụ họ cung cấp

Nhiệm vụ 2 - Vui lòng đọc về các phương pháp phá thai khác nhau được cung cấp

Nhiệm vụ 3 - Vui lòng đọc về kiểm soát sinh đẻ và xem các tùy chọn IUD

Nhiệm vụ 4 - Vui lòng đặt lịch hẹn

Nhiệm vụ 5 - Vui lòng đọc lời chứng thực

Nhiệm vụ 6 - Vui lòng tìm tài nguyên và sau đó tìm một phòng khám phá thai khác

Nhiệm vụ 7 - Hãy đóng góp cho tổ chức

Những phát hiện chính từ thử nghiệm:

Trang chủ - Ban đầu, chúng tôi có một nút tĩnh với hai tùy chọn khác nhau (gọi so với email). Điều này khiến người dùng cảm thấy rằng có quá nhiều CTA, quá sức đối với người dùng. Chúng tôi đã quyết định thay đổi nút này thành một nút gọi nổi nhỏ, điều này vẫn giúp người dùng thuận tiện trong việc sử dụng và chiếm ít không gian hơn trên trang.

Trang liên hệ Sau khi thảo luận với khách hàng của chúng tôi, chúng tôi đã quyết định thêm thông tin đỗ xe để giúp người dùng giảm bớt căng thẳng. Họ nói rằng họ nhận được nhiều cuộc gọi từ khách hàng của họ hỏi về việc đỗ xe và bị nhầm / mất.

Trang dịch vụ - Ban đầu chúng tôi có một trang dịch vụ để hiển thị mọi dịch vụ và có một danh sách mở rộng sang một bên nhưng nó quá nhiều thông tin và gây nhầm lẫn cho người dùng của chúng tôi, vì vậy chúng tôi đã thoát khỏi trang này.

Chúng tôi cũng đã thay đổi điều hướng sau khi thử nghiệm - chúng tôi thấy rằng một số điều không hợp lý nên chúng tôi quyết định cập nhật sơ đồ trang web của mình để có thể hình dung điều hướng tốt hơn.

Sơ đồ trang web V2 - Cập nhật sau khi thử nghiệm

Chúng tôi đã xóa khỏi sơ đồ trang web các tính năng đã bị loại bỏ và chúng tôi cũng đã thêm ‘thực hiện một cuộc hẹn trực tuyến dưới‘ dịch vụ, vì người dùng đang cố gắng đặt cuộc hẹn từ menu thả xuống đó. Chúng tôi cũng cập nhật ‘về chúng tôi thả xuống vì có rất nhiều thông tin mà chúng tôi muốn nhóm tốt hơn.

Nguyên mẫu trung thực

Sau khi thử nghiệm các nguyên mẫu giấy của chúng tôi, chúng tôi đã số hóa nó trên Phác thảo để trực quan hóa dòng chảy tốt hơn và sau đó thử nghiệm thêm.

Chúng tôi đã tạo một trang links các liên kết và tài nguyên hữu ích để biến nó thành một ngân hàng tài nguyên cho người dùng. Chúng tôi đã nhóm chúng theo chủ đề và tạo một menu thả xuống để nó không phải là một danh sách tĩnh dài cho người dùng. Sau khi thử nghiệm, chúng tôi thấy rằng chúng tôi đã tạo ra các điểm rơi quá lớn nên chúng tôi đã thu nhỏ nó xuống.

Chúng tôi cũng đã cố gắng phân biệt sự thật rằng bạn không thể đặt những thứ trực tuyến và chỉ qua điện thoại trên trang liên hệ với chúng tôi. Chúng tôi đã thử nghiệm rằng người dùng vẫn nghĩ rằng họ sẽ đặt trực tuyến. Trên trang web ban đầu có hướng dẫn về điều này nhưng nó xuất hiện sau tất cả các thông tin quan trọng để nó bị bỏ qua. Chúng tôi đặt nó lên hàng đầu và gọi nó bằng CTA để người dùng sẽ đọc nó.

Đối với thanh điều hướng trên cùng, người dùng đã kiểm tra điều này và nói rằng trình đơn thả xuống không rõ ràng và họ đang mong đợi một trang dịch vụ. Chúng tôi đã thêm một mũi tên thả xuống để chỉ ra rằng đó là một menu thả xuống. Người dùng cũng muốn đặt cuộc hẹn theo các dịch vụ nhưng không thể tìm thấy nó ở đó, vì vậy chúng tôi đặt nó ở đó để dễ dàng truy cập.

Chúng tôi muốn thay đổi cách diễn đạt từ comments nhận xét của khách hàng sang ‘lời chứng thực và‘ những gì mọi người yêu thích ở chúng tôi để làm cho trang web trở nên cá nhân hơn và ít kinh doanh / chuyên nghiệp hơn để thực sự tạo dựng niềm tin và độ tin cậy.

Chúng tôi muốn nhấn mạnh biểu đồ phá thai nội khoa và phẫu thuật mà chúng tôi tạo ra và người dùng đã kiểm tra rằng họ không thể tìm thấy nó dễ dàng. Chúng tôi quyết định đặt một nút CTA để gây chú ý hơn cho nó.

Màn hình cuối cùng

Nhóm UI sau đó đã đi trước và tạo ra thương hiệu và thiết kế đẹp cho nguyên mẫu. Nhấn vào đây và ở đây để xem nghiên cứu và ý tưởng của họ.

Xem nguyên mẫu cuối cùng của chúng tôi ở đây và ở đây

Cân nhắc trong tương lai

  • Đặt phòng trực tuyến cho các cuộc hẹn. Hiện tại, EWHC đang kết hợp hệ thống đặt phòng của bên thứ ba để cải thiện tốt hơn trải nghiệm của người dùng để họ không cần phải gọi vào
  • Chức năng tìm kiếm - Vì có quá nhiều nội dung trên trang web, có thể hữu ích khi có chức năng tìm kiếm để nhanh chóng truy cập vào nội dung cụ thể mà người dùng đang tìm kiếm
  • Bánh mì vụn và các liên kết cho màn hình chỉ có thể được truy cập vào nhiều lần nhấp để điều hướng dễ dàng