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

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

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

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

עשרת הדיברות עיצוב אתרים

metadata, XML ו–CSS, הובילו לפריצות דרך משמעותיות.

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

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

1. לא תשתמש בטכנולוגיית הפלאש לשווא

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

2. לא תמכור את תוכן אתרך

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

המשתמש מקליק עליהם - מטרידים הרבה פחות.

3. לא תיצור ערבוביה בתוכן

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

4. לא תעשה שימוש–יתר בהשתקפויות מראה

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

5. לא תכנה את חברת הווב–2.0 שלך בשמות בעלי כפלי אותיות מיותרים או חסרי תנועות

הרשת הביאה עימה גם מערכת מונחים משונה, שהופכת למוזרה יותר ויותר בחלוף השנים. אתרי רשת מתוחכמים ופופולריים קיבלו שמות בעלי מספר עודף של תנועות או מחסור מכוון בהן. דוגמאות לכך: Flickr, Smibs ו–Meebo. את השמות האלה אולי קל לזכור, אך הם נשמעים מיושנים למדי.

6. התפלל על מזבח הטיפוגרפיה

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

עשרת הדיברות עיצוב אתרים

Partners או הבלוג הפופולרי של ג'ון גרובר, Daring Fireball, מייצגים את הבשורה החדשנית.

7. צור חוויה של עומק

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

8. הייה חברתי

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

9. אמץ את הטכנולוגיות שהוכיחו את עצמן

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

10. הייה מלך התוכן

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

המאמר פורסם בגיליון יולי של BusinessWeek Israel