Ta strona zawiera szczegółowe informacje o projekcie polegającym na pisaniu tekstów technicznych, który został zaakceptowany w ramach Google Season of Docs.
Podsumowanie projektu
- Organizacja open source
- Dokumentacja dotycząca ekosystemu Hydra
- Specjalista ds. technicznych:
- AwesomeChap
- Nazwa projektu:
- Ulepszanie interfejsu użytkownika witryny z dokumentami
- Długość projektu:
- Standardowa długość (3 miesiące)
Opis projektu
Piszę, aby wyrazić zainteresowanie ulepszaniem wrażeń użytkowników w przypadku strony z ideami dotyczącymi Dokumentów, którą opublikowano na stronie z ideami na temat Dokumentów. Jestem doświadczonym programistą i projektantem React oraz bardzo entuzjastycznym autorem tekstów technicznych. Mam też spore doświadczenie w pracy w wielkich, interdyscyplinarnych zespołach. Poza programowaniem piszę również blogi techniczne dla niektórych publikacji, np. TheStartup. Aby zobaczyć moje blogi, wejdź na stronę https://medium.com/@jatin15011999. Jeśli chcesz dowiedzieć się więcej o mnie, odwiedź moją stronę www.jatinkumar.tech. Jestem przekonany, że moje doświadczenie i umiejętności będą idealnie pasować do tej propozycji.
Mam ponad 2 lata doświadczenia z pakietem MERN i mogę dość szybko tworzyć solidne interfejsy z atrakcyjnym interfejsem użytkownika i świetnym UX. Jestem biegła w obsłudze React i Node.js oraz uwielbiam łączyć kod z kreatywnością. W ramach poprzednich projektów stworzyłem różne układy interfejsu, które rozwiązują różne problemy. Jako projektant UI/UX wiem, jak duży wpływ na odwiedzających może mieć dobry interfejs użytkownika. Nie ma znaczenia, ile dobrych treści znajduje się w Twojej witrynie, jeśli nie możesz zapewnić użytkownikom dobrych wrażeń. Gdyby nie chciała ponownie odwiedzić Twojej witryny, Dobry interfejs UI/UX może być tak prosty, jak zmiana kolorów lub dodanie nieuciążliwych animacji. Jednak aby pomyśleć o tych prostych zmianach, trzeba wypróbować setki rzeczy, zanim znajdziesz odpowiednią kombinację. Wydaje mi się, że mam spore doświadczenie w tym zakresie i mogę to robić naprawdę elegancko i efektywnie.
Dokładnie przeanalizowaliśmy obecną stronę Hydra i zgadzamy się, że ma ona poważny problem z nawigacją. Zgodnie z pomysłem użytkownika można łatwo wprowadzić zmiany, dodając pasek boczny / górny pasek do witryny. Jeśli jednak przyjrzymy się bliżej obecnej witrynie, zauważymy, że ma ona już pasek nawigacyjny u góry, więc pasek górny nie jest odpowiednim rozwiązaniem. Bardziej odpowiednia wydaje się wtedy belka boczna. Jak opisano na stronie z pomysłami, niektóre dokumenty muszą być też połączone z sekcją Strona główna, aby ułatwić nawigację. Biorąc pod uwagę wszystkie ograniczenia, które stworzyłem, prototyp znajdziesz na http://hydra-doc.herokuapp.com/. Prototyp jest w pełni responsywny i inspirowany innymi witrynami z dokumentacją. Wrażenia użytkownika są zupełnie inne, gdy aplikacja jest otwierana na urządzeniu mobilnym niż na większym ekranie, np. laptopie. Prototyp jest możliwy na stronie docelowej (która jest również stroną Informacje), na której znajdują się dwa przyciski: „Dowiedz się więcej” i „Dokumenty API”. Wygląda na to, że nasze dokumenty API są teraz połączone z główną stroną internetową, więc jeden z problemów został rozwiązany. A co z nawigacją? Nie martw się. Ta strona oferuje też bardzo eleganckie rozwiązanie tego problemu. Jeśli teraz klikniesz przycisk „Dowiedz się więcej”, przewiniesz stronę do sekcji „O witrynie”. Jeśli teraz zaczniesz się nią bawić, przekonasz się, jak elegancko rozwiązuje ona problemy z nawigacją bez uszczerbku na widoczności treści i wygodzie użytkowników. Na mniejszych ekranach pasek boczny chowa się, aby zapewnić treści odpowiednią ilość miejsca. Na szerszych ekranach, na których treści i pasek boczny mogą współistnieć, pasek boczny zajmie też trochę miejsca. Jeśli użytkownik chciał przejść na inną stronę, może to zrobić również w prosty sposób – wystarczy kliknąć wybrany tytuł na pasku nawigacyjnym u góry ekranu. Nieinwazyjne i płynne animacje poprawiają interakcję z użytkownikiem i podnoszą wrażenia z korzystania z witryny na zupełnie nowy poziom.
Poza nawigacją problemem jest też przepływ treści. Uważam, że rozwiązanie tego problemu zajmie trochę czasu. Z powodu braku czasu nie udało się nam dopracować tego rozwiązania i włączyć go w prototypie. Mam jednak kilka pomysłów na to, jak poprawić obecny przepływ treści. Jeśli zostałby czas, możemy również poprawić sposób, w jaki autorzy tworzą obecnie blogi i przewodniki w witrynach. Myślę, że system zarządzania treścią, np. Medium, może być dobrym rozwiązaniem tego problemu. Jeśli uda się to wdrożyć, nie będziemy musieli pisać blogów na Medium, a potem przekierowywać je na medium.com, co staje się dość uciążliwe, gdy użytkownik musi częściej przełączać się między blogami a witryną główną . Będziemy mogli samodzielnie hostować blogi, a użytkownik będzie mógł wygodniej nawigować po blogach. Poza tym autor będzie miał dostęp do systemu CMS porównywalnego z tym, który jest dostępny w Medium, a także będzie mógł wygodnie edytować tworzone przez siebie blogi i poradniki.
Mam nadzieję, że mój pomysł Ci się spodobał. Uważam, że moje doświadczenie i umiejętności pozwolą mi dobrze go zrealizować.