כלים וטיפים לתכנון ובניית אתרים לוגו נט-טיים - אנימציה ובנית אתרים

טיפים לתכנון, עיצוב ובניית אתרי אינטרנט

מהו אתר אינטרנט טוב?

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

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

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

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

שלב ראשון בבניית אתר אינטרנט הוא בירור:

  • מה הינך מעוניין לתת לגולש האינטרנט באתרך?
  • מה המוצר או השירות אותו את/ה רוצה לפרסם או למכור?
  • מה גולש האינטרנט מחפש?

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

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

 

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

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

יצירת קשר:

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

 

כלים שימושיים לתכנון ומיקום המידע באתר האינטרנט:

לתכנון ראשוני נוח ויעיל, אני לא ממליץ להתחיל בתוכנות גראפיות, אותן נשמור לשלב העיצוב.

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

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

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

חלוקה לאזורים באתר האינטרנט:

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

פרוט האזורים:

  • אזור תפריט האתר:
    • הכפתורים הראשיים, השימושיים ביותר ימוקמו במקום גלויי בכל מסך\ דף.
    • הכפתורים המשניים\תת קטגוריות ימוקמו בדפים משניים או יחשפו לאחר לחיצה על כפתור ראשי במקרה של תפריט נפתח.
  • אזור הכותרת:
    • שם החברה או שם האתר, יישאר גלויי בכל מסך או דף.
    • הלוגו או הסמל המיצג אותנו, יישאר גלויי בכל מסך או דף.
    • הסלוגן, המשפט הקצר ביותר המתאר את הפעילות שלנו באינטרנט. מומלץ שייהייה מוצמד לשם החברה או ללוגו.
  • אזור פרטי העסק: תקציר המתאר מי אנחנו.
  • אזור משתנה: מידע משתנה על פי בחירת הגולש. לדוגמא: בלחיצה על אחד הכפתורים. האזור המרכזי(משתנה) יקבל אליו את הפרטים שביקשתם לראות. כך ישמר העיצוב החיצוני ויחסוך זמן טעינה נוסף של הגראפיקה (שיטת FRAMES תפורט בהמשך).
  • אזור התקשרות עיקרי – מספר טלפון רגיל או 1800 מומלץ שיופיע בכל דף.
  • אזור התקשרות מלא – מספרי הטלפון של החברה, כתובת החברה, EMAIL , שם משתמש ב"יהוו" YAHOO , מסנג'ר MESSENGER ואמצעי התקשרות נוספים. יקבלו דף משלהם.
  • אזורי הפרסום.

 

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

בחירת צבעים:

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

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

שמירה על קו, סדר, "ניקיון" ואחידות בתהליך בניית אתר האינטרנט:

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

סוג הכתב וגודלו:

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

צילום ועריכת תמונות לאתר האינטרנט:

מומלץ לבצע צילום מקצועי אך הנה כמה טיפים פשוטים שיכולים לשפר את איכות הצילום.
מקמו את המוצר על שולחן היעזרו בדף שצבעו יבליט את המוצר שלכם.
תאורה טובה היא מפתח לתמונה מוצלחת לכן שלבו תאורה מפוזרת ע"י פלורוסנט ותאורה ישירה ע"י ספוט או כל תאורה מרוכזת שניתן לכוונה.
צלמו בפרספקטיבה. נצלו את יכולות הצילום בכך שתראו בתמונה גם את הדפנות\פאות המוצר.
היטלים (על, צד, פנים) מומלצים כתמונות משניות.
מומלץ להוסיף קנ"מ (קנה מידה) סרגל ס"מ שיאפשר הערכת גודל המוצר. ניתן לשלב חפץ שמידותיו ידועות לכל או חלק גוף. לדוגמא: יד, אצבע או אדם.
לאחר שצילמנו יש לערוך את התמונה ולהתאים את איכותה ומידותיה לרשת האינטרנט.
מומלץ מאוד להשתמש בתוכנת פוטושופ PHOTOSHOP.
ניתן לחדד את התמונה ואת הצבעים שלה ע"י הגדלת עוצמת הניגודיות (Contrast).
ניתן להבהיר או להכהות אך הדבר עלול לפגוע באיכות התמונה.
חשוב לגזור שוליים מיותרים.
שמירת התמונה - שמור תמונה לאינטרנט שזו אופציה מובנית ב"פוטושופ".
בהגדרות השמירה לאינטרנט יש להקטין את גודל התמונה בדיוק לגודל הרצוי באתר. ולראות שהתמונה לא עולה על 50קילו בייט.
המלצה: לשמור את התמונה המקורית בספריה נפרדת.

 
תומר סולומון מתארח בערוץ 23
1 תומר סולומון מתארח בחדר של חני ערוץ 23
2 תומר סולומון מתארח בחדר של חני ערוץ 23
3 תומר סולומון מתארח בחדר של חני ערוץ 23
4 תומר סולומון מתארח בחדר של חני ערוץ 23
5 תומר סולומון מתארח בחדר של חני ערוץ 23
6 תומר סולומון מתארח בחדר של חני ערוץ 23
 
 
בקרוב הסרטון
בקרוב סרטון אנימציה
 
דף הבית | בניית אתרים | עיצוב הזמנות | קורסים ושעורים פרטיים | טיפים לבניית אתרים | סדנאות אנימציה לילדים | סרטונים ואנימציה | צור קשר – כרטיס ביקור | מפת אתר
כל הזכויות שמורות לסטודיו נט-טיים 2008 ©