paint-brush
HackerNoon - Phân tích trải nghiệm người dùng: Phần 2từ tác giả@gedyflowers
264 lượt đọc

HackerNoon - Phân tích trải nghiệm người dùng: Phần 2

từ tác giả Tuan Anh Vu12m2023/10/31
Read on Terminal Reader

dài quá đọc không nổi

Đánh giá Trải nghiệm người dùng của HackerNoon dưới góc độ của người đọc và người viết. Cách duyệt và viết trên trang web. Ngoài ra, chúng tôi sẽ đưa ra phân tích về tính thẩm mỹ và thiết kế của HackerNoon.
featured image - HackerNoon - Phân tích trải nghiệm người dùng: Phần 2
Tuan Anh Vu HackerNoon profile picture
0-item
1-item

Chào! Đã được một thời gian rồi. Vẫn là tôi với báo cáo đại học về Trải nghiệm người dùng của HackerNoon.


Trong phần trước , chúng tôi đã đề cập đến:

  1. HackerNoon là gì?

  2. Người dùng tiềm năng của HackerNoon và các cá nhân.

  3. Phân tích của HackerNoon về các khía cạnh của Khả năng tiếp cận , Quốc tế hóacác thách thức về Nhận thức & Nhận thức .


Tuyên bố từ chối trách nhiệm (một lần nữa): Đây hoàn toàn không phải là sự thể hiện cách HackerNoon được sử dụng giữa những người dùng mà chỉ là suy đoán phân tích chung về cách sử dụng tổng thể và tính thẩm mỹ của trang web. Điều này có thể được sử dụng làm tài liệu tham khảo cho người dùng mới về HackerNoon là gì và cách sử dụng trang web ở mức độ cơ bản.


Trong phần thứ hai này, chúng ta sẽ đi qua:


  1. Các chức năng cơ bản nhất của trang web - Đọc và Viết. Cách duyệt trang web cũng như cách viết và gửi các bài viết HackerNoon của bạn.


  2. Một số hiểu biết và phân tích chung về thiết kế và thẩm mỹ web của HackerNoon cũng sẽ được cung cấp.

Tổng quan về nội dung

  • Phân tích nhiệm vụ

    Duyệt HackerBuổi trưa

    Viết trên HackerNoon


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

    Kiểu tương tác

    Tính thẩm mỹ


  • Đánh giá tổng thể

Phân tích nhiệm vụ

Độc giả của HackerNoon:

Mục tiêu chính: Đọc và tìm hiểu về bất kỳ chủ đề nào liên quan đến công nghệ mà bạn quan tâm.


Hướng dẫn nhận thức/Các bước để đạt được mục tiêu:

  1. Lựa chọn 1:

    Một. Bước 1: Truy cập vào website hackernoon.com


    b. Bước 2: Duyệt và cuộn qua web cho đến khi bạn tìm thấy một bài viết thu hút sự chú ý của bạn.


  1. Lựa chọn 2:

    Bước 1: Truy cập vào website hackernoon.com


    Bước 2: Nhập chủ đề bạn quan tâm vào thanh tìm kiếm và điều hướng qua danh sách các câu chuyện, thẻ và những người theo dõi và đọc trên trang web.


Thanh tìm kiếm của HackerNoon

  1. Tùy chọn 3:

Bước 1: Truy cập hackernoon.com


Bước 2: Di chuột qua thanh điều hướng và chọn chủ đề bạn muốn tìm hiểu thêm.


Bảng điều hướng HackerNoon


Tùy chọn 4: Tùy chọn này thường được thực hiện bởi những độc giả thường xuyên đã quen thuộc với tên miền nói chung.


Bước 1: Truy cập hackernoon.com


Bước 2: Gõ vào thanh tìm kiếm: hackernoon.com/u/learn. Điều này sẽ dẫn bạn đến một tài khoản do nhân viên HackerNoon tạo và quản lý, tài khoản này hoạt động như một tập hợp các câu chuyện phải đọc cho từng chủ đề cụ thể.


