רקע כללי - מהו ממשק משתמש ומדוע הוא חשוב?

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

איך ניגשים לעיצוב ממשק משתמש למערכת או אתר?

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

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

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

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