פיתוח מוצר עזר חזותי: עיצוב

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

חלק 2: עיצוב

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

איור 2.1 שלבי עיצוב המוצר

פיתוח לקוחות ומשוב

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

איור 2.2. פיתוח לקוחות ומשוב

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

איור 2.3. תמונות אמיתיות של לקוחות שצולמו במהלך בדיקה מוקדמת

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

המלצות לתקשורת עם לקוחות בשלב זה (להבדיל משלב מחקר הבעיות):

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

דוגמנות Wireframe

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

איור 2.4. שלב דוגמנות Wireframe

תהליך ה-wireframing מתחיל ביצירת סקיצות ברמה גבוהה המתארות במלואן את חווית השימוש במוצר. אנחנו קוראים לתהליך הזה "סטוריבורד".

איור 2.5. לוח עלילה

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

• אריזה: איך זה ייראה? איך מתארים מוצר (גודל אריזה ממוצע) בתשע מילים או פחות על אריזה? מה גודל הקופסה? לאן זה יגיע בחנות/על המדף?
• מכירות: היכן יימכר המוצר וכיצד אנשים יתקשרו איתו לפני הרכישה? האם תצוגות אינטראקטיביות יעזרו? האם הלקוחות צריכים לדעת הרבה על המוצר או שזו תהיה רכישה דחופה?
• Unboxing: איך תהיה חווית ה-Unboxing? זה צריך להיות פשוט, מובן ודורש מאמץ מינימלי.
• התקנה: אילו צעדים על הלקוחות לנקוט לפני שהמוצר מוכן לשימוש ראשון? מה תצטרכו מלבד האביזרים הכלולים? מה קורה אם המוצר לא עובד (אין חיבור wifi או שהאפליקציה לא מותקנת בסמארטפון)?
• חווית שימוש ראשונה: כיצד יש לעצב את המוצר כך שמשתמשים יוכלו להתחיל להשתמש בו במהירות? איך צריך לעצב מוצר כדי להבטיח שמשתמשים יחזרו עם חוויה חיובית?
• שימוש חוזר או שימוש מיוחד: כיצד להבטיח שהמשתמשים ימשיכו להשתמש במוצר וליהנות ממנו? מה קורה במקרים של שימוש מיוחד: אובדן חיבור/שירות, עדכון קושחה, אביזר חסר וכו'?
• תמיכת משתמשים: מה עושים המשתמשים כשיש להם בעיות? אם ישלחו להם מוצר חלופי, איך זה יקרה?
• תוחלת חיים: רוב המוצרים פג תוקף לאחר 18 או 24 חודשים. איך הסטטיסטיקה הזו קשורה למסע הלקוח? האם אתה מצפה שמשתמשים ירכשו מוצר אחר? איך הם יעברו ממוצר אחד למשנהו?

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

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

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

אב טיפוס ויזואלי.

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

איור 2.7. שלב אב טיפוס חזותי

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

איור 2.8 סקיצה

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

איור 2.9. בחירת צורות

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

איור 2.10. בחירת גודל

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

איור 2.11. הבנת חווית המשתמש

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

איור 2.12. שפה עיצובית

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

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

איור 2.13. צבעים, חומרים, גימורים

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

איור 2.14. עיבודים סופיים

התוצאה של בחירת ה-CMF הראשונית היא דגם מוצר דיגיטלי איכותי. לרוב הוא כולל את כל האלמנטים מהשלבים הקודמים: צורה, גודל, סמלים, חווית משתמש (UX), תאורה (LED), צבעים, טקסטורות וחומרים. הדמיות איכותיות שכאלה, עיבודים, הם גם הבסיס כמעט לכל חומרי השיווק (אפילו אלוהי השיווק של אפל משתמשים בעיבודים לכל דבר).

איור 2.15. עיצוב אפליקציות אינטרנט

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

איור 2.16. בחירת תצורת האריזה

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

איור 2.17. אל תשכח את האיטרציה!

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

איור 2.18. אב הטיפוס הסופי קרוב ויזואלית למוצר

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

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

מקור: www.habr.com