Subscribe to this RSS feed

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

Published in כלים

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

רביעי, 07 מאי 2014 18:08

מילון מושגים - מוקאפ (Mockup)

כחלק מתהליך אפיון חוויית משתמש, אנו משתמשים במוקאפ (Mockup).
מוקאפ (Mockup) הוא דגם דמוי ממשק, המשמש אותנו ככלי הבא בתור בשימוש לאחר השימוש בתרשים הרשת (Wireframe). בניגוד לתרשים הרשת, המוקאפ אכן כולל את עיצוב הממשק, ולכן מייצג את ממשק המשתמש הסופי, זאת לפניי מספר שלבים אפשריים, כגון: מבדקי השמישות, הצגת הממשק לבעלי העניין, או שלב הפיתוח הטכנולוגי. המוקאפ בנוי בדרך כלל מתמונות סטטיות, או מדמה פונקציונאליות בדרגות שונות (מוקאפ לחיץ - Clickable Mockup), כך שהוא מאפשר לנו לחוות את האינטראקציה בין המסכים בצורה דינאמית, ובכך לבדוק ואו לבחון, את ממשק המשתמש בעלויות פיתוח נמוכות.

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

כחלק מתהליך אפיון חוויית משתמש, אנו משתמשים בכלי המוקאפ (Mockup). 

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

במאמר זה נסקור את הכלי שנקרא Marvel. כלי זה מאפשר לנו להפוך סקצ'ים (sketches), תרשימי רשת (wireframes), סקיצות עיצוב, ועוד לאבטיפוס אינטראקטיבי בכמה לחיצות, וכל זאת ללא עלות, ובסנכרון פשוט של החומרים שלך מ Dropbox.

Published in כלים
רביעי, 03 ספטמבר 2014 18:07

מהו Lean Ux?

ג'ף גוטהלף מגדיר את ה Lean UX בספרו (Lean UX: Applying Lean Principles to Improve User Experience) כך:

מתודולוגיית ה Lean UX (אפיון רזה), היא תוצר אבולוציוני של הצורך שעלה בחברות שפעלו בשיטת ה Lean Startup (סטארטאפ רזה). 

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

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

Published in כלים

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

כן! בואו נדבר