paint-brush
HackerNoon - Un análisis de la experiencia del usuario: Parte 2por@gedyflowers
264 lecturas

HackerNoon - Un análisis de la experiencia del usuario: Parte 2

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

Demasiado Largo; Para Leer

Revisión de la experiencia de usuario de HackerNoon desde la perspectiva de lectores y escritores. Cómo navegar y escribir en el sitio. Además, se dará un análisis sobre la estética y el diseño de HackerNoon.
featured image - HackerNoon - Un análisis de la experiencia del usuario: Parte 2
Tuan Anh Vu HackerNoon profile picture
0-item
1-item

¡Ey! Ha sido un tiempo. Sigo siendo yo con mi informe universitario sobre la experiencia de usuario de HackerNoon.


En la parte anterior , hemos cubierto:

  1. ¿Qué es HackerNoon?

  2. Usuarios potenciales de HackerNoon y personas.

  3. Análisis de HackerNoon sobre los aspectos de Accesibilidad , Internacionalización y desafíos cognitivos y perceptivos .


Descargo de responsabilidad (nuevamente): Esto no es de ninguna manera una representación de cómo se usa HackerNoon entre los usuarios, sino simplemente una especulación analítica general sobre el uso general y la estética del sitio. Esto puede usarse como referencia para nuevos usuarios sobre qué es HackerNoon y cómo utilizar el sitio en un nivel básico.


En esta segunda parte, veremos:


  1. Las funciones más básicas del sitio: lectura y escritura. Cómo navegar por el sitio y cómo escribir y enviar sus artículos de HackerNoon.


  2. También se brindará una comprensión y un análisis generales del diseño y la estética web de HackerNoon.

Descripción general del contenido

  • Análisis de tareas

    NavegandoHackerNoon

    Escribiendo en HackerNoon


  • Diseño de interfaz de usuario

    Estilos de interacción

    Estética


  • Evaluaciones generales

Análisis de tareas

Lectores de HackerNoon:

Objetivo principal: Leer y aprender sobre cualquier tema de interés relacionado con la tecnología.


Tutorial cognitivo/Pasos para alcanzar la meta:

  1. Opción 1:

    a. Paso 1: vaya al sitio web hackernoon.com


    b. Paso 2: Navega y desplázate por la web hasta encontrar un artículo que te llame la atención.


  1. Opcion 2:

    Paso 1: vaya al sitio web hackernoon.com


    Paso 2: escriba su tema de interés en la barra de búsqueda y navegue por la lista de historias, etiquetas y personas para seguir y leer en el sitio web.


Barra de búsqueda de HackerNoon

  1. Opción 3:

Paso 1: vaya a hackernoon.com


Paso 2: Pase el mouse sobre la barra de navegación y elija el tema sobre el que desea obtener más información.


Panel de navegación de HackerNoon


Opción 4: esta opción la suelen realizar lectores habituales que están familiarizados con el dominio en general.


Paso 1: vaya a hackernoon.com


Paso 2: escriba en la barra de búsqueda: hackernoon.com/u/learn. Esto lo llevará a una cuenta creada y administrada por empleados de HackerNoon que actúa como una colección de historias de lectura obligada para cada tema específico.


Repositorio de aprendizaje de HackerNoon


Discusión sobre la complejidad y variedad de la tarea: a través del recorrido cognitivo de las posibles formas en que un lector puede navegar por HackerNoon para encontrar artículos o temas que se adapten a sus intereses, se puede concluir que el dominio está diseñado para que los lectores naveguen fácilmente con una complejidad baja. nivel, evidencia por el hecho de que a menudo no se necesitan más de 2 pasos para que los lectores encuentren un tema específico para leer, por lo tanto, un nuevo lector puede comprender fácilmente los conceptos básicos sobre cómo usar el sitio.


Sin embargo, el nivel de variedad del sitio es relativamente alto ya que hay múltiples formas para que los lectores lean o encuentren los temas de su interés, como se mencionó anteriormente.

Escritores de HackerNoon:

Objetivo principal: publicar su artículo.


Tutorial cognitivo/Pasos para alcanzar la meta:

  1. Paso 1 : inicie sesión o cree una cuenta HackerNoon.


  2. Paso 2: En la página de inicio de HackerNoon, haga clic en "Escribir"; Te encontrarás en la página de escritores. Puede buscar plantillas de escritura aquí o hacer clic en "Iniciar borrador"/"Comenzar a escribir" para comenzar inmediatamente su borrador.


Botón Escribir de HackerNoon


Página de escritores de HackerNoon


  1. Paso 3: empieza a escribir.


3.1. Piensa en un buen título para el artículo. Un buen título puede guiar mucho la escritura. Además, para que el artículo se guarde como borrador en HackerNoon, debe tener un título.


