Skip to content

תכנון הממשק בעזרת אב טיפוס

05/10/2009

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

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

למה ליצור סקיצה?

ליצירת הדמייה של המוצר המוגמר (במקום יצירת המוצר עצמו) מספר יתרונות:

     

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

בחירת הכלי המתאים

בבחירת כלי לבניית סקיצה, צריך לקחת בחשבון 2 גורמים:

     

  • מי קהל היעד?
  • מה מטרת הסקיצה? (הדגמת פונקציונליות, בדיקות משתמשים וכו').
  •  

מעצב ה-UI ירצה לבחור בכלי (אחד או יותר) שמאפשר לו להעביר את המסר (מטרת הסקיצה) בצורה הנוחה ביותר אל קהל היעד.

וורפל מצא שיש הרבה כלים ואפליקציות שונות לבניית סקיצות. כל אחד בוחר את הכלי המתאים לו ויש שונות רבה בין אנשי התחום. הרבה פעמים הסיבה להישאר עם כלי מסוים היא פשוט כי "זה מה שמותקן במחשב שלי", זה הכלי המוכר והידוע (גם אם יש לו הרבה חסרונות). וורפל מספר כי הכלי הכי מפתיע שעלה במחקרו הוא אקסל (!).
הוא עצמו מעיד כי הוא משתמש בדרך כלל בפלאש, powerpoint או image maps כאשר הוא נזקק לכלי יותר גרפי. כחלק מכתיבת הספר, ניסה ללמוד כלים פופולריים אחרים כמו visio, axure ו-fireworks.

מעצבי UI משתמשים בדרך כלל בכלי אחד בלבד ליצירת כל הסקיצות. באמצעות כלי אחד הם מצליחים להגיע לרמות רזולוציה שונות (מידת האינטראקציה, הירידה לפרטים וכו'). עם זאת, בעולם של ajax ו-rich internet applications, הם זקוקים לכלים שיכולים להדגים אינטראקציות כאלו בצורה טובה יותר. יש מעט כלים שיכולים לעשות את זה.

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

הסקיצה כמעבדה

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

לקריאה נוספת:

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

About these ads
להגיב

כתיבת תגובה

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

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s

הרשמה

קבל כל פוסט חדש ישירות לתיבת הדואר הנכנס.

%d בלוגרים אהבו את זה: