תכנון אבני בניין: אסטרטגיית תכנון מודולרית עבור UXers

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

אני אתחיל עם סיפור

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

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

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

מדוע ואיך

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

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

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

סגנון

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

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

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

היכנס לתכנון אבן בניין

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

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

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

תכנון אבני בניין הוא תכנון מודולרי עבור UXers.

אנטומיה של אבן בניין

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

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

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

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

זה אולי נראה כמו משהו כזה:

יחסי הפרופיל-פרופיל מספקים יותר הקשר למראה ופני גוש הפרופיל שלי.

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

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

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

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

מדריך להתחלה מהירה

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

שלב 1: מלאי אסטרטגיה.

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

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

שלב 2: הגדר את תוכן הליבה שלך.

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

לעשות: ערכו סשן סיעור מוחות ראשוני עם הצוות שלכם.

שלב 3: הגדירו כיצד ומדוע.

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

לעשות: ערכו סשן סיעור מוחות עם הצוות שלכם.

שלב 4: האנטומיה של אבן בניין.

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

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

שלב מספר 5: יישר, התאם, התאם

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

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

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