Editor de HackerNoon


3.2. Escribe el artículo. Los escritores, además de escribir un artículo simple, pueden tener opciones para personalizar su escritura, agregando titulares, citas, una foto de portada y escribiendo palabras o frases en negrita o cursiva.


Escribiendo con el editor de HackerNoon


3.3. Los escritores pueden agregar elementos para hacer que su artículo sea más atractivo. Esto se puede lograr escribiendo '/' en cualquier lugar donde quieran insertar un nuevo elemento, como un enlace, una imagen o incluso insertar un video.


Añade elementos a tus artículos


3.4. Los escritores deben revisar sus artículos, verificar si hay errores gramaticales, asegurarse de que el artículo siga lo que se debe y no se debe hacer de HackerNoon y, finalmente, verificar si hay plagio potencial, ya que HackerNoon no publica contenido plagiado.


Para verificar el plagio, haga clic en "Configuración de la historia" en la barra de navegación debajo de la imagen de perfil, luego haga clic en el botón para generar datos de plagio.


Comprobador de plagio de HackerNoon


  1. Paso 4: Terminar la escritura.


4.1. Elija una imagen destacada para el artículo. En "Configuración de la historia", elija "Haga clic para cargar la imagen destacada" y aparecerá una ventana que brindará a los escritores varias opciones para las imágenes destacadas, desde la carga automática hasta la selección de una de bases de datos en línea o la creación de una generada por IA.


Cómo cargar imágenes destacadas en su artículo


4.2. Agregue etiquetas a la historia para categorizarla y para que el artículo se encuentre más fácilmente en el sitio.


Agregar etiquetas para mejores distribuciones


4.3. Añade una descripción a la historia.


Toda historia necesita una buena descripción.



4.4. Cree un TL;DR para el artículo. Los escritores pueden escribirlo ellos mismos o pueden generarlo mediante IA.


¿Qué tal un TL;DR?


  1. Paso 5: envíe el artículo para revisión editorial. Este proceso se llama "La segunda regla humana", HackerNoon hará que los editores lean el artículo primero, realicen las modificaciones necesarias y decidan si publicarlo o no.


¡¡¡Entregar!!!


  1. Paso 6: Después de la revisión editorial, si el artículo se publica, HackerNoon enviará un correo electrónico al autor anunciando la publicación.


Discusión sobre la complejidad y variedad de la tarea: a través del recorrido cognitivo de los pasos básicos para que un escritor sea publicado en HackerNoon, se puede ver que, en comparación con el análisis de tareas de los lectores anterior, el nivel de complejidad ha aumentado significativamente.


Hay muchos pasos y subpasos necesarios para que los escritores creen un artículo completo e incluso después de eso, la historia aún tiene que pasar por capas de control de calidad antes de ser publicada.


En cuanto a la variedad, la única forma que tienen los escritores de lograr el objetivo de ser publicados en HackerNoon es escribir una historia.

Cómo se abordan los problemas de accesibilidad:

HackerNoon está diseñado para ser compatible con las funciones de soporte de accesibilidad de los dispositivos, ya que los lectores pueden leer artículos con soporte de Voice Over y los escritores pueden escribir con la ayuda de Dictado.


Además, considerando el dominio en sí, cada artículo de HackerNoon tiene su propio audio, leído por IA.


Audio de la historia de HackerNoon


HackerNoon se relaciona con actividades en el mundo "real":

Como leer y escribir en línea son parte de la realidad del siglo XXI, HackerNoon es lo más "real" posible. Como publicación en línea, actividades como leer y escribir ocurren en tiempo real, las historias se envían cada hora y, una vez publicadas, son información real accesible a todo ser humano real.


Además, los usuarios pueden comentar las historias de los demás, creando conversaciones de la vida real. Además de eso, al enviar un artículo para revisión editorial, los escritores pueden enviar mensajes a los editores directamente en la ventana "Configuración de la historia".

Diseño de interfaz de usuario

Estilo de interacción:

Manipulación directa/interacción estilo ventana: como sitio web complejo y muy diseñado, además, para cumplir el propósito de ser un editor en línea, HackerNoon utiliza principalmente interacción estilo ventana, ya que los usuarios interactúan principalmente con el sitio desplazándose y realizando tareas en una. y/o múltiples ventanas emergentes.


Además, los escritores, cuando escriben, pueden tener opciones para manipular directamente el diseño de sus artículos de acuerdo con sus deseos y necesidades.


