paint-brush
HackerNoon - Uma Análise da Experiência do Usuário: Parte 2por@gedyflowers
264 leituras

HackerNoon - Uma Análise da Experiência do Usuário: Parte 2

por Tuan Anh Vu12m2023/10/31
Read on Terminal Reader

Muito longo; Para ler

Revisão da experiência do usuário do HackerNoon na perspectiva de leitores e escritores. Como navegar e escrever no site. Além disso, serão feitas análises sobre a estética e o design do HackerNoon.
featured image - HackerNoon - Uma Análise da Experiência do Usuário: Parte 2
Tuan Anh Vu HackerNoon profile picture
0-item
1-item

Ei! Faz algum tempo. Ainda sou eu com meu relatório universitário sobre a experiência do usuário do HackerNoon.


Na parte anterior , cobrimos:

  1. O que é HackerNoon?

  2. Usuários potenciais do HackerNoon e personas.

  3. Análise do HackerNoon sobre os aspectos de Acessibilidade , Internacionalização e Desafios Cognitivos e Perceptuais .


Isenção de responsabilidade (de novo): Esta não é de forma alguma uma representação de como o HackerNoon é usado entre os usuários, mas apenas uma especulação analítica geral sobre o uso geral e a estética do site. Isso pode ser usado como referência para novos usuários sobre o que é HackerNoon e como utilizar o site em um nível básico.


Nesta segunda parte, passaremos por:


  1. As funções mais básicas do site - Leitura e Escrita. Como navegar no site e como escrever e enviar seus artigos do HackerNoon.


  2. Também será fornecida alguma compreensão geral e análise do web design e estética do HackerNoon.

Visão geral do conteúdo

  • Análise de Tarefas

    Navegando no HackerNoon

    Escrevendo no HackerNoon


  • Design da interface do usuário

    Estilos de interação

    Estética


  • Avaliações Gerais

Análise de Tarefas

Leitores do HackerNoon:

Objetivo principal: Ler e aprender sobre qualquer assunto de interesse relacionado à tecnologia.


Passo a passo cognitivo/etapas para atingir a meta:

  1. Opção 1:

    a. Etapa 1: acesse o site hackernoon.com


    b. Passo 2: Navegue e navegue pela web até encontrar um artigo que chame sua atenção.


  1. Opção 2:

    Etapa 1: acesse o site hackernoon.com


    Passo 2: Digite o tópico de seu interesse na barra de pesquisa e navegue pela lista de histórias, tags e pessoas para seguir e ler no site.


Barra de pesquisa do HackerNoon

  1. Opção 3:

Etapa 1: acesse hackernoon.com


Passo 2: passe o mouse sobre a barra de navegação e escolha o tema sobre o qual deseja saber mais.


Painel de navegação HackerNoon


Opção 4: Esta opção é frequentemente realizada por leitores regulares que estão familiarizados com o domínio em geral.


Etapa 1: acesse hackernoon.com


Passo 2: Digite na barra de pesquisa: hackernoon.com/u/learn. Isso o levará a uma conta criada e gerenciada por funcionários da HackerNoon, que funciona como uma coleção de histórias de leitura obrigatória para cada tópico específico.


Repositório de aprendizagem HackerNoon


Discussão sobre a complexidade e variedade da tarefa: Através do percurso cognitivo de possíveis maneiras pelas quais um leitor pode navegar no HackerNoon para encontrar artigos ou tópicos que atendam aos seus interesses, pode-se concluir que o domínio foi projetado para que os leitores naveguem facilmente em baixa complexidade. nível, evidenciado pelo fato de que muitas vezes não são necessários mais de 2 passos para os leitores encontrarem um tópico específico para ler, assim, um novo leitor pode facilmente compreender o básico sobre como usar o site.


No entanto, o nível de variedade do site é relativamente alto, uma vez que existem várias maneiras de os leitores lerem ou encontrarem os tópicos de seu interesse, conforme mencionado acima.

Escritores do HackerNoon:

Objetivo principal: Publicar seu artigo.


Passo a passo cognitivo/etapas para atingir a meta:

  1. Passo 1 : Faça login ou crie uma conta HackerNoon.


  2. Passo 2: na página inicial do HackerNoon, clique em “Escrever”; você se encontrará na página dos escritores. Você pode procurar modelos de redação aqui ou clicar em “Iniciar rascunho”/”Começar a escrever” para iniciar seu rascunho imediatamente.


Botão Escrever do HackerNoon


Página dos escritores do HackerNoon


  1. Etapa 3: comece a escrever.


