โครงการเอกสารประกอบเกี่ยวกับระบบนิเวศของไฮดรา

หน้านี้มีรายละเอียดของโปรเจ็กต์การเขียนเชิงเทคนิคที่ได้รับการยอมรับสำหรับ Google Season of Docs

สรุปโปรเจ็กต์

องค์กรโอเพนซอร์ส

เอกสารประกอบเกี่ยวกับระบบนิเวศ Hydra

นักเขียนเชิงเทคนิค:

AwesomeChap

ชื่อโปรเจ็กต์:

การปรับปรุง UX ของเว็บไซต์เอกสาร

ระยะเวลาของโปรเจ็กต์

ระยะเวลามาตรฐาน (3 เดือน)

คำอธิบายโปรเจ็กต์

เราส่งอีเมลนี้มาเพื่อแสดงความสนใจในการปรับปรุง UX ของเว็บไซต์เอกสารตามแนวคิดที่คุณโพสต์ไว้ในหน้าไอเดียของเอกสารในซีซัน ฉันเป็นนักพัฒนาซอฟต์แวร์ React, นักออกแบบ และนักเขียนด้านเทคนิคที่มีประสบการณ์และกระตือรือร้น ฉันมีประสบการณ์การทำงานในทีมขนาดใหญ่ที่หลากหลายสาขาด้วย นอกจากการพัฒนาแล้ว ฉันเขียนบล็อกด้านเทคนิคสำหรับสื่อเผยแพร่บางแห่ง เช่น TheStartup ด้วย หากต้องการดูบล็อกของฉัน โปรดไปที่ https://medium.com/@jatin15011999 หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับฉัน โปรดไปที่เว็บไซต์ www.jatinkumar.tech เรามั่นใจว่าประสบการณ์และทักษะของเราจะเหมาะกับไอเดียนี้

ฉันมีประสบการณ์มากกว่า 2 ปีเกี่ยวกับ MERN Stack และสามารถสร้างอินเทอร์เฟซที่มีประสิทธิภาพด้วย UI ที่สะดุดตาและ UX ที่ยอดเยี่ยมได้อย่างรวดเร็ว ฉันเชี่ยวชาญด้าน React และ Node.js และชอบผสมผสานโค้ดเข้ากับความคิดสร้างสรรค์ จากประสบการณ์ที่ผ่านมา เราได้พัฒนาเลย์เอาต์ส่วนหน้าเว็บที่หลากหลายซึ่งช่วยแก้ปัญหาต่างๆ ได้ ในฐานะนักออกแบบ UI/UX เราทราบดีว่า UI/UX ที่ดีของเว็บไซต์จะส่งผลต่อผู้เข้าชมได้มากเพียงใด ไม่ว่าคุณจะมีคําเนื้อหาที่ดีในเว็บไซต์มากเพียงใด แต่หากไม่สามารถมอบประสบการณ์การใช้งานที่ดีให้แก่ผู้ใช้ ผู้ใช้จะยินดีเข้าชมเว็บไซต์ของคุณอีกครั้งน้อยลง UI/UX ที่ดีอาจทำได้ง่ายเพียงเปลี่ยนสีหรือเพิ่มภาพเคลื่อนไหวที่ไม่รบกวน แต่หากต้องการทำการเปลี่ยนแปลงง่ายๆ ดังกล่าว คุณจะต้องลองทำสิ่งต่างๆ หลายร้อยอย่างก่อนที่จะพบชุดค่าผสมที่เหมาะสม และเราคิดว่าเรามีประสบการณ์ในด้านนี้พอสมควรและสามารถทํางานได้อย่างมีประสิทธิภาพและประณีต

