HackerNoon - 用户体验分析：第 2 部分

嘿！有一阵子了。还是我在做我的大学报告《HackerNoon 用户体验》。

在上一部分中，我们已经介绍了：

1. 什么是 HackerNoon？

2. HackerNoon 和角色的潜在用户。

3. HackerNoon 对可访问性、国际化以及认知和感知挑战方面进行了分析。

   
   

在第二部分中，我们将介绍：

1. 该网站最基本的功能——阅读和写作。如何浏览网站，以及如何撰写和提交您的 HackerNoon 文章。

   
   

2. 还将给出对 HackerNoon 的网页设计和美学的一些总体理解和分析。

内容概述

• 任务分析

  正在浏览黑客中午类型

  在 HackerNoon 上写作

• 用户界面设计

  交互风格

  美学

• 总体评价

任务分析

黑客中午读者：

主要目标：阅读和学习任何与技术相关的感兴趣的主题。

认知演练/实现目标的步骤：

1. 选项1：

   A。第 1 步：访问网站 hackernoon.com

   
   

   b.第 2 步：浏览并滚动网络，直到找到引起您注意的文章。

2. 选项2：

   第 1 步：访问网站 hackernoon.com

   
   第 2 步：在搜索栏中输入您感兴趣的主题，然后浏览要在网站上关注和阅读的故事、标签和人员列表。

   
   

3. 选项 3：

第 1 步：访问 hackernoon.com

步骤2：将鼠标悬停在导航栏上，然后选择您想要了解更多信息的主题。

选项 4：此选项通常由熟悉该领域的普通读者执行。

第 1 步：访问 hackernoon.com

第 2 步：在搜索栏中输入：hackernoon.com/u/learn。这将引导您进入由 HackerNoon 员工创建和管理的帐户，该帐户充当每个特定主题的必读故事的集合。

关于任务的复杂性和多样性的讨论：通过对读者可以导航 HackerNoon 来查找适合他们兴趣的文章或主题的可能方式的认知演练，可以得出结论，该域是为读者以低复杂性轻松导航而设计的事实证明，读者通常只需不超过 2 个步骤即可找到要阅读的特定主题，因此，新读者可以轻松掌握如何使用该网站的基础知识。

然而，该网站的多样性水平相对较高，因为读者可以通过多种方式阅读或找到他们感兴趣的主题，如上所述。

黑客午间 作者：

主要目标：发表他们的文章。

认知演练/实现目标的步骤：

1. 第 1 步：登录或创建 HackerNoon 帐户。

   
   

2. 第二步：在HackerNoon主页上，点击“写入”；您会发现自己出现在作家页面上。您可以在此处浏览写作模板，或单击“开始草稿”/“开始写作”立即开始草稿。

3. 第三步：开始写作。

   
   

3.1.为文章起一个好的标题。一个好的标题可以对一个人的写作起到很大的指导作用。此外，为了将文章保存为 HackerNoon 上的草稿，它必须有一个标题。

3.2.写文章。作者不仅可以写一篇普通的文章，还可以选择自定义自己的写作，添加标题、引言、封面照片，以及用粗体或斜体书写单词或短语。

3.3.作者可以添加元素以使他们的文章更具吸引力。这可以通过在他们想要插入新元素（例如链接、图像，甚至嵌入视频）的任何位置键入“/”来实现。

3.4.作者应该校对他们的文章，检查语法错误，确保文章遵循HackerNoon 的该做和不该做的事情，最后，检查是否存在潜在的抄袭，因为 HackerNoon 不发布抄袭内容。

要检查抄袭，请点击个人资料图片下方导航栏上的“故事设置”，然后点击按钮生成抄袭数据。

4. 第四步：完成写作。

   
   

4.1.为文章选择一张特色图片。在“故事设置”中，选择“点击上传精选图片”，会弹出一个窗口，为作者提供各种精选图片选项，从自行上传到从在线数据库中挑选一张或创建人工智能生成的图片。

4.2.为要分类的故事添加标签，以便更容易在网站上找到该文章。

4.3.为故事添加描述。

4.4.为文章创建一个 TL;DR。作者可以自己编写，也可以由人工智能生成。

5. 第5步：提交文章进行编辑审查。这个过程被称为“第二条人类规则”，HackerNoon会让编辑先阅读文章，进行适当的编辑，然后决定是否发表。

6. 第6步：编辑审核后，如果文章发表，HackerNoon将向作者发送电子邮件，宣布文章发表。

