6#: Blizzard – שוב משאירים אותי ללא מילים חוץ מ..Wow!

יולי 1, 2009

       .       

זוכרים את הפוסט על בליזארד [Blizzard] – חברת המשחקים הגאונית שיצרה את WOWWorld Of Warcraft? ["מה זאת אומרת זוכרים? אנחנו מקריאים אותו  לילד כל יום לפני השינה"] בין השאר בפוסט הזה הללתי ושיבחתי את יכולות הגרפיקה המשובחות של החברה. העניין הוא שכל מה שכתבתי לא התקרב אפילו למה שהחברה הזאת מסוגלת לעשות!

למסקנה הזאת הגעתי כשנכנסתי לאתר של בליזארד כדי לבדוק מה תאריך ההוצאה של המשחק המדובר Diablo 3.  בתור אחד שחרש על שני הפרקים הראשונים של המשחק [או לפחות ראה את חבר שלו משחק ונהנה מכל רגע] הרגשתי מחויבות בלתי מוסברת לראות מה מצפה לנו במשחק החדש. תוך כדי גלישה באתר, נשארתי ללא מילים. מבית היוצר של פרויקט פ.א.ה.

—————————————————————————-

עיצוב כללי -

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

שימושיות [usability] - אם נצא לרגע מהשוק הראשוני של העיצוב המרהיב נבין שלא הכל ורוד. הדבר הראשון שהפריע לי זה האיטיות הבלתי נסבלת בגלישה באתר. אמנם שילבו הרבה גרפיקה בעיצוב האתר אבל בליזארד צריכים להתחשב במשתמשים בעלי מהירויות גלישה שונות – אי אפשר להסתמך שתהיה מהירות 5Mbps לכלל הגולשים. נמשיך הלאה לעניין התפריטים: קיים בכל האתר תפריט בודד וראשי כאשר במקרה של אתר מהסוג הזה המחשבה נכונה כי לא צריך יותר מזה. התפריט כולל חזרה לעמוד הבית, תפריט דמויות, כניסה למפת העולם של המשחק, שאלות ועובדות וכמון קישור לקהילת הפורומים של המשחק.

חוץ מהתפריט הראשי קיים עוד תפריטונטוש משני [תפריטונטוש= תפריט קטנטוש] ולמען האמת הוא מיותר מכיוון שהוא מביא אותנו בדיוק לאותו מקום כמו סימנית "Character Classes" בתפריט הראשי.

הכי חשוב [לא לנו, אבל אני בטוח שלסינים ולצרפתים] האתר תומך בצרפתית, ספרדית ושפות אחרות מלבד השפה האנגלית.
.

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

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

מיותר לדבר על הלוגו של המשחק שמוצג פה בצורה יוצאת מן הכלל עם רקע הדמות המלחיצה.. שאר הטקסט באתר מאופיין בצבעים הצהובים והכתומים הדהויים – שוב כחלק מהאפקט העתיק וע"י כתיבה כמו בספר עם פסקאות ואות גדולה שמתחילה את הסיפור.

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

נמשיך הלאה. נלחץ לדוגמא על "Character Classes" ונקבל את התוצאה הבאה [המזכירה באופן מפתיע משחק מחשב]:

[אין צורך להכביד במילים,ניתן לתמונה לעשות את העבודה.]

נלחץ על סימנית "The World" ונקבל עמוד [אמנם קצת חשוך] עם מפה של העולם [לא פחות ולא יותר] שבליזארד יצרה למשחק ועדכונים על דמויות/מפלצות חדשות שכבר שוחררו לקהל הרחב. אם ניכנס נניח ל"Wizard"-המכשפה, יפתח לנו דף עם תצוגה תלת מימדית מרהיבה של הדמות, הסיפור מאחורי הדמות וסרטונים המדגימים את יכולותיה.

אפשר להמשיך לעבור על כל דף ודף [כמו שאני עשיתי] אבל אני ממליץ לכם לעשות את זה לבד כי התצוגה השאירה אותי ללא מילים [למעט הפוסט הזה..].

—————————————————————————-