เราได้ศึกษาเว็บไซต์ปัจจุบันของ Hydra อย่างละเอียดแล้ว และเห็นด้วยอย่างยิ่งว่าเว็บไซต์ปัจจุบันมีปัญหาในการไปยังส่วนต่างๆ อย่างร้ายแรง ตามที่ระบุไว้ในแนวคิดของคุณ ปัญหานี้สามารถแก้ไขได้ง่ายๆ ด้วยการเพิ่มแถบด้านข้าง / แถบด้านบนลงในเว็บไซต์ แต่หากพิจารณาอย่างละเอียดแล้ว เว็บไซต์ปัจจุบันมีแถบนําทางที่ด้านบนอยู่แล้ว แถบนําทางจึงใช้ไม่ได้ และแถบด้านข้างน่าจะเหมาะกว่า นอกจากนี้ ตามที่อธิบายไว้ในหน้าไอเดีย เอกสารบางรายการยังต้องลิงก์กับส่วนหน้าแรกเพื่อให้ไปยังส่วนต่างๆ ได้ง่าย เราจึงออกแบบต้นแบบโดยพิจารณาข้อจำกัดทั้งหมดเหล่านี้ คุณสามารถดูต้นแบบได้ที่ http://hydra-doc.herokuapp.com/ ต้นแบบนี้ปรับเปลี่ยนขนาดได้อย่างสมบูรณ์และได้รับแรงบันดาลใจมาจากเว็บไซต์เอกสารประกอบอื่นๆ หลายแห่ง โดยให้ประสบการณ์ของผู้ใช้ที่แตกต่างกันโดยสิ้นเชิงเมื่อเปิดในอุปกรณ์เคลื่อนที่เมื่อเทียบกับหน้าจอขนาดใหญ่อย่างแล็ปท็อป ถ้าคุณเห็นต้นแบบนี้ คุณอาจสังเกตเห็นว่า ต้นแบบนั้นแสดงหน้า Landing Page (ซึ่งเป็นหน้าเกี่ยวกับด้วย) ที่มีปุ่ม 2 ปุ่ม ปุ่มหนึ่งเขียนว่า 'ทราบข้อมูลเพิ่มเติม"" และ "เอกสาร API" อื่นๆ เยี่ยมมาก ตอนนี้ดูเหมือนว่าเอกสาร API จะลิงก์กับหน้าเว็บหลักแล้วและปัญหาหนึ่งก็ได้รับการแก้ไขแล้ว แต่เดี๋ยวก่อน การนําทางล่ะ ไม่ต้องกังวล เว็บไซต์นี้นำเสนอโซลูชันที่สวยงามสำหรับแง่มุมดังกล่าวด้วย ตอนนี้หากคุณกดปุ่ม "ดูข้อมูลเพิ่มเติม" ระบบจะเลื่อนลงไปที่ส่วน "เกี่ยวกับ" ของเว็บไซต์ และตอนนี้หากคุณลองดูและใช้งาน คุณจะเห็นด้วยตนเองว่าวิธีนี้ช่วยแก้ปัญหาการไปยังส่วนต่างๆ ได้อย่างมีประสิทธิภาพเพียงใดโดยไม่ลดทอนการมองเห็นเนื้อหาและประสบการณ์ของผู้ใช้ ในหน้าจอที่แคบกว่า แถบด้านข้างจะซ่อนอยู่เพื่อให้เนื้อหามีพื้นที่เพียงพอ และในหน้าจอที่กว้างกว่าซึ่งทั้งเนื้อหาและแถบด้านข้างอยู่ร่วมกันได้ แถบด้านข้างก็จะใช้พื้นที่บางส่วนที่จำเป็นด้วย นอกจากนี้ ในกรณีที่ผู้ใช้ต้องการไปยังหน้าอื่น ผู้ใช้ก็สามารถทำได้เช่นกันและยังทำได้อย่างสะดวกด้วยเพียงคลิกชื่อที่ต้องการในแถบนําทางที่ด้านบนของหน้าจอ ภาพเคลื่อนไหวที่ราบรื่นและไม่รบกวนจะช่วยให้การโต้ตอบของผู้ใช้ดีขึ้นและยกระดับ UX ของเว็บไซต์ไปอีกขั้น

นอกจากการนําทางแล้ว ลำดับเนื้อหาก็เป็นปัญหาเช่นกัน และเราเชื่อว่าปัญหานี้ต้องใช้เวลาในการแก้ไข เนื่องจากเวลาไม่เพียงพอ จึงไม่สามารถดำเนินการและรวมไว้ในโปรโตไทป์ที่ระบุไว้ด้านบน แต่เรามีไอเดียมากมายในการปรับปรุงลำดับเนื้อหาปัจจุบัน หากมีเวลาเหลือ เรายังปรับปรุงวิธีที่ผู้เขียนสร้างบล็อกและคำแนะนำในเว็บไซต์ได้ด้วย เราคิดว่าระบบจัดการเนื้อหาอย่าง Medium จะช่วยแก้ปัญหานี้ได้ หากสร้างแล้ว เราก็ไม่จําเป็นต้องเขียนบล็อกใน Medium แล้วเปลี่ยนเส้นทางใน medium.com ซึ่งค่อนข้างน่ารําคาญเมื่อผู้ใช้ต้องไปยังส่วนต่างๆ ระหว่างบล็อกและเว็บไซต์หลักบ่อยขึ้น เราจะโฮสต์บล็อกด้วยตนเองได้ และผู้ใช้จะไปยังบล็อกต่างๆ ได้อย่างสะดวกมากขึ้น นอกจากนี้ การมี CMS ที่เทียบเท่ากับของ Medium ยังช่วยให้ผู้เขียนแก้ไขบล็อกหรือคู่มือที่ตนเองสร้างขึ้นได้อย่างสะดวก

หวังว่าคุณจะชอบไอเดียของฉัน และคิดว่าประสบการณ์และทักษะต่างๆ ของฉันเหมาะที่จะนำมาใช้กับไอเดียนี้