Esta página contém os detalhes de um projeto de redação técnica aceito para a Google Season of Docs.
Resumo do projeto
- Organização de código aberto:
- Documentação do ecossistema Hydra
- Redator técnico:
- AwesomeChap
- Nome do projeto:
- Melhorar a UX do site de documentos
- Duração do projeto:
- Duração padrão (três meses)
Project description
Estou escrevendo para expressar meu interesse em melhorar a UX da ideia do site de documentos que você postou na página de ideias da temporada de documentos. Sou desenvolvedor e designer experiente em React, além de um redator técnico muito entusiasmado. Tenho uma boa experiência em trabalhar em grandes equipes multidisciplinares. Além do desenvolvimento, também escrevo blogs técnicos para algumas publicações, como a TheStartup. Para acessar meus blogs, acesse https://medium.com/@jatin15011999. Se quiser saber mais sobre mim, acesse meu site www.jatinkumar.tech. Tenho certeza de que minha experiência e conjunto de habilidades são perfeitos para essa ideia.
Tenho mais de dois anos de experiência com a pilha MERN e consigo criar interfaces robustas com uma interface chamativa e uma UX incrível rapidamente. Tenho experiência com React e Node.js e adoro misturar código com criatividade. Em minhas experiências anteriores, desenvolvi vários layouts front-end que resolveram diversos problemas. Como designer de UI/UX, sei muito bem que uma boa interface/UX do site pode ter sobre os visitantes. Não importa quanto conteúdo de qualidade você tem no seu site, mas sim se você consegue oferecer uma boa experiência ao usuário. Ele/ela não vai querer visitar seu site novamente . Uma boa interface/UX pode ser tão simples quanto mudar cores ou adicionar animações não invasivas. Mas, para pensar nessas mudanças simples, você precisa experimentar centenas de coisas antes de encontrar a combinação adequada. Acho que tenho bastante experiência nesse aspecto e consigo fazer isso de forma elegante e eficiente.
Estudei o site atual da Hydra em detalhes e concordo que ele tem um problema sério de navegação. Como mencionado na sua ideia, é possível resolver isso facilmente adicionando uma barra lateral ou superior ao site. No entanto, se olharmos mais de perto, o site atual já tem uma barra de navegação na parte de cima, então a barra de navegação está fora de opção e a barra lateral parece ser mais viável. Além disso, conforme descrito na página de ideias, alguns documentos também precisam ser vinculados à seção "Início" para facilitar a navegação. Considerando todas essas restrições, projetei um protótipo, que pode ser acessado em http://hydra-doc.herokuapp.com/. O protótipo é totalmente responsivo e foi inspirado em vários outros sites de documentação. Ela oferece uma experiência do usuário completamente diferente quando aberta em dispositivos móveis em comparação com telas maiores, como laptops. Se você viu o protótipo, deve ter observado que ele veiculou uma página de destino (que também é uma página Sobre), que tem dois botões, um diz "Saiba mais"" e outro ""Documentos de API"". Parece que agora os documentos da API foram vinculados à página principal e um dos problemas foi resolvido. Mas e a navegação? Não se preocupe, este site também oferece uma solução elegante para esse aspecto. Se você pressionar o botão "Saiba mais", vai rolar para baixo até a seção "Sobre" do site. Se você brincar com ele, vai perceber como ele resolve o problema de navegação sem comprometer a visibilidade do conteúdo e a experiência do usuário. Em telas mais finas, a barra lateral se oculta e garante que o conteúdo ocupe o espaço que merece. Em telas mais largas, em que o conteúdo e a barra lateral podem coexistir, a barra lateral também ocupa o espaço necessário. Além disso, caso o usuário queira navegar para uma página diferente, ele pode fazer isso também e de forma muito conveniente, basta clicar em um determinado título na barra de navegação localizada na parte de cima da tela. Animações suaves não intrusivas apenas melhoram a interação do usuário e elevam a UX do site a outro nível.
Além da navegação, o fluxo de conteúdo também é um problema, e acredito que esse problema precisa de tempo para ser resolvido. Devido à falta de tempo, não foi possível trabalhar nele e incorporá-lo ao protótipo fornecido acima. Mas sim, tenho algumas ideias para melhorar o fluxo de conteúdo atual. Se sobrar tempo, também poderemos melhorar a maneira como os autores atualmente criam blogs e guias nos sites. Acho que um sistema de gerenciamento de conteúdo como o Medium poderia resolver o problema muito bem. Se criado, não precisaríamos escrever blogs no Medium e redirecionar para medium.com, o que se torna bastante irritante quando o usuário precisa navegar entre os blogs e o site principal com mais frequência . Poderíamos hospedar blogs por conta própria, e os usuários poderiam navegar mais facilmente pelos blogs. Além disso, com um CMS comparável ao do Medium, os autores também poderiam editar com facilidade os blogs ou guias criados por eles.
Espero que você tenha gostado da minha ideia e acho que minha experiência e conjunto de habilidades me qualificam para trabalhar nela.