任务复杂度和多样性的讨论：通过对一个作者在HackerNoon上发表文章的基本步骤的认知演练，可以看到，相比上面读者的任务分析，复杂程度明显增加。

作者要创作一篇完整的文章需要很多步骤和子步骤，即使在这之后，故事在发表之前仍然需要经过层层质量控制。

就多样性而言，作家要想在HackerNoon上发表文章，唯一的途径就是写故事。

如何解决可访问性问题：

HackerNoon 旨在与设备的辅助功能支持功能兼容，因为读者可以通过语音支持阅读文章，而作者可以在听写的帮助下进行写作。

此外，考虑到领域本身，HackerNoon 上的每篇文章都有自己的音频，由 AI 朗读。

HackerNoon 与“现实”世界中的活动相关：

由于在线阅读和写作已成为 21 世纪现实的一部分，HackerNoon 尽其所能地“真实”。作为在线出版物，阅读和写作等活动是实时发生的，故事每小时提交一次，一旦发布，它们就是每个真实的人都可以访问的真实信息。

此外，用户还可以评论彼此的故事，创建现实生活中的对话。最重要的是，当提交文章进行编辑评审时，作者可以直接在“故事设置”窗口上向编辑发送消息。

用户界面设计

互动风格：

直接操作/窗口式交互：作为一个复杂、精心设计的网站，此外，为了实现在线发布的目的，HackerNoon 主要使用窗口式交互，因为用户主要通过滚动和在屏幕上执行任务来与网站交互。和/或多个弹出窗口。

此外，作者在写作时可以选择根据自己的想法和需求直接操纵文章布局。

不过，可以看出，还有一些其他交互风格的小整合，具体来说：

• 表格填写：这种类型的交互风格用于撰写文章并向故事添加附加信息（TL；DR、摘要）；它还用于网站的搜索栏以及填写登录或注册信息。此外，当作者想要更新或填写其个人资料上的信息时，也可以使用它。

  
  

• 菜单选择：这种交互风格见于导航栏，具体来说，它是一个下拉菜单，用户可以在其中进行适当的导航和选择。

美学：

1. 整体审美：

徽标和设计：作为一家技术出版物，该网站的设计和整体美感类似于带有标志性绿色单色显示屏的复古 8 位 BBC Micro。该网站的设计也遵循同样的复古、旧科技美学，包括扫描管效果和像素化图标。

此外，布局设计还特意设计成电视上描绘的黑客电脑屏幕的样子，与该网站的名称 - HackerNoon 相关。

字体：网站上使用的字体坚硬而笨重，符合科技出版物的技术美学。此外，HackerNoon 还在其设计中使用了独特的 HackerNoon 字体。它被创建为看起来像素化，就像代码一样，但边缘平滑。对我来说，这款字体很好地融合了复古科技和现代感。

讨论：考虑到品牌所追求的审美目标，HackerNoon 在设计一致性方面走上了正确的道路。然而，故意让网站看起来复古和混乱，并在主页上放置大量信息和文章可能会是一种挫折，因为新用户很容易被网站上呈现的信息量淹没，尽管它相对容易导航。

2. 尼尔森的 10 项原则：根据尼尔森的 10 项原则分析 HackerNoon 界面设计。

   
   

• 系统状态的可见性： HackerNoon 显示加载图标，向用户显示正在发生的情况以及他们正在执行的任务的进度；它出现在登录/注册等基本任务的中间，当作者加载编辑器进行写作时，以及当他们将图像上传到文章时。

  
  

• 现实世界与系统的匹配：作为一家科技刊物，吸引了数以百万计的技术人员来到该网站，HackerNoon不仅符合上述复古科技的审美，而且该网站还使用了许多流行且人们认可的单词和短语在科技行业。

  
  

• 用户控制和自由： HackerNoon 用户有很大的选择自由，他们可以选择订阅或取消订阅时事通讯和电子邮件。该网站还支持作者的撤消和重做功能；此外，编辑器会自动保存故事，这样作者在写作时就不会丢失进度。

  
  

  这些允许用户更舒适地使用该网站，因为他们知道他们可以控制自己的进度以及网站的广告。

  
  

• 一致性和标准：良好的一致性，因为 HackerNoon 使用标准化短语进行登录和注销命令。这些按钮的书写方式清晰，可以通过“开始书写”按钮看到。导航栏的设计风格一致，首页的文章布局、字体、颜色以及标题也一致。

  
  