HackerNoon Tìm hiểu Repo


Thảo luận về mức độ phức tạp và đa dạng của nhiệm vụ: Thông qua hướng dẫn nhận thức về các cách khả thi mà người đọc có thể điều hướng HackerNoon để tìm các bài viết hoặc chủ đề phù hợp với sở thích của họ, có thể kết luận rằng miền được thiết kế để người đọc dễ dàng điều hướng ở mức độ phức tạp thấp mức độ, bằng chứng là người đọc thường chỉ mất không quá 2 bước để tìm được một chủ đề cụ thể để đọc, nhờ đó, người đọc mới có thể dễ dàng nắm bắt được những kiến thức cơ bản về cách sử dụng trang web.


Tuy nhiên, mức độ đa dạng của trang web tương đối cao vì có nhiều cách để người đọc đọc hoặc tìm thấy chủ đề họ quan tâm như đã đề cập ở trên.

HackerNoon Người viết:

Mục tiêu chính: Để bài viết của họ được xuất bản.


Hướng dẫn nhận thức/Các bước để đạt được mục tiêu:

  1. Bước 1 : Đăng nhập hoặc tạo tài khoản HackerNoon.


  2. Bước 2: Trên trang chủ HackerNoon, nhấp vào “Viết”; bạn sẽ thấy mình trên trang của các nhà văn. Bạn có thể duyệt tìm các mẫu viết tại đây hoặc nhấp vào “Bắt đầu bản nháp”/”Bắt đầu viết” để bắt đầu ngay bản nháp của mình.


Nút Viết của HackerNoon


Trang viết của HackerNoon


  1. Bước 3: Bắt đầu viết.


3.1. Hãy nghĩ ra một tiêu đề hay cho bài viết. Một tiêu đề hay có thể hướng dẫn một người viết một chặng đường dài. Ngoài ra, để bài viết được lưu dưới dạng bản nháp trên HackerNoon thì bài viết đó phải có tiêu đề.


Biên tập viên của HackerNoon


3.2. Viết bài báo. Người viết ngoài việc chỉ viết một bài báo đơn giản còn có thể có các tùy chọn để tùy chỉnh bài viết của mình, thêm tiêu đề, trích dẫn, ảnh bìa và viết các từ hoặc cụm từ in đậm hoặc in nghiêng.


Viết bằng trình soạn thảo của HackerNoon


3.3. Người viết có thể thêm các yếu tố để bài viết của mình hấp dẫn hơn. Điều này có thể đạt được bằng cách nhập '/' vào bất cứ nơi nào họ muốn để chèn phần tử mới chẳng hạn như liên kết, hình ảnh hoặc thậm chí nhúng video.


Thêm các yếu tố vào bài viết của bạn


3.4. Người viết nên đọc lại bài viết của mình, kiểm tra các lỗi ngữ pháp, đảm bảo bài viết tuân theo những điều NÊN và KHÔNG NÊN của HackerNoon , và cuối cùng, kiểm tra khả năng đạo văn vì HackerNoon không xuất bản nội dung đạo văn.


Để kiểm tra đạo văn, hãy nhấp vào “Cài đặt câu chuyện” trên thanh điều hướng bên dưới ảnh hồ sơ, sau đó nhấp vào nút để tạo dữ liệu đạo văn.


Trình kiểm tra đạo văn của HackerNoon


  1. Bước 4: Hoàn thiện bài viết.


4.1. Chọn một hình ảnh nổi bật cho bài viết. Trong “Cài đặt câu chuyện”, chọn “Nhấp để tải lên hình ảnh nổi bật” và một cửa sổ sẽ bật lên và cung cấp cho người viết nhiều tùy chọn khác nhau cho hình ảnh nổi bật từ tự tải lên đến chọn một hình ảnh từ cơ sở dữ liệu trực tuyến hoặc tạo hình ảnh do AI tạo.


Cách tải Hình ảnh nổi bật lên bài viết của bạn