ציון עיצוב אתר: 9!

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

לכניסה לאתר של המשחק: לחצו כאן!


5#: טוב שההגה באתר של אגד

מאי 8, 2009

.                  .

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

אגד מציעה פיתרון שלישי מיידי ואפילו נח לבעיה הניצבת לפנינו עם אתר אינטרנט הנגיש גם למכשירים סלולריים התומכים בגלישה סלולרית – סיבה מצוינת לבעלי אייפונים להוציא אותם מהכיסים ולהראות לכל יושבי התחנה איזה מגניבים אתם!

——————————————————————

עיצוב כללי -

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

שימושיות Usability – באתר של אגד קיימים שלושה סרגלי כלים מרכזיים:

1. סרגל הניווט [והמידע]

2. סרגל החיפוש

3. סרגל האתר.

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

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

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

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

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

פונטים – מבחינת הפונטים אגד יוצאים כמעט נקיים לגמרי. קיימת התאמה של צבעים לאתר, יש דגשים במקומות הנכונים, כותרות מודגשות בירוק ופרטים נוספים מלווים בסמל קטן של אגד [אחלה שימוש בפרטים קטנים]. בנוסף, הפונט של הכתבות בגודל המתאים ובצבע אפור ולא שחור [מה שמייחד את האתר ומראה שוב על תשומת הלב שהשקיעו בפרטים הקטנים] וסוג הפונט הוא "אריאל" [בדיוק כמו בבלוג מה שמצריך אותי להודות בבחירה המצוינת שלהם!]. הדבר היחיד שכן הפריע לי זה שבכניסה לכתבות קיים איזשהו אי-סדר בכתבה עצמה – הכותרת הראשית שאמורה להיות הכי גדולה, קטנה יותר מהכותרת המשנית ויותר מדי צמודה אליה כך שזה מפריע לקורא להבין מה הנושא של הכתבה.

אטרקטיביות – באתר קיימים שלושה אלמנטים עיקריים שבעזרתם הוא הופך להיות כל כך חי ופעיל; סרגל החיפוש שבמעבר עכבר מגדיל את העיגול – אלמנט פשוט וגאוני שלא דורש הרבה ידע בפלאש אבל עושה את העבודה,

פרסומת בתחתית האתר – הנותנת תחושה נעימה ולא מוגזמת לסביבת האתר

ואחרון, סרגל הניווט העליון שבמעבר עכבר פותח את כל המידע הנחוץ למשתמש באותו נושא.

אגד, שיחקתם אותה!
——————————————————————

ציון עיצוב אתר: 9.
——————————————————————

שבת שלום!חיוך


4#: אתר בני-עקיבא ימתח להקשב, הקשב!

אפריל 17, 2009

סמל בני עקיבא

*להלן שיחה שהתקיימה השבוע ביני לבין ש' [שם בדוי]:

ש': דניאלי אחי החתיך והחמוד, אתה יכול לעזור לי במשהו?

אני: בוודאי ש'! כל מה שתצטרכי!

ש': וואו איזה כיף שיש אח כמוך! אתה יכול לעזור לי להיכנס לאתר של בני-עקיבא ולראות מתי הפעילות הקרובה ומה המחיר שלה? אני לא מוצאת שם כלום!

אני: בטח! אין בעיה..

ש': אין עליך..

[*השיחה צוטטה מילה במילה למעט שינויים "קלים" פה ושם..]

בתור חניך ומדריך לשעבר בתנועת הנוער "בני-עקיבא" שחונך על ערך העזרה לזולת הרגשתי צורך עז לקום ולעזור לזולתי – ש'. חלצתי כפיים, שייפתי בירכיים [או איך שלא אומרים את זה] ונכנסתי לאתר של תנועת בני-עקיבא בארץ לראות על מה היא מדברת.

————————————————————-

 

