HackerNoon - Une analyse de l'expérience utilisateur : partie 2

Hé! Cela fait longtemps. C'est toujours moi avec mon rapport universitaire sur l'Expérience Utilisateur de HackerNoon.

Dans la partie précédente , nous avons abordé :

1. Qu’est-ce que HackerNoon ?

2. Utilisateurs potentiels de HackerNoon et de personas.

3. Analyse de HackerNoon sur les aspects d' accessibilité , d'internationalisation et de défis cognitifs et perceptuels .

   
   

Dans cette deuxième partie, nous passerons en revue :

1. Les fonctions les plus basiques du site - Lecture et Écriture. Comment parcourir le site, et comment rédiger et soumettre vos articles HackerNoon.

   
   

2. Une compréhension générale et une analyse de la conception et de l'esthétique Web de HackerNoon seront également fournies.

Aperçu du contenu

• Analyse des tâches

  Navigation HackerNoon

  Écrire sur HackerNoon

• Design de l'interface utilisateur

  Styles d'interaction

  Esthétique

• Évaluations globales

Analyse des tâches

Lecteurs HackerNoon :

Objectif principal : lire et apprendre sur tout sujet d'intérêt lié à la technologie.

Procédure pas à pas cognitive/étapes pour atteindre l'objectif :

1. Option 1:

   un. Étape 1 : Allez sur le site hackernoon.com

   
   

   b. Étape 2 : Parcourez le Web jusqu'à ce que vous trouviez un article qui attire votre attention.

2. Option 2:

   Étape 1 : Accédez au site Web hackernoon.com

   
   Étape 2 : saisissez votre sujet d'intérêt dans la barre de recherche et parcourez la liste des histoires, des balises et des personnes à suivre et à lire sur le site Web.

   
   

3. Option 3 :

Étape 1 : Accédez à hackernoon.com

Étape 2 : Passez votre souris sur la barre de navigation et choisissez le sujet sur lequel vous souhaitez en savoir plus.

Option 4 : Cette option est souvent réalisée par des lecteurs réguliers connaissant le domaine en général.

Étape 1 : Accédez à hackernoon.com

Étape 2 : Tapez dans la barre de recherche : hackernoon.com/u/learn. Cela vous mènera à un compte créé et géré par les employés de HackerNoon qui agit comme une collection d'histoires incontournables pour chaque sujet spécifique.

Discussion sur la complexité et la variété de la tâche : grâce à l'examen cognitif des façons possibles pour un lecteur de naviguer dans HackerNoon pour trouver des articles ou des sujets qui correspondent à ses intérêts, on peut conclure que le domaine est conçu pour que les lecteurs puissent naviguer facilement avec une faible complexité. niveau, la preuve par le fait qu'il ne faut souvent pas plus de 2 étapes aux lecteurs pour trouver un sujet spécifique à lire, ainsi, un nouveau lecteur peut facilement comprendre les bases sur la façon d'utiliser le site.

Cependant, le niveau de variété du site est relativement élevé car les lecteurs disposent de plusieurs façons de lire ou de trouver les sujets qui les intéressent, comme mentionné ci-dessus.

Écrivains de HackerNoon :

Objectif principal : faire publier leur article.

Procédure pas à pas cognitive/étapes pour atteindre l'objectif :

1. Étape 1 : Connectez-vous ou créez un compte HackerNoon.

   
   

2. Étape 2 : Sur la page d'accueil de HackerNoon, cliquez sur « Écrire » ; vous vous retrouverez sur la page des écrivains. Vous pouvez rechercher des modèles de rédaction ici ou cliquer sur « Démarrer le brouillon »/« Commencer à rédiger » pour démarrer immédiatement votre brouillon.

3. Étape 3 : Commencez à écrire.

   
   

3.1. Trouvez un bon titre pour l’article. Un bon titre peut guider son écriture sur un long chemin. De plus, pour que l'article soit enregistré en tant que brouillon sur HackerNoon, il doit avoir un titre.

3.2. Écrivez l'article. Les rédacteurs, en plus d'écrire simplement un article simple, peuvent disposer d'options pour personnaliser leur écriture, en ajoutant des titres, des citations, une photo de couverture et en écrivant des mots ou des phrases en gras ou en italique.

3.3. Les rédacteurs peuvent ajouter des éléments pour rendre leur article plus attrayant. Cela peut être réalisé en tapant « / » partout où ils souhaitent insérer un nouvel élément tel qu'un lien, une image ou même intégrer une vidéo.

3.4. Les rédacteurs doivent relire leurs articles, vérifier les erreurs de grammaire, s'assurer que l'article suit les choses à faire et à ne pas faire de HackerNoon , et enfin, vérifier le plagiat potentiel puisque HackerNoon ne publie pas de contenu plagié.

