paint-brush
HackerNoon — анализ пользовательского опыта: часть 2к@gedyflowers
264 чтения

HackerNoon — анализ пользовательского опыта: часть 2

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

Слишком долго; Читать

Обзор пользовательского опыта HackerNoon с точки зрения читателей и писателей. Как просматривать и писать на сайте. Кроме того, будет дан анализ эстетики и дизайна HackerNoon.
featured image - HackerNoon — анализ пользовательского опыта: часть 2
Tuan Anh Vu HackerNoon profile picture
0-item
1-item

Привет! Прошло много времени. Это все еще я с моим университетским отчетом о пользовательском опыте HackerNoon.


В предыдущей части мы рассмотрели:

  1. Что такое ХакерНун?

  2. Потенциальные пользователи HackerNoon и персонажей.

  3. Анализ HackerNoon по аспектам доступности , интернационализации, а также когнитивных и перцептивных проблем .


Отказ от ответственности (еще раз): Это ни в коем случае не представление того, как HackerNoon используется пользователями, а просто общее аналитическое предположение об общем использовании и эстетике сайта. Это можно использовать в качестве справочника для новых пользователей о том, что такое HackerNoon и как использовать сайт на базовом уровне.


Во второй части мы рассмотрим:


  1. Самые основные функции сайта – Чтение и Написание. Как просматривать сайт, а также как писать и отправлять статьи на HackerNoon.


  2. Также будет дано некоторое общее понимание и анализ веб-дизайна и эстетики HackerNoon.

Обзор контента

  • Анализ задач

    Просмотр ХакерПолдень

    Пишу на HackerNoon


  • Дизайн пользовательского интерфейса

    Стили взаимодействия

    Эстетика


  • Общие оценки

Анализ задач

Читатели HackerNoon:

Основная цель: читать и узнавать обо всем, что представляет интерес, связанный с технологиями.


Познавательное прохождение/Шаги для достижения цели:

  1. Опция 1:

    а. Шаг 1. Зайдите на сайт hackernoon.com.


    б. Шаг 2. Просмотрите и пролистайте Интернет, пока не найдете статью, которая привлечет ваше внимание.


  1. Вариант 2:

    Шаг 1. Зайдите на сайт hackernoon.com.


    Шаг 2. Введите интересующую вас тему в строку поиска и перемещайтесь по списку историй, тегов и людей, за которыми можно следить и читать на веб-сайте.


Панель поиска HackerNoon

  1. Вариант 3:

Шаг 1. Зайдите на сайт hackernoon.com.


Шаг 2. Наведите указатель мыши на панель навигации и выберите тему, о которой вы хотите узнать больше.


Навигационная панель HackerNoon


Вариант 4. Этот вариант часто используют постоянные читатели, знакомые с предметной областью в целом.


Шаг 1. Зайдите на сайт hackernoon.com.


Шаг 2: Введите в строку поиска: hackernoon.com/u/learn. Это приведет вас к учетной записи, созданной и управляемой сотрудниками HackerNoon, которая представляет собой сборник историй, которые необходимо прочитать по каждой конкретной теме.


Репо HackerNoon Learn


Обсуждение сложности и разнообразия задачи: посредством когнитивного анализа возможных способов, которыми читатель может перемещаться по HackerNoon в поисках статей или тем, соответствующих его интересам, можно сделать вывод, что домен предназначен для того, чтобы читатели могли легко ориентироваться при низкой сложности. Уровень, о чем свидетельствует тот факт, что читателям часто требуется не более двух шагов, чтобы найти конкретную тему для чтения, таким образом, новый читатель может легко понять основы использования сайта.


Однако уровень разнообразия сайта относительно высок, поскольку, как упоминалось выше, у читателей есть несколько способов прочитать или найти интересующие их темы.

Авторы HackerNoon:

Основная цель: опубликовать свою статью.


Познавательное прохождение/Шаги для достижения цели:

  1. Шаг 1 : Войдите в систему или создайте учетную запись HackerNoon.


  2. Шаг 2. На домашней странице HackerNoon нажмите «Написать»; вы окажетесь на странице писателей. Вы можете найти шаблоны для написания здесь или нажать «Начать черновик»/«Начать писать», чтобы немедленно приступить к созданию черновика.


Кнопка «Написать» в HackerNoon


Страница писателей HackerNoon


  1. Шаг 3: Начните писать.


3.1. Придумайте хорошее название для статьи. Хороший заголовок может помочь вам в написании книги. Кроме того, чтобы статью можно было сохранить как черновик на HackerNoon, у нее должен быть заголовок.


