דצמ' 20 2009

עשר הדיברות לעיצוב לסלולאר

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

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

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

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

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

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

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

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

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

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

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

3 תגובות

אוק' 25 2009

רזולוציות. עבר, הווה, עתיד

אגדת הרזולוציה.

פעם לפני שנים רבות היתה בארץ רזולוציה אחת יפה וטובה וקראו ל 800 על 600. הרזולוציה הזאת היתה טובה לכולם וכולם ידעו איך להסתדר איתה. ידענו שצריך להכניס את הכל לעמוד אחד ללא גלילה, לא רוחבית, ולא אורכית. חלפו מספר שנים והגיע רזולוציה חדשה, 1024 על 768, כולם שמחו לכבוד הולדתה ולא שכחו את חברה המזדקנת וכל אתר תמך ב800 על 600. חברנו המשתמשים למדו שיש גלילה אנכית והעמודים נהיו ארוכים אך הרוחב לא זז, 800!.
יום אחד הגיע לעיר בחור חדש ויפה שקראו לו LCD. כולם מייד אהבו אותו מאד והלכו שבי אחריו אבל לא שמו לב שאיתו הגיעו רזולוציות חדשות ומשונות, גדולות ורחבות ולא סלחניות, הוא אמר " או שתצפו ברזולוציה המיטבית שלי, או שתראו מתושתש!". המסכים גדלו וגדלו הרזולוציות עלו ועלו ופתאות כולם שכחו את 800 על 600 וגם חברתה הטובה 1024 התחילה לדאוג " מה יהיה איתי,איפה מקומי בעולם? איך אחיה אם חברותי החדשות באתר אחד?"

אך ל800 על 600 היה רעיון!
גלילה רוחבית לצפיה מיטבית!!!

השאלה הנשאלת האם גלילה רוחבית בעולם החדש היא לגיטימית?
או שחברותינו 800 על 600 ו 1024 יעלמו כלא היו?

אני מאמין כי שבעולם החדש הגלילה הרוחבית תהפוך להיות לגיטימית וכך איתה 800על 600 ו 1024 ימשיכו לחיות חיים טובים ומאושרים עד עצם היום הזה!

סוף

זה מה שרן כתב…
http://ranli.blogix.co.il/2009/09/21/holy800×600/

3 תגובות

ספט' 17 2009

פיצ’רים, גלילה, וקו קיפול

גלובס

גלובס

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

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

 

 

חג שמח ושנה טובה  !

חן

 

 

4 תגובות

ספט' 13 2009

ROI של עיצוב ממשק

כסף… כסף… כסף…..


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

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

מה יוצא מזה?
מה אני מרוויח?
למה להשקיע כל-כך הרבה ב"גרפיקה"?
יש אפיון אז למה צריך אפיון חווית משתמש?

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

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

 

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

תהנו

2 תגובות

ספט' 02 2009

עיצוב ממשק משתמש בעולם ה-IT

כבר יותר מ 6 שנים אני מנהל את תחום ממשק המשתמש במטריקס.
פעם קראו למה שאנחנו עושים
HCI ואח"כ  GUI וגם MMI היה שם ועכשיו אנחנו עוסקים בUX
.
מעניין מה יהיו ראשי התיבות הבאים לתחום, אפשר כבר להתחיל לחשוב על זה.

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

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

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

אבל השלב הראשוני והבוסרי אותו עברנו עם הלקוח יוצר זיקה בין הלקוח לחווית המשתמש ומסביר לו את הערך העיסקי בהשקעה זו

תגובה אחת

FireStats icon ‏מריץ FireStats‏