השראה נקודות התחלה • שיתוף פרוייקט דיגיטל מההתחלה ועד להגשה >>>

EPaP

מנהלת בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
פרסום וקופי
UX UI
D I G I T A L
המקדם הנכון הוא "שיתוף" :)

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

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

נתחיל:

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

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

1633644581893.png

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

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

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

1633644948023.png

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

1633645076759.png

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

1633645131953.png


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

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

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

1633645561511.png

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

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

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

הפרוייקט התקרב לסופו.
הטאצ האחרון שהוספנו הוא אפשרות של גרירת אלמנטים
בצורה חופשית ברחבי הדף.
את השדרוג המהמם הזה עשה @roni ravitz עם קסמי JS.

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

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

אז קבלו אותו:
נקודות התחלה.

5.gif

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

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

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

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

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


אפשר לגרור את העיגולים הצבעוניים ע"ג הלוח עם הנקודות:

1633646125541.png

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

1633646133313.png

אחרי בחירת התשובה יוצגו לכם גרפים עם נתונים מעניינים

1633646142627.png

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

1633646152878.png

לאתר - (רק לדסקטופ ברזולוציית 1920*1080)
כנסו מפה: https://meizam.it/

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

חיוך

משתמש סופר מקצוען
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L
וואו @EPaP
העיצוב המקורי עם התלת מימד מעץ, מיוחד מיוחד,
עושה את הפרויקט כ"כ ייחודי!!

וממש מזדהה שלפעמים קל יותר להקים אתר אמיתי מאשר ליצור פרוטוטייפ בכלים הייעודיים...

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

אם נדבר קצת UX ;)
במידע המוצג - לא מספיק ברור לאיזו תשובה הנתונים מתייחסים
1633802031960.png
רק לאחר זמן קלטתי את התשובות למעלה ושאחד מהם הוא בולד, כנראה מה שעניתי. וכן לא ברור מראש שהם לחיצים.
יוצא שכדי לקבל את המידע, המשתמש צריך לקשר בין 3 אלמנטים שונים בנראותם ובמיקומים שונים במסך: הצבע ומיקום העיגול בגרף - בשמאל, המספר והמגדר - בימין והתשובה הרוונטית - למעלה.
זה מצריך את המשתמש לעבוד קשה ולבזבז יותר מידי זמן לכל תשובה.
אם זה היה תוצר אמיתי - הייתי חוששת לנטישות.
אך מאחר וזה פרוייקט,
ובפרוייקטים בעיקר מה שקובע זה השואו, זה עובר בגדול.
שאפו!
 

EPaP

מנהלת בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
פרסום וקופי
UX UI
D I G I T A L
העיצוב המקורי עם התלת מימד מעץ, מיוחד מיוחד,
עושה את הפרויקט כ"כ ייחודי!!
תודה!

החזון של היוצרת מעורר השראה,
אך חסר לי ההקשר בין התוצר הסופי למטרה והחזון הראשוניים,
איך המערכת עוזרת לאוכלוסיה ממעמד סוציו אקונומי נמוך,
ואיך זה בא לידי ביטוי בהצגה?
צודקת. שכחתי לכתוב.. :rolleyes:
זה פרוייקט חברתי, שבא במטרה להעלות למודעות,
ולגרום לאנשים להבין ולהכיר שיש אחרים שחיים וחושבים אחרת.
לא בקטע מחנך, אלא במטרה לגשר ולקרב.
לכן גם בחרנו את הציטוט הנפלא הזה:
"נראה לי כעניין חיוני שנלמד להכיר איש את רעהו, כי אדם נוטה לשנוא את מה שאינו מכיר. בלי היכרות זאת – יחסר הבסיס שעליו מושתת האמון, והרי האמון הוא הבסיס לשלום" (מתוך נאום שנשא הנשיא יצחק נבון בסעודת ערב מטעם נשיא מצרים-אנואר סאדאת, קהיר, 26/10/1980)

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

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

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

EPaP

מנהלת בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
פרסום וקופי
UX UI
D I G I T A L

חיוך

משתמש סופר מקצוען
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L
נחמד לראות שעל כל ההערות שקיבלנו - פניני חשבה מראש :)
הצבנו סולם עדיפיות נורא ברור מבחינת זמן, כוחות. תקציב והשקעה.
:cool:

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

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

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

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

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

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

"אז מי עוד חושב כמוך?"
"בני כמה האנשים שאוהבים ללכת עם חולצה כתומה?"
עם "הזמנה" ברורה ללחוץ ולעבור בין התשובות
וכדו',
זה היה יותר אינטואיטיבי.

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

EPaP

מנהלת בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
פרסום וקופי
UX UI
D I G I T A L
תודה @חיוך על התשובה המפורטת!

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

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


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


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

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


לא בטוחה שהבנתי כל מה שכתבה.
היא כאן? אם כן - היא יותר ממוזמנת!

מה הכוונה - איזו הפתעה תופיע לי עכשיו שזה פידבק מיידי?
היא צופה באשכול.
אולי תצטרף לפרוג בעקבותיו ;)

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

סיון

המניפה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
UX UI
D I G I T A L
מתחברת הכי לכותרת שכתבת לאשכול,
כי יש כאן חשיבה מרמת האפס, עם חשיבה ופתרונות יצירתיים,
אני מצליחה לדמיין את הזיק שנוצר מכל רעיון שאת מדמיינת - והקטע הוא שהכל עובר להיות בר ביצוע ולא נשאר רק בחשיבה ולא ברור איך.
וזה עוד לפני שנכנסתי לעומק הרעיון של הסקר עצמו ואיך הכל מתכתב ביחד, החשיבה על האפיון, העיצוב ומטרת הסקר.

שאפו ענק!

כייף לראות כאלו דברים מרעננים בנוף.

עריכה: 4 פעמים המילה חשיבה בפסקה קצרה של בקושי 65 מילים, אבל שיהיה... כנראה יש דברים בגו עם המילה הזו במקרה הזה : )
 
נערך לאחרונה ב:

אולי מעניין אותך גם...

הפרק היומי

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


תהילים פרק קיט ב'

ט בַּמֶּה יְזַכֶּה נַּעַר אֶת אָרְחוֹ לִשְׁמֹר כִּדְבָרֶךָ:י בְּכָל לִבִּי דְרַשְׁתִּיךָ אַל תַּשְׁגֵּנִי מִמִּצְוֹתֶיךָ:יא בְּלִבִּי צָפַנְתִּי אִמְרָתֶךָ לְמַעַן לֹא אֶחֱטָא לָךְ:יב בָּרוּךְ אַתָּה יְהוָה לַמְּדֵנִי חֻקֶּיךָ:יג בִּשְׂפָתַי סִפַּרְתִּי כֹּל מִשְׁפְּטֵי פִיךָ:יד בְּדֶרֶךְ עֵדְוֹתֶיךָ שַׂשְׂתִּי כְּעַל כָּל הוֹן:טו בְּפִקֻּדֶיךָ אָשִׂיחָה וְאַבִּיטָה אֹרְחֹתֶיךָ:טז בְּחֻקֹּתֶיךָ אֶשְׁתַּעֲשָׁע לֹא אֶשְׁכַּח דְּבָרֶךָ:
נקרא  14  פעמים

לוח מודעות

למעלה