4.2. Thêm thẻ vào câu chuyện để được phân loại và để bài viết dễ dàng tìm thấy hơn trên trang web.


Thêm thẻ để phân phối tốt hơn


4.3. Thêm mô tả cho câu chuyện.


Mọi câu chuyện đều cần một mô tả hay



4.4. Tạo TL;DR cho bài viết. Người viết có thể tự viết hoặc họ có thể nhờ AI tạo ra.


Còn TL;DR thì sao?


  1. Bước 5: Gửi bài viết để biên tập. Quá trình này được gọi là “Quy tắc thứ hai của con người”, HackerNoon sẽ yêu cầu các biên tập viên đọc bài viết trước, chỉnh sửa khi thích hợp và quyết định có xuất bản hay không.


Nộp!!!


  1. Bước 6: Sau khi biên tập, nếu bài viết được xuất bản, HackerNoon sẽ gửi email đến người viết thông báo về việc xuất bản.


Thảo luận về độ phức tạp và đa dạng của nhiệm vụ: Qua phần nhận thức các bước cơ bản để người viết đăng bài trên HackerNoon, có thể thấy so với việc phân tích nhiệm vụ của độc giả ở trên, mức độ phức tạp đã tăng lên đáng kể.


Để tạo nên một bài viết hoàn chỉnh, người viết phải trải qua rất nhiều bước cũng như bước phụ, thậm chí sau đó, câu chuyện vẫn phải trải qua nhiều lớp kiểm soát chất lượng trước khi được xuất bản.


Về sự đa dạng, cách duy nhất để người viết đạt được mục tiêu được đăng trên HackerNoon là viết truyện.

Cách giải quyết các vấn đề về khả năng tiếp cận:

HackerNoon được thiết kế để tương thích với các tính năng hỗ trợ khả năng truy cập của thiết bị vì người đọc có thể đọc các bài viết có hỗ trợ Voice Over và người viết có thể viết với sự trợ giúp của Dictation.


Ngoài ra, xét về bản thân tên miền, mỗi bài viết trên HackerNoon đều có âm thanh riêng, được đọc bởi AI.


Âm thanh câu chuyện của HackerNoon


HackerNoon Liên Quan Đến Các Hoạt Động Trong Thế Giới “Thực”:

Vì đọc và viết trực tuyến là một phần của thực tế trong thế kỷ 21, HackerNoon là “thực” nhất có thể. Là một ấn phẩm trực tuyến, các hoạt động như đọc và viết diễn ra trong thời gian thực, các câu chuyện được gửi hàng giờ và sau khi được xuất bản, chúng là những thông tin thực sự mà mỗi con người thực có thể tiếp cận được.


Ngoài ra, người dùng được phép bình luận về câu chuyện của nhau, tạo ra những cuộc trò chuyện ngoài đời thực. Ngoài ra, khi gửi một bài viết để biên tập xem xét, người viết có thể gửi tin nhắn trực tiếp đến người biên tập trên cửa sổ “Cài đặt câu chuyện”.

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

Phong cách tương tác:

Thao tác trực tiếp/Tương tác kiểu cửa sổ: Ngoài ra, là một trang web được thiết kế phức tạp, chuyên sâu để phục vụ mục đích trở thành nhà xuất bản trực tuyến, HackerNoon chủ yếu sử dụng tương tác kiểu cửa sổ vì người dùng chủ yếu tương tác với trang web bằng cách cuộn và thực hiện các tác vụ trên một và/hoặc nhiều cửa sổ bật lên.


Ngoài ra, người viết khi viết có thể có các tùy chọn để thao tác trực tiếp bố cục bài viết theo mong muốn và nhu cầu của mình.