редактор HackerNoon


3.2. Напишите статью. Авторы, помимо написания простой статьи, могут иметь возможность настроить свой текст, добавив заголовки, цитаты, обложку, а также написав слова или фразы жирным шрифтом или курсивом.


Пишем в редакторе HackerNoon


3.3. Авторы могут добавлять элементы, чтобы сделать свою статью более привлекательной. Этого можно добиться, набрав «/» в любом месте, где вы хотите вставить новый элемент, например ссылку, изображение или даже встроить видео.


Добавляйте элементы в свои статьи


3.4. Авторы должны вычитывать свои статьи, проверять наличие грамматических ошибок, следить за тем , что можно и что нельзя делать в статье HackerNoon , и, наконец, проверять на наличие потенциального плагиата, поскольку HackerNoon не публикует плагиатный контент.


Чтобы проверить плагиат, нажмите «Настройки истории» на панели навигации под изображением профиля, затем нажмите кнопку для создания данных о плагиате.


Проверка плагиата HackerNoon


  1. Шаг 4: Завершение написания.


4.1. Выберите избранное изображение для статьи. В «Настройки истории» выберите «Нажмите, чтобы загрузить избранное изображение», и появится всплывающее окно, в котором авторам будут предоставлены различные варианты для избранных изображений: от самостоятельной загрузки до выбора одного из онлайн-баз данных или создания изображения, сгенерированного искусственным интеллектом.


Как загрузить изображения в вашу статью


4.2. Добавьте теги к истории, чтобы распределить ее по категориям и облегчить поиск статьи на сайте.


Добавление тегов для лучшего распространения


4.3. Добавьте описание к истории.


Каждой истории нужно хорошее описание



4.4. Создайте TL;DR для статьи. Писатели могут написать его сами или создать его с помощью искусственного интеллекта.


Как насчет TL;DR?


  1. Шаг 5: Отправьте статью на редакционную проверку. Этот процесс называется «Второе человеческое правило». HackerNoon предложит редакторам сначала прочитать статью, внести необходимые изменения и решить, публиковать ее или нет.


Представлять на рассмотрение!!!


  1. Шаг 6: Если после редакционной проверки статья будет опубликована, HackerNoon отправит автору электронное письмо с объявлением о публикации.


Обсуждение сложности и разнообразия задачи. Благодаря когнитивному описанию основных шагов, которые необходимо предпринять писателю для публикации на HackerNoon, можно увидеть, что по сравнению с анализом задач читателей, приведенным выше, уровень сложности значительно увеличился.


Для создания полноценной статьи авторам необходимо выполнить множество шагов, а также подэтапов, и даже после этого история все равно должна пройти несколько уровней контроля качества перед публикацией.


Что касается разнообразия, единственный способ для писателей добиться публикации на HackerNoon — это написать рассказ.

Как решаются проблемы доступности:

HackerNoon разработан с учетом совместимости с функциями поддержки специальных возможностей устройств, поскольку читатели могут читать статьи с поддержкой Voice Over, а писатели могут писать с помощью диктовки.


Кроме того, учитывая сам домен, каждая статья на HackerNoon имеет собственный звук, который читает ИИ.


Аудиоистория HackerNoon


HackerNoon относится к деятельности в «реальном» мире:

Поскольку чтение и письмо в Интернете являются частью реальности 21 века, HackerNoon настолько «реален», насколько это возможно. В онлайн-публикации такие действия, как чтение и письмо, происходят в реальном времени, истории отправляются каждый час, и как только они публикуются, они становятся настоящими фрагментами информации, доступными каждому реальному человеку.


Кроме того, пользователям разрешено комментировать истории друг друга, создавая реальные разговоры. Кроме того, при отправке статьи на редакционную рецензию авторы могут отправлять сообщения редакторам прямо в окне «Настройки истории».

Дизайн пользовательского интерфейса

Стиль взаимодействия:

Прямое манипулирование/взаимодействие в стиле окна. Будучи сложным веб-сайтом с тщательно продуманным дизайном и предназначенным для онлайн-издательства, HackerNoon в основном использует взаимодействие в стиле окна, поскольку пользователи в основном взаимодействуют с сайтом, прокручивая и выполняя задачи на одном из них. и/или несколько всплывающих окон.


Кроме того, во время написания авторы могут иметь возможность напрямую манипулировать макетами своих статей в соответствии со своими желаниями и потребностями.