מראה כללי – הכניסה לאתר מותנית בצפיה בסרטון קצר של 20 שניות על התנועה [שבפועל ממצא את עצמו לאחר עשירית מהזמן- בחישוב מהיר: 2 שניות] כשקיימת אפשרות לדלג על הסרטון ולעבור ישירות לאתר [פעולה שביצעתי אוטומטית בארבעת הכניסות הראשונות שלי לאתר רק בגלל המנגינה החופרת ברקע]. הסרטון נעשה בפלאש ברמה נמוכה יחסית ליכולות של התוכנה – הטקסט בורח מגבולות הסרטון, המנגינה חוזרת על עצמה וכך גם התמונות..

 סרטון הפלאש

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

מבט לאתר

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

תפריט ימני

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

 תפריט מרכזי

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

 תפריט עליון

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

תיבת החיפוש תקועה במקום לא שמיש בעליל והיא לפרוטוקול בלבד כי כל חיפושבני עקיבא שהעליתי בה [, מזכ"ל, דוקים, טאקי] הביא לתוצאה הבאה:

 חיפוש חושל

דבר אחרון שממש הפריע לי, בכל לחיצה על לינק הדף כאילו עולה מחדש. למה? בכתיבה בשפת HTML יש פקודה העונה לשם FRAME [מסגרת] הנותנת אפשרות שכל האתר ישאר קבוע והדבר היחיד שישתנה בלחיצות על לינקים פנימיים זה מה שבתוך המסגרת [כי לשם הם מקושרים] – פתרון נחמד לבעיית האינטרנט האיטי [או המחשב הישן והמעצבן!!].

צבעים וצבעוניות – הסמל של תנועת הנוער מורכב מהצבעים: כחול, לבן וצהוב [לפעמים]. לא מפתיע שגם האתר מורכב מהצבעים הנ"ל אבל גם כשרוצים לעצב אתר מהצבעים האלה כבר לא משתמשים בצבע הכחול הבסיסי [חוק ההתישנות תקף גם פה] אלא בכחול עם גוונים. בכל תיבת עדכונים הוסיפו תמונה קטנה שנותנת תחושה טובה ובסה"כ האתר דיי נעים לעין ומהבחינה הזאת נחמד לגלוש בו.

פונטים – סוג הפונט שבו השתמשו בכל האתר הוא "אריאל". אני לא חושב שמעצבי האתר ייחסו חשיבות לסוג הפונט אבל לפחות בתפריט ההיסטוריה הייתי מכניס פונט אחר סתם בשביל לא להיות מרובע. בקטעי הכתבות צבע הפונט שחור [רק שחור!] מספיק שלכותרות היו נותנים איזה גוון כחול מעבר לדגש הבסיסי והייתי שותק אבל ההרגשה שמקבלים מלראות את הכתבות ככה היא שלא רוצים שנקרא אותן  [מה שעשוי להיות נכון]. בכניסה לכתבות עצמן פי נפער לרווחה מהדמיון העצום שבין קובץ הטקסט שאחותי בת ה7 הכינה אחרי שהיא למדה WORD לבין הכתבות באתר של בני-עקיבא:

אתם בטח מבינים לבד מה המשפט הבא ובמקרה הזה תמונה אחת שווה אלף מילים…

אטרקטיביות – טוב אז קיימת איזושהי חיות מסוימת באתר בזכות "הדבר הגדול והזז הזה" [שאגב בכניסה לכתבה נחצת באכזריות ע"י גוש כחול - ראו תמונה למטה], התפריט הצדדי שנראה כמו רצף של פרסומות וכמובן איך אפשר לשכוח את "חדשות בתנועה" [שמסתכמות בחדשה וחצי שנקטעה לפני שהספקתי להשתמש בפונקצית Print Screen] ואפילו אפשר לפרגן ולהגיד שהאתר נראה נחמד אבל שוב, ללפני 5 שנים. את התפריט של ההיסטוריה היו צריכים לשלב גם בפלאש, והנפשות פה ושם במעבר עכבר יכלו להוסיף המון!

 תמונה למטה - גוש כחול

————————————————————-

ציון עיצוב אתר: 5 [בערך כמו מס' השנים שעברו מאז שהקימו את האתר..]

 ————————————————————-

 שבת שלום!צוחק


Follow

Get every new post delivered to your Inbox.