- למד על נוהלי ממשק משתמש סטנדרטיים
- צור אב טיפוס מנייר של האפליקציה שלך
- קבל משוב מהמשתמשים באמצעות אב הטיפוס שלך
אלו הפעילויות לשיעור זה:
פרוטוטייפ
עכשיו, כשיש לך רעיון למוצר המינימלי הקיים שלך, הגיע הזמן לחשוב איך הפרויקט שלך ייראה ולשרטט כמה רעיונות.
אב טיפוס הוא דגם מוקדם של משהו.
מפתחי אפליקציות בדרך כלל יוצרים אב טיפוס של האפליקציה שלהם לפני שהם מתחילים לקוד.
אב טיפוס מנייר הוא ייצוג מצויר ביד של איך ייראה ממשק המשתמש של האפליקציה שלך. זה בדרך כלל כולל ציורים של כל מסך באפליקציה שלך, המתארים מצבים שונים.
למה אב טיפוס?
- אתה יכול להעביר את הרעיונות שלך במהירות חזותית.
- זה שיתוף פעולה!
- כשאתה עובד על נייר, זה יותר סתמי ושיחות נובעות מתוך ניסויים.
- זה לא יקר!
- אתה לא צריך להשקיע הרבה זמן וכסף
- אתה לא צריך גישה למחשב או לאינטרנט.
- אתה לא צריך להיות מומחה טכני עבור חלק זה של התהליך.
- אתה יכול לראות כיצד המשתמשים שלך מגיבים לאב הטיפוס שלך כדי ללמוד במהירות מה עשוי לעבוד או לא לעבוד בעיצוב שלך.
- ניתן לאשר החלטות עיצוביות לפני שתבזבז זמן בפיתוח וקידוד האפליקציה שלך.
למד כיצד צוותים אחרים של Technovation Girls יצרו נייר ואבות טיפוס דיגיטליים בסרטון זה!
טיפ מנטור
שיטות עבודה מומלצות : כאשר מציגים לתלמידים אבות-טיפוס מנייר וקרטון, הדגישו את החשיבות של להתחיל עם מודלים פשוטים בעלות נמוכה לבדיקת רעיונות. לדוגמה, "אב-טיפוס של נייר וקרטון הם כמו טיוטות גסות לעיצוב שלך. הם עוזרים לך לראות איך הרעיון שלך נראה ועובד לפני שאתה עושה גרסה סופית. המודלים הפשוטים האלה מאפשרים לך לבצע שינויים במהירות ולהבין מה עובד הכי טוב."
ניתן להשתמש באב-טיפוס הנייר כדי לקבל משוב ממשתמשים פוטנציאליים (כלומר בני משפחה, מנטורים אחרים, חברים, חברי קהילה וכו'). משוב זה יכול להיות חלק מהמשוב הכלול בחומרי ההגשה הסופיים.
הסרטונים הבאים יראו דוגמה לפרויקט יצירת אב טיפוס עם חומרה נלווית (בצד שמאל) ותהליך הבדיקה עם אב טיפוס מנייר (מימין).
שאלות מנחות לשאול תלמידים:
מדוע כדאי ליצור אב טיפוס פשוט עם נייר או קרטון לפני הכנת מוצר סופי?
איך הכנת דגם מנייר או קרטון יכולה לעזור לך לשפר את העיצוב שלך?
מה הם כמה דברים שאתה עשוי ללמוד מבדיקת אב טיפוס מנייר שלא היית יודע אחרת?
טיפים למנטורים ניתנים על ידי תמיכה מ-AmeriCorps.
רכיבי אב טיפוס
זכור את הדברים האלה כשאתה מתחיל את אב הטיפוס הנייר שלך. רחף מעל כל כרטיס כדי ללמוד עוד.
משתמשים
משתמשים
סוגי התקנים
סוגי התקנים
טלפון מול טאבלט?
נְגִישׁוּת
נְגִישׁוּת
עֲקֵבִיוּת
עֲקֵבִיוּת
ממשק משתמש
יצירת אב הטיפוס שלך עוסקת באופן שבו המשתמש מקיים אינטראקציה עם האפליקציה שלך. המונח עבור זה הוא ממשק המשתמש או ממשק המשתמש . הוא כולל את כל האלמנטים כמו לחצנים, תיבות טקסט ומחוונים המאפשרים למשתמש להשתמש באפליקציה שלך.
מונח נוסף לעיצוב מוצרים דיגיטליים הוא User Experience e או UX . כל אחד מהם מוסבר להלן.
ממשק משתמש
כיצד משתמשים מקיימים אינטראקציה עם האפליקציה שלך. הוא כולל את כל האלמנטים כמו לחצנים, תיבות טקסט ומחוונים המאפשרים למשתמש להשתמש באפליקציה שלך.
עיצוב ממשק המשתמש מתמקד בהפיכת האפליקציה שלך למושכת חזותית, אינטואיטיבית וקלה לשימוש.
חווית משתמש
איך המשתמשים חווים את האפליקציה שלך. זה כולל ממשק משתמש, אבל הוא יותר על רגשות, עמדות והתנהגות של משתמשים.
עיצוב UX עוסק בצרכים ובמטרות של המשתמש, ובשיפור החוויה הכוללת שלו.
תכונות ממשק משתמש
להלן חלק מהחלקים המרכזיים של ממשק משתמש עבור אפליקציה לנייד
ניווט
ניווט הוא האופן שבו משתמשים מוצאים את מה שהם מחפשים באפליקציה. הנה כמה דוגמאות לאפשרויות ניווט.
מְכוֹלָה
רכיבים אלה מאפשרים לך לקבץ תוכן יחד. זה עוזר בעת פריסת חלקים של המסך, והסתרה והצגת חלקים.
קֶלֶט
רכיבי קלט מאפשרים למשתמש להזין מידע לאפליקציה. להלן מספר דוגמאות.
מֵידָע
רכיבים אלו מאפשרים לאפליקציה לשתף מידע עם משתמשים.
השתמש באלמנטים סטנדרטיים
אולי תרצה שהאפליקציה שלך תיראה אחרת כדי לבלוט מהמתחרים שלך. עם זאת, שימוש באלמנטים הסטנדרטיים יכול למעשה לעזור למשתמשים שלך להבין כיצד להשתמש באפליקציה שלך מהר יותר.
לדוגמה, רוב המשתמשים מכירים תפריט נפתח. אתה יכול לעצב סוג חדש של תפריט, אבל זה עלול לבלבל את המשתמשים. היצמד לרכיבים מוכרים כדי להקל על המשתמשים שלך.
צפו בסרטון הקצר הזה עם מליסה פאוול ומריאם שייח מגוגל על שרטוטים ואב-טיפוס בנייר
פעילות 1: אב טיפוס נייר
שרטט את המסכים עבור האפליקציה שלך
- כיצד ינווטו המשתמשים ממסך למסך?
- איך הם יזינו את המידע הדרוש לאפליקציה?
- כיצד יוצג מידע?
- איך זה יהיה ערוך בצורה אסתטית?
- תחשוב על ערכת צבעים, גופן, לוגו
קבל משוב
עכשיו, כשיש לך משהו פיזי לייצג את הפתרון שלך, הגיע הזמן לקבל קצת משוב מהמשתמשים!
משתמשים פוטנציאליים צריכים לנסות את זה ולתת לך משוב כנה .
מה אתה רוצה ללמוד מבדיקות עם משתמשים?
שיטה אחת:
- תן למשתמשים סדרה של משימות לעשות עם האפליקציה שלך ובדוק אם הם יכולים לעשות זאת ללא התערבותך.
- חבר צוות אחד יכול לשמש כ"מחשב "
- משנה מסכים או חלקים של מסכים בהתבסס על האינטראקציות של המשתמש
- חבר צוות נוסף הוא עורך ההערות
- כותב מה המשתמש עושה ואת ההערות והתגובות שלו.
- עם רשות, תוכל גם להקליט את הפעלת הבדיקה.
זכור, הבודקים שלך שם כדי לעזור לך! אין לשפוט או להתערב באינטראקציות שלהם (מלבד "המחשב" המגיב/מעדכן את אב הטיפוס על סמך פעולות).
פשוט קבלו את המשוב שלהם בהערכה.
הנה דוגמה מצוינת לבדיקת משתמשים עבור אפליקציה לתיקון אופניים.
פעילות 2: קבל משוב
בדוק את אב הטיפוס הנייר שלך עם 2-3 משתמשים
- הצג את אב הטיפוס למשתמשים.
- בקשו מהמשתמשים לבצע משימה עם אב הטיפוס.
- תן להם לנסות לבצע את המשימה ללא עזרה.
- חבר צוות יכול לשמש כ"מחשב" ולהגיב למעשיו.
- חבר צוות אחר (או שניים) רושם את מה שהמשתמשים עושים, הערותיהם ותגובותיהם.
הִשׁתַקְפוּת
אנו ממליצים לשמור את אב הטיפוס הנייר שלך. תצטרך לחזור אליו בזמן שאתה עובד על בניית הפרויקט שלך. כדאי גם לצלם תמונות של אב הטיפוס שלך.
סקירה של תנאים עיקריים
- אב טיפוס - דגם מוקדם של מוצר
- אב טיפוס נייר - ייצוג מצויר ביד של איך האפליקציה שלך תיראה
- ממשק משתמש (UI) - כיצד המשתמש מקיים אינטראקציה פיזית עם אפליקציה לנייד
- חווית משתמש (UX) - איך המשתמש מרגיש לגבי אפליקציה לנייד, לפני, במהלך ואחרי שהוא משתמש בה
משאבים נוספים
בעוד נייר הוא השיטה המועדפת ליצירת אב טיפוס, במיוחד כצעד ראשון, אתה יכול גם להשתמש בכלים דיגיטליים כדי ליצור אב טיפוס של האפליקציה שלך.
כלים רבים קיימים במחיר, אבל בדרך כלל יש גרסה חינמית שבה אתה יכול להשתמש עם תכונות או פרויקטים מוגבלים. הנה כמה אפשרויות.
- שקופיות גוגל (קל ובחינם!)
- InvisionApp
- פיגמה
- POP של מארוול