Однако видно, что существует также небольшая интеграция других стилей взаимодействия, а именно:

  • Заполнение форм: этот тип взаимодействия используется при написании статей и добавлении дополнительной информации (TL;DR, резюме) к истории; он также используется в строке поиска на сайте, а также при заполнении информации для входа или регистрации. Кроме того, он также используется, когда авторы хотят обновить или заполнить информацию в своих профилях.


  • Выбор меню. Этот тип стиля взаимодействия отображается на панели навигации, в частности, это раскрывающееся меню, в котором пользователи могут перемещаться и выбирать соответствующие элементы.

Эстетика:

  1. Общая эстетика:

Логотип и дизайн. Веб-сайт технологического издания по дизайну и общей эстетике напоминает ретро-8-битный BBC Micro с фирменным зеленым монохромным дисплеем. Дизайн сайта также соответствует той же эстетике ретро и старых технологий с эффектами сканирующей трубки и пиксельными значками.


Кроме того, дизайн макета намеренно сделан так, чтобы он выглядел как изображение экрана хакерского компьютера, изображенного на телевидении, что соответствует названию сайта - HackerNoon.


Шрифт: шрифт, используемый на сайте, жесткий и неуклюжий, соответствующий технологической эстетике технического издания. Кроме того, HackerNoon также использует уникальный шрифт HackerNoon для своих проектов. Он создан так, чтобы выглядеть пиксельным, как коды, но с гладкими краями. На мой взгляд, этот шрифт представляет собой удачное сочетание ретро-технологий и современности.


Обсуждение: Учитывая эстетику, к которой стремится бренд, HackerNoon идет по правильному пути с точки зрения последовательности дизайна. Однако намеренное придание сайту ретро-хаотичного вида и размещение большого количества информации и статей на главной странице может стать неудачей, поскольку новый пользователь может быть легко ошеломлен объемом информации, представленной на сайте, даже несмотря на то, что навигация по нему относительно проста.


  1. 10 принципов Нильсена: анализ дизайна интерфейса HackerNoon на основе 10 принципов Нильсена.


  • Видимость состояния системы: HackerNoon показывает значок загрузки, чтобы показать пользователям, что происходит и ход выполнения задачи, которую они выполняют; он появляется во время выполнения основных задач, таких как вход в систему/регистрация, когда автор загружает редактор для написания и когда он загружает изображения в свои статьи.


  • Соответствие между реальным миром и системой: как технологическое издание, привлекающее на сайт миллионы технологов, HackerNoon не только соответствует эстетике ретро-технологий, как упоминалось выше, но и на сайте также используется множество слов и фраз, которые являются трендовыми и узнаваемыми людьми. в технологической отрасли.


  • Пользовательский контроль и свобода: пользователи HackerNoon имеют большую свободу выбора , поскольку они могут подписаться на информационные бюллетени и электронные письма или отказаться от них . Сайт также поддерживает функции отмены и повтора для авторов; кроме того, редактор автоматически сохраняет истории, чтобы авторы не теряли прогресс при написании.


    Это позволяет пользователям более комфортно пользоваться сайтом, зная, что они могут контролировать свой прогресс, а также рекламу сайта.


  • Согласованность и стандарты. Хорошая согласованность, поскольку HackerNoon использует стандартизированные фразы для команд входа и выхода. Кнопки написаны четко, что видно по кнопке «Начать писать». Панель навигации имеет одинаковую эстетику, макет, шрифты и цвета статей, а также заголовков на главной странице также одинаковы.


  • Распознавание, а не запоминание: при написании в редакторах HackerNoon представлены четкие инструкции ( если что, найдите маленький вопросительный знак «?», расположенный в каждом разделе редактора ). Кроме того, есть раздел справки со всем, что пользователям нужно знать о HackerNoon.


    Дальнейшие инструкции и предложения по названию