Tuy nhiên, có thể thấy cũng có sự tích hợp nhỏ của các phong cách tương tác khác, cụ thể:

  • Điền biểu mẫu: Kiểu tương tác này được sử dụng để viết bài và thêm thông tin bổ sung (TL;DR, tóm tắt) vào câu chuyện; nó cũng được sử dụng trong thanh tìm kiếm trên trang web cũng như điền thông tin đăng nhập hoặc đăng ký. Ngoài ra, nó còn được sử dụng khi người viết muốn cập nhật hoặc điền thông tin vào hồ sơ của mình.


  • Lựa chọn menu: Kiểu tương tác này được nhìn thấy trong thanh điều hướng, cụ thể, nó là một menu thả xuống trong đó người dùng có thể điều hướng và lựa chọn một cách thích hợp.

Tính thẩm mỹ:

  1. Thẩm mỹ tổng thể:

Logo và thiết kế: Là một ấn phẩm công nghệ, thiết kế và thẩm mỹ tổng thể của trang web giống với BBC Micro 8 bit cổ điển với màn hình đơn sắc màu xanh lá cây đặc trưng. Thiết kế của trang web cũng tuân theo thẩm mỹ công nghệ cổ điển, cổ điển tương tự với các hiệu ứng ống quét và các biểu tượng pixel.


Ngoài ra, thiết kế bố cục cũng được cố tình tạo ra để trông giống như hình đại diện cho màn hình máy tính của hacker được mô tả trên tivi, tương ứng với tên của trang web - HackerNoon.


Kiểu chữ: Kiểu chữ được sử dụng trên trang web cứng và thô, phù hợp với thẩm mỹ công nghệ của một ấn phẩm công nghệ. Ngoài ra, HackerNoon còn sử dụng phông chữ HackerNoon độc đáo cho thiết kế của mình. Nó được tạo ra để trông giống như các pixel, tuy nhiên, mượt mà ở các cạnh. Đối với tôi, phông chữ này là sự kết hợp tốt giữa công nghệ cổ điển và hiện đại.


Thảo luận: Xét về tính thẩm mỹ mà thương hiệu đang hướng tới, HackerNoon đang đi đúng hướng về tính nhất quán trong thiết kế. Tuy nhiên, việc cố tình làm cho trang web trông cổ điển và hỗn loạn cũng như đưa nhiều thông tin và bài viết lên trang chủ có thể là một trở ngại vì người dùng mới có thể dễ dàng bị choáng ngợp bởi lượng thông tin được trình bày trên trang web mặc dù nó tương đối dễ điều hướng.


  1. 10 nguyên tắc của Nielsen: Phân tích thiết kế giao diện HackerNoon trên 10 nguyên tắc của Nielsen.


  • Hiển thị trạng thái hệ thống: HackerNoon hiển thị biểu tượng tải để hiển thị cho người dùng những gì đang xảy ra và tiến trình nhiệm vụ họ đang thực hiện; nó xuất hiện ở giữa các tác vụ cơ bản như đăng nhập/đăng ký, khi người viết tải trình soạn thảo lên để viết và khi họ tải hình ảnh lên bài viết của mình.


  • Sự phù hợp giữa thế giới thực và hệ thống: Là một ấn phẩm công nghệ, thu hút hàng triệu nhà công nghệ vào trang, HackerNoon không chỉ mang tính thẩm mỹ của retro tech như đã đề cập ở trên mà trang còn sử dụng nhiều từ, cụm từ đang thịnh hành và được mọi người dễ nhận biết. trong ngành công nghệ.


  • Quyền kiểm soát và quyền tự do của người dùng: Người dùng HackerNoon có nhiều quyền tự do lựa chọn vì họ có thể chọn đăng ký hoặc hủy đăng ký nhận bản tin và email . Trang web còn hỗ trợ chức năng hoàn tác và làm lại cho người viết; Ngoài ra, truyện còn được người biên tập tự động lưu lại để người viết không bị mất tiến độ khi viết.


    Những điều này cho phép người dùng cảm thấy thoải mái hơn khi sử dụng trang web khi biết rằng họ có quyền kiểm soát tiến trình của chính mình cũng như các quảng cáo của trang web.


  • Tính nhất quán và tiêu chuẩn: Tính nhất quán tốt vì HackerNoon sử dụng các cụm từ được tiêu chuẩn hóa cho các lệnh đăng nhập và đăng xuất. Các nút được viết theo cách rõ ràng như có thể thấy bằng nút “Bắt đầu viết”. Thanh điều hướng được xây dựng có tính thẩm mỹ tương tự, bố cục, phông chữ, màu sắc của bài viết cũng như tiêu đề trên trang chủ cũng nhất quán.


  • Công nhận hơn là Nhớ lại: Có hướng dẫn rõ ràng được trình bày khi viết với các biên tập viên của HackerNoon ( nếu có, hãy tìm dấu chấm hỏi nhỏ “?”, được đặt trong mỗi phần của trình soạn thảo ). Ngoài ra, còn có phần trợ giúp với mọi thứ người dùng cần biết về HackerNoon.


    Hướng dẫn thêm và gợi ý tiêu đề

