עקבו אחרי חורימבה

Twitter RSS חורים גם באייפון

עדכונים במייל

פוסטים אחרונים מהבלוג

חברים ממליצים

ויראלי

default icon

פוסט שותף: איך מאפיינים לאייפון?

אהבתם את הפוסט?

ביום השימושיות האחרון העברתי יחד עם אידו סביר ((Mobile Business Architect סדנה בנושא
אפיון ממשק משתמש, ניצול יכולות, וכל מה שרציתם לדעת על בניית אפליקציות מותאמות iPhone. הנה עיקרי הדברים – לא רק למאפיינים.

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

מי הוא משתמש ה-iphone הממוצע?
משתמשי iphone הם משתמשי אינטרנט ודוא"ל כבדים, 50% מהם מתחת לגיל 30, הם מרגישים בנוח עם שירותים פיננסים בסלולר ומרגישים יותר בנוח עם פרסומות (לעומת קהלי יעד אחרים). 93% מהם משתמשים ב-Appstore, 90% גולשים ומורידים מהמכשיר, משתמש iphone ממוצע מוריד 10-18 אפליקציות בחודש והוציא בממוצע 80$ על 65 אפליקציות.

הגדרת המוצר

הכירו את מערכת ההפעלה של ה-iphone

תשתית מערכת ההפעלה של iphone שונה לעומת אפליקציות Desktop ו-web. בואו נכיר אותה קצת:

  • גודל המסך: 3.5 אינץ’, 320×480 פיקסלים
  • החיבור לרשת אינו קבוע
  • ב-iphone משתמשים באפליקציה אחת בכל פעם ולא בכמה אפליקציות במקביל. וגם – האפליקציה ניתנת לסגירה ע"י המשתמש בכל רגע, ללא התרעה.
  • בתוך אפליקציה, הממשק מאפשר שימוש במסך אחד בו זמנית (לעומת שימוש בחלונות מרובים)
  • מנגנוני העזרה מינימליים, ולכן חשובים השימוש בסטנדרטים, נתיב מידע צפוי ואפשרות קלה לחזור אחורה

שלושה סגנונות של אפליקציות

לפי "IPHONE Human Interface Guidelines" (הוצאת Apple Inc., 2009), קיימים שלושה סגנונות של אפליקציות:

  1. אפליקציות פרודוקטיביות – Productivity Applications
  2. אפליקציות תּוֹעַלְתִּיּוּת – Utility Applications
  3. אפליקציות שמאפשרות למשתמש ‘להיטמע’ בתוך העולם הווירטואלי – Immersive Applications

אפליקציות פרודוקטיביות – Productivity Applications

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

דוגמה – אפליקציית תמונות

3. אפשרות פשוטה לחזור אחורה ולנווט

2. שימוש במספר אופני תצוגה, המציגים רמת היררכיה אחת בכל תצוגה

1. ארגון מידע באופן היררכי

clip_image002


אפליקציות תּוֹעַלְתִּיּוּת -Utility Applications
אפליקציות תועלתיות מאפשרות ביצוע משימות פשוטות הדורשות מינימום קלט. אפליקציות אלה מאפשרות צפייה מהירה במידע סיכומי ובדרך כלל משתמשות בויזואליות אטרקטיבית כדי לייצג את המידע. אפליקציות כאלה לדוגמה ישמשו לבדיקת סטטוס של משהו או לחיפוש מידע ספציפי.

דוגמא – אפליקציית מזג אוויר

3. שימוש בויזואליות עשירה

2. האפליקציה מציינת את מספר התצוגות ומאפשרת למשתמש לדפדף ביניהן

1. ארגון מידע כרשימה "שטוחה", ללא היררכית מידע מורכבת

clip_image004

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

דוגמאות

אפליקציית Cradle

אפליקציית 3D World

המשתמש מצפה לחוויה שחלקה חיפוש וגילוי

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

clip_image006

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

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

הסבת אתר, אפליקציה או מערכת קיימת ל-iphone

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

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

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

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

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

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

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

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

מסכי קונספט בסקיצות ידניות

clip_image008

אפיון מפורט: שרטוטי מסכים בvisio- ותיאור התנהגויות

clip_image010

פוסט שותף זה נכתב על ידי חברת Netwise. לכל הפוסטים של Netwise ב”חורים ברשת”

netwise

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

אתר | דרושים | ניוזלטר

>

"הרשת מתחילה לחשוב", כנס איגוד האינטרנט. הנחה לקוראי חורימבה בטלפון 03-9727406. קוד הנחה 875900

תגיות: , , , , ,


מאת: שני אבנט

שני אבנט, ראש צוות ממשק משתמש ו-Mobile UX Expert ב-Netwise

  1. נשמח לקבל פוסט גם על הצד העסקי.

Performance Optimization WordPress Plugins by W3 EDGE
Google Analytics Alternative