Mobile applications user experience

809 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
809
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile applications user experience

  1. 1. ‫חווית משתמש ביישומי ‪Mobile‬‬‫דגשים ליצירת חווית משתמש איכותית וייחודית‬
  2. 2. ‫אסטרטגיה‬‫חווית משתמש‬ ‫טכנולוגיה‬
  3. 3. ‫מה זו חווית משתמש‬‫‪ ‬יצירת מודל המבנה והאינטראקציה אשר יוצר אצל‬ ‫המשתמש את התפישה לגבי המוצר או המערכת‬ ‫‪ ‬חווית משתמש נוגעת לכל ההיבטים של השימוש‬‫במוצר: איך המוצר מובן, נלמד וכיצד משתמשים בו‬
  4. 4. ‫אולי הבנתי מה זו חוויה‬‫אבל מי זה המשתמש???‬
  5. 5. ‫היכולות הייחודיות‬‫(לעומת יישומי ‪ Desktop‬ו- ‪)Web‬‬ ‫תיעוד: צילום, וידיאו, הקלטה, סריקה‬ ‫‪‬‬ ‫קונטקסט: זיהוי מיקום ותנועה‬ ‫‪‬‬‫יכולת פיקוד ושליטה במכשירים אחרים‬ ‫‪‬‬
  6. 6. ‫ההבדלים הידועים‬‫(לעומת יישומי ‪ Desktop‬ו- ‪)Web‬‬ ‫גודל מסך קומפקטי‬ ‫‪‬‬ ‫חיבור לא קבוע לרשת‬ ‫‪‬‬ ‫מסך אחד בו זמנית‬ ‫‪‬‬ ‫מנגנוני עזרה מינימאליים‬ ‫‪‬‬
  7. 7. ‫הסוד ליצירת אפליקציה מוצלחת‬‫ממשק‬ ‫צורך‬ ‫סיטואציה‬
  8. 8. ‫איך מתחילים?‬‫‪ ‬מתחילים את התהליך מהסיטואציה בה נמצא המשתמש, ומהצורך‬ ‫העולה בסיטואציה הזו ומספרים סיפור:‬ ‫נמצא אצל לקוח ורוצה לבדוק היסטוריית הצעות מחיר...‬ ‫‪‬‬ ‫נמצאת בסידורים ונזכרת ששכחה לעדכן הזמנת רכש...‬ ‫‪‬‬ ‫מקבלת שיחת טלפון מספק ורוצה לבדוק אם הסחורה כבר התקבלה...‬ ‫‪‬‬ ‫טיפ חושבים על כל הדברים שאנחנו צריכים כשאנחנו בתנועה או לא‬ ‫‪:1 ‬‬ ‫ליד מחשב ומצד שניסיטואציה, בעיה שהמכשיר הניידבתיאור הפתרונות‬ ‫מספרים סיפור. מנסים לזהות על היכולות ופתרונות אפשריים. מספק לנו‬ ‫משלבים חשיבה על היכולות והמגבלות של המכשיר הנייד‬
  9. 9. ‫הצורך העסקי‬
  10. 10. ‫אם יש אפליקציה/אתר/מערכת‬ ‫קיימת?‬ ‫‪ ‬אנשים משתמשים בסלולר באופן שונה מאד מהמחשב האישי ולכן, אם יש‬ ‫לכם מערכת קיימת - אל תמירו אותה אחד לאחד‬ ‫‪ ‬זכרו:‬‫‪ - On the Go‬שימוש תוך כדי תנועה, לפעמים בסביבה מלאת הפרעות‬ ‫‪‬‬‫‪ ‬אופן השימוש - פתיחת האפליקציה, שימוש קצר ומעבר לפעילות אחרת‬ ‫טיפ 2:‬ ‫מתוך הפונקציונאליות במערכות הקיימות, בחרו את המשימות הרלוונטיות‬ ‫למשתמשים תוך כדי תנועה‬
  11. 11. ‫הממשק - ארץ האפשרויות הבלתי‬ ‫מוגבלות?‬ ‫לדוגמה, ב ‪ Apple‬מזכירים 3 סגנונות של אפליקציות:‬‫‪ Productivity Applications‬‬ ‫אפליקציות "פרודוקטיביות"‬‫‪ Utility Applications‬‬ ‫אפליקציות "תועלתיות"‬‫‪ Immersive Applications‬‬ ‫אפליקציות שמאפשרות למשתמש‬ ‫להיטמע בתוך העולם הווירטואלי‬
  12. 12. ‫הממשק - ארץ האפשרויות הבלתי‬ ?‫מוגבלות‬ :‫ מדברים על 7 סגנונות של אפליקציות‬Windows mobile 7 ‫וב‬ Central Application Hub with Home  List with Details Drilldown Page Menu (Panorama or Pivot  Uniform Page Shuffle Control)  Utility Device Central Application Hub with Panel  Game Areas (Panorama Control) Application Tabs (Pivot Control)
  13. 13. ‫הממשק - ארץ האפשרויות הבלתי‬ ‫מוגבלות?‬‫ב ‪ Android‬לא ממש מדברים על עקרונות-על.‬ ‫‪‬‬
  14. 14. ‫אפליקציית ‪Facebook‬‬
  15. 15. ‫אפליקציית ‪Facebook‬‬
  16. 16. ‫אפליקציית ‪Facebook‬‬
  17. 17. ‫איך בוחרים סגנון אפליקציה?‬ ‫‪ ‬חשבו על סוג המידע שהאפליקציה תציג והמשימות שהאפליקציה תאפשר.‬‫‪ ‬חפשו אפליקציות דומות או קרובות לסיטואציה או לבעיה שהאפליקציה שלכם באה‬ ‫לפתור‬ ‫‪ ‬חשוב להדגיש - אינכם מוגבלים לסגנון אפליקציה אחד.‬ ‫‪ ‬יתכן ותמצאו כי שילוב של מאפיינים מסגנונות אפליקציה שונים משרת בצורה‬ ‫מיטבית את הרעיון שלכם.‬ ‫‪ ‬במידה וישנו ספק -‪ :make it simple‬הפחיתו את רשימת הפיצרים למינימום‬ ‫ההכרחי וצרו אפליקציה שעושה דבר אחד פשוט.‬
  18. 18. ‫אז מה עושים עם המגוון הזה?‬ ‫א.‬ ‫לאחר שתראו איך אנשים משתמשים‬ ‫ומגיבים לאפליקציה שלכם, יתכן‬ ‫"‬ ‫ותרצו:‬ ‫"‬ ‫לייצר גרסה נוספת עם מיקוד‬ ‫‪‬‬‫שונה במקצת או תצוגה שונה של‬ ‫_________________________________________________________________‬ ‫התכנים.‬ ‫ב.‬ ‫"‬ ‫להרחיב או לצמצם את מידת‬ ‫‪‬‬ ‫:‬ ‫הפירוט של התכנים והמשימות‬ ‫"‬ ‫שהאפליקציה מאפשרת.‬ ‫:‬ ‫_________________________________________________________________‬ ‫ג.‬ ‫טיפ 3:‬ ‫"‬ ‫צריך להכיר טוב את הסטנדרטים הקיימים ובכל מקום בו מתלבטים, לחזור אל‬ ‫"‬ ‫המשתמשים‬
  19. 19. ‫בחזרה לנייר ועיפרון‬ ‫טיפ 4:‬‫לקנות עפרונות ודפים, טושים מחיקים ולוחות ציור. לא צריך תיקי אפיון כבדים‬ ‫ברוב המקרים. מותר ורצוי לנסות אפשרויות על הנייר.‬
  20. 20. ‫ארכיטקטורת מידע ייחודית לנייד‬
  21. 21. ‫תכנון מפורט כולל התנהגויות‬
  22. 22. ‫הסוד ליצירת אפליקציה מוצלחת‬ ‫ממשק‬ ‫צורך‬ ‫סיטואציה‬ ‫טיפ 1:‬ ‫מספרים סיפור. מנסים לזהות סיטואציה, בעיה ופתרונות אפשריים. בתיאור הפתרונות‬ ‫משלבים חשיבה על היכולות והמגבלות של המכשיר הנייד‬ ‫טיפ 2:‬‫מתוך הפונקציונאליות במערכות הקיימות, בחרו את המשימות הרלוונטיות למשתמשים‬ ‫תוך כדי תנועה‬
  23. 23. ‫הסוד ליצירת אפליקציה מוצלחת‬‫ממשק‬ ‫צורך‬ ‫סיטואציה‬ ‫טיפ 3:‬ ‫צריך להכיר טוב את הסטנדרטים הקיימים ובכל מקום בו מתלבטים, לחזור אל‬ ‫המשתמשים‬ ‫טיפ 4:‬‫לקנות עפרונות ודפים, טושים מחיקים ולוחות ציור. לא צריך תיקי אפיון כבדים ברוב‬ ‫המקרים. מותר ורצוי לנסות אפשרויות על הנייר.‬

×