1. לפני שמתחילים
כדאי לעיין בהנחיות התקשורת של Material Design
כתיבה ברורה ותמציתית ממלאת תפקיד חשוב באיכות חוויות המשתמש. כדאי לעיין בהנחיות הכתיבה של Material Design ל-UX ולהתחיל ליישם עקרונות לכתיבת טקסט בממשק משתמש שיעזרו למשתמשים להגיע לאן שהם רוצים.
ידעתם שבקטע בנושא תקשורת ב-Material יש מידע על הרבה נושאים מעבר לכתיבת UX? אפשר לעיין בנושאים שונים, מהדמיית נתונים ועד הדרכה למשתמשים חדשים ודפוסי מצב ריק.
תחשוב כמו כותב!
גם אם אתם עובדים עם כותב UX או עם מומחה לאסטרטגיית תוכן, ב-Codelab הזה נציג דרכים שבהן כל אחד יכול לבחור שפה שמתאימה לממשקים. תלמדו לשאול כמה מהשאלות שכותב עשוי להתמקד בהן כדי לשפר את חוויית השימוש במוצר, כמו בהירות ותמציתיות בטקסט גלוי למשתמשים, כמו תוויות והתראות.
מה תלמדו
- מהו כתיבה לחוויית משתמש ולמה זה חשוב
- איך קובעים את הטון והסגנון המתאימים להקשרים שונים
- שיקולים ספציפיים לכתיבה של רכיבים
- מקורות מידע להמשך הלמידה
הדרישות
- כדאי להתחיל מסמך או להכין דף נייר כדי לעקוב אחרי התרגילים ב-Codelab.
דרישות מוקדמות
שיעור ה-Lab הזה מבוסס על מושגי יסוד בכתיבה, בדקדוק ובעיצוב שמופיעים ב-Material Design. מומלץ להכיר את הרכיבים האינטראקטיביים בממשק המשתמש.
התמקדות באנגלית, אבל שימושי באופן כללי
במעבדה הזו נסביר על עקרונות תקשורת שיעזרו לכם לשפר את חוויית המשתמש. עם זאת, הדוגמאות והבחירות של המילים מבוססות על מוסכמות של אנגלית אמריקאית.
ההנחיות האלה רלוונטיות לכל שפה בממשק משתמש, כי הן מתייחסות לשינויים בהקשר ובתרבות. במקורות המידע שמפורטים בשלב 9 יש מידע נוסף שרלוונטי במיוחד לשיקולים שקשורים לשפות שאינן אנגלית.
2. מה זה כתיבת UX?
סקירה כללית
כתיבת תוכן לחוויית משתמש (UXW) נקראת גם אסטרטגיית תוכן או עיצוב תוכן. זהו תחום נפרד שמתמקד בשימוש בשפה כדי לשפר את חוויית המשתמש באמצעות נרטיבים ברורים, בחירת מילים, היררכיית מידע ועוד.
חשיבה כמו כותב UX יכולה לשפר את השלמת המשימות, את שביעות הרצון של המשתמשים ואת קלות השימוש הכוללת!
מה מייחד את כתיבת ה-UX?
כתיבת UX היא כתיבה לאנשים אמיתיים.
כשכותבים טקסטים לחוויית משתמש, צריך להניח שהמטרה העיקרית של הטקסט בממשק היא לתמוך בתהליכים שעוברים המשתמשים.
הבחירה במילים, האורך, הסגנון והמבנה של כל טקסט יכולים להשפיע על מידת ההבנה של המשתמש לגבי המטרה והיתרונות של התכונות והמשימות.
סגנון
סגנון הכתיבה צריך להתאים לצרכים של קהל היעד וליעדים שלו. כתיבת UX משלבת בין הכללים האקדמיים של כתיבה רשמית (כמו בעיתונים או בספרי עיון) לבין סגנונות פחות רשמיים שבהם אנשים משתמשים כשהם מתקשרים באינטרנט (אימייל, הודעות טקסט, צ'אט).
הכתיבה באפליקציות ובממשקי משתמש היא פחות רשמית משתי סיבות עיקריות:
- תקשורת באינטרנט היא פחות רשמית מאשר תקשורת בדפוס או כתיבה אקדמית
- הטקסט בממשק המשתמש מוגבל בגלל השטח הזמין במסך, ואורך התווים מוגבל
כתיבה שמתמקדת במשתמש, או במילים אחרות: "לגרום לזה לעבוד"
בכתיבת UX, הסגנון צריך להיות ממוקד במטרה ולא בדקדוק. זה לא אומר שהדקדוק לא חשוב לבהירות ולעקביות, אבל כדאי קודם להתחשב בצרכים של המשתמשים ורק אחר כך להחליט לגבי הדקדוק.
כשמדובר בבחירת מילים ובסגנון, עקרון מנחה לקבלת החלטות לגבי סגנון יכול להיות פשוט לגרום לזה לעבוד. הבחירות שהכי מתאימות לממשקי משתמש לא תמיד זהות לכללים של כתיבה רשמית.
כתיבה באופן שמתאים לאופן שבו אנשים קוראים
ה-UXW צריך לשקף את הדרכים שבהן קוראים בשפות רבות סורקים דפים בתבנית בצורת F, במקום לקרוא פסקאות מלאות. אם תנסו לחזות את התנהגות הקוראים, תוכלו לכתוב את הטקסט באופן שמתאים לחוויה שלהם.
בתוכן לאינטרנט, זה מתבטא בדרך כלל בפסקאות קצרות, בכותרות תיאוריות שקל לסרוק ובעיצוב אסטרטגי.
דוגמאות למעקב עיניים ממחקרים על דפוסי קריאה באינטרנט. תמונה ומחקר מ-nngroup.com (2006; 2017).
בדיקה
יכול להיות שיהיה קשה לתת מענה לצרכים של קבוצות גיל או תרבויות שונות באמצעות אותו טקסט. למצוא את המילים הנכונות כדי להעביר את המסר שלכם אולי נשמע פשוט, אבל השפה וההבנה הן סובייקטיביות מאוד.
כדי לוודא שהכתיבה שלכם מובנת כמו שאתם רוצים, חשוב לבצע בדיקות כדי להעריך את הבהירות, המשמעות והיעילות שלה בעולם האמיתי.
גישות
קל וזול
- קוראים בקול רם את מה שכתבתם. האם זה נשמע כמו משהו שהיית אומר לאדם אמיתי? אם לא, נסו לכתוב מחדש.
- לבקש ממישהו אחר לקרוא ולהסביר לך מה לדעתו המשמעות של המילים שלך
- הצגת דוגמאות לכתיבה בהקשר של ממשק משתמש לכמה אנשים
- אתם יכולים להשתמש ב-Google Trends או ב-Google Books Ngram Viewer כדי לבדוק אם מילה או ביטוי מסוימים נפוצים יותר מאחרים
בדיקות תוכן נרחבות מתבססות על היוריסטיקה, למשל:
- הבנה וקריאוּת
- השלמת משימות ומשך ביצוע המשימה
- הערכת הטון והתפיסה
3. עקרונות
סקירה כללית
העקרונות בהנחיות הכתיבה של Material נועדו לבנות אמון ולשפר את הבהירות באמצעות שפה מדויקת ותמציתית. אתם יכולים להוסיף או להחסיר מהעקרונות של Material כדי להתאים אותם לצרכים שלכם.
הנחיות מאפשרות לכמה אנשים לקבל החלטות עקביות יותר כקבוצה.
תענה בתמציתיות, אבל לא כמו רובוט
תכתוב קטעי טקסט קצרים וקלים לסריקה שמתמקדים במספר מוגבל של רעיונות.
כתיבה פשוטה וישירה
השתמשו בשפה פשוטה וישירה כדי שהטקסט יהיה קל להבנה. בכל פעם שאתם כותבים משהו, כדאי לשאול את עצמכם אם יש דרך קלה יותר להביע את הרעיון.
פנייה ברורה למשתמשים
בעברית, פנייה בגוף שני (אתה/את או אתם/אתן) היא לרוב ישירה וברורה יותר. אפשר להשתמש בגוף ראשון (אני, שלי, שלי) כשרוצים להדגיש בעלות.
השימוש במילים"אתה" ו "שלך" הוא דרך ישירה יותר לפנות למשתמש.
השימוש ב'אני' או ב'שלי' יכול להיות מבלבל כי הוא משלב את העמדה או הקול של המשתמש עם הקול של האפליקציה. אפשר להשתמש במילים 'אני' או 'שלי' כדי להדגיש בעלות ברורה על תוכן או פעולות.
הימנעו משימוש בגוף ראשון ובגוף שני באותו משפט
כדי למנוע בלבול, אל תשתמשו במילים 'אני' או 'שלי' ובמילים 'אתה' או 'שלך' באותו משפט.
לספק את הפרטים החשובים
חשוב להעביר רק את הפרטים החיוניים להקשר ספציפי, כדי שהמשתמשים יוכלו להתמקד במשימה שלפניהם ולא יצטרכו לפרש הרבה אפשרויות. בכל תיבת דו-שיח או התראה, חשוב לחשוב איזה מידע נדרש כדי להסביר פעולה מסוימת ואת ההשלכות הקריטיות שלה.
4. קול ונימה
סקירה כללית
קשה להשיג עקביות ובהירות בלי להתייחס לטון ולסגנון שרוצים ליצור בחוויה.
דמיינו שאתם קוראים חמישה משפטים ביחד, אבל כל משפט נכתב על ידי אנשים שונים שלא ראו את ארבעת המשפטים האחרים. לפעמים הניווט בממשק משתמש יכול להיות לא עקבי, כי כל אחד כותב בסגנון ובטון משלו.
כשכמה אנשים תורמים טקסט למוצר, הנחיות לגבי הטון והסגנון יכולות לעזור להבטיח שהמילים ייבחרו מתוך תחושת משמעות ומטרה משותפת.
דוגמה לקמפיין קודם ל-Android שמשתמש בקול ברור ומכליל עם טון ישיר.
מה זה סגנון וטון?
הקול צריך להיות עקבי לאורך חוויית השימוש, בעוד שהטון הוא תלוי-הקשר ויכול להשתנות.
Voice
הקול מתייחס למצב הרוח, לגישה או להשקפה שמועברים לאורך חוויה מסוימת. זהו היבט אחד של ה"אישיות" של המותג, והוא מאפשר למישהו להכיר את הצליל של המוצר.
העקרונות של הקול מכוונים את בחירת המילים, והם הכי יעילים כשמצרפים אליהם דוגמאות שממחישות את הקול בפעולה. ללא דוגמאות, העקרונות יכולים להיות מופשטים מדי ולא להנחות את קבוצת המעצבים בקבלת החלטות לגבי הסגנון.
הנה כמה דוגמאות נפוצות לעקרונות של טון דיבור:
- מועילה: כתבו כמו בני אדם, לא כמו מכונות. הסבר על השגיאות והצעת פתרון.
- נגיש: חשוב שהטקסט יהיה קל להבנה לכל משתמש חדש. חשוב להסביר או להחליף מונחים טכניים או מתקדמים.
- מעוררת השראה: הדגשת היתרונות וההישגים לאורך חוויית השימוש. צריך לנסח את המטרות והתוצאות בניסוח חיובי ופעיל.
טון
הטון של הכתיבה מעביר מצב רוח ורגש, בין אם אתם מתכוונים לכך ובין אם לא.
לדוגמה, אם קול מוגדר כ "מועיל" ו "אנושי", הטון שמחזק את היעד הזה יהיה תומך ונינוח, ולא תובעני ותמציתי.
בסופו של דבר, מה שייחשב על ידי אדם מסוים כ "תומך וקליל" יהיה שונה מאדם לאדם. לכן רשימות מילים ומטריצת תוכן עוזרות להפוך את הקול והטון לפרקטיים. הנושא הזה מוסבר יותר לעומק בקטעים 6-8.
למה זה חשוב
השימוש בסגנון המתאים יכול לעזור לכם לרכוש את אמון המשתמשים ולגרום להם להרגיש בטוחים. לדוגמה, אם הודעת שגיאה היא בצורת בדיחה ולא בצורת תמיכה, יכול להיות שהטון הקליל לא יראה למשתמש שהתסכול שלו מוצדק ושיש פתרון לבעיה.
יצירת מיפוי גוונים
מפת טון עוזרת לתכנן ולתעד אסטרטגיה להתאמת הקול והטון.
מתחילים בבדיקת הנקודות העיקריות בתהליך שעובר המשתמש. בין אם אתם יוצרים משחקים, כלים פיננסיים או אפליקציית קניות, הסגנון שלכם צריך להשתנות בהתאם לנקודות בתהליך שעובר המשתמש, כמו הדרכה למשתמשים חדשים, אישורים ושגיאות.
לדוגמה, התראה משעשעת לאישור שגרתי נראית בהתחלה כמו רעיון טוב, אבל בפעם החמישית שהיא מתקבלת, ההנאה יכולה להפוך במהירות למטרד.
מצבי שגיאה הם דוגמה נוספת למקרים שבהם מיפוי טונים יכול לעזור לשנות את הטון מקליל ושיחתי לטון תומך ומפורט.
1. קודם כל, בוחרים שני מאפיינים או ספקטרום שיכולים לייצג טווח של טון רצוי.
הנה כמה רעיונות לצירים חשובים לטון של כתיבת UX:
- משעשעים לעומת רציניים
- תמציתי לעומת מפורט
- רגשי לעומת ניטרלי
- קליל לעומת נוקשה
2. מציירים רשת עם שני קווים מצטלבים ומזהים כל ציר עם מאפיין אחד של טון שרוצים לתכנן אסטרטגיה לגביו.
בדוגמה שלמטה, אפשר לראות שכיף לעומת רצינות ותמציתיות לעומת פירוט הם המאפיינים של המפה.
3. הבא, מפרטים סוגים או דפוסים של הודעות שבהם אתם משתמשים בדרך כלל. סוגי ההודעות שאפשר למפות:
- הדרכה למשתמשים חדשים
- אישור והסכמה
- עזרה ומשוב
- שגיאות
- התראות
- תוויות
- מצבים ריקים
4. ממקמים כל סוג הודעה במפה ביחס לשני הצירים.
הנה כמה דברים שכדאי לקחת בחשבון:
- כמה שטח מסך יהיה זמין להודעה מסוימת?
- עד כמה חשוב או קריטי להבין את סוג ההודעה? האם יש פעולה הרסנית על הפרק?
- מה היית רוצה שהמשתמש ידע או ירגיש לגבי הכוונה של סוג ההודעה? לדוגמה, תהליך ההצטרפות מלווה לעיתים קרובות בכוונה קלילה אך מעשית.
5. דוגמה מלאה
בהמשך מופיעה דוגמה לסוגי הודעות שמוצגים בתרשים לפי חוויות נפוצות באפליקציות.
אם האפליקציה שלכם עוסקת בתשלומים או בעניינים משפטיים, כדאי לשנות את הטון לפורמלי יותר ולספק פרטים נוספים כשחשוב שהמשתמשים יבינו את התוכן. לעומת זאת, אם אין סיכון לפרטיות או לבעיות כספיות, ויש מרכז עזרה שבו אפשר לקבל מידע נוסף, אפשר לכתוב בצורה תמציתית יותר.
5. מבנה התוכן
סקירה כללית
מבנה ההצהרה יכול לשפר את ההבנה ולעזור למשתמש להתמקד במשימה שלפניו. כשמשלבים תמונה עם טקסט, מטרה נוספת של מבנה המידע היא לשפר את הנגישות.
מתחילים עם יעדים
להתחיל משפטים עם היעד של המשתמש. כתיבת UX היא כתיבה שמכוונת למשימות, ולכן דפוס נפוץ של ניסוח משפטים הוא הדגשת יעד שמגדיר את המסגרת המניעה למשימה, ואז המשפט מפרט את הפעולה הנדרשת להשלמת המשימה.
הצגת פרטים לפי הצורך
הצגת מידע לפי ההקשר ולפי הצורך. הגישה הזו נקראת לעיתים קרובות חשיפה הדרגתית. הצגת פרטים על תכונות כשהמשתמשים בודקים אותן וזקוקים למידע נוסף.
חשיפת מידע באופן אסטרטגי כרוכה בבדיקה מדוקדקת של צורכי המידע בכל נקודה במסלול המשתמש. המטרה היא לא להסתיר או להשמיט שום דבר, במיוחד לא השלכות של פעולות שלא ניתן לבטל, אבל חשוב לזכור שאתם עוזרים למשתמשים להתמקד במשימה הנוכחית.
עיצוב תוכן נגיש
כתיבה יעילה כוללת גם התייחסות לשילוב של תמונות וטקסט למשתמשים עם ליקויי ראייה או לכל מי שמשתמש בקורא מסך. ההנחיות בנושא כתיבה נגישה ב-Material כוללות הסברים על שילוב של תמונות וכיתובים, כדי שעיצוב התוכן בדף יתאים לכל המשתמשים.
טקסט גלוי וטקסט לא גלוי
טקסט הנגישות כולל:
- טקסט גלוי: תוויות של רכיבי ממשק משתמש, טקסט בלחצנים, קישורים וטפסים
- טקסט לא גלוי: תיאורים שלא מופיעים במסך (כמו טקסט חלופי לתמונות)
כשגם הטקסט הגלוי וגם הטקסט הלא גלוי הם תיאוריים ובעלי משמעות, הם עוזרים למשתמשים לנווט באמצעות כותרות או קישורים במסך. קורא מסך יכול לעזור לכם לבדוק את הטקסט של הנגישות ולזהות מקומות שבהם אפשר להוסיף אותו.
טקסט חלופי
טקסט חלופי עוזר לתרגם ממשק משתמש חזותי לממשק משתמש מבוסס-טקסט. טקסט חלופי הוא תווית קצרה (עד 125 תווים) בקוד שמתארת תמונה למשתמשים שלא יכולים לראות אותה.
בדוגמה שלמטה, קורא מסך מספק הקשר לטקסט שמסביב על ידי הוספת התיאורים החיוניים ביותר של תמונה.
הטקסט החלופי מיועד רק לתמונות, ולכן אין צורך להוסיף לטקסט החלופי את המילים 'תמונה של' או 'תמונה של'. קורא מסך יקרא בקול את הטקסט החלופי במקום התמונה.
6. בחירת מילים
סקירה כללית
כששטח המסך מוגבל, חשוב מאוד לבחור את המילים הנכונות כדי להעביר את המסר והטון שלכם. שימוש עקבי באותן מילים עוזר למשתמשים להכיר את חוויית השימוש.
כתיבה לכל רמות הקריאה
השתמשו במילים נפוצות שקל להבין בכל רמות הקריאה.
ללא ז'רגון
כדאי להימנע משימוש בטרמינולוגיה ספציפית לתעשייה או בשמות שהומצאו לתכונות בממשק המשתמש, אם אפשר להעביר את אותו הרעיון באמצעות ביטוי פשוט יותר.
שימוש במילים עקביות
השתמשו במילים באופן עקבי בכל תכונות ממשק המשתמש.
כתיבה בזמן הווה
משתמשים בזמן הווה כדי לתאר את התנהגות המוצר. אל תשתמשו בזמן עתיד כדי לתאר את האופן שבו מוצר תמיד פועל.
כשצריך לכתוב בזמן עבר או בזמן עתיד, כדאי להשתמש בצורות פשוטות של פעלים.
הפניה לרכיבים ולפקדים בממשק המשתמש לפי התווית
התוויות מזהות את הפעולה של אמצעי בקרה או רכיב. הם מופיעים על הפקד עצמו או לידו, כמו הטקסט על לחצן או מתג. כדי להפנות לרכיב אינטראקטיבי או לרכיב בממשק המשתמש, מציינים אותו באמצעות טקסט התווית שלו. (לא מציינים את סוג האלמנט או אמצעי הבקרה).
לציין פרטים חשובים
להציג רק את הפרטים שהמשתמש צריך כדי להתמקד במשימה.
מסקנות עיקריות
- כתיבה לכל רמות הקריאה
- שימוש עקבי במילים, לא רק כדי ליצור משהו חדש
- זמן הווה
- שימוש בספרות
7. כתיבה לרכיבים
סקירה כללית
לרכיבים של Material יש כוונה בממשק המשתמש, וכתיבה לרכיבים ספציפיים יכולה לחזק את הכוונה.
ב-Material.io יש הנחיות לכתיבה של הרכיבים האלה:
תיבות דו-שיח
תיבות הדו-שיח משמשות לדברים הבאים:
- שגיאות שמונעות את הפעולה הרגילה של האפליקציה
- מידע חשוב שדורש מהמשתמש לבצע משימה ספציפית, לקבל החלטה או לאשר משהו
רכיב | עדיפות | פעולת משתמש |
בר חטיפים | עדיפות נמוכה | הודעות חולפות נעלמות באופן אוטומטי |
מודעת באנר | בולט, עדיפות בינונית | הבאנרים נשארים עד שהמשתמש סוגר אותם, או אם הבעיה שגרמה להצגת הבאנר נפתרה |
Dialog | העדיפות הכי גבוהה | תיבות דו-שיח חוסמות את השימוש באפליקציה עד שהמשתמש מבצע פעולה בתיבת הדו-שיח או יוצא ממנה (אם יש אפשרות כזו) |
שמות
המטרה של תיבת הדו-שיח צריכה להיות ברורה מהכותרת ומהטקסט של הכפתור.
הכותרות צריכות להכיל הצהרה או שאלה קצרות וברורות.
סרגלים אינטראקטיביים
סרגלים אינטראקטיביים מכילים תווית טקסט שקשורה ישירות לתהליך שמבוצע. במכשירים ניידים, התווית יכולה להכיל עד שתי שורות טקסט.
בסרגלים אינטראקטיביים אפשר להציג לחצן טקסט יחיד שמאפשר למשתמשים לבצע פעולה בתהליך שהאפליקציה מבצעת.
8. איך משלבים את כל המידע במטריצת תוכן
סקירה כללית
מטריצת תוכן היא טבלה למעקב אחרי המילים והבחירות שבהן תשתמשו שוב ושוב בכתיבה שלכם. מטריצת התוכן היא משאב חשוב לכתיבה ולמעקב עקביים אחרי ביטויים, והיא משמשת כהפניה לכל כותב עתידי.
זה שם מפואר לגיליון אלקטרוני (כן...זה סותר את ההנחיות לבחירת מילים שקשורות ל'ללא ז'רגון').
הגדרת מטריצת תוכן
יוצרים גיליון אלקטרוני או טבלה שבהם אפשר לעקוב אחרי הכתיבה ובחירת המילים שפועלות היטב ואפשר לחזור עליהן.
המטרה של מטריצת תוכן היא לעזור לכם לזהות ולתעד איך כל הודעה מתקשרת לכל אחד מהדברים הבאים:
- יעדים והקשרים של משתמשים
- המידע שנדרש כדי להשיג יעד מסוים
- טקסט בממשק המשתמש (טיוטה וסופי) שמציג את הצורך במידע בשפה קצרה ופשוטה
ההחלטות לגבי הטקסט בממשק המשתמש במטריצת התוכן צריכות לשקף גם את:
- עקרונות לגבי טון וסגנון דיבור
- סוגי רכיבים
לבסוף, מטריצת התוכן יכולה לכלול רשימת מילים:
- צריך לציין את המילים והמונחים שבהם כדאי להשתמש כדי לתאר את התכונות, הפעולות והיעדים שלכם
- רשימה של מילים שכדאי להימנע מהן כמילים נרדפות או כביטויים לא מועילים
חשוב לזכור:
- החלפה או הגדרה של מונחים טכניים
- להשתמש במילה הנפוצה ביותר לפעולה או לשם עצם
9. נושאים מתקדמים ומשאבים (אופציונלי)
סקירה כללית
ב-Codelab הזה נסביר על שיטות מומלצות ועל דרכים להתחיל לכתוב טקסטים לחוויית משתמש. זה רק קצה הקרחון.
משאבים
10. מעולה!
כל הכבוד! אתם בדרך הנכונה לכתיבת טקסט ברור ומשפיע בממשק המשתמש!