HackerNoon hướng dẫn cách tùy chỉnh văn bản khi viết


  • Phòng ngừa lỗi: Trang web tự động nhận ra lỗi của người dùng và thông báo cho họ.


    Cơ chế ngăn ngừa lỗi của HackerNoon


  • Tính linh hoạt và hiệu quả sử dụng: Trang web linh hoạt và hiệu quả vì hỗ trợ phím tắt cho người viết khi viết bằng trình soạn thảo HackerNoon. Trên hết, các chức năng điều hướng của trang web đủ đơn giản cho người dùng mới và mọi người có thể làm quen với trang web một cách nhanh chóng.


  • Thiết kế thẩm mỹ và tối giản: Như đã đề cập ở trên, thẩm mỹ của HackerNoon là công nghệ cổ điển và có thể trông lộn xộn đối với người dùng mới. Tuy nhiên, tất cả các bố cục đều được thiết kế có mục đích và người dùng có thể học cách sử dụng trang web một cách nhanh chóng.


  • Nhận biết, chẩn đoán và khôi phục: Thông báo lỗi 404 cũng gợi ý nội dung tiềm năng mà người dùng có thể đang tìm kiếm. Đây là một việc làm thông minh vì thay vì chỉ hiển thị thông báo lỗi, trang web sẽ cố gắng hiểu lỗi của người dùng và đưa họ quay lại tìm kiếm mà họ đang tìm kiếm. Vì vậy, đây là một cách tốt để xây dựng mối quan hệ với người dùng và giảm tỷ lệ thoát của trang web.


    Trang 404 của HackerNoon


  • Trợ giúp và tài liệu: Có một phần trợ giúp dành cho người dùng trên thanh điều hướng và mọi tính năng chỉ được tạo cho HackerNoon sẽ được xác định bằng cách di con trỏ lên dấu hỏi bên cạnh.


  1. Tính linh hoạt: HackerNoon có tính linh hoạt tốt khi người dùng có nhiều lựa chọn để cá nhân hóa.
  • Người dùng có thể tùy chỉnh hồ sơ HackerNoon của họ bằng cách thêm thông tin, thành tích, phương tiện truyền thông xã hội và thậm chí cả số liệu thống kê. Điều này cho phép người dùng kiểm soát hoàn toàn những gì họ muốn thế giới thấy về họ, do đó, rất tốt cho việc tạo kết nối giữa mọi người trong cộng đồng HackerNoon.


  • Người dùng có thể tùy chỉnh màu sắc trang chủ của mình bằng cách nhấp vào biểu tượng cọ vẽ ở ngoài cùng bên phải dưới thanh điều hướng. Điều này có thể giải quyết vấn đề màu sắc của trang web vì nhiều người có thể thấy màu xanh của HackerNoon khó nhìn nên họ có thể thay đổi màu của trang chủ thành màu nhẹ nhàng hơn.


Tùy chỉnh màu trang web của bạn bằng một số mẫu màu của chúng tôi


  1. Thiết bị di động và máy tính để bàn:

