本頁面包含 Google 技術文件季度接受的技術寫作專案詳細資料。
專案摘要
- 開放原始碼組織：
- Hydra 生態系統說明文件
- 技術文件撰稿者：
- AwesomeChap
- 專案名稱：
- 改善文件網站的使用者體驗
- 專案長度：
- 標準長度 (3 個月)
Project description
我寫信給你，是想表達我對改善你在 Google 文件提案頁面上發布的提案中，文件網站使用者體驗的興趣。我是經驗豐富的 React 開發人員和設計師，也是很熱忱的技術文件撰稿者。我也有在大型跨領域團隊中工作的經驗。除了開發外，我也為部分出版品 (如 TheStartup) 撰寫技術網誌。如要查看我的網誌，請造訪 https://medium.com/@jatin15011999。如要進一步瞭解我，可以造訪我的網站 www.jatinkumar.tech。我相信，我的經驗和技能組合非常適合這個構想。
我有超過 2 年的 MERN 堆疊經驗，可以快速建構具有醒目 UI 和出色使用者體驗的穩健介面。我精通 React 和 Node.js，也喜歡將程式碼與創意結合。根據先前經驗，我開發了各種前端版面配置來解決各種問題。身為 UI/UX 設計師，我深知優質網站 UI/UX 對訪客的影響力。無論你的網站上有多少優質內容，只要無法為使用者提供良好的使用者體驗，他/她將不太願意再次造訪您的網站。良好的 UI/UX 設計可以簡單到只需變更顏色或加入不干擾的動畫，但要想出這類簡單的變更，您必須嘗試數百種方法，才能找到合適的組合。我認為自己在這方面擁有相當豐富的經驗，可以以優雅又有效率的方式完成這項工作。
我詳細研究了 Hydra 目前的網站，並同意現有網站存在嚴重的導覽問題。正如你所說，只要在網站中加入側欄 / 頂端列，就能輕鬆解決這個問題。但以更緊密的做法來說，目前的網站已經在頂端設置導覽列，因此頂端列無法選擇，而且側欄似乎更適合。如同「構想」頁面所述，部分文件也必須連結至「首頁」部分，方便使用者瀏覽。因此，考量所有這些限制，我設計了原型，您可以前往 http://hydra-doc.herokuapp.com/ 查看。原型完全符合響應式設計，並受到其他說明文件網站的啟發。在行動裝置上開啟時，與筆記型電腦等大螢幕相比，會提供完全不同的使用者體驗。如果您曾看過原型設計，可能會發現原型設計會提供到達網頁 (也是「關於」頁面)，其中有兩個按鈕，一個是「瞭解詳情」，另一個是「API 說明文件」。很好，我們的 API 說明文件似乎已連結至主要網頁，其中一個問題已解決，但請稍等，導覽功能呢？別擔心，這個網站也提供非常實用的解決方案。如果現在按下「瞭解詳情」按鈕，畫面會捲動至網站的「關於」部分，您可以在此處瀏覽及操作，親身體驗這項功能如何優雅地解決導覽問題，同時不犧牲內容曝光度和使用者體驗。在較窄的螢幕上，側欄會隱藏，確保內容可占用應有的空間；在較寬的螢幕上，內容和側欄可同時顯示，因此側欄也會占用一些必要空間。此外，如果使用者想前往其他網頁，也可以輕鬆點選畫面頂端導覽列中的特定標題，不干擾且流暢的動畫，可改善使用者互動體驗，並將網站的使用者體驗提升到另一個層次。
除了導航以外，內容流程也是個問題，我認為這個問題需要時間才能解決。由於時間有限，我們未能配合上述功能的原型設計工作，並將其整合至上方提供的原型。不過，我確實有一些想法可以改善目前的內容流程。如果時間允許，我們也可以改善作者在網站上建立網誌和指南的方式。我認為 Medium 等內容管理系統可以有效解決這個問題。如果建立了這個功能，我們就不需要在 Medium 上撰寫網誌，然後將其重新導向至 medium.com，因為使用者需要經常在網誌和主要網站之間切換，這會造成相當大的困擾。我們可以自行代管網誌，使用者則能更方便地瀏覽網誌，除了 CMS 能和媒介類似，作者也可以非常方便地編輯自己建立的網誌或指南。
希望您喜歡我的想法，我認為我的經驗和技能，非常適合這個想法。