עיצוב אתר דרופל ישראל - תום ביגלאייזן

זוהי הצעת העיצוב שלי.

הקו המנחה שלי היה פשטות - שיהיה קל לבניה ותחזוקה, שמירה על זיקה ויזואלית מסוימת לאתר דרופל העולמי ודרכי הצגת ומיון תוכן טובות יותר ממה שקיים היום באתר.

עמוד הבית:

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

כך, בעיצוב אפשר לראות כותרת צרה עם תיבת חיפוש מהיר, את טקסט המשימה של האתר בגדול, עם לינקים לעמודי עיצובים ומודולים (באתר הישראלי או העולמי, תלוי במפתחים), אזור בולט עם הסבר מהיר איפה ואיך מתחילים עם דרופל, עם לינק גדול להורדה של דרופל בעברית ולינק קטן יותר להורדה של דרופל בשפות אחרות מאתר דרופל העולמי וגם לינקים מהירים למדריכים ולקבוצות הדיון כדי להתחיל במהירות עם דרופל.

למשתמש רשום יהפוך האזור הזה לתיבת כלים, כראות עיני מפתחי האתר - לינקים ליצירת תוכן, לעריכת תוכן, למעקב אחרי תוכן, לניהול פרויקטים וכו'.

מתחת לאלה ישנו אזור עם תמונות מוקטנות ולינקים לאתרים רנדומלים (או נבחרים) בישראל ובעולם שמשתמשים בדרופל, עם הסבר קצר על האתר.
מתחת לאלה ישנו איזור התוכן - באיזור הראשי מופיעים טיזרים למאמרים ועמודים שקודמו לעמוד הראשי כאשר "סטיקי" מודגש עם מסגרת תכלת, ובאיזור השמאלי כל מה שקשור לקהילת הדרופל - הרשמה או כניסה לאתר, טיזרים קצרים מקבוצות הדיון, הבלוגים, הצעות עבודה וכו'.

לכל אחד מהאיזורים ישנו לינק לRSS שלו.

עמוד פנימי:

בעמודים הפנימיים הדגש צריך להיות על מציאת התוכן הנחוץ בקלות ומהירות, וגם כאן צריך המשתמש הרשום שתהיה לו תיבת הכלים שלו והמשתמש המזדמן את הלינקים המהירים להורדה של דרופל ולמדריכים.

בעיצוב אפשר לראות כותרת מוקטנת כדי לתת שטח גדול יותר לתוכן ואת תיבת החיפוש המהיר.
מתחת לאלה באיזור הראשי, רשימת טאגים, קטגוריות או נושאים (תלוי בצורת ניהול התוכן שתוחלט), ותיבת חיפוש ממוקדת לסוג התוכן של אותו העמוד. מתחת לזו יופיעו טיזרים לאותו סוג תוכן, בעיצוב הוספתי דוגמה לתוכן עם תמונה צמודה לפינה השמאלית העליונה. בפורומים תופיע רשימת הפורומים (עם תמונת המשתמש), בהורדות רשימת קטגוריות להורדה (עם screenshot אם רוצים) וכו'.
כניסה לסוג תוכן (node) תוביל לעמוד זהה, רק בלי אזור הקטגוריות למעלה.
הצד השמאלי זהה לזה של העמוד הראשי, חוץ מהתיבה להורדה מהירה של דרופל שהוקטנה ועברה להיות חלק מהאזור השמאלי,
וכמו בעמוד הראשי תהפוך לתיבת כלים למשתמש הרשום.

כללי:

את התפריט העליון שיניתי קצת כך שיהיה יותר ברור מהתפריט הנוכחי.
הורדתי את "דרופל בעברית" שלא ממש ברור לאן הוא מוביל, והוספתי "מאמרים" ו"בלוגים", את אלה מחזקים הטיזרים היותר מפורטים באיזור הקהילה בצד שמאל ולמשתמש רשום איזור "תיבת הכלים".
בתחתית האתר תופיע הודעת קופי ודיסקליימר, אפשר גם לינקים חשובים (מפת אתר, קישור מהיר ל"צור קשר" וכו') ושורת קרדיטים.

מכל רשימה של טיזרים ומהאזורים המובלטים באתר ישנו לינק מהיר לעמוד של אותו התוכן כדי לחסוך למשתמש "קילומטרז' עכבר" וכדי לתת למפעילי האתר את האפשרות לכוון משתמשים לאזורים באתר לבחירתם.

בחירות עיצוביות:

בחרתי לשמור על הקו הכחול של עיצוב אתר דרופל העולמי הנוכחי, יחד עם הפשטות, הניקיון והמיקוד על התוכן של העיצוב הבא של האתר (http://drupal.markboultondesign.com/iteration8/index.html), בנוסף השתמשתי בירוק כדי "להאיר" קצת את האתר וכדי להבליט אזורים חשובים יותר למשתמש. צבעים נוספים יבואו מהתמונות המוקטנות של אתרים, מתמונות משתמשים, מתמונות במאמרים וכד'.
בהתחלה ניסיתי להימנע מפינות עגולות ולעשות עיצוב יותר "ווב 2", אבל בהמשך החלטתי שבמקרה של העיצוב הזה הן יוסיפו לחוויית המשתמש תחושה של קלילות.
אני אוהב את מה שיצא.

תום ב.
http://tombigel.com