Pour vérifier le plagiat, cliquez sur « Paramètres de l'histoire » dans la barre de navigation sous la photo de profil, puis cliquez sur le bouton pour générer des données de plagiat.

4. Étape 4 : Terminer l'écriture.

   
   

4.1. Choisissez une image en vedette pour l'article. Dans « Paramètres de l'histoire », choisissez « Cliquez pour télécharger l'image en vedette » et une fenêtre apparaîtra et offrira aux auteurs diverses options pour les images en vedette, du téléchargement automatique à la sélection d'une image dans des bases de données en ligne ou à la création d'une image générée par l'IA.

4.2. Ajoutez des balises à l'histoire pour qu'elle soit catégorisée et que l'article soit plus facilement trouvé sur le site.

4.3. Ajoutez une description à l'histoire.

4.4. Créez un TL;DR pour l'article. Les écrivains peuvent l’écrire eux-mêmes ou le faire générer par l’IA.

5. Étape 5 : Soumettez l’article pour révision éditoriale. Ce processus est appelé « La deuxième règle humaine ». HackerNoon demandera aux éditeurs de lire l'article en premier, d'apporter les modifications nécessaires et de décider de le publier ou non.

6. Étape 6 : Après révision éditoriale, si l'article est publié, HackerNoon enverra un e-mail à l'auteur pour lui annoncer la publication.

Discussion sur la complexité et la variété de la tâche : grâce à la présentation cognitive des étapes de base pour qu'un écrivain soit publié sur HackerNoon, on peut voir que par rapport à l'analyse des tâches des lecteurs ci-dessus, le niveau de complexité a considérablement augmenté.

De nombreuses étapes et sous-étapes sont nécessaires aux rédacteurs pour créer un article complet, et même après cela, l'histoire doit encore passer par plusieurs niveaux de contrôle de qualité avant d'être publiée.

Quant à la variété, la seule façon pour les écrivains d'atteindre leur objectif de publication sur HackerNoon est d'écrire une histoire.

Comment les problèmes d’accessibilité sont résolus :

HackerNoon est conçu pour être compatible avec les fonctionnalités de prise en charge de l'accessibilité des appareils, car les lecteurs peuvent lire des articles avec la prise en charge de la voix off et les rédacteurs peuvent écrire à l'aide de la dictée.

De plus, compte tenu du domaine lui-même, chaque article sur HackerNoon a son propre audio, lu par l'IA.

HackerNoon concerne les activités dans le monde « réel » :

Étant donné que lire et écrire en ligne font partie de la réalité du 21e siècle, HackerNoon est aussi « réel » que possible. En tant que publication en ligne, des activités telles que la lecture et l'écriture se déroulent en temps réel, des histoires sont soumises toutes les heures et, une fois publiées, elles constituent de véritables informations accessibles à tout être humain réel.

De plus, les utilisateurs sont autorisés à commenter les histoires des autres, créant ainsi des conversations réelles. De plus, lorsqu'ils soumettent un article pour révision éditoriale, les rédacteurs peuvent envoyer des messages aux éditeurs directement dans la fenêtre « Paramètres de l'histoire ».

Design de l'interface utilisateur

Style d'interaction :

Manipulation directe/interaction de type fenêtre : en tant que site Web complexe et fortement conçu, en outre, pour répondre à son objectif d'éditeur en ligne, HackerNoon utilise principalement l'interaction de type fenêtre, car les utilisateurs interagissent principalement avec le site en faisant défiler et en effectuant des tâches sur un seul site. et/ou plusieurs fenêtres contextuelles.

De plus, les rédacteurs, lorsqu'ils écrivent, peuvent disposer d'options pour manipuler directement la mise en page de leurs articles en fonction de leurs désirs et de leurs besoins.

Cependant, on peut constater qu’il existe également une petite intégration d’autres styles d’interaction, notamment :

• Remplissage de formulaire : ce type de style d'interaction est utilisé pour rédiger des articles et ajouter des informations supplémentaires (TL;DR, résumé) à une histoire ; il est également utilisé dans la barre de recherche du site ainsi que pour remplir les informations de connexion ou d'inscription. De plus, il est également utilisé lorsque les rédacteurs souhaitent mettre à jour ou remplir des informations sur leur profil.

  
  

• Sélection de menu : ce type de style d'interaction est visible dans la barre de navigation, en particulier, il s'agit d'un menu déroulant dans lequel les utilisateurs peuvent naviguer et sélectionner de manière appropriée.

Esthétique:

1. Esthétique globale :

Logo et design : en tant que publication technologique, le design et l'esthétique générale du site Web ressemblent au BBC Micro rétro 8 bits avec son écran monochrome vert caractéristique. La conception du site suit également la même esthétique rétro et old-tech avec des effets de tube à balayage et des icônes pixellisées.

De plus, la conception de la mise en page est également intentionnellement conçue pour ressembler à une représentation de l'écran d'ordinateur d'un pirate informatique représenté à la télévision, en corrélation avec le nom du site - HackerNoon.

Police de caractères : la police de caractères utilisée sur le site est dure et maladroite, correspondant à l'esthétique technologique d'une publication technologique. De plus, HackerNoon utilise également la police unique HackerNoon pour ses conceptions. Il est créé pour avoir un aspect pixelisé, comme les codes, mais avec des bords lisses. Pour moi, la police est une bonne intégration de la technologie rétro et de la modernité.

Discussion : Compte tenu de l’esthétique recherchée par la marque, HackerNoon est sur la bonne voie en termes de cohérence du design. Cependant, donner intentionnellement au site un aspect rétro et chaotique et mettre beaucoup d'informations et d'articles sur la page d'accueil peut être un revers puisqu'un nouvel utilisateur peut être facilement submergé par la quantité d'informations présentées sur le site même s'il est relativement facile à naviguer.

2. Les 10 principes de Nielsen : Analyse de la conception de l'interface HackerNoon sur les 10 principes de Nielsen.

   
   

• Visibilité de l'état du système : HackerNoon affiche une icône de chargement pour montrer aux utilisateurs ce qui se passe et la progression de la tâche qu'ils effectuent ; il apparaît au milieu des tâches de base telles que la connexion/l'inscription, lorsqu'un rédacteur charge l'éditeur pour écrire et lorsqu'il télécharge des images dans ses articles.

  
  

• Correspondance entre le monde réel et le système : en tant que publication technologique attirant des millions de technologues sur le site, HackerNoon correspond non seulement à l'esthétique de la technologie rétro mentionnée ci-dessus, mais le site utilise également de nombreux mots et expressions tendance et reconnaissables par les gens. dans l'industrie technologique.

  
  

• Contrôle et liberté des utilisateurs : les utilisateurs de HackerNoon ont une grande liberté de choix puisqu'ils peuvent choisir de s'abonner ou de se désinscrire des newsletters et des e-mails . Le site prend également en charge les fonctions d'annulation et de rétablissement pour les écrivains ; de plus, les histoires sont automatiquement enregistrées par l'éditeur afin que les écrivains ne perdent pas leur progression lors de l'écriture.

  
  

  Ceux-ci permettent aux utilisateurs d'être plus à l'aise dans l'utilisation du site en sachant qu'ils contrôlent leur propre progression ainsi que les publicités du site.

  
  

• Cohérence et normes : bonne cohérence car HackerNoon utilise des expressions standardisées pour les commandes de connexion et de déconnexion. Les boutons sont écrits de manière claire, comme on peut le voir avec le bouton « Commencer à écrire ». La barre de navigation est construite avec la même esthétique, et la mise en page, les polices et les couleurs des articles ainsi que les en-têtes de la page d'accueil sont également cohérents.

  
  

• Reconnaissance plutôt que rappel : des instructions claires sont présentées lors de l'écriture avec les éditeurs HackerNoon ( si quelque chose, trouvez le petit point d'interrogation « ? », placé dans chaque section de l'éditeur ). De plus, il existe une section d'aide avec tout ce que les utilisateurs doivent savoir sur HackerNoon.

  
  

  

• Prévention des erreurs : le site reconnaît automatiquement les erreurs des utilisateurs et les informe.

  
  

  

  
  

• Flexibilité et efficacité d'utilisation : Le site est flexible et efficace car les raccourcis clavier sont pris en charge pour les rédacteurs lorsqu'ils écrivent avec les éditeurs HackerNoon. De plus, les fonctions de navigation du site sont suffisamment simples pour les nouveaux utilisateurs, et tout le monde peut se familiariser rapidement avec le site.

  
  

• Design esthétique et minimaliste : Comme mentionné ci-dessus, l’esthétique de HackerNoon est rétro-technologique et peut paraître encombrée pour les nouveaux utilisateurs. Cependant, toutes les mises en page sont conçues avec des intentions et les utilisateurs peuvent apprendre rapidement à utiliser le site.

  
  

• Reconnaître, diagnostiquer et récupérer : les notifications d'erreur 404 suggèrent également que les utilisateurs potentiels pourraient rechercher du contenu. C'est une chose intelligente à faire puisqu'au lieu d'afficher uniquement le message d'erreur, le site essaie de comprendre les erreurs des utilisateurs et les ramène à la recherche qu'ils recherchent. C'est donc un bon moyen d'établir des relations avec les utilisateurs et de réduire le taux de rebond du site.

  
  

  

  
  