Инструкции HackerNoon о том, как настроить текст во время написания


  • Предотвращение ошибок: сайт автоматически распознает ошибки пользователей и уведомляет их.


    Механизм предотвращения ошибок HackerNoon


  • Гибкость и эффективность использования: сайт является гибким и эффективным, поскольку для авторов поддерживаются сочетания клавиш при написании с помощью редакторов HackerNoon. Кроме того, функции навигации сайта достаточно просты для новых пользователей, и каждый может быстро ознакомиться с сайтом.


  • Эстетичный и минималистичный дизайн. Как упоминалось выше, эстетика HackerNoon выполнена в стиле ретро и может показаться загроможденной для новых пользователей. Однако все макеты разработаны намеренно, и пользователи могут быстро научиться пользоваться сайтом.


  • Распознавайте, диагностируйте и восстанавливайте: уведомления об ошибках 404 также предполагают, что потенциальные пользователи могут искать контент. Это разумный поступок, поскольку вместо того, чтобы показывать только сообщение об ошибке, сайт пытается понять ошибки пользователей и возвращает их к поиску, который они ищут. Таким образом, это хороший способ наладить отношения с пользователями и снизить показатель отказов сайта.


    Страница 404 на сайте HackerNoon


  • Справка и документация: на панели навигации есть раздел справки для пользователей, и любые функции, созданные только для HackerNoon, будут определяться при наведении курсора на вопросительный знак рядом с ними.


  1. Гибкость: HackerNoon обладает хорошей гибкостью, поскольку у пользователей есть множество возможностей персонализации.
  • Пользователи могут настроить свой профиль HackerNoon, добавив информацию, достижения, социальные сети и даже статистику. Это позволяет пользователям полностью контролировать то, что они хотят, чтобы мир видел о них, что полезно для установления связей между людьми в сообществе HackerNoon.


  • Пользователи могут настроить цвет своей домашней страницы, щелкнув значок кисти в правом углу под панелью навигации. Это может решить проблему с цветом сайта, поскольку многим людям трудно рассмотреть зеленый цвет HackerNoon, поэтому они могут изменить цвет домашней страницы на более спокойный цвет.


Настройте цвет вашего сайта с помощью некоторых наших цветовых шаблонов.


  1. Мобильный против настольного компьютера:

При переходе с настольного компьютера на мобильные устройства эстетика HackerNoon остается неизменной с неизменными цветами и макетом. Элементы веб-сайта хорошо адаптированы для мобильных устройств, примером чему служит панель навигации, которая теперь состоит из трех тире в верхнем правом углу, и когда пользователи нажимают на нее, открывается полное меню.


Кроме того, размеры окон и статей изменяются в соответствии с макетом мобильного устройства, что делает чтение HackerNoon на мобильных устройствах визуально таким же, как на настольном компьютере.


Однако, поскольку написание статей на HackerNoon — это сложная задача, состоящая из множества шагов, ярлыков и настроек, веб-сайт на мобильных устройствах не может обеспечить все функции, как на настольном компьютере. Поэтому существуют ограничения на команды быстрого доступа, настройку заголовков, размер шрифта и добавление изображений.


Таким образом, писать полную статью HackerNoon на мобильных устройствах не рекомендуется.


Недавно HackerNoon выпустила свое официальное мобильное приложение , которое больше ориентировано на удобство чтения пользователями на портативных устройствах.

Общая оценка

В целом, HackerNoon — это полноценный, разносторонний веб-сайт, в котором легко ориентироваться. Он разработан так, чтобы удовлетворить свою целевую аудиторию как эстетически (цвета, значки и шрифты), так и академически (содержание, слова и функциональность).


Благодаря тому, что редакторы читают и решают, можно ли публиковать каждую статью, сайт предоставляет читателям качественную информацию, соответствующую их потребностям и требованиям. Что касается писателей, то таким образом они получают возможность совершенствовать свои писательские навыки и знания и могут свободно пользоваться сайтом.


Сложность задач разумно распределяется между двумя основными группами пользователей. Обычные пользователи и читатели, которые заходят на сайт для чтения и поиска информации, могут легко перемещаться и находить информацию/статьи. Для авторов уровень сложности задач высок, поэтому они вынуждены учиться правильно пользоваться сайтом, что можно понимать как основу для создания хороших статей.


Что касается дизайна интерфейса, HackerNoon сохраняет свою эстетику, однако макет состоит из большого количества информации, а цвета сайта по умолчанию (ярко-зеленый и желтый) могут рассматриваться как недостатки, поскольку новые пользователи могут воспринимать сайт. как подавляющее и сверхсложное.


Помимо этого, HackerNoon можно считать ориентированным на пользователя, поскольку пользователи могут гибко настраивать сайт для выполнения каждой выполняемой ими задачи: от изменения цвета домашней страницы до настройки профилей и изменения размера шрифта, заголовков, а также изображений при написании сообщения. статья.


Еще одна вещь, ориентированная на пользователя, которую хорошо делает HackerNoon, — это то, что помощь предоставляется повсюду на сайте: от хорошо организованного раздела справки / руководства по бренду до небольших описаний новых функций.


Кроме того, поскольку компания во многом полагается на рекламу по электронной почте и информационные бюллетени, тот факт, что HackerNoon позволяет пользователям выбирать, какое электронное письмо они получают, или даже полностью отказаться от подписки на электронные письма/информационные бюллетени, также считается чрезвычайно ориентированным на пользователя.