• 识别而不是回忆：使用 HackerNoon 编辑器进行写作时，会提供清晰的说明（如果有的话，请找到位于编辑器每个部分中的小问号“？” ）。此外，还有一个帮助部分，其中包含用户需要了解的有关 HackerNoon 的所有信息。

  
  

  

• 错误预防：网站自动识别用户的错误并通知他们。

  
  

  

  
  

• 使用灵活性和效率：该网站灵活高效，因为作者在使用 HackerNoon 编辑器进行写作时支持键盘快捷键。最重要的是，该网站的导航功能对于新用户来说足够简单，每个人都可以很快熟悉该网站。

  
  

• 美观和简约的设计：如上所述，HackerNoon 的美观是复古科技，对于新用户来说可能看起来很混乱。然而，所有布局都是经过精心设计的，用户可以快速学会使用该网站。

  
  

• 识别、诊断和恢复： 404 错误通知还表明用户可能正在寻找的潜在内容。这是一个明智的做法，因为该网站不是只显示错误消息，而是尝试了解用户的错误并引导他们返回他们正在寻找的搜索。因此，这是与用户建立融洽关系并降低网站跳出率的好方法。

  
  

  

  
  

• 帮助和文档：导航栏上有一个供用户使用的帮助部分，任何专为 HackerNoon 创建的功能都将通过将光标悬停在旁边的问号上来定义。

  
  

3. 灵活性： HackerNoon 具有良好的灵活性，用户有多种个性化选择。

• 用户可以通过添加信息、成就、社交媒体甚至统计数据来自定义他们的 HackerNoon 个人资料。这使得用户可以完全控制他们希望世界看到他们的什么内容，因此有利于在 HackerNoon 社区中的人们之间建立联系。

  
  

• 用户可以通过单击导航栏下方最右侧的画笔图标来自定义主页的颜色。这样就可以解决网站的颜色问题，因为很多人觉得HackerNoon的绿色很难看，所以可以将主页的颜色改为更柔和的颜色。

  
  

4. 移动设备与桌面设备：

从桌面移动到移动设备，HackerNoon 的美学保持不变，颜色和布局保持一致。该网站的元素很好地适应了移动设备，例如导航栏现在是右上角的 3 个破折号，当用户单击它时，它会打开一个完整的菜单。

此外，窗口和文章的大小都会调整以适应移动布局，使 HackerNoon 在移动设备上的阅读体验在视觉上与在桌面上相同。

然而，由于在 HackerNoon 上写作是一项复杂的任务，涉及许多步骤、快捷方式和自定义，因此移动网站无法满足桌面网站的所有功能。因此，快捷命令、标题自定义、字体大小和添加图像都受到限制。

因此，不建议在移动设备上撰写完整的 HackerNoon 文章。

最近，HackerNoon 发布了他们的官方移动应用程序，该应用程序更加注重用户在手持设备上的阅读体验。

全面的评估

总体而言，HackerNoon 是一个完整、全面的网站，因为它易于导航。它的设计旨在满足目标受众的审美（颜色、图标和字体）和学术（内容、文字和功能）。

通过让编辑阅读并决定每篇文章是否可以发表，该网站为读者提供了适合他们需求的优质信息。对于作家来说，这样做可以促使作家提高写作技巧和知识，并能够流利地使用该网站。

任务复杂性在两个主要用户组之间合理分配。对于普通用户和在网站上阅读和搜索信息的读者来说，他们可以轻松地导航和查找信息/文章。对于作家来说，任务复杂度很高，因此他们被迫学习如何正确使用网站，这可以理解为创作好文章的基础。

在界面设计方面，HackerNoon 保持了其美学的一致性，然而，布局包含大量信息，并且网站的默认颜色（亮绿色和黄色）可以被认为是新用户感知网站时的挫折势不可挡且过于复杂。

除此之外，HackerNoon 可以被认为是以用户为中心的，因为用户可以在他们执行的每项任务中灵活地自定义网站，从更改主页颜色到自定义配置文件以及在编写内容时调整字体大小、标题和图像。文章。

HackerNoon 做得很好的另一件以用户为中心的事情是，网站上到处都提供帮助，从组织良好的帮助部分/品牌手册到新功能的小定义。

此外，作为一家严重依赖电子邮件广告和时事通讯的企业，HackerNoon 允许用户选择接收哪些电子邮件，甚至完全取消订阅电子邮件/时事通讯，这一事实也被认为是极其以用户为中心的。