פרויקט תיעוד של המערכת האקולוגית של הידרה

בדף הזה מפורטים פרטי פרויקט של כתיבה טכנית שאושר להשתתפות בתוכנית Google Season of Docs.

סיכום הפרויקט

ארגון קוד פתוח:

מסמכי תיעוד של סביבת Hydra

כותבים טכניים:

AwesomeChap

שם הפרויקט:

שיפור חוויית המשתמש באתר המסמכים

אורך הפרויקט:

אורך רגיל (3 חודשים)

תיאור הפרויקט

רציתי לכתוב לך כדי להביע עניין בשיפור חוויית המשתמש של אתר המסמכים. זה הרעיון שפרסמתם בדף הרעיונות של העונה שלכם ב-Docs. אני מפתחת React ותיקה, מעצבת וגם כותבת טכנית נלהבת. יש לי גם ניסיון בעבודה בצוותים גדולים ומגוונים. בנוסף לפיתוח, אני כותב גם בבלוגים טכניים של כמה פרסומים, כמו TheStartup. אפשר למצוא את הבלוגים שלי בכתובת https://medium.com/@jatin15011999. ואם היית רוצה לשמוע עוד עליי, אפשר להיכנס לאתר שלי, www.jatinkumar.tech. אין לי ספק שהניסיון והכישורים שלי מתאימים לרעיון הזה.

יש לי יותר משנתיים ניסיון ב-MERN stack, ואני יכול ליצור ממשקים חזקים עם ממשק משתמש מושך וחוויית משתמש מעולה במהירות יחסית. יש לי ניסיון רב ב-React וב-Node.js ואני אוהב לשלב קוד עם יצירתיות. בעבר פיתחתי מגוון פריסות לקצה הקדמי שפותרות בעיות שונות. בתור מעצב ממשק משתמש/חוויית משתמש, ברור לי עד כמה ממשק משתמש/חוויית משתמש טובים באתר יכולים להשפיע על המבקרים. לא משנה כמה תוכן טוב יש באתר שלך, אלא אם יש לך אפשרות לספק למשתמש חוויית משתמש טובה. הוא או היא יהיו פחות מוכנים לבקר באתר שלכם שוב . עיצוב מוצלח של ממשק המשתמש או של חוויית המשתמש יכול להיות פשוט, שינוי צבעים או הוספת אנימציות שלא מפריעות. אבל חשוב לנסות מאות דברים לפני שתמצאו את השילוב המתאים. נראה לי שיש לי ניסיון רב בהיבט הזה, ואני יכול לבצע את הפעולה הזו בצורה אלגנטית ויעילה.

בדקתי לעומק את האתר הנוכחי של Hydra, ואני מסכים לחלוטין שיש באתר הנוכחי בעיה חמורה בניווט. כפי שצוין ברעיון שלך, ניתן לפתור את הבעיה בקלות על ידי הוספת סרגל צד או סרגל עליון לאתר. אבל אם נבחן לעומק, באתר הנוכחי כבר יש סרגל ניווט בחלק העליון, כך שסרגל העליון לא רלוונטי, ונראה שסרגל הצד מתאים יותר. כמו כן, כפי שמתואר בדף הרעיונות, חלק מהמסמכים צריכים להיות מקושרים גם לקטע 'דף הבית' כדי להקל על הניווט. על סמך כל האילוצים האלה שעיצבתי אב טיפוס, ייתכן שתראו אותו בכתובת http://hydra-doc.herokuapp.com/. אב הטיפוס רספונסיבי לחלוטין, והוא מבוסס על אתרי מסמכי עזרה אחרים. כשפותחים בנייד, חוויית משתמש שונה לגמרי מאשר במסכים גדולים יותר כמו מחשב נייד. אם צפיתם באב טיפוס, יכול להיות שראיתם שהוא הציג דף נחיתה (שגם משמש כדף 'מידע על') עם שני לחצנים: אחד עם הכיתוב 'מידע נוסף' והשני עם הכיתוב 'מסמכי API'. מצוין, נראה שמסמכי ה-API שלנו מקושרים עכשיו לדף האינטרנט הראשי ואחת הבעיות נפתרה. אבל רגע, מה לגבי הניווט? אל דאגה, באתר הזה יש פתרון אלגנטי גם לעניין הזה. אם תלחצו על הלחצן 'למידע נוסף', תגללו למטה לקטע אחר באתר, ואני מסיירים בו ומשחקים בו, תראו בעצמכם איך הוא פותר את בעיית הניווט באלגנטיות בלי לפגוע בחשיפת התוכן ובחוויית המשתמש. במסכים צרים, סרגל הצד מסתתר ומוודא שהתוכן תופס את המקום שמגיע לו. במסכים רחבים יותר, שבהם התוכן וסרגל הצד יכולים להתקיים זה לצד זה, סרגל הצד תופס גם הוא מקום נדרש. בנוסף, אם המשתמש רוצה לנווט לדף אחר, הוא יכול לעשות גם את זה, בקלות רבה, על ידי לחיצה על כותרת מסוימת בסרגל הניווט שנמצא בראש המסך. אנימציות חלקות ולא פולשניות משפרות את האינטראקציה של המשתמשים ומביאות את חוויית המשתמש באתר לרמה אחרת לגמרי.

בנוסף לנווט, גם זרימת התוכן היא בעיה, ולדעתי הבעיה הזו דורשת זמן כדי לפתור אותה. לא הייתה לי אפשרות לעבוד עליו ולשלב אותו באב טיפוס שצירפתי למעלה בגלל מחסור בזמן. אבל כן, יש לי כמה רעיונות לשיפור זרימת התוכן הנוכחית. אם נותר זמן, נוכל גם לשפר את האופן שבו מחברים כיום יוצרים בלוגים ומדריכים באתרים. לדעתי מערכת ניהול תוכן כמו Medium יכולה לפתור את הבעיה. אם נוצר, לא נצטרך לכתוב בלוגים ב-Medium ואז להפנות אותם אל medium.com, מה שיכול להיות מעצבן כשהמשתמש צריך לנווט בין הבלוגים לאתר הראשי בתדירות גבוהה יותר . נוכל לארח בלוגים באופן עצמאי, והמשתמש יוכל לנווט בצורה נוחה יותר לבלוגים, וחוץ מהיכולת של מערכת ניהול התוכן להיות דומה לזו של מדיום, המחבר יוכל גם לערוך בלוגים או מדריכים שנוצרו על ידיהם.

אני מקווה שהרעיון שלי מצא חן בעיניך, ואני חושב שהניסיון והמיומנויות שלי יתאימו לי לעבודה על הרעיון הזה.