מה זה GUI?

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

ראשי התיבות Graphical User Interface באים לציין את כל מה שקשור לממשק אדם ומכונה. המושג רחב ואינו נוגע לעיצוב אתרים בפרט. בהקשר זה נכללים ציודים נישאים כגון טלפונים, נגני MP3, מחשבי כף יד וכד'.
עד שנות ה- 70 הדרך לתקשר עם מחשבים היתה דרך כתיבת טקסט: שורות קוד ופקודות מכונה. בשנת 81 יצא המחשב הראשון (Xerox 8010) בו שולבו אלמנטים גראפים ויזואלים. מאז ועד היום החשיבות המיוחסת לממשק המכונה עולה ומתגברת. הטיפול ב- GUI הוא מרכזי וראשוני לפני ביצוע כל פרוייקט טכנולוגי.

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

פרופ' ג'ייקוב נילסן (Jakob Nielsen), נחשב לגורו בתחום ה- GUI. הוא מכונה "מר שימושיות", כתב לא מעט ספרים ומאמרים וחוקר את הנושא שנים רבות.
ע"פ נילסן, ישנן 5 רמות המשפיעות על חווית המשתמש ולכן משפיעות על שימושיות האתר:

  1. עיצוב מאפיינים - קביעת אלו מאפיינים יהיו בעמוד הבית ובעמודי האתר ואת הפונקציונאליות שלהם.
  2. ארכיטקטורת מידע - לאחר שהוחלט מה יופיע באתר, צריך לקבוע איפה למקם בעמוד ובאיזה מבנה.
  3. אינטראקציה - יש לדעת איפה הגולש נדרש להגיב/ ללחוץ/ לתקשר/ לבחור ולהחליט על הדרכים לגרום לו לכך.
  4. עיצוב המראה - זו בעצם קביעת הקונספט הויזואלי, הצבעים, הגודל, התמונות וכד
  5. עיצוב התוכן - נוגע לטקסטים (קופירייטינג) ומולטימדיה באתר.

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

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

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