מה זה "חינניות חינני" בעיצוב אתרים?

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

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

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

החל עם דפדפנים מודרניים

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

שיפור פרוגרסיבי

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

פירוק חינני אינו אומר לספר את הקוראים שלך, & # 34; הורד את הדפדפן החדש ביותר & # 34;

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

כלל אצבע טוב הוא לעקוב אחר אותם הכללים עבור השפלה חינני כפי שהיית עבור שיפור פרוגרסיבי:

  1. כתוב HTML חוקי, תואם לתקנים
  2. השתמש בגליונות סגנונות חיצוניים עבור העיצובים והפריסה שלך
  3. השתמש סקריפטים מקושרים חיצוניים עבור אינטראקטיביות
  4. ודא שהתוכן נגיש גם לדפדפנים ברמה נמוכה ללא CSS או JavaScript

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

כמה רחוק אתה צריך ללכת?

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

מאמר מקורי מאת ג'ניפר קרינין. נערך בתאריך 8/9/17 על ידי ג'רמי ג'יררד.