• Aide et documentation : il existe une section d'aide pour les utilisateurs dans la barre de navigation, et toutes les fonctionnalités créées uniquement pour HackerNoon seront définies en plaçant le curseur sur le point d'interrogation à côté d'elles.

  
  

3. Flexibilité : HackerNoon a une bonne flexibilité car les utilisateurs disposent de nombreuses options de personnalisation.

• Les utilisateurs peuvent personnaliser leur profil HackerNoon en ajoutant des informations, des réalisations, des réseaux sociaux et même des statistiques. Cela permet aux utilisateurs de contrôler entièrement ce qu'ils veulent que le monde voie à leur sujet, ce qui est donc idéal pour établir des liens entre les membres de la communauté HackerNoon.

  
  

• Les utilisateurs peuvent personnaliser la couleur de leur page d'accueil en cliquant sur l'icône de pinceau à l'extrême droite sous la barre de navigation. Cela peut résoudre le problème de couleur du site, car de nombreuses personnes peuvent trouver la couleur verte de HackerNoon difficile à regarder, elles peuvent donc changer la couleur de la page d'accueil pour une couleur plus apaisante.

  
  

4. Mobile ou ordinateur :

Passant du bureau au mobile, l'esthétique de HackerNoon reste inchangée avec des couleurs et une mise en page cohérentes. Les éléments du site Web sont bien adaptés au mobile, comme en témoigne la barre de navigation composée désormais de 3 tirets dans le coin supérieur droit, et lorsque les utilisateurs cliquent dessus, elle s'ouvre sur un menu complet.

De plus, les fenêtres et les articles sont redimensionnés pour s'adapter à la mise en page mobile, ce qui rend l'expérience de lecture de HackerNoon sur les appareils mobiles visuellement la même que sur un ordinateur de bureau.

Cependant, comme écrire sur HackerNoon est une tâche complexe avec de nombreuses étapes, raccourcis et personnalisations, le site Web sur mobile ne peut pas satisfaire toutes les fonctionnalités comme sur ordinateur. Par conséquent, il existe des limitations sur les commandes de raccourci, la personnalisation des titres, la taille de la police et l'ajout d'images.

Ainsi, rédiger un article HackerNoon complet sur mobile n’est pas recommandé.

Récemment, HackerNoon a publié son application mobile officielle , davantage adaptée à l'expérience de lecture des utilisateurs sur les appareils portables.

Évaluation globale

Dans l’ensemble, HackerNoon est un site Web complet et complet car il est facile à naviguer. Il est conçu pour convenir à son public cible à la fois sur le plan esthétique (couleurs, icônes et polices de caractères) et sur le plan académique (contenu, mots et fonctionnalités).

En demandant aux éditeurs de lire et de décider si chaque article est publiable, le site fournit aux lecteurs des informations de qualité adaptées à leurs besoins et demandes. Quant aux écrivains, ce faisant, ils sont poussés à améliorer leurs compétences et leurs connaissances en rédaction et sont capables d'utiliser le site couramment.

La complexité des tâches est raisonnablement répartie entre deux groupes d'utilisateurs principaux. Pour les utilisateurs généraux et les lecteurs qui accèdent au site pour lire et rechercher des informations, ils peuvent facilement naviguer et trouver des informations/articles. Pour les rédacteurs, le niveau de complexité des tâches est élevé, ils sont donc obligés d'apprendre à utiliser correctement le site, ce qui peut être considéré comme la base pour créer de bons articles.

En ce qui concerne la conception de l'interface, HackerNoon reste cohérent avec son esthétique, cependant, la mise en page contient beaucoup d'informations et les couleurs par défaut du site (vert vif et jaune) peuvent être considérées comme des inconvénients car les nouveaux utilisateurs peuvent percevoir le site. comme accablant et trop compliqué.

En dehors de cela, HackerNoon peut être considéré comme centré sur l'utilisateur, car les utilisateurs sont en mesure de personnaliser le site de manière flexible dans chaque tâche qu'ils effectuent, de la modification de la couleur de la page d'accueil à la personnalisation des profils et à la modification de la taille de la police, des titres ainsi que des images lors de la rédaction d'un message. article.

Une autre chose centrée sur l'utilisateur que HackerNoon fait bien est que l'aide est fournie partout sur le site, depuis une section d'aide/manuel de marque bien organisé jusqu'à de petites définitions de nouvelles fonctionnalités.

De plus, en tant qu'entreprise s'appuyant beaucoup sur la publicité par courrier électronique et les newsletters, le fait que HackerNoon permette aux utilisateurs de choisir les e-mails qu'ils reçoivent ou même de se désinscrire complètement des e-mails/newsletters est également considéré comme extrêmement centré sur l'utilisateur.