Chuyển từ máy tính để bàn sang thiết bị di động, tính thẩm mỹ của HackerNoon vẫn không thay đổi với màu sắc và bố cục nhất quán. Các thành phần của trang web được điều chỉnh tốt cho thiết bị di động, điển hình là thanh điều hướng hiện có 3 dấu gạch ngang ở góc trên cùng bên phải và khi người dùng nhấp vào, nó sẽ mở ra một menu đầy đủ.


Ngoài ra, các cửa sổ và bài viết được thay đổi kích thước để phù hợp với bố cục trên thiết bị di động, giúp trải nghiệm đọc HackerNoon trên thiết bị di động giống như trên máy tính để bàn.


Tuy nhiên, viết trên HackerNoon là một công việc phức tạp với nhiều bước, phím tắt và tùy chỉnh nên website trên di động không thể đáp ứng đầy đủ các tính năng như trên desktop. Do đó, có những hạn chế về lệnh tắt, tùy chỉnh tiêu đề, cỡ chữ và thêm hình ảnh.


Vì vậy, việc viết một bài HackerNoon đầy đủ trên thiết bị di động là không nên.


Gần đây, HackerNoon đã phát hành ứng dụng di động chính thức của họ, ứng dụng này hướng tới trải nghiệm đọc của người dùng trên thiết bị cầm tay nhiều hơn.

Đánh giá tổng thể

Nhìn chung, HackerNoon là một trang web hoàn chỉnh, hoàn thiện vì nó dễ dàng điều hướng. Nó được thiết kế để phù hợp với đối tượng mục tiêu cả về mặt thẩm mỹ (màu sắc, biểu tượng và kiểu chữ) cũng như về mặt học thuật (nội dung, từ ngữ và chức năng).


Bằng cách yêu cầu các biên tập viên đọc và quyết định xem mỗi bài viết có được xuất bản hay không, trang web sẽ cung cấp cho người đọc thông tin chất lượng phù hợp với nhu cầu và yêu cầu của họ. Đối với người viết, bằng cách làm như vậy, người viết được thúc đẩy nâng cao kỹ năng viết và kiến thức của mình và có thể sử dụng trang web một cách trôi chảy.


Độ phức tạp của nhiệm vụ được phân bổ hợp lý giữa hai nhóm người dùng chính. Đối với người dùng phổ thông và độc giả vào trang web để đọc và tìm kiếm thông tin, họ có thể dễ dàng điều hướng và tìm kiếm thông tin/bài viết. Đối với người viết, mức độ phức tạp của công việc cao nên họ buộc phải học cách sử dụng trang hợp lý, có thể hiểu là nền tảng để tạo ra những bài viết hay.


Về thiết kế giao diện, HackerNoon vẫn giữ nguyên tính thẩm mỹ, tuy nhiên, bố cục chứa nhiều thông tin và màu sắc mặc định của trang web (xanh lục sáng và vàng) có thể coi là nhược điểm khi người dùng mới có thể cảm nhận được trang web. như quá sức và quá phức tạp.


Ngoài ra, HackerNoon có thể được coi là lấy người dùng làm trung tâm khi người dùng có thể tùy chỉnh linh hoạt trang web trong mọi tác vụ họ thực hiện, từ thay đổi màu trang chủ đến tùy chỉnh hồ sơ và thay đổi kích thước phông chữ, tiêu đề cũng như hình ảnh khi viết một bài viết. bài báo.


Một điều khác lấy người dùng làm trung tâm mà HackerNoon làm tốt là trợ giúp được cung cấp ở mọi nơi trên trang web, từ phần trợ giúp/hướng dẫn sử dụng thương hiệu được tổ chức tốt cho đến các định nghĩa nhỏ về các tính năng mới.


Ngoài ra, là một doanh nghiệp phụ thuộc nhiều vào quảng cáo qua email và bản tin, việc HackerNoon cho phép người dùng chọn email họ nhận hoặc thậm chí hủy đăng ký hoàn toàn khỏi email/bản tin cũng được coi là cực kỳ lấy người dùng làm trung tâm.