עמוד הבית

מאמרים

כיצד נעצב אתר אינטרנט?

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

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

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

עיצוב אתר אינטרנט

כשאנו ניגשים לעצב אתר נתייחס למספר מרכיבים בסיסיים המשותפים לכל סוגי האתרים‮.‬ ראשית יש לדעת באיזו רזולוציה ייראה האתר‮. ‬כיום רוב האתרים נצפים ברזולוצית ‮4201 ‬על ‮867 ‬ומעלה‮, ‬אך מכיוון שעדיין אחוז הצופים ברזולוציה של ‮008 ‬על ‮006 ‬אינו מבוטל‮, ‬ עדיין מעצבים אתרים בהתאמה לרזולוצית מסך זו‮, ‬דבר המצריך פיתרונות ויזואליים למשטחי המסך‮ ‬שנוצרים מסביב הדף המרכזי ברזולוציה גבוהה יותר‮. ‬בעיצוב לרזולוצית ‮4201 ‬נקבל משטח עבודה רחב יותר היכול להכיל יותר תוכן‮. ‬נחליט על הצבעים בהם נשתמש באתר‮, ‬פעמים רבות בהשפעת לוגו החברה המתמצת את מהותה ובהתיחס לתוכן האתר וזאת בעצה אחת עם הלקוח (רצוי‮, ‬חוסך עבודות כפולות‮...). ‬בכלל רצוי לבקש מהלקוח בתחילת העבודה להראות לנו אתרים שהוא אהב את עיצובם‮, ‬דבר החוסך מאיתנו עיצובים הנעשים בכיוונים הלא נכונים ואין זה אומר שאינכם יכולים להציע עיצוב מיוחד ושונה‮.‬

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

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

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

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

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

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

כל הזכויות שמורות לסטודיו שרה קמינר
טלפון: 04-8670548    דואר-אלקטרוני: This e-mail address is being protected from spambots. You need JavaScript enabled to view it.
בניה ואחסון Ahoy IT סוכנות דיגטל
Studio Sara