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

2011יוני . שביט ועידואבהנחיית ברק דנין

2011© כל הזכויות שמורות ליניב שריג יניב שריג: אפיון east.com35www.

באבוס

משתמשים ומחקר שוקמחקר »יכולותרשימת »פרסונות »סיפורי משתמש »)6up(סקיצות מהירות למסך פתיחה »מידעארכיטקטורת »עיצוב מסכים שלדיים »בדיקות שמישות »

שלבי עבודה

2011© כל הזכויות שמורות ליניב שריג east.com35www.

mgarbowskiphotoflickrcc

ביצוע מחקר משתמשים ומחקר שוק »

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

2011© כל הזכויות שמורות ליניב שריג

2011 ©שריג יניב

ביצוע מחקר משתמשים ומחקר שוק »

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

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

פעמיים ביום תדירות

לכל כיוון' דק 30 זמן נסיעה

'דק 12זמן המתנה

כרטיסיהתשלום

אחד או שנייםקווים

בטלפוןמודיעין

אייפוןסמארטפון

סיפור רקע ,אייפון עם קבוע באופן מסתובבת .בגבעתיים לאומנויות ילין תלמה ספר בבית תלמידה ,ההורים עם השרון ברמת גרה

.)בחורף גם( שמש ומשקפי סקיצות מחברת

75 קו-דן אוטובוס- 07:40 של האוטובוס את לתפוס בכדי )דקות 5( האוטובוס לתחנת ברגל הולכת .07:15 ב בבוקר קמה שמה ,בבוקר לבד נוסעת תמיד .)"מתי זוכרת לא אחד עוד זה ואחרי 07:55 ב אחד עוד לי יש אותו מפספסת אני אם("

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

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

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

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

.הזה העסק מיושן קצת זה .לא או עבר האוטובוס

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

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

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

.שלי האוטובוס את פיספסתי אם

שימוש בתחבורה ציבורית

קבלת מידע

החוויה האידיאלית

תסכולים

מוטיבציה

יעדים לשימוש במוצר

2011 ©שריג יניב

פרסונות»

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

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

יערה כחלוןא"תלמידת כיתה י

. אין לי ברירה, ס'תכלאין לי רכב ויש לי מלא

אצלי מודיעין . עיסוקיםדן כבר במספרים המועדפים בטלפון

2011© כל הזכויות שמורות ליניב שריג

2011 ©שריג יניב

רשימת יכולות »

. לאפליקציהבתהליך של סיעור מוחות קבוצתי נקבעה רשימת היכולות האפשריות

2011© כל הזכויות שמורות ליניב שריג

פותחת את האפליקציה בכדי לראות מתי מגיע . אני יוצאת עכשיו מהבית ברגל לכיוון התחנה. קמתי היום באיחור.כדאי שאמהר. 'דק 2עוד . לתחנה 17קו

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

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

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

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

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

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

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

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

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

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

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

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

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

תסריטי משתמש »

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

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

תסריטי משתמש

אני משתמשת בלינק ששולח אותי לאפליקציה

שם אני רואה איזה אוטובוסים אני צריכה

לקחת כדי להגיע בשעה ..שקבענו

יערה כחלון12

3

456

7

2011© כל הזכויות שמורות ליניב שריג

סקיצות מהירות»

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

2011© כל הזכויות שמורות ליניב שריג .פתרון ולהחליט על כיוון ושפה גרפית לפני כניסה לעיצוב המסכים בפועל

שמירה למועדפים

מסך תכנון נסיעה

מפה/טקסט

מידע זמן אמת על תחנה

מועדפת/קרובה

הפעלת אפליקציה

מאשר שימוש ? במיקום נוכחי

)פעם אחת(

הגדרות אפליקציה

לא

מועדפים

כן

שינוי תחנהמפה/ חיפוש

התחנה ?רלוונטית

בחירת קו

קנה כרטיס

בחירת מספר כרטיסים

תצוגת כרטיס)QRקוד (

, בחירת מוצאזמן, יעד

תוצאות חיפוש

שיתוף נסיעה

הוראות הגעה !צא לדרךלתחנה

יש נסיעה ?פעילה

לא

מידע על מיקום וזמן

הגעה משוער ליעד

כן

לא

כן

תרשים זרימה »

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

2011© כל הזכויות שמורות ליניב שריג

סקיצות -אפיון מסכים שלדיים »

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

2011© כל הזכויות שמורות ליניב שריג

סקיצות -אפיון מסכים שלדיים »

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

2011© כל הזכויות שמורות ליניב שריג

אפיון מסכים שלדיים »

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

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

אפיון מסכים שלדיים »

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

2011© כל הזכויות שמורות ליניב שריג .מידע לגבי תחנה אחרת או להמשיך לקניית כרטיס נסיעה

אפיון מסכים שלדיים »

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

2011© כל הזכויות שמורות ליניב שריג .בעלייה לאוטובוס

אפיון מסכים שלדיים »

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

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

אפיון מסכים שלדיים »

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

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

2011© כל הזכויות שמורות ליניב שריג .התוצאות

.east.com35www -2011© . כל הזכויות שמורות

בדיקות שמישות »

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

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

.east.com35www -2011© . כל הזכויות שמורות

בדיקות שמישות »

בדקי . את כבר לא תספיקי להגיע. 'דק 2מגיע עוד 17קו . את יוצאת מהבית לכיוון תחנת האוטובוס: "1תסריט "הבא לתחנה 17באפליקציה מתי מגיע קו

לשימוש בתחבורה ציבורית אייפוןאפליקציית 2011יולי –במסגרת קורס עיצוב חוויית משתמש לסמארטפון פרוייקטסיכום

שביט ועידואברק דנין

יניב שריג: אפיון.east.com/sandbox/iprototype/babus35http://www: ולהתנסות באפליקציה כאן הפרוטוטייפניתן להוריד את

)בספארי 4 אייפוןיש לפתוח את הלינק דרך מכשיר (

:או ישירות מכאן

:צור קשר

.east.com35www 2011© . הזכויות שמורותכל

באבוס

mgarbowskiphotoflickrcc