1. לפני שמתחילים
כדאי לעיין בהנחיות של Material Design בנושא תקשורת.
כתיבה ברורה ותמציתית ממלאת תפקיד חשוב באיכות חוויות המשתמש. כדאי לעיין בהנחיות הכתיבה של Material Design ל-UX ולהתחיל ליישם עקרונות לכתיבת טקסט בממשק המשתמש שיעזרו למשתמשים להגיע לאן שהם רוצים.
ידעתם שבקטע בנושא תקשורת ב-Material יש מידע על הרבה נושאים מעבר לכתיבת UX? אפשר לעיין בנושאים שונים, מהדמיית נתונים ועד הצטרפות ותבניות של מצב ריק.
תחשבו כמו כותבים!
גם אם אתם עובדים עם כותב UX או עם מומחה לאסטרטגיית תוכן, ב-codelab הזה מוצגות דרכים שבהן כל אחד יכול לבחור שפה שמתאימה לממשקים. תלמדו לשאול שאלות שכותב עשוי להתמקד בהן כדי לשפר את חוויית השימוש במוצר, כמו בהירות ותמציתיות בטקסט שמוצג למשתמשים, למשל בתוויות ובהתראות.
מה תלמדו
- מהו כתיבה לחוויית משתמש ולמה היא חשובה
- איך קובעים את הטון והסגנון המתאימים להקשרים שונים
- שיקולים ספציפיים לכתיבה של רכיבים
- מקורות מידע להמשך הלמידה
מה נדרש
- כדאי להתחיל מסמך או להכין דף נייר כדי לעקוב אחרי התרגילים ב-codelab.
דרישות מוקדמות
שיעור ה-Lab הזה מבוסס על מושגי יסוד בכתיבה, בדקדוק ובעיצוב שמופיעים ב-Material Design. מומלץ להכיר את הרכיבים האינטראקטיביים בממשק המשתמש.
התשובה מתמקדת באנגלית, אבל היא שימושית באופן כללי
במעבדה הזו נסביר על עקרונות תקשורת שיעזרו לכם לשפר את חוויית המשתמש. עם זאת, הדוגמאות והמילים שנבחרו מבוססות על מוסכמות של אנגלית אמריקאית.
ההנחיות האלה מתאימות לכל שפה בממשק המשתמש, כי הן מתחשבות בשינויים בהקשר ובתרבות. במקורות המידע שמפורטים בשלב 9 תוכלו למצוא מידע נוסף שרלוונטי במיוחד לשיקולים שקשורים לשפות שאינן אנגלית.
2. מה זה כתיבת UX?
סקירה כללית
כתיבת UX (UXW) נקראת גם אסטרטגיית תוכן או עיצוב תוכן. זהו תחום נפרד שמתמקד בשימוש בשפה כדי לשפר את חוויית המשתמש באמצעות נרטיבים ברורים, בחירת מילים, היררכיית מידע ועוד.
חשיבה כמו כותב 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:
תיבות דו-שיח
תיבות הדו-שיח משמשות לדברים הבאים:
- שגיאות שמונעות את הפעולה הרגילה של האפליקציה
- מידע חיוני שדורש מהמשתמש לבצע משימה ספציפית, לקבל החלטה או לאשר משהו
רכיב | עדיפות | פעולת משתמש |
בר חטיפים | עדיפות נמוכה | הודעות הסנאקבר נעלמות באופן אוטומטי |
מודעת באנר | בולטת, עדיפות בינונית | הבאנרים נשארים עד שהמשתמש סוגר אותם, או אם הבעיה שגרמה להצגת הבאנר נפתרה |
תיבת דו-שיח | העדיפות הגבוהה ביותר | תיבות דו-שיח חוסמות את השימוש באפליקציה עד שהמשתמש מבצע פעולה בתיבת הדו-שיח או יוצא ממנה (אם יש אפשרות כזו) |
שמות
המטרה של תיבת הדו-שיח צריכה להיות ברורה מהכותרת ומהטקסט של הכפתור.
הכותרות צריכות להכיל הצהרה או שאלה קצרות וברורות.
סרגלים אינטראקטיביים
סרגלים אינטראקטיביים מכילים תווית טקסט שמתייחסת ישירות לתהליך שמבוצע. במכשירים ניידים, התווית יכולה להכיל עד שתי שורות טקסט.
בסרגלים אינטראקטיביים אפשר להציג לחצן טקסט יחיד שמאפשר למשתמשים לבצע פעולה בתהליך שהאפליקציה ביצעה.
8. איך משלבים את כל המידע במטריצת תוכן
סקירה כללית
מטריצת תוכן היא טבלה למעקב אחרי המילים והבחירות שבהן תשתמשו שוב ושוב בכתיבה שלכם. מטריצת התוכן היא משאב חשוב לכתיבה ולמעקב עקביים אחרי ביטויים, והיא משמשת כהפניה לכל כותב בעתיד.
זה שם מפואר לגיליון אלקטרוני (כן...זה סותר את ההנחיות לבחירת מילים שקובעות שאין להשתמש בז'רגון).
הגדרת מטריצת תוכן
יוצרים גיליון אלקטרוני או טבלה שבהם אפשר לעקוב אחרי הכתיבה ובחירת המילים שפועלות היטב ואפשר לחזור עליהן.
המטרה של מטריצת תוכן היא לעזור לכם לזהות ולתעד את הקשר של כל הודעה לכל אחד מהרכיבים הבאים:
- יעדים והקשרים של משתמשים
- המידע שנדרש כדי להשיג יעד מסוים
- טיוטה וטקסט סופי בממשק המשתמש שמציגים את הצורך במידע בשפה קצרה ופשוטה
ההחלטות לגבי טקסט בממשק המשתמש במטריצת התוכן צריכות לשקף גם את:
- עקרונות של טון וקול
- סוגי רכיבים
לבסוף, מטריצת התוכן יכולה לכלול רשימת מילים:
- צריך לפרט את המילים והמונחים שבהם כדאי להשתמש כדי לתאר את התכונות, הפעולות והיעדים שלכם
- רשימה של מילים שכדאי להימנע מהן כמילים נרדפות או כביטויים לא מועילים
חשוב לזכור:
- החלפה או הגדרה של מונחים טכניים
- שימוש במילה הנפוצה ביותר לפעולה או לשם עצם
9. נושאים מתקדמים ומקורות מידע (אופציונלי)
סקירה כללית
בסדנת הקוד הזו נסביר על שיטות מומלצות ועל שיטות להתחלת כתיבה לחוויית משתמש. זה רק קצה הקרחון.
משאבים
10. מעולה!
כל הכבוד! אתם בדרך הנכונה לכתיבת טקסט ברור ומשפיע בממשק המשתמש!