Sin embargo, se puede observar que también existe una pequeña integración de otros estilos de interacción, específicamente:

  • Relleno de formularios: este tipo de estilo de interacción se utiliza al escribir artículos y agregar información adicional (TL;DR, resumen) a una historia; también se utiliza en la barra de búsqueda del sitio, así como para completar la información de inicio de sesión o registro. Además, también se utiliza cuando los escritores desean actualizar o completar información en sus perfiles.


  • Selección de menú: Este tipo de estilo de interacción se ve en la barra de navegación, específicamente, es un menú desplegable en el que los usuarios pueden navegar y seleccionar de forma adecuada.

Estética:

  1. Estética general:

Logotipo y diseño: como publicación tecnológica, el diseño y la estética general del sitio web se asemejan al BBC Micro retro de 8 bits con su característica pantalla monocromática verde. El diseño del sitio también sigue la misma estética retro y de vieja tecnología con efectos de tubo de escaneo e íconos pixelados.


Además, el diseño también está hecho intencionalmente para que parezca una representación de la pantalla de la computadora de un hacker representada en la televisión, en correlación con el nombre del sitio: HackerNoon.


Tipo de letra: El tipo de letra utilizado en el sitio es duro y tosco, y se ajusta a la estética tecnológica de una publicación tecnológica. Además, HackerNoon también utiliza la fuente exclusiva HackerNoon para sus diseños. Está creado para verse pixelado, como códigos, pero con bordes suaves. Para mí, la fuente es una buena integración de tecnología retro y modernidad.


Discusión: Teniendo en cuenta la estética que busca la marca, HackerNoon va por el camino correcto en términos de coherencia del diseño. Sin embargo, hacer que el sitio parezca retro y caótico intencionalmente y colocar mucha información y artículos en la página de inicio puede ser un revés, ya que un nuevo usuario puede sentirse fácilmente abrumado por la cantidad de información presentada en el sitio, aunque sea relativamente fácil de navegar.


  1. Los 10 principios de Nielsen: análisis del diseño de la interfaz de HackerNoon según los 10 principios de Nielsen.


  • Visibilidad del estado del sistema: HackerNoon muestra un ícono de carga para mostrar a los usuarios lo que está sucediendo y el progreso de la tarea que están realizando; aparece en medio de tareas básicas como iniciar sesión/registrarse, cuando un escritor carga el editor para escribir y cuando carga imágenes a sus artículos.


  • Coincidencia entre el mundo real y el sistema: como publicación tecnológica que atrae a millones de tecnólogos al sitio, HackerNoon no solo coincide con la estética de la tecnología retro como se mencionó anteriormente, sino que el sitio también utiliza muchas palabras y frases que son tendencia y son reconocibles por la gente. en la industria tecnológica.


  • Control y libertad del usuario: los usuarios de HackerNoon tienen mucha libertad de elección , ya que pueden optar por suscribirse o cancelar la suscripción a boletines y correos electrónicos . El sitio también admite funciones de deshacer y rehacer para escritores; Además, el editor guarda automáticamente las historias para que los escritores no pierdan su progreso al escribir.


    Esto permite a los usuarios sentirse más cómodos al utilizar el sitio sabiendo que tienen control sobre su propio progreso y sobre los anuncios del sitio.


  • Coherencia y estándares: buena coherencia ya que HackerNoon utiliza frases estandarizadas para los comandos de inicio y cierre de sesión. Los botones están escritos de manera clara, como se puede ver con el botón "Comenzar a escribir". La barra de navegación está construida con la misma estética y el diseño, las fuentes y los colores de los artículos, así como los encabezados de la página de inicio, también son consistentes.


  • Reconocimiento en lugar de recuerdo: se presentan instrucciones claras al escribir con los editores de HackerNoon ( en todo caso, busque el pequeño signo de interrogación “?”, ubicado en cada sección del editor ). Además, hay una sección de ayuda con todo lo que los usuarios necesitan saber sobre HackerNoon.


    Más instrucciones y sugerencias de títulos.

