На этой странице содержится подробная информация о проекте технического написания, принятом для участия в Google Season of Docs.
Краткое описание проекта
- Организация с открытым исходным кодом:
- Документация по экосистеме Гидры
- Технический писатель:
- ПотрясающеЧап
- Название проекта:
- Улучшение UX сайта документации
- Длина проекта:
- Стандартная продолжительность (3 месяца)
Описание проекта
Я пишу вам, чтобы выразить свою заинтересованность в улучшении пользовательского интерфейса идеи сайта документации, которую вы разместили на своей странице идей сезона документации. Я опытный разработчик React, дизайнер, а также увлеченный технический писатель. У меня также есть приличный опыт работы в крупных междисциплинарных командах. Помимо разработки, я также веду технические блоги для некоторых изданий, таких как TheStartup. Чтобы просмотреть мои блоги, посетите https://medium.com/@jatin15011999 . Если вы хотите узнать обо мне больше, посетите мой сайт www.jatinkumar.tech. Я уверен, что мой опыт и навыки отлично подойдут для реализации этой идеи.
У меня более двух лет опыта работы со стеком MERN, и я могу довольно быстро создавать надежные интерфейсы с привлекательным пользовательским интерфейсом и потрясающим UX. Я хорошо владею React и Node.js и люблю сочетать код с творчеством. В своем предыдущем опыте я разработал множество макетов внешнего интерфейса, которые решали различные проблемы. Будучи UI/UX-дизайнером, я очень хорошо знаю, какое влияние UI/UX хорошего веб-сайта может оказать на посетителя. Не имеет значения, сколько хорошего контента у вас может быть на вашем веб-сайте, но только если вы не можете предоставить пользователю хороший пользовательский опыт. Он/она с меньшей охотой снова посетит ваш сайт. Хороший UI/UX может быть таким же простым, как изменение цветов или добавление ненавязчивой анимации. Но чтобы подумать об этих простых изменениях, вам нужно опробовать сотни вещей, прежде чем найти подходящую комбинацию, и я думаю, что у меня есть приличный опыт в этом аспекте. и может сделать это действительно элегантно и эффективно.
Я очень подробно изучил текущий веб-сайт Hydra и полностью согласен с тем, что на нем есть серьезная проблема с навигацией. Как указано в вашей идее, это можно легко решить, добавив боковую/верхнюю панель на веб-сайт. Но если мы посмотрим более внимательно, на текущем сайте уже есть панель навигации, расположенная вверху, поэтому верхняя панель недоступна, а боковая панель кажется более подходящей. Кроме того, как описано на странице идей, некоторые документы также необходимо связать с разделом «Главная страница» для удобства навигации. Итак, учитывая все эти ограничения, я разработал прототип. Вы можете увидеть его на http://hydra-doc.herokuapp.com/ . Прототип полностью адаптивный и был вдохновлен различными другими сайтами документации. Он обеспечивает совершенно другой пользовательский опыт при открытии на мобильном устройстве по сравнению с большими экранами, такими как ноутбук. Если вы видели прототип, вы, возможно, заметили, что он представляет собой целевую страницу (которая также является страницей «О программе»), на которой есть две кнопки: «Узнать больше» и «Документация API». Итак, похоже, что теперь наши документы API связаны с главной веб-страницей, и одна из проблем решена. Но подождите, а что насчет навигации? Не волнуйтесь, этот сайт предлагает действительно элегантное решение и для этого аспекта. Если вы сейчас нажмете кнопку «Узнать больше», вы будете прокручены вниз до раздела «О сайте», и теперь вы будете прыгать и играть с ним. Вы сами испытаете, насколько элегантно это решает проблему навигации, не ставя под угрозу видимость контента. и опыт пользователя. На более тонких экранах боковая панель скрывается и гарантирует, что контент занимает то место, которого он заслуживает, а на более широких экранах, где они оба, то есть контент и боковая панель, могут сосуществовать, боковая панель также занимает некоторое необходимое пространство. Кроме того, если пользователь хочет перейти на другую страницу, он также может сделать это довольно удобно, просто щелкнув определенный заголовок на панели навигации, расположенной в верхней части экрана. Ненавязчивая плавная анимация просто улучшает взаимодействие с пользователем и выводит UX веб-сайта на совершенно другой уровень.
Помимо навигации, проблемой также является поток контента. И я считаю, что для решения этой проблемы нужно время. Из-за нехватки времени не смог поработать над этим и внедрить его в прототип, представленный выше. Но да, у меня есть немало идей по улучшению текущего потока контента. Если останется время, мы также можем улучшить способ, которым в настоящее время авторы могут создавать блоги и руководства на веб-сайтах. Я думаю, что такая система управления контентом, как Medium, вполне могла бы решить эту проблему. Если бы они были созданы, нам не нужно было бы писать блоги на Medium, а затем перенаправлять их на Medium.com, что становится весьма раздражающим, когда пользователю приходится чаще перемещаться между блогами и основным сайтом. Мы сможем самостоятельно размещать блоги, и пользователь сможет более удобно переходить к блогам, и, кроме того, имея CMS, сопоставимую с системой Medium, автор также сможет очень удобно редактировать блоги или созданные ими руководства.
Я надеюсь, что вам понравилась моя идея, и я думаю, что мой опыт и навыки сделают меня идеальным кандидатом для работы над этой идеей.