twitter-iconyoutube-iconfacebook-icon

דף הבית » הספרייה » מבנה עמוד האתר - Wireframe

מבנה עמוד האתר - Wireframe:

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

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

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

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

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

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








עצמו את עינכם, דמיינו... וספרו לנו