Instrucciones de HackerNoon sobre cómo personalizar su texto mientras escribe


  • Prevención de errores: el sitio reconoce automáticamente los errores de los usuarios y los notifica.


    Mecánica de prevención de errores de HackerNoon


  • Flexibilidad y eficiencia de uso: el sitio es flexible y eficiente ya que los escritores admiten atajos de teclado cuando escriben con los editores de HackerNoon. Además de eso, las funciones de navegación del sitio son lo suficientemente simples para los nuevos usuarios y todos pueden familiarizarse con el sitio rápidamente.


  • Diseño estético y minimalista: como se mencionó anteriormente, la estética de HackerNoon es de tecnología retro y puede parecer desordenada para los nuevos usuarios. Sin embargo, todos los diseños están diseñados con intenciones y los usuarios pueden aprender a utilizar el sitio rápidamente.


  • Reconocer, diagnosticar y recuperar: las notificaciones de error 404 también sugieren contenido potencial que los usuarios podrían estar buscando. Esto es algo inteligente ya que en lugar de mostrar solo el mensaje de error, el sitio intenta comprender los errores de los usuarios y los lleva de regreso a la búsqueda que están buscando. Por lo tanto, es una buena manera de establecer una buena relación con los usuarios y disminuir la tasa de rebote del sitio.


    Página 404 de HackerNoon


  • Ayuda y documentación: hay una sección de ayuda para los usuarios en la barra de navegación, y cualquier función que se cree solo para HackerNoon se definirá colocando el cursor sobre el signo de interrogación junto a ellas.


  1. Flexibilidad: HackerNoon tiene buena flexibilidad ya que los usuarios tienen muchas opciones de personalización.
  • Los usuarios pueden personalizar su perfil de HackerNoon agregando información, logros, redes sociales e incluso estadísticas. Esto permite a los usuarios controlar completamente lo que quieren que el mundo vea sobre ellos, por lo que es bueno para establecer conexiones entre personas de la comunidad HackerNoon.


  • Los usuarios pueden personalizar el color de su página de inicio haciendo clic en el icono del pincel en el extremo derecho debajo de la barra de navegación. Esto puede resolver el problema del color del sitio, ya que a muchas personas les resulta difícil ver el color verde de HackerNoon, por lo que pueden cambiar el color de la página de inicio a un color más relajante.


Personalice el color de su sitio con algunas de nuestras plantillas de color


  1. Móvil frente a escritorio:

Al pasar del escritorio al dispositivo móvil, la estética de HackerNoon permanece sin cambios con colores y diseños consistentes. Los elementos del sitio web se adaptan bien a los dispositivos móviles, como lo ejemplifica la barra de navegación que ahora tiene 3 guiones en la esquina superior derecha, y cuando los usuarios hacen clic en ella, se abre un menú completo.


Además, se cambia el tamaño de las ventanas y los artículos para adaptarse al diseño móvil, lo que hace que la experiencia de lectura de HackerNoon en dispositivos móviles sea visualmente igual que en el escritorio.


Sin embargo, como escribir en HackerNoon es una tarea compleja con muchos pasos, atajos y personalización, el sitio web en el móvil no puede satisfacer todas las funciones como en el escritorio. Por lo tanto, existen limitaciones en los comandos de acceso directo, la personalización de encabezados, el tamaño de fuente y la adición de imágenes.


Por lo tanto, no se recomienda escribir un artículo completo de HackerNoon en dispositivos móviles.


Recientemente, HackerNoon lanzó su aplicación móvil oficial que está más orientada a la experiencia de lectura de los usuarios en dispositivos portátiles.

Evaluación global

En general, HackerNoon es un sitio web completo y completo, ya que se navega fácilmente. Está diseñado para adaptarse a su público objetivo tanto desde el punto de vista estético (colores, iconos y tipos de letra) como académico (contenidos, palabras y funcionalidad).


Al hacer que los editores lean y decidan si cada artículo es publicable, el sitio proporciona a los lectores información de calidad que se adapta a sus necesidades y demandas. En cuanto a los escritores, al hacerlo, se les anima a mejorar sus habilidades y conocimientos de escritura y a poder utilizar el sitio con fluidez.


La complejidad de las tareas está razonablemente racionada entre dos grupos principales de usuarios. Para los usuarios y lectores generales que visitan el sitio para leer y buscar información, pueden navegar y encontrar información/artículos fácilmente. Para los escritores, el nivel de complejidad de la tarea es alto, por lo que se ven obligados a aprender a utilizar el sitio correctamente, lo que puede entenderse como la base para crear buenos artículos.


Cuando se trata del diseño de la interfaz, HackerNoon se mantiene consistente con su estética, sin embargo, el diseño consta de mucha información y los colores predeterminados del sitio (verde brillante y amarillo) pueden considerarse como contratiempos a medida que los nuevos usuarios pueden percibir el sitio. como abrumador y demasiado complicado.


Aparte de eso, se puede considerar que HackerNoon está centrado en el usuario, ya que los usuarios pueden personalizar de manera flexible el sitio en cada tarea que realizan, desde cambiar el color de la página de inicio hasta personalizar perfiles y cambiar el tamaño de fuente, titulares e imágenes al escribir un artículo.


Otra cosa que HackerNoon hace bien centrada en el usuario es que se proporciona ayuda en todas partes del sitio, desde una sección de ayuda/manual de marca bien organizado hasta pequeñas definiciones de nuevas funciones.


Además, como empresa que depende mucho de la publicidad por correo electrónico y los boletines informativos, el hecho de que HackerNoon permita a los usuarios elegir qué correo electrónico reciben o incluso darse de baja por completo de los correos electrónicos/boletines también se considera extremadamente centrado en el usuario.