כך תציגו מקרה בוחן ב-UX באמצעות וידאו – מדריך קל ופשוט

אלוהי הדברים הקטנים: כפתור וטקסט

שלבים ביצירת וידאו למקרה בוחן

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

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

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

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

תמונה המראה וידאו להצגת הפרוייקט בפורטפוליו

כדאי לצלם וידאו להצגת הפרוייקט בפורטפוליו. קרדיט – אתר הפורטפוליו של תמר הרמתי. https://tamarharamati.com

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

כלים ליצירת וידאו להצגת הפרוייקט:

אני משתמש ב Camtasia ו Snagit, מבית Techsmith. אני משתמש בשתיהן, לצרכים שונים. הכלי הטוב והקל ביותר, לדעתי, מביניהם הוא סנגאיט.

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

capcut הוא כלי חינמי מצויין לעריכת וידאו

capcut הוא כלי חינמי מצויין לעריכת וידאו

Loom

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

עוד קצת...

905, 2023

משתמשים הרי לא קוראים מידע, הם סורקים אותו קודם, ורק…

Tags: , , , , , , , , |

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

3101, 2024

אלוהי הדברים הקטנים: כפתור וטקסט

Tags: , , , , , , , , , |

והפעם בפינתנו "אלוהי הדברים הקטנים", ח'ח לפיצ'ר ול UX Copy של כפתור ה'לשתף ולהתייעץ', בתזרים התקציב החודשי במערכת רייזאפ. הבנת צורך משתמש פר אקסלנס. ולמה? הקופי, ברור וקולע יותר מסתם שיתוף. למה לי לשתף תזרים אישי אם לא כדי להתייעץ לגביו? ההדגשה של זה, במקום אייקון סתמי של שיתוף, מביא לנו רעיון ברור לצורך חדש שאולי לא חשבנו עליו. הביצוע: 10/10. מצד אחד, נשארים בתהליך עם קונבנציית [...]

412, 2023

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

Tags: , , , , , , |

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

312, 2023

מעצב UX או UI, כך המשתמשים שלך חושבים כשהם מול הממשק שעיצבת

Tags: , , , , , , |

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

2806, 2023

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

Tags: , , , , , , , , , , , , |

אפיון חווית משתמש טובה מחייבת יצירת תרחישים/תסריטים/Storyboards, שיובילו אותנו לפלואו אותו לדעתנו המשתמש אמור לעבור במערכת. הנה סרטון שערכתי ובו אני מדגים כיצד לגייס את גרסת החינם של ChatGpt כדי: 1. לתת לנו רעיון לפלואו של אפליקציה מסויימת שאנו צריכים לאפיין 2. להוציא לנו פלואו בצורת קוד, אותו נייבא לאפליקציית ווב קלילה שתתרגם לנו את זה לFlow Chart בצורת תרשים סכימתי. לא מאמינים? נסו בעצמכם: https://youtu.be/yTdaFyiANzQ [...]

עבור למעלה