לא לכל האתרים נכנסים כל יום, לפעמים זה אפילו טוב
אתר Bromaid נועד לתת מידע במקרה של דליפת ברום, לכן אני מקווה שלא יצטרכו להשתמש באתר הזה. האתר מכיל תוכן ואינפורמציה לשלוש חברות העוסקות בייצור והובלת ברום.
תהליך איפיון לאתר שקיבלתי לאפיין ולבנות מחדש. יש הרבה סוגים של אתרים. במקרה הזה, את מאד אינפורמטיבי שנועד לרכז את פעילויות בטיחות ואחריות לשלש חברות ברחבי אירופה.
זה האתר לפני השינוי
האתר הוקם בשנת 2000, תפריט צד המכיל את רשימת העמודים.
רשימת השאלות ששאלתי לפני קבלת העבודה כדי להבין מה הציפיות, מה הסיבה והצורך בשינוי באתר.
היה ברור שיש צורך בשינוי מכיוון שהאתר לא מותאם לאתרים של היום. בכל זאת, עברו כמה שנים...
אגב, אם רוצים לראות גרסאות ישנות יותר של הדומיין הזה, אפשר להיכנס לאתר הזה: https://archive.org/web
לעיתים זה ממש משעשע. ככה נראו הגרסאות המוקדמות של האתר הזה.
כמה שאלות ששאלתי כדי להבין את הלקוח ואת העבודה
מי נכנס לאתר?
מי מכיר את האתר?
מי קהל היעד שלו? האם קהל היעד שלא מכיר אותו?
האם המתכונת שלו כיום הוא רלבנטי? או שיש אתרים אחרים הנותנים מענה טוב יותר. אם יש, להציג דוגמאות.
האם קהל היעד של האתר הוא באמת מי שנכנס אליו?
אולי יש משתמשים אחרים שנעזרים במידע הזה?
האם יש קשר או שיש אפשרות לראיין משתמשים או אנשים שהאתר אמור להיות מיועד עבורם? כדי לדעת מה הם מחפשים.
אם מדובר באתר עולמי/אירופאי/ישראלי כנראה שיש צורך באחסון המאפשר הצגה מהירה של העמודים בכל מקום באירופה (CDN).
מה מקבלים באתר? איזה מידע חסר בו היום שהם רוצים להוסיף? בסופו של דבר, מה הפעולות שהם בתור מפעילי האתר היו רוצים שהמשתמשים יבצעו בו.
רישום?, הורדת הנחיות בטיחות?, הצפת שאלות קבלת פידבק? האם חוץ מהאתר ישנם פעולות שהארגון מבצע היום? כנסים, מפגשים מקצועיים, טיפוח שיתוף מידע בין החברות הרשומות בארגון, חקר תקלות וארועי בטיחות, שיתוף במסקנות מארועי ״כמעט אסון״
מי המתחרים? האם יש?
האם יש אתרים, אפילו בתחומים דומים או משיקים שהם היו רוצים להראות כמוהם? (לא מבחינה ויזואלית אלה מבחינה תוכנית. פיצ׳רים, עמודים ונושאים נוספים)
שפות
אם מדובר באתר אירופאי, כדאי לשקול שפה נוספת חוץ מאנגלית. צרפתית/ גרמנית/ ספרדית
הצגתי כל מיני רעיונות ראשוניים שרציתי לקבל תשובה גם עליהם
1. תקנות נגישות, התייחסות לאתר מונגש ורכיב נגישות.
2. הצהרת GDPR הגנת פרטיות (ראיתי שיש התייחסות ל COOKIE אבל היום באירופה זה לא מספיק), אם יש צורך לאגור מידע של משתמשים?
3. היררכיה, גם ברמת מבנה האתר, האם תפריט צד הוא נכון ביותר? (לדעתי לא) האם אלה העמודים באתר או שיש אפשרות לשנות את המבנה? לדוגמה, לא צריך שמנוע חיפוש יוצג כך. כניסה לאזור אישי אפשר להוסיף בחלק העליון של העמוד הראשי (Log in/ Sign in). בנוסף, אם מדובר על רצון לקדם את האתר, צריך להתייחס לפיצ׳רים כמו וידאו שמקדמים אורגנית את האתר.
4. קופירייט, הכתיבה באתר היא מאד טכנית. האם זה נכון?
5. התייחסות למילות חיפוש, תוספת תוכן רלבנטי שיעזור לקידום האתר. תיוג והוספת מילות חיפוש בעמודים, התייחסות להצגת האתר ברשתות חברתיות.
6. צ׳אט בוטים או כלי של צ׳אט אנושי, נפוצים מאד היום, האם יש צורך בהם?
הצגתי להם את הבעיות שאני רואה ושיש צורך לשנות באתר החדש
התאמת האתר למגוון מסכים (אתר ריספונסיבי)
אתרי אינטרנט שאינם מותאמים לניידים מקבלים דרוג נמוך בתוצאות החיפוש בגוגל. הם אינם נוחים
לשימוש בנייד. האתר יוקם כאתר ריספונסיבי, כלומר מותאם לתצוגה בשלושה מצבים שונים כך שהתוכן מתאים את עצמו למסכי מחשב Desktop ,טאבלטים ולניידים.
נגישות accessibility
החל משנת 2019 אתרי אינטרנט אשר אינם מונגשים לבעלי מוגבלויות עוברים עבירה על החוק. בארץ יש חוק המורה על הקמת אתר ברמת נגישות A ועד רמת נגישות AAA. כמו כן, אתרי אינטרנט מכילים קוד נגישות שמאפשר הצגת תוכן בנגישות גבוהה לצד אפשרות עדכון של תוכן לבעלי נגישות.
האתר יכיל רכיב נגישות מובנה וכן יכולת התאמת התוכן לבעלי מוגבלויות. כך שגם האתר אינו מחוייב בנגישות ברמה החוקית או המסחרית, תהיה אפשרות להנגיש אותו.
דרישות גוגל וקידום SEO
כדי שתהיה אפשרות למצוא את האתר במנוע החיפוש של גוגל, יש צורך להוסיף לכל עמוד מילות חיפוש, תאור וכותרת רלבנטית לאתר. אתרים או עמודי HTML ללא רכיבי קידום אינם מאפשרים למנוע החיפוש למצוא אותם בקלות. בנוסף הם יורדים ברמת הדרוג והרלבנטיות שלהם.
באתר תהיה אפשרות קלה להוסיף מילות חיפוש, תאור וכותרת ספציפית לכל עמוד כדי שמנוע החיפוש של גוגל ימצא את האתר בקלות.
מערכת ניהול CMS
בעבר, אתרים נבנו בעזרת קוד HTML בלבד. המצב מקשה על עדכון העמודים האלה במידה וצריך. כמו כן דורש עבודת תיכנות ועדכון של כל עמודי האתר.
האתר החדש יאפשר גישה נוחה לעדכון התכנים בכל העמודים בקלות וללא צורך בתיכנות.
מבנה האתר וחווית משתמש
תוכן טקסטואלי המוצג כרגע באתר, אינו מותאם לצפייה במסכי ניידים. כמו כן היום, בעזרת כלים ומודולים שונים כגון כיוון תוכן ופתיחה, תפריט משתנה, וטקסט מותאם רוחב מסך. יש גמישות ונוחות למשתמש בהצגת התוכן. לכן באתר החדש יושם דגש על אלמנטים תוכניים שיקלו על התמצאות וקריאת התוכן בקלות.
בנוסף הצגתי אבני דרך לתהליך העבודה
1. אפיון מלא של האתר
2. קבלת כל החומר הרלוונטי לאתר: לוגו, תמונות, מלל וכד'
3. יצירת קונספט עיצובי
4. עיצוב כל מרכיבי האתר
5. בניית האתר (תיכנות)
6. הזנת תכנים על בסיס האתר הקיים
7. בדיקה
8. העלאת האתר
התוכן באתר יתבסס על התוכן הקיים היום.
ההיררכיה והמבנה ישתנה בהתאם בתאום עם הלקוח ובהמלצתנו.
האתר יבנה על פלטפורמת Press Word
פרוטוטייפ
בשלב הראשוני הצגתי את עמוד הבית החדש. המטרה הייתה להנגיש בצורה מהירה את כל התוכן הרלבנטי בעמוד אחד. זו הייתה התוצאה בשלב הפרוטוטייפ.
לאחר אישור הפרוטוטייפ, הכנתי את הגרסה ברמת העיצוב הנדרשת לבניית העמוד
בהמשך העבודה, נתתי פתרון עיצובי לעמודים הפנימיים ולתוכן שיהיה בהם, שילוב תפריט צד לתת עמוד באותו נושא.
לסיום, התאמתי את האתר לגרסאות הנייד.
לסיום תוכלו לראות את התוצאה בכתובת: http://bromaid.org