3.1. Crie um bom título para o artigo. Um bom título pode guiar muito a escrita. Além disso, para que o artigo seja salvo como rascunho no HackerNoon, ele deve ter um título.


Editor do HackerNoon


3.2. Escreva o artigo. Os escritores, além de apenas escrever um artigo simples, podem ter opções para personalizar sua redação, adicionando títulos, citações, uma foto de capa e escrevendo palavras ou frases em negrito ou itálico.


Escrevendo com o editor do HackerNoon


3.3. Os escritores podem adicionar elementos para tornar seus artigos mais atraentes. Isso pode ser feito digitando '/' em qualquer lugar onde desejar inserir um novo elemento, como um link, imagem ou até mesmo incorporar um vídeo.


Adicione elementos aos seus artigos


3.4. Os escritores devem revisar seus artigos, verificar se há erros gramaticais, certificar-se de que o artigo segue o que fazer e o que não fazer do HackerNoon e, finalmente, verificar se há plágio em potencial, já que o HackerNoon não publica conteúdo plagiado.


Para verificar o plágio, clique em “Configurações da história” na barra de navegação abaixo da foto do perfil e, a seguir, clique no botão para gerar dados de plágio.


Verificador de plágio do HackerNoon


  1. Etapa 4: Concluindo a redação.


4.1. Escolha uma imagem em destaque para o artigo. Em “Configurações da história”, escolha “Clique para fazer upload da imagem em destaque” e uma janela aparecerá e dará aos escritores várias opções para imagens em destaque, desde o upload automático até a escolha de uma em bancos de dados online ou a criação de uma gerada por IA.


Como fazer upload de imagens de destaque para o seu artigo


4.2. Adicione tags à história para ser categorizada e para que o artigo seja encontrado mais facilmente no site.


Adicionando tags para melhores distribuições


4.3. Adicione uma descrição à história.


Toda história precisa de uma boa descrição



4.4. Crie um TL;DR para o artigo. Os escritores podem escrevê-lo sozinhos ou podem gerá-lo por IA.


Que tal um TL;DR?


  1. Passo 5: Envie o artigo para revisão editorial. Este processo é chamado de “A segunda regra humana”, o HackerNoon fará com que os editores leiam o artigo primeiro, façam edições quando apropriado e decidam se irão publicá-lo ou não.


Enviar!!!


  1. Passo 6: Após a revisão editorial, caso o artigo seja publicado, o HackerNoon enviará um e-mail ao redator, anunciando a publicação.


Discussão sobre a complexidade e variedade da tarefa: Através do percurso cognitivo das etapas básicas para um escritor publicar no HackerNoon, pode-se observar que, em comparação com a análise da tarefa dos leitores acima, o nível de complexidade aumentou significativamente.


Existem muitas etapas e subetapas necessárias para que os redatores criem um artigo completo e, mesmo depois disso, a história ainda precisa passar por camadas de controle de qualidade antes de ser publicada.


Quanto à variedade, a única maneira de os escritores atingirem o objetivo de serem publicados no HackerNoon é escrevendo uma história.

Como os problemas de acessibilidade são resolvidos:

O HackerNoon foi projetado para ser compatível com os recursos de suporte de acessibilidade dos dispositivos, já que os leitores podem ler artigos com suporte para Voice Over e os escritores podem escrever com a ajuda do Dictation.


Além disso, considerando o domínio em si, cada artigo no HackerNoon possui seu próprio áudio, lido pela IA.


Áudio da história do HackerNoon


HackerNoon está relacionado a atividades no mundo “real”:

Como ler e escrever online fazem parte da realidade no século 21, o HackerNoon é o mais “real” possível. Por ser uma publicação online, atividades como leitura e escrita acontecem em tempo real, as histórias são enviadas de hora em hora e, uma vez publicadas, são verdadeiras informações acessíveis a todo ser humano real.


Além disso, os usuários podem comentar as histórias uns dos outros, criando conversas da vida real. Além disso, ao enviar um artigo para revisão editorial, os redatores podem enviar mensagens aos editores diretamente na janela “Configurações da história”.

Design da interface do usuário

Estilo de interação:

Manipulação direta/interação estilo janela: como um site complexo e fortemente projetado, além disso, para servir ao propósito de ser um editor on-line, o HackerNoon usa principalmente interação estilo janela, já que os usuários interagem principalmente com o site rolando e realizando tarefas em um e/ou múltiplas janelas pop-up.


Além disso, os escritores, ao escreverem, podem ter opções para manipular diretamente o layout dos artigos de acordo com seus desejos e necessidades.


