מעצבי דיגיטל ו-UX/UI

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
שלום לכם,
במסגרת לימודי UX-UI כאן בפרוג,
אני עורכת מחקר, שכולל גם את הסקר הקצר הזה:
סקר קטן וידידותי-פליימוביל ומשחקים

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

יהודית אידלשטיין
שאלות? הצעות? הערות?
אל תתביישו: yudit100200gmail.com
  • תודה
Reactions: ימין1 //
6 תגובות
כסטודנטית לחינוך שנה רביעית, ומעצבת למעלה מעשור,
בשנתיים האחרונות נכנסתי לתחום הUX\UI או בשמו בהייטק - מעצב מוצר.

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

המערכים ברשת חסרים.
לחלקם חסר חלק שצריך להשלים כי הכיתה הטרוגנית ויש למספר תלמידים קשיים,
יש תלמידים שהחלק החזותי חזק אצלם והם צריכים תמונות משולבות בחומר, אחרת הם לא מצליחים להתרכז או להבין,
יש תלמידים עם קשיי למידה וצריך למצוא מערך שמתאים להם, ולא להתאים את התלמידים למערך,
ועוד סיבות למה לחפש ברשת זה לא הפתרון המלא.
Desktop - 23 (1).png
אני כמובן, בשבל הראשון של עיצוב מוצר מתחילה במחקר (UX Reacher)
מי קהל היעד? המורים. לכל המקצועות.
מה קשה להם?
מה יעזור להם?
איפה הם מחפשים מערכים?
איפה המורים נמצאים רוב הזמן?
איך הם בונים מערכי שיעור?
והתוצאות,
סקר מסקנות 1.png
67.4% מהמורים מתייעצים עם מורים אחרים באותה התמחות,
47.8% לוקחים חומר מספרים או מאמרים,
45.7% מלקטים חומר מהרשת.

אוקיי, קיבלתי תשובות.

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

הגענו לשלב עיצוב המוצר (UI Design)
היה ברור לי החלקים שיהיו באפליקציית ווב, Dashboard.
  • מקום לשיתוף והעלאת רעיונות, או במילה אחת - פורום. (מה לכתוב על הלוח?)
  • העלאת מערכים
  • צ'אטים
  • מורה מחליף
  • יומן
התקדמתי לשלב הWireframes, איפיון ושלד האפליקצייה.

התחלתי בעיצוב הלוגו ובחירת השם: איך לא?
Group 92.png

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

ומתחילים באיפיון ועיצוב המסכים.
xzxz.png
בסבסזבזס.png
04.jpg
186.png

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

וכשאתם מורידים את הפונט (החינמי) מכאן:

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

  • תודה
Reactions: כהנית1 //
1 תגובות
האשכול הזה הוא מסע של 15 ימים
(5 ימים בשבוע * 3 שבועות)
של התנסות בפיגמה.
בכל יום הודעה או שתיים.

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

***


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

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

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

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

האפשרויות שעמדו מולי:
Adobe XD ,WebFlow ,Figma
(Sketch ירדה מהפרק כי אין לי Mac)

***

אז למה פיגמה?


חוץ מהמלצות שונות פה בפורום ובכללי
התלהבתי מהגישה שלהם:
הם. פשוט. מבינים. מעצבים.

תגידו אתם, איך אפשר שלא לאהוב אותם אחרי שהם אומרים:
But to all the good designers out there
The design process is often a mess
Files go back and forth
Endless variations are save
And no body ever has the right fonts

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


שירות ותמיכה

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

ScreenCaptureProject99.gif


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


ScreenCaptureProject94.gif

אז תמיכה יש. (שירות - כאשלם נדבר על זה ;))


הצד הטכני

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

בהשוואה Figma Vs. Sketch: עבודה על מס' קבצים במשותף. מתוך Google
upload_2019-11-18_23-48-15.png



בהשוואה Figma Vs. Adobe XD: הטמעה של קבצים מתוך המחשב. מתוך Google
upload_2019-11-18_23-50-29.png



Figma Offline: עבודה בדפדפן או באופליין ע"י תוכנה. מתוך Google
upload_2019-11-18_23-51-13.png



Figma Code Mode: מצב קוד בו המפתחים לא יכולים לנגוע בעיצוב (ייאייי!). מתוך Google
upload_2019-11-18_23-53-15.png

עוד השוואות שונות תוכלו למצוא באתר הרשמי: figma.com


פיגמה בפעולה

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

ScreenCaptureProject95.gif

זה נראה כ"כ קל ופשוט, שאין תירוץ למה לא להתחיל.

שאלת השאלות: חינמי או בתשלום?
לפיגמה יש 3 מסלולים. הבסיסי בחינם ומוגבל לחודש ניסיון, עד 3 פרויקטים.
upload_2019-11-19_0-26-22.png

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


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

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


ברוכים הבאים

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


זהו, לעבודה. :)
השכנים שלנו עלו עם אתגר חדש דנדש!
בהשראת האשכול כאן:


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

הנה האתגר:


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

וגם מבחינת SEO

אשמח לשיתופים ודיונים.

תודה ל @אידיאלי! על הרעיון!
ול @EPaP על החיבור לפורום שלנו.

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

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


תהילים פרק כג

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