En esta página, se incluyen los detalles de un proyecto de redacción técnica aceptado para la temporada de Documentos de Google.
Resumen del proyecto
- Organización de código abierto:
- Documentación del ecosistema de Hydra
- Redactor técnico:
- AwesomeChap
- Nombre del proyecto:
- Mejora la UX del sitio del documento
- Duración del proyecto:
- Duración estándar (3 meses)
Project description
Te escribo para expresarte mi interés en mejorar la UX de la idea del sitio de documentos que publicaste en tu página de ideas de la temporada de documentos. Soy un desarrollador experimentado de React, diseñador y un escritor técnico muy entusiasta. También tengo una buena experiencia en el trabajo en grandes equipos multidisciplinarios. Además del desarrollo, también escribo blogs técnicos para algunas publicaciones como TheStartup. Para ver mis blogs, visita https://medium.com/@jatin15011999. Si quieres saber más sobre mí, visita mi sitio web: www.jatinkumar.tech. Estoy seguro de que mi experiencia y mi conjunto de habilidades serían una gran combinación para esta idea.
Tengo más de 2 años de experiencia con la pila MERN y puedo crear interfaces sólidas con una IU atractiva y una UX increíble con bastante rapidez. Tengo experiencia en React y Node.js, y me encanta combinar código con creatividad. En mis experiencias anteriores, desarrollé una variedad de diseños de frontend que resolvieron varios problemas. Como diseñador de IU/UX, sé muy bien el impacto que puede tener una buena IU/UX de un sitio web en el visitante. No importa cuánto contenido de calidad tengas en tu sitio web, a menos que puedas brindarle una buena experiencia al usuario. Estaría menos dispuesto a visitar su sitio web nuevamente . Una buena IU/UX puede ser tan simple como cambiar los colores o agregar animaciones no intrusivas. Sin embargo, para pensar en esos cambios simples, debes probar cientos de cosas antes de encontrar la combinación adecuada. Creo que tengo una cantidad decente de experiencia en ese aspecto y puedo lograrlo de manera muy elegante y eficiente.
Estudié el sitio web actual de Hydra en detalle y estoy de acuerdo en que el sitio actual tiene un problema grave de navegación. Como se indica en tu idea, se puede resolver fácilmente agregando una barra lateral o una barra superior al sitio web. Pero si miramos más de cerca, el sitio actual ya tiene una barra de navegación ubicada en la parte superior, por lo que la barra superior ya no está disponible y la barra lateral parece ser más viable. Además, como se describe en la página de ideas, algunos documentos también deben estar vinculados a la sección Principal para facilitar la navegación. Teniendo en cuenta todas estas restricciones, diseñé un prototipo. Puedes verlo en http://hydra-doc.herokuapp.com/. El prototipo es completamente responsivo y se inspiró en varios otros sitios de documentación. Proporciona una experiencia del usuario completamente diferente cuando se abre en dispositivos móviles en comparación con pantallas más grandes, como laptops. Si viste el prototipo, es posible que hayas observado que publicó una página de destino (que también es una página Acerca de) con dos botones, uno que dice "Más información"" y otro que dice ""Documentación de la API"". Muy bien. Parece que ahora nuestros documentos de la API se vincularon a la página web principal y uno de los problemas se resolvió, pero ¿qué pasa con la navegación? No te preocupes, este sitio también ofrece una solución muy elegante para ese aspecto. Si ahora presionas el botón 'Conocer más', te desplazarías hacia abajo hasta la sección Acerca de del sitio web y ahora das un vistazo y juegas con ella. Descubrirás que resuelve el problema de navegación con elegancia sin comprometer la visibilidad del contenido ni la experiencia del usuario. En pantallas más delgadas, la barra lateral se oculta y garantiza que el contenido ocupe el espacio que se merece. En pantallas más anchas, en las que el contenido y la barra lateral pueden coexistir, la barra lateral también ocupa un espacio necesario. Además, en caso de que el usuario desee navegar a una página diferente, también puede hacerlo de manera muy conveniente con solo hacer clic en un título determinado en la barra de navegación ubicada en la parte superior de la pantalla. Las animaciones fluidas y no invasivas mejoran la interacción del usuario y llevan la UX del sitio web a otro nivel.
Además de la navegación, el flujo de contenido también es un problema, y creo que este problema necesita tiempo para resolverse. Debido a la escasez de tiempo, no pude trabajar en él ni incorporarlo en el prototipo proporcionado anteriormente. Pero sí, tengo muchas ideas para mejorar el flujo de contenido actual. Si queda tiempo, también podemos mejorar la forma en que los autores actuales crean blogs y guías en los sitios web. Creo que un sistema de administración de contenido como Medium podría resolver muy bien este problema. Si se creara, no necesitaríamos escribir blogs en Medium y, luego, redireccionarlos a medium.com, lo que se vuelve bastante molesto cuando el usuario necesita navegar entre los blogs y el sitio principal con más frecuencia . Podríamos alojar los blogs por nuestra cuenta y el usuario podría navegar a ellos de forma más conveniente. Además de tener un CMS comparable al de Medium, el autor también podría editar de forma muy conveniente los blogs o las guías que creó.
Espero que te haya gustado mi idea y que mi experiencia y mi conjunto de habilidades me harían una gran opción para trabajar en ella.