Porém, percebe-se que há também uma pequena integração de outros estilos de interação, especificamente:

  • Preenchimento de formulário: Este tipo de estilo de interação é usado para escrever artigos e adicionar informações adicionais (TL;DR, resumo) a uma história; também é utilizado na barra de pesquisa do site, bem como no preenchimento de informações de login ou cadastro. Além disso, também é usado quando os redatores desejam atualizar ou preencher informações em seus perfis.


  • Seleção de Menu: Este tipo de estilo de interação é visto na barra de navegação, especificamente, é um menu suspenso no qual os usuários podem navegar e selecionar adequadamente.

Estética:

  1. Estética Geral:

Logotipo e design: Como uma publicação de tecnologia, o design e a estética geral do site se assemelham ao retro BBC Micro de 8 bits com seu exclusivo display monocromático verde. O design do site também segue a mesma estética retrô e de tecnologia antiga, com efeitos de tubo de digitalização e ícones pixelados.


Além disso, o design do layout também é feito intencionalmente para parecer uma representação da tela do computador de um hacker retratada na televisão, correlacionando-se ao nome do site - HackerNoon.


Tipo de letra: o tipo de letra usado no site é rígido e desajeitado, adequando-se à estética tecnológica de uma publicação de tecnologia. Além disso, HackerNoon também usa a fonte exclusiva HackerNoon em seus designs. Ele foi criado para parecer pixelado, como códigos, porém suave nas bordas. A fonte para mim é uma boa integração entre retrotecnologia e modernidade.


Discussão: Considerando a estética que a marca almeja, a HackerNoon está no caminho certo em termos de consistência de design. No entanto, fazer com que o site pareça retrô e caótico intencionalmente e colocar muitas informações e artigos na página inicial pode ser um revés, pois um novo usuário pode ficar facilmente sobrecarregado com a quantidade de informações apresentadas no site, mesmo que seja relativamente fácil de navegar.


  1. Os 10 princípios da Nielsen: Analisando o design da interface HackerNoon com base nos 10 princípios da Nielsen.


  • Visibilidade do status do sistema: HackerNoon mostra um ícone de carregamento para mostrar aos usuários o que está acontecendo e o andamento da tarefa que estão realizando; ele aparece no meio de tarefas básicas, como login/inscrição, quando um redator carrega o editor para escrever e quando carrega imagens em seus artigos.


  • Correspondência entre o mundo real e o sistema: como uma publicação de tecnologia, atraindo milhões de tecnólogos para o site, o HackerNoon não apenas combina com a estética da tecnologia retrô mencionada acima, mas o site também usa muitas palavras e frases que são tendências e também reconhecíveis pelas pessoas na indústria de tecnologia.


  • Controle e liberdade do usuário: os usuários do HackerNoon têm muita liberdade de escolha , pois podem optar por assinar ou cancelar boletins informativos e e-mails . O site também suporta funções de desfazer e refazer para escritores; além disso, as histórias são salvas automaticamente pelo editor para que os escritores não percam o progresso ao escrever.


    Isso permite que os usuários se sintam mais confortáveis ao usar o site, sabendo que têm controle sobre seu próprio progresso e também sobre os anúncios do site.


  • Consistência e padrões: Boa consistência, pois o HackerNoon usa frases padronizadas para comandos de login e logout. Os botões são escritos de forma clara, como pode ser visto no botão “Iniciar Escrita”. A barra de navegação é construída com a mesma estética, e o layout, as fontes e as cores dos artigos, bem como os cabeçalhos da página inicial, também são consistentes.


  • Reconhecimento em vez de recall: Existem instruções claras apresentadas ao escrever com os editores HackerNoon ( se houver, encontre o pequeno ponto de interrogação “?”, colocado em cada seção do editor ). Além disso, há uma seção de ajuda com tudo o que os usuários precisam saber sobre o HackerNoon.


    Mais instruções e sugestões de títulos

