• sl 1


  • sl 2
  • sl 3
  • sl 4
  • sl 5
  • sl 6
  • sl 7
  • sl 8
  • sl 9
  • sl 11
  • sl 12
  • sl 14
  • sl 15
  • sl 16

עיצוב אתרים - חוקי יסוד

נכתב על ידי Gali. Posted in מאמרים

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

ממה אתר מורכב

  • החלטה על תכנים - מחקר, ניתוח, הבנה, פוליטיקה, קשרים, שיווק האתר, הצגת האינפורמציה.
  • זרימת המידע באתר - מסמכי אינטרנט קצרים, מקסימום 2 עמודים (כדי לא לעייף/לשעמם). יש להרזות את הטקסט, לכתוב בצורה ברורה ותמציתית.
  • החלטה על עיצוב גרפי - למעצבים גרפיים יש יתרון, היות והם יכולים גם לכתוב את קוד ה-HTML וגם לעצב.
  • מפתחי אתרים חייבים לדעת להשתמש בכלים גרפיים (ככותבי HTML). אל לכותב HTML לנסות לעצב אם אינו מעצב גרפי - זהו עונש לאינטרנט (ציטוט מהגיגיה של מפיקת אתרים בכירה שלא אזכיר פה את שמה) :-)
  • שיטת ניווט - איך מתמצאים באתר ולא הולכים לאיבוד - מה יש ומה אין.
  • שימוש באפליקציות - שפת תכנות, כגון CGI, למשל בטפסים (חיפוש, לדוגמה). התוכנית לוקחת את הטופס הממולא ונותנת תשובה מתאימה. יש להגדיר את האינפורמציה למתכנת. פירוש ראשי התיבות CGI הינו Common Gateway Interface, כלומר ממשק שער משותף, שהוא תקן לגישה דרך שרתי HTTP לתכנות ומאגרי מידע באינטרנט. סקריפט CGI יכול להיכתב ב-Perl, C++ למשל, משום שאינו שפה ספציפית. שאילתות במנוע חיפוש נכתבות ב-CGI.
  • טכנולוגיות - VRML, Shockwave, Flash, RealAudio וכו'. להיות מעודכנים, להתקין את ה-plugins בדפדפן, לראות מה קורה, מה חדש. רואים plugin חדש, מייד להוריד, להציע לקליינט, להיות בעניינים.

עקרונות עבור עיצוב אתרים

לסווג את האתר - למה הוא מיועד, מהי מטרת האתר, לאיזה קטגוריה הוא משתייך:

  • תדמית
  • מכירתי
  • פרסומי
  • אינפורמטיבי
  • לימודי/חינוכי
  • בידור
  • תעמולה

אתר אינפורמטיבי

  • ניווט קל
  • עדכניות
  • אסתטי
  • קריא
  • מהירות
  • גיוון

אתר בידורי

  • איכות ויזואלית גבוהה
  • גירוי
  • מסתורין
  • גימיקים

אתר לימודי/חינוכי

  • תהליך למידה
  • ניצול של המדיה/טכנולוגיה לשיפור תהליך הלמידה (סרטי הדרכה אינטראקטיבים, לימוד מרחוק באמצעות שיחת ועידה וכיו"ב)

אתר אינפורמציה/שירות

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

אתר מכירות

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

אתר בידור

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

אתר לימודי

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

דברים שחשוב להקפיד עליהם באתר:

 

ניווט

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

ערך מוסף

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