Hydra 생태계 문서 프로젝트

이 페이지에는 Google Season of Docs에 선정된 기술 문서 프로젝트의 세부정보가 포함되어 있습니다.

프로젝트 요약

오픈소스 조직:
Hydra 생태계 문서
기술 문서 작성자:
AwesomeChap
프로젝트 이름:
문서 사이트의 UX 개선
프로젝트 길이:
표준 기간 (3개월)

Project description

시즌 of docs 아이디어 페이지에 게시하신 문서 사이트 아이디어의 UX 개선에 관심이 있음을 알려드립니다. 저는 숙련된 React 개발자, 디자이너, 그리고 열정적인 기술 문서 작성자입니다. 또한 대규모의 여러 분야를 아우르는 팀에서 근무한 경험도 있습니다. 개발 외에도 TheStartup과 같은 일부 간행물에 기술 블로그를 작성합니다. 제 블로그를 보려면 https://medium.com/@jatin15011999를 방문하세요. 저에 대해 자세히 알아보려면 웹사이트 www.jatinkumar.tech를 방문하세요. 제 경험과 기술이 이 아이디어에 잘 맞을 것이라고 확신합니다.

MERN 스택을 사용한 경험이 2년 이상 있으며 눈길을 사로잡는 UI와 멋진 UX로 강력한 인터페이스를 빠르게 빌드할 수 있습니다. React 및 Node.js에 능숙하며 코드와 창의성을 결합하는 것을 좋아합니다. 이전 경험에서는 다양한 문제를 해결하는 다양한 프런트엔드 레이아웃을 개발했습니다. UI/UX 디자이너로서 좋은 웹사이트 UI/UX가 방문자에게 얼마나 큰 영향을 미칠 수 있는지 잘 알고 있습니다. 웹사이트에 얼마나 많은 양질의 콘텐츠를 보유하고 있는지는 중요하지 않지만 사용자에게 우수한 사용자 환경을 제공할 수 없다면 웹사이트를 다시 방문할 의향이 줄어들 것입니다 . 좋은 UI/UX는 색상을 변경하거나 방해가 되지 않는 애니메이션을 추가하는 것처럼 간단할 수 있습니다. 하지만 이러한 간단한 변경사항을 생각하려면 적절한 조합을 찾기 전에 수백 가지를 시도해 봐야 합니다. 저는 이 측면에서 상당한 경험을 가지고 있으며 매우 우아하고 효율적으로 이를 실행할 수 있다고 생각합니다.

Hydra의 현재 웹사이트를 자세히 검토했으며 현재 사이트에 심각한 탐색 문제가 있다는 단독 동의입니다. 아이디어에 설명된 대로 웹사이트에 사이드바 / 상단 표시줄을 추가하면 쉽게 해결할 수 있습니다. 하지만 자세히 살펴보면 현재 사이트에는 이미 상단에 탐색 메뉴가 있으므로 상단 메뉴는 사용할 수 없으며 사이드바가 더 적합해 보입니다. 또한 아이디어 페이지에 설명된 대로 탐색을 용이하게 하기 위해 일부 문서를 홈 섹션에 연결해야 합니다. 이러한 모든 제약조건을 고려하여 프로토타입을 설계했습니다. http://hydra-doc.herokuapp.com/에서 확인할 수 있습니다. 프로토타입은 완전히 반응형이며 다른 다양한 문서 사이트에서 영감을 받았습니다. 노트북과 같은 대형 화면에서 열 때와 휴대기기에서 열 때는 완전히 다른 사용자 환경을 제공합니다. 프로토타입을 본 적이 있다면 '자세히 알아보기'와 'API 문서'라는 두 가지 버튼이 있는 방문 페이지 (정보 페이지이기도 함)가 표시되었을 것입니다. 이제 API 문서가 기본 웹페이지에 연결되었으며 문제 중 하나가 해결된 것 같습니다. 하지만 탐색은 어떻게 되나요? 걱정하지 마세요. 이 사이트에서는 이 문제에 대한 매우 우아한 솔루션도 제공합니다. 이제 '자세히 알아보기' 버튼을 누르면 웹사이트의 정보 섹션으로 아래로 스크롤됩니다. 이제 여기저기를 둘러보고 사용해 보세요. 콘텐츠 가시성과 사용자 환경을 손상시키지 않으면서 탐색 문제를 얼마나 우아하게 해결하는지 직접 경험할 수 있습니다. 화면이 더 좁으면 사이드바가 숨겨지고 콘텐츠가 적절한 공간을 차지하도록 합니다. 콘텐츠와 사이드바가 모두 공존할 수 있는 더 넓은 화면에서는 사이드바도 필요한 공간을 차지합니다. 또한 사용자가 다른 페이지로 이동하려는 경우 화면 상단의 탐색 바에서 특정 제목을 클릭하기만 하면 됩니다. 방해가 되지 않는 부드러운 애니메이션은 사용자 상호작용을 개선하고 웹사이트의 UX를 한 단계 업그레이드합니다.

탐색 외에도 콘텐츠 흐름도 문제입니다. 이 문제는 해결하는 데 시간이 필요하다고 생각합니다. 시간이 부족하여 이 문제를 해결하고 위에 제공된 프로토타입에 통합할 수 없습니다. 현재 콘텐츠 흐름을 개선하기 위한 아이디어는 많이 있습니다. 시간이 남으면 작성자가 웹사이트에서 블로그와 가이드를 만드는 방식을 개선할 수도 있습니다. Medium과 같은 콘텐츠 관리 시스템으로도 이 문제를 잘 해결할 수 있다고 생각합니다. 생성하면 Medium에서 블로그를 작성한 후 medium.com으로 리디렉션할 필요가 없으므로 사용자가 블로그와 기본 사이트 간에 더 자주 이동해야 할 때 매우 불편해집니다 . 블로그를 자체적으로 호스팅할 수 있고 사용자는 더 편리하게 블로그를 탐색할 수 있고, 매체와 비슷한 CMS를 사용할 수 있을 뿐만 아니라 작성자는 자신이 만든 블로그나 가이드를 매우 편리하게 편집할 수 있습니다.

제 아이디어가 마음에 드셨기를 바랍니다. 저의 경험과 기술이 이 아이디어 작업에 큰 도움이 될 것 같습니다.