Instruções do HackerNoon sobre como personalizar seu texto enquanto escreve


  • Prevenção de erros: O site reconhece automaticamente os erros dos usuários e os notifica.


    Mecânica de prevenção de erros do HackerNoon


  • Flexibilidade e eficiência de uso: O site é flexível e eficiente, pois há suporte para atalhos de teclado para escritores ao escreverem com editores HackerNoon. Além disso, as funções de navegação do site são simples o suficiente para novos usuários e todos podem se familiarizar com o site rapidamente.


  • Design estético e minimalista: Como mencionado acima, a estética do HackerNoon é retro-tech e pode parecer confusa para novos usuários. No entanto, todos os layouts são projetados com intenções e os usuários podem aprender a usar o site rapidamente.


  • Reconheça, diagnostique e recupere: notificações de erro 404 também sugerem conteúdo em potencial que os usuários podem estar procurando. Isso é uma atitude inteligente, pois em vez de mostrar apenas a mensagem de erro, o site tenta entender os erros dos usuários e os leva de volta à pesquisa que procuram. Assim, é uma boa forma de construir relacionamento com os usuários e diminuir a taxa de rejeição do site.


    Página 404 do HackerNoon


  • Ajuda e documentação: Há uma seção de ajuda para usuários na barra de navegação, e quaisquer recursos criados apenas para HackerNoon serão definidos passando o cursor sobre o ponto de interrogação próximo a eles.


  1. Flexibilidade: HackerNoon tem boa flexibilidade, pois os usuários têm muitas opções de personalização.
  • Os usuários podem personalizar seu perfil HackerNoon adicionando informações, conquistas, mídias sociais e até estatísticas. Isso permite que os usuários controlem totalmente o que desejam que o mundo veja sobre eles, sendo, portanto, bom para fazer conexões entre pessoas da comunidade HackerNoon.


  • Os usuários podem personalizar a cor de sua página inicial clicando no ícone do pincel à direita da barra de navegação. Isso pode resolver o problema de cor do site, já que muitas pessoas podem achar difícil ver a cor verde do HackerNoon, então podem mudar a cor da página inicial para uma cor mais suave.


Personalize a cor do seu site com alguns de nossos modelos de cores


  1. Móvel x desktop:

Passando do desktop para o celular, a estética do HackerNoon permanece inalterada com cores e layout consistentes. Os elementos do site estão bem adaptados ao mobile, exemplificado pela barra de navegação que agora são os 3 traços no canto superior direito, e quando o usuário clica nele, abre-se um menu completo.


Além disso, janelas e artigos são redimensionados para se ajustarem ao layout móvel, tornando a experiência de leitura do HackerNoon em dispositivos móveis visualmente igual à do desktop.


No entanto, como escrever no HackerNoon é uma tarefa complexa com muitas etapas, atalhos e customização, o site no celular não pode satisfazer todos os recursos como no desktop. Portanto, há limitações em comandos de atalho, personalizações de títulos, tamanho de fonte e adição de imagens.


Portanto, não é recomendado escrever um artigo completo do HackerNoon no celular.


Recentemente, o HackerNoon lançou seu aplicativo móvel oficial , que é mais voltado para a experiência de leitura dos usuários em dispositivos portáteis.

Avaliação geral

No geral, o HackerNoon é um site completo e completo, pois é de fácil navegação. Ele foi projetado para atender seu público-alvo tanto esteticamente (cores, ícones e fontes) quanto academicamente (conteúdo, palavras e funcionalidade).


Ao fazer com que os editores leiam e decidam se cada artigo pode ser publicado, o site oferece aos leitores informações de qualidade que atendem às suas necessidades e demandas. Quanto aos escritores, ao fazer isso, eles são incentivados a aprimorar suas habilidades e conhecimentos de escrita e são capazes de usar o site com fluência.


A complexidade da tarefa é razoavelmente racionada entre dois grupos principais de usuários. Para usuários e leitores em geral que acessam o site para ler e buscar informações, eles podem navegar e encontrar facilmente informações/artigos. Para os redatores, o nível de complexidade da tarefa é alto, portanto, eles são obrigados a aprender a usar o site de maneira adequada, o que pode ser entendido como a base para a criação de bons artigos.


No que diz respeito ao design da interface, o HackerNoon se mantém consistente com sua estética, porém, o layout é composto por muitas informações, e as cores padrão do site (verde brilhante e amarelo) podem ser consideradas um retrocesso, pois novos usuários podem perceber o site tão opressor e complicado.


Fora isso, o HackerNoon pode ser considerado centrado no usuário, pois os usuários são capazes de personalizar o site com flexibilidade em todas as tarefas que realizam, desde alterar a cor da página inicial até personalizar perfis e alterar o tamanho da fonte, títulos e imagens ao escrever um artigo.


Outra coisa centrada no usuário que o HackerNoon faz bem é que a ajuda é fornecida em todos os lugares do site, desde uma seção de ajuda/manual da marca bem organizada até pequenas definições de novos recursos.


Além disso, como uma empresa que depende muito de publicidade por e-mail e boletins informativos, o fato de o HackerNoon permitir que os usuários escolham quais e-mails receberão ou até mesmo cancelar totalmente a assinatura de e-mails/boletins informativos também é considerado extremamente centrado no usuário.