Questa pagina contiene i dettagli di un progetto di documentazione tecnica accettato per la stagione della documentazione di Google.
Riepilogo del progetto
- Organizzazione open source:
- Documentazione dell'ecosistema Hydra
- Redattore tecnico:
- AwesomeChap
- Nome del progetto:
- Miglioramento dell'esperienza utente del sito di Documenti
- Durata del progetto:
- Durata standard (3 mesi)
Project description
Ti scrivo per esprimere il mio interesse a migliorare l'esperienza utente dell'idea del sito di documenti che hai pubblicato nella pagina dell'idea per la stagione di documenti. Sono uno sviluppatore React esperto, designer e Technical writer davvero entusiasta. Ho anche una buona esperienza di lavoro in team multidisciplinari di grandi dimensioni. Oltre allo sviluppo, scrivo anche blog tecnici per alcune pubblicazioni come TheStartup. Per vedere i miei blog, puoi visitare la pagina https://medium.com/@jatin15011999. Se vuoi saperne di più su di me, puoi visitare il mio sito web www.jatinkumar.tech. Sono certo che la mia esperienza e le mie competenze sarebbero perfette per questa idea.
Ho più di 2 anni di esperienza con lo stack MERN e posso creare interfacce solide con UI accattivanti e UX straordinarie abbastanza rapidamente. Sono esperto di React e Node.js e adoro combinare il codice con la creatività. Nelle mie esperienze precedenti ho sviluppato vari layout frontend che hanno risolto vari problemi. In qualità di designer UI/UX, so bene quanto possa essere importante l'UI/UX di un sito web per il visitatore. Non importa quanti contenuti di qualità potresti avere sul tuo sito web, a meno che tu non sia in grado di offrire all'utente un'esperienza positiva. Sarà meno propenso a visitare di nuovo il tuo sito web . Una buona UI/UX può essere semplice come cambiare i colori o aggiungere animazioni non invadenti, ma per pensare a queste semplici modifiche devi provare centinaia di cose prima di trovare la combinazione appropriata e penso di avere una discreta esperienza in questo aspetto e di poterlo realizzare in modo davvero elegante ed efficiente.
Ho studiato l'attuale sito web di Hydra in modo molto dettagliato e sono d'accordo unicamente sul fatto che il presente sito presenti un grave problema di navigazione. Come indicato nella tua idea, può essere facilmente risolto aggiungendo una barra laterale / barra superiore al sito web. Tuttavia, se guardiamo più da vicino, il sito attuale ha già una barra di navigazione nella parte superiore, quindi la barra superiore non è un'opzione e la barra laterale sembra essere più adatta. Inoltre, come descritto nella pagina delle idee, alcuni documenti devono essere collegati anche alla sezione Home per facilitare la navigazione. Considerando tutti questi vincoli ho progettato un prototipo, potete vederlo all'indirizzo http://hydra-doc.herokuapp.com/. Il prototipo è completamente responsivo e si ispira a vari altri siti di documentazione. Fornisce un'esperienza utente completamente diversa quando viene aperta su dispositivi mobili rispetto a schermi più grandi come i laptop. Se hai visto il prototipo, potresti aver notato che è stata pubblicata una pagina di destinazione (che è anche una pagina Informazioni) con due pulsanti, uno con la dicitura "Scopri di più" e l'altro "Documentazione API". Molto bene, sembra che ora le nostre API Docs siano state collegate alla pagina web principale e uno dei problemi sia stato risolto. Ma aspetta, che ne è della navigazione? Non preoccuparti, questo sito offre una soluzione davvero elegante anche per questo aspetto. Se ora premi il pulsante "Scopri di più", scorri verso il basso fino alla sezione Informazioni del sito web e, se provi a utilizzarlo, scoprirai quanto sia elegante la soluzione al problema di navigazione senza compromettere la visibilità dei contenuti e l'esperienza utente. Negli schermi più sottili la barra laterale si nasconde e garantisce che i contenuti occupino lo spazio che meritano, mentre in quelli più larghi, in cui i contenuti e la barra laterale possono coesistere, quest'ultima occupa anche lo spazio necessario. Inoltre, se l'utente vuole passare a una pagina diversa, può farlo anche in modo molto pratico facendo clic su un determinato titolo nella barra di navigazione in alto nella schermata. Le animazioni fluide non intrusive migliorano l'interazione degli utenti e portano l'esperienza utente del sito web a un livello superiore.
Oltre alla navigazione, anche il flusso dei contenuti è un problema e credo che la sua risoluzione richieda tempo. A causa della scarsità di tempo, non è stato possibile lavorarci e incorporarlo nel prototipo fornito sopra. Sì, ho diverse idee per migliorare l'attuale flusso di contenuti. Se il tempo lo consente, possiamo anche migliorare il modo in cui gli autori possono creare blog e guide sui siti web. Penso che un sistema di gestione dei contenuti come Medium potrebbe risolvere molto bene il problema. Se vengono creati, non è necessario scrivere i blog su Medium e poi reindirizzarli su medium.com, il che diventa piuttosto fastidioso quando l'utente deve spostarsi più spesso tra i blog e il sito principale . Potremmo ospitare i blog in modo autonomo e l'utente potrà accedere più facilmente ai blog. Inoltre, oltre ad avere un CMS paragonabile a quello di Medium, l'autore potrà anche modificare molto facilmente i blog o le guide che ha creato.
Spero che la mia idea ti sia piaciuta e penso che la mia esperienza e le mie competenze mi rendano la persona adatta per lavorare a questo progetto.