DCSIMG
הבלוג החדש שלי - Major Version או בסה"כ שינוי עיצוב גרפי? - Amit Cohen-Berezin

Amit Cohen-Berezin

הבלוג של עמית כהן-ברזין

הבלוג החדש שלי - Major Version או בסה"כ שינוי עיצוב גרפי?

ברוכים הבאים לבלוג "החדש" שלי!

תודה מיוחדת לעדלי משיח על העיצוב ולגיא בורשטיין על הטיפים

 

פוסט זה הוא הפוסט הראשון בסדרת פוסטים בקנה.

 

Graphical Design Sample כבר כתבתי בעבר על חלק מהלבטים השונים בהם מתחבט מנהל מוצר.

 

היום אני רוצה לדבר על דילמה נוספת:

 

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

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

 

דוגמאות לכך לא חסרות... למשל:

 

וואלה! - בוואלה! השינוי שנעשה כבר די מזמן הביא איתו בעיקר חידושים גרפיים. ה- Layout על המסך נשאר אותו דבר רק הגרפיקה השתנתה. מה שכן התווסף היה נושא התצוגות: classic, now, mini, my.

 

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

 

Graphical Design Sample 

ממה נובעת "ההתרחבות"?

או. שאלה טובה. אז ככה:

בגדול כל אפליקציה מותאמת לפלח שוק/לקוחות מסויים.

כחלק מהאסטרטגיה שלך, אתה מחליט מה פלח השוק שמתאים לך.

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

 

 

 

איך זה קשור?

גם שאלה טובה. ניקח לדוגמא את נושא הרזולוציה.

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

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

הנקודה הקריטית:

המעבר הקריטי מבחינתי הוא המעבר מרזולוציה של 800x600 לרזולוציה של 1024x768. רובכם יכולים בוודאי לראות שיש עדין פורטלים ברשת האינרטנט שבנויים לתמיכה ברזולוציה של 800x600. אבל הם הולכים ונכחדים. בינואר 2003 נמצא כי 47% מכלל משתמשי האינטרנט השתמשו ברזולוציה 800x600 בעוד 40% השתמשו ברזולוציה 1024x768. רק 4 שנים אחרי, אפריל השנה (2007), אחוז הצופים באינטרנט ברזולוציה 800x600 צנח ל- 8.23! מאידך ברזולוציה 1024x768 משתמשים כבר 55.34% מכלל גולשי האינטרנט (אגב, כ- 17% בקירוב משתמשים ברזולוציות גבוהות יותר). 

אז למה המעבר הוא קריטי? לרזולוציה 1024x768 לקח 5-6 שנים להפוך למובהקת.

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

 Skinning Sample

מה זה אומר?

זה אומר שאנחנו צריכים להיערך לשינוי בהתאם. לתכנן בתוכנית המוצר שלנו Facelift ברמה העיצובית, התאמה שלו על המסך לרזולוציה גבוהה יותר מ- 1024x768. בדרך גם נשדרג את הגרפיקה שתהייה Up-To-Date...

 

Major Version או בסה"כ שינוי עיצוב גרפי?

תלוי את מי שואלים.

ניקח לדוגמא מוצר X שנמצא כרגע בגרסה מס' 5.00. עם כל גרסה שיצאה עד היום הוכנסה פונקציונאליות חדשה ובוצעו שיפורים למנגנוים קיימים. פתאום, הגרסה הבאה היא 10.0. למה?

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

אגב להפוך את האפליקציה למודולרית בעיניין ה- "Skinning" שלה בפעם הראשונה, גם זה נושא לא פשוט כלל וכלל. זה הפך להיות הרבה יותר קל כשה- Themes וה- Skins הפכו להיות חלק אינטרגרלי מה- Net Framework 2.0. אבל כל הטיפול שלהם מסתכם (בגדול) בשינויי פונט וגרפיקה ולא בתצורה. כלומר זה לא כולל שינוי Layout...

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

 

 

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

 

לכן זה לא בכדי שהשינוי מתוויג בתור Major Version...

 

 

 

הזמן שהושקע בכתיבת הפוסט הנ"ל (נטו): 3 שעות ו- 47 דקות

 

 

 

 

תוכן התגובה

???????? ?????????? ?????? ?????????? IV - ???????????? ???????? - Amit Cohen-Berezin כתב/ה:

Pingback from  ???????? ?????????? ?????? ?????????? IV - ???????????? ???????? - Amit Cohen-Berezin

# December 26, 2007 3:39 PM

Maya Shoval כתב/ה:

אהבתי את השינוי!

וכמובן כל הכבוד גם לעדלי :)

# December 26, 2007 4:19 PM

מורד שטרן כתב/ה:

אחלה של בלוג ! יש לי שתי הערות :

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

2. החוכמה היא להגיע גם למכנה המשותף הנמוך ביותר מבחינת יכולת השימוש של המשתמשים ( מבחינת הבנת הממשק )

# December 26, 2007 4:49 PM

אמיר כתב/ה:

כתבה מצויינת!

כל כמה זמן לפי דעתך יש לרענן את התצורה הגרפית של אפליקצית אינטרנט?

והאם בכלל יש חוקים איך צריך לעשות זאת?

# December 26, 2007 6:35 PM

Amit Cohen-Berezin כתב/ה:

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

# December 26, 2007 9:09 PM

Amit Cohen-Berezin כתב/ה:

חברים,

תודה רבה על המחמאות!

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

מורד: תודה! ו... צודק מסכים איתך ב- 100%.

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

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

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

# December 27, 2007 2:52 PM

מדריכים לפוטושופ כתב/ה:

כל הכבוד על השינוי,בהצלחה.

# December 31, 2007 6:06 PM

Amit Cohen-Berezin כתב/ה:

אני חולה סטטיסטיקה! ( כבר אמרתי? ) בחלוף שנת 2007 הרשיתי לעצמי (ברוב חוצפתי) לסכם, מבחינה סטטיסטית, את

# January 8, 2008 10:56 AM

Amit Cohen-Berezin כתב/ה:

אני חולה סטטיסטיקה! ( כבר אמרתי? ) בחלוף שנת 2007 הרשיתי לעצמי (ברוב חוצפתי) לסכם, מבחינה סטטיסטית, את

# January 8, 2008 10:58 AM

Amit Cohen-Berezin כתב/ה:

אני חולה סטטיסטיקה! ( כבר אמרתי? ) בחלוף שנת 2007 הרשיתי לעצמי (ברוב חוצפתי) לסכם, מבחינה סטטיסטית, את

# January 8, 2008 11:08 AM

Amit Cohen-Berezin כתב/ה:

אני חולה סטטיסטיקה! ( כבר אמרתי? ) בחלוף שנת 2007 הרשיתי לעצמי (ברוב חוצפתי) לסכם, מבחינה סטטיסטית, את

# January 8, 2008 2:16 PM

Amit Cohen-Berezin כתב/ה:

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

# February 5, 2008 11:13 AM

Amit Cohen-Berezin כתב/ה:

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

# February 9, 2008 11:06 AM

Amit Cohen-Berezin כתב/ה:

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

# March 10, 2008 1:19 PM
שלח תגובה

(שדה חובה)  

(שדה חובה)  

(אופציונלי)

(שדה חובה) 

Please add 7 and 3 and type the answer here:


Enter the numbers above: