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

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

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

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



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

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



היכן אוכל לצפות במילטון בחינם

איך בכלל מודדים דמיון?

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



בסופו של דבר השתמשנו באתרים של ראסל 1000 , העסקים המובילים בארה'ב לפי שווי שוק, שקיווינו שייצגו מגמות בעיצוב אתרים ארגוני רגיל. למדנו גם שתי קבוצות אתרים נוספות, האחת עם 500 האתרים הנמכרים ביותר באלכסה, ואחת עם אתרים שמועמדים אליהם פרסי וובי .

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

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



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

איך האינטרנט השתנה?

מצאנו כי בכל שלושת המדדים-צבע, פריסה ותכונות שנוצרו על ידי AI-ההבדלים הממוצעים בין אתרים הגיעו לשיא בין 2008 ל -2010 ולאחר מכן ירדו בין 2010 ל -2016. ההבדלים בפריסה ירדו הכי הרבה, וירדו ביותר מ -30% בפרק הזמן הזה. .



הגרף מראה את הדמיון לאתר של חברות ב- Russell 1000. ערכים נמוכים יותר פירושם שהאתרים שנחקרו היו דומים יותר, בממוצע. [תמונה: באדיבות המחבר]

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

כרום מול קצה מול פיירפוקס

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

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

הספריות כוללות אוספי קוד גנרי למשימות נפוצות, כגון שינוי גודל דף למכשירים ניידים או ביצוע תפריט המבורגר להחליק פנימה והחוצה. בדקנו באילו אתרים יש הרבה ספריות במשותף ועד כמה הן דומות. אתרים שנבנו עם ספריות מסוימות - Bootstrap, FontAwesome ו- JQuery UI - נטו להיראות דומים הרבה יותר זה לזה. זה יכול להיות בגלל שספריות אלה שולטות בפריסת הדף ויש להן אפשרויות ברירת מחדל נפוצות. אתרים שהשתמשו בספריות אחרות, כגון SWFObject ו- JQuery Tools, נטו להיראות שונים בהרבה, וייתכן שזה נובע מהעובדה שספריות אלה מאפשרות דפים מורכבים ומותאמים יותר.

השינויים באתרים מ 2005 עד 2016 ממחישים את המתרחש.

אתרים עם ציוני דמיון ממוצעים בשנת 2005 נטו להיראות פחות דומים לאלה עם ציוני דמיון ממוצעים בשנת 2016.

לדוגמה, בשנת 2005, Webshots.com ו- Yum.com נחשבו דומים יחסית, אך היו להם ערכות צבע שונות במקצת ופריסות שונות מאוד. בעוד ששניהם משתמשים בעיקר בלבן, כחול ושחור, לאתר מימין יש רקע כחול.

צילומי מסך משנת 2006 של Webshots.com ו- Yum.com. [תמונה: באדיבות המחבר]

שני אתרים משנת 2016, Xfinity.com ו- Gilt.com, לעומת זאת, דומים עוד יותר: לשניהם יש שורת תפריטים בראשם ובעיקר לבנים ושחורים עם תמונות. לדפים אלה יש הרבה פחות טקסט ומשתמשים טוב יותר במסכים ברזולוציה גבוהה יותר הקיימים כעת.

צילומי מסך משנת 2016 של Xfinity.com ו- Gilt.com. [תמונה: באדיבות המחבר]

האם התאמה בריאה?

מה צריך לעשות מההתאמה הזוחלת הזו?

כמה שעות פועלים מנהלי עסקים

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

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

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

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

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