اهمیت تخریب زیبا در طراحی رابط در دسترس – مجله Smashing

چند چیز به اندازه زمانی که یک سایت پاسخ نمی دهد برای کاربر خسته کننده است. متأسفانه، این نیز یک سناریوی بسیار رایج است. بسیاری از وب‌سایت‌ها و برنامه‌ها به عناصر زیادی وابسته هستند که یکی از هر تعداد خطا می‌تواند باعث از کار افتادن کل کار شود. همانطور که ممکن است چنین مواردی رایج باشد، از طریق تمرین تخریب برازنده قابل پیشگیری هستند.

تخریب برازنده یک رویکرد طراحی است که تضمین می‌کند که اصول یک وب‌سایت همچنان کار می‌کند، حتی اگر بخش‌های خاصی از آن از کار بیفتند. رویکرد حذف می کند تک نقاط شکست: فقط به این دلیل که یک چیز کار نمی کند به این معنی نیست که سیستم به طور کلی از کار می افتد. سایتی که از این اصل پیروی می‌کند، به‌جای یک‌باره از کار می‌افتد، بنابراین مهم‌ترین ویژگی‌ها زمانی که برخی از مؤلفه‌ها با خطا مواجه می‌شوند، در دسترس باقی می‌مانند.

ایده یا مفهوم نقاط شکست منفرد در بخش تولید به خوبی شناخته شده است. این یکی از رایج ترین استراتژی های انعطاف پذیری در تولید و عملیات زنجیره تامین است. یک کارخانه با منابع متعدد مواد می تواند حتی زمانی که یک تامین کننده در دسترس نباشد به کار خود ادامه دهد. با این حال، با افزایش انتظارات کاربران در مورد در دسترس بودن و عملکرد، این امر به طور فزاینده ای برای توسعه وب بسیار مهم می شود.

افزونگی مرکز داده یک مثال رایج از تخریب برازنده در توسعه وب است. با استفاده از چندین مؤلفه سرور، وب‌سایت‌ها اطمینان حاصل می‌کنند که در صورت خرابی یک یا چند سرور، فعال می‌مانند. در زمینه طراحی، به نظر می رسد تضمین عدم پشتیبانی از یک ویژگی خاص در مرورگر یا دستگاه کاربر، برنامه را غیرقابل استفاده نمی کند.

پله برقی ها نمونه ای آشنا در دنیای واقعی از همین مفهوم هستند. وقتی کار را متوقف می کنند، هنوز هم می توانند با ایفای نقش پله، افراد را از یک طبقه به طبقه دیگر ببرند. آنها ممکن است به اندازه معمول عملکردی نداشته باشند، اما کاملاً بی فایده نیستند.

صفحه وب بی‌بی‌سی نیوز نمونه خوبی از تنزل برازنده در طراحی وب است. همانطور که این اسکرین شات نشان می دهد، سایت بارگیری ناوبری و متن یک خبر را به تصاویر اولویت می دهد. در نتیجه، سرعت پایین یا پلاگین های قدیمی و ناسازگار مرورگر ممکن است تصاویر را از دسترس خارج کنند، اما عملکرد اصلی سایت – اشتراک گذاری اخبار – هنوز قابل دسترسی است.

در مقابل، وب‌سایت Adobe Express نمونه‌ای از اتفاقاتی است که بدون تنزل دلپذیر رخ می‌دهد. به جای اینکه برخی از ویژگی ها در دسترس نباشد یا زمان بارگذاری کاهش یابد، کل سایت در برخی از مرورگرها غیرقابل دسترسی است. در نتیجه، کاربران باید برای استفاده از برنامه وب، نرم افزار را به روز کنند یا تغییر دهند، که برای دسترسی عالی نیست.

تخریب برازنده در مقابل افزایش پیشرونده

رویکرد تنزل برازنده برعکس عمل می کند افزایش پیشرونده – رویکردی که در آن یک طراح اصول یک وب سایت را می سازد و به تدریج ویژگی هایی را اضافه می کند که تنها در صورتی روشن می شوند که مرورگر قادر به اجرای آنها باشد. هر لایه از ویژگی‌ها به‌طور پیش‌فرض غیرفعال می‌شود، و امکان یک تجربه کاربری یکپارچه را فراهم می‌کند که برای همه کار می‌کند.

بحث های زیادی بین طراحان در مورد اینکه آیا تخریب زیبا یا بهبود تدریجی بهترین راه برای ایجاد عملکرد سایت است، وجود دارد. با این حال، در واقعیت، هر دو مهم هستند. هر روش منحصر به فرد است مزایا و معایب، بنابراین این دو می توانند مکمل یکدیگر باشند تا بیشترین انعطاف را ارائه دهند.

بهبود پیشرونده یک استراتژی خوب در هنگام ساختن یک است جدید سایت یا برنامه زیرا از همان ابتدا تجربه ای کاربردی را برای همه تضمین می کنید. با این حال، استانداردها و مسائل جدید می توانند در آینده پدیدار شوند، جایی که انحطاط برازنده ظاهر می شود. این رویکرد به شما کمک می کند. تنظیم کنید یک وب سایت موجود برای مطابقت با استانداردهای دسترسی جدید یا حل مشکل سازگاری که قبلاً متوجه آن نبودید.

تمرکز صرف بر یک اصل طراحی یا دیگری، دسترسی را محدود می کند. ارتقای پیشرونده به تنهایی برای پاسخگویی به مشکلات عملکرد پس از راه‌اندازی تلاش می‌کند، در حالی که کاهش برازنده ممکن است به تنهایی قادر به ارائه غنی‌ترین تجربه پایه نباشد. ترکیب هر دو بهترین نتیجه را خواهد داشت.

چگونه تخریب برازنده بر دسترسی تأثیر می گذارد

اطمینان از عملکرد سایت یا برنامه شما برای دسترسی بسیار مهم است. وقتی توابع اصلی در دسترس نباشد، پلتفرم دیگر برای کسی قابل دسترسی نیست. در مقیاس کوچک‌تر، اگر ویژگی‌هایی مانند خواننده‌های تبدیل متن به گفتار یا زیرنویس‌های ویدیویی کار نکنند، کاربرانی که مشکل بینایی دارند ممکن است نتوانند از سایت لذت ببرند.

با در نظر گرفتن قابلیت‌های مختلف دستگاه، تأثیر تخریب برازنده بر دسترسی بیشتر است. از آنجایی که یک فرد به طور متوسط ​​هر روز 3.6 ساعت را با تلفن خود می گذراند، عدم اطمینان از پشتیبانی سایت از مرورگرهای ضعیف تر تلفن همراه، بخش قابل توجهی از مخاطبان شما را از خود دور می کند. حتی اگر برخی از عملکردهای پیچیده ممکن است در تلفن همراه کار نکنند، قربانی کردن آن‌ها برای در دسترس نگه داشتن وب‌سایت در تلفن‌ها، دسترسی گسترده‌تری را تضمین می‌کند.

مرورگرهای قدیمی یکی دیگر از مشکلات دسترسی رایج است که می‌توانید با کاهش قابل توجه آن را برطرف کنید. این مثال از دانشگاه Fairleigh Dickinson را در مورد Adobe Flash در نظر بگیرید، که اکثر مرورگرهای مدرن دیگر از آن پشتیبانی نمی کنند.

نرم افزاری که هنوز از Flash استفاده می کند نمی تواند از ویژگی احراز هویت چند عاملی مورد بحث استفاده کند. در نتیجه، کاربرانی که برنامه‌های قدیمی‌تری دارند نمی‌توانند وارد شوند. تنزل دلپذیر ممکن است با در دسترس نبودن برخی از عملکردها برای مرورگرهای پشتیبانی‌کننده Flash و در عین حال اجازه دسترسی عمومی را به خطر بیاندازد. به این ترتیب، افراد برای استفاده از این سرویس نیازی به ارتقا ندارند.

چگونه می توان تخریب برازنده را در سایت خود وارد کرد

تخریب برازنده موانع تکنولوژیکی برای دسترسی را از بین می برد. در یک مفهوم گسترده‌تر، سایت یا برنامه شما را همیشه در حال اجرا نگه می‌دارد، حتی در میان مشکلات فنی پیش‌بینی‌نشده. در حالی که راه های زیادی برای دستیابی به آن وجود دارد، در اینجا برخی از بهترین شیوه های کلی وجود دارد که باید دنبال کنید.

عملکردهای حیاتی ماموریت را شناسایی کنید

اولین قدم برای اطمینان از انحطاط برازنده این است که تعیین کنید چه چیزی دارید توابع اصلی هستند. تنها زمانی می‌توانید در دسترس بودن ویژگی‌های حیاتی مأموریت را تضمین کنید که بدانید چه چیزی ضروری است و چه چیزی ضروری نیست.

داده‌های کاربر خود را مرور کنید تا ببینید مخاطبان شما با چه چیزی بیشتر تعامل دارند – اینها معمولاً عناصری هستند که ارزش اولویت‌بندی را دارند. هر چیزی که به امنیت سایت، تراکنش ها و خوانایی مرتبط باشد نیز بسیار مهم است. ویژگی‌ها یا عناصری که به ندرت استفاده می‌شوند مانند پخش‌کننده‌های ویدیو و نقشه‌های تعاملی خوب هستند، اما اگر لازم است برای اطمینان از در دسترس ماندن اجزای حیاتی مأموریت، آن را فدا کنید.

افزونگی بسازید

هنگامی که عملکردهای سایت را بر اساس اهمیت طبقه بندی کردید، می توانید از افزونگی برای مهم ترین آنها اطمینان حاصل کنید. ممکن است به این معنی باشد تکرار عناصر به چند شکل برای کار بر روی مرورگرها یا دستگاه های مختلف. از طرف دیگر، می‌توانید چندین سرویس را برای انجام عملکردهای مهم، مانند پشتیبانی از روش‌های پرداخت جایگزین یا ارائه نسخه‌های ویدیویی و متنی محتوا، ارائه دهید.

به یاد داشته باشید که افزونگی برای سخت افزاری که پلتفرم شما روی آن اجرا می شود نیز اعمال می شود. مؤسسه Uptime مراکز داده را به لایه‌هایی طبقه‌بندی می‌کند که می‌توانید از آنها برای تعیین سیستم‌های اضافی مورد نیاز خود استفاده کنید. به طور مشابه، مطمئن شوید که می توانید سایت خود را بر روی چندین سرور اجرا کنید تا در صورت خراب شدن یکی از آنها از خرابی جلوگیری کنید.

همه مرورگرها را در خود جای دهید

به یاد داشته باشید که کاهش برازنده همچنین مربوط به پشتیبانی از نرم افزار و سخت افزار با قابلیت های مختلف است. یکی از مهم ترین ملاحظات زیر این چتر برای طراحی وب این است که مرورگرهای قدیمی را در خود جای دهید.

در حالی که دستگاه های تلفن همراه از فلش پشتیبانی نمی کنند، برخی از نسخه های قدیمی مرورگرهای دسکتاپ هنوز از آن استفاده می کنند. شما می توانید با اجتناب از فلش با هر دو کار کنید – اغلب می توانید به جای آن از HTML5 استفاده کنید – اما نیازی به داشتن مرورگر غیر پشتیبانی از فلش از کاربران ندارید. به طور مشابه، می‌توانید جایگزین‌هایی با پهنای باند کم و ساده برای هر ویژگی که قدرت پردازش قابل‌توجهی را برای دسترسی به چیزها در سیستم‌های قدیمی‌تر می‌گیرد، ارائه دهید.

به یاد داشته باشید به تنظیمات امنیتی نرم افزارهای جدیدتر توجه کنید، بیش از حد اگر سایتی از پروتکل های امنیتی به روز شده برخی از مرورگرها پشتیبانی نکند، پیام های خطایی مانند این که کاربر مایکروسافت درباره آن پست کرده است، می تواند ظاهر شود. همیشه به‌روزرسانی‌های پلتفرم‌های محبوبی مانند کروم و سافاری را دنبال کنید تا این استانداردها را رعایت کنید و از چنین مشکلات دسترسی جلوگیری کنید.

از Load Balancing و Caching استفاده کنید

تعادل بار یکی دیگر از گام های مهم در تخریب برازنده است. بسیاری از سرویس های ابری برای جلوگیری از بارگذاری بیش از حد، ترافیک را بین منابع سرور توزیع می کنند. فعال کردن این امر همچنین تضمین می‌کند که درخواست‌ها می‌توانند در قسمت دیگری از سیستم در صورت عدم موفقیت در قسمت دیگری پردازش شوند.

ذخیره سازی مشابه است. اگر یک سرویس خارجی یا رابط برنامه کاربردی (API) کار نکند، با ذخیره داده های حیاتی، یک طرح بازگشتی ایجاد می کنید. وقتی API پاسخ نمی‌دهد، می‌توانید داده‌های ذخیره‌شده را بارگیری کنید. در نتیجه، کش ها در بسیاری از موارد تأخیر را به میزان قابل توجهی کاهش می دهند، اما باید توجه داشته باشید که نمی توانید همه چیز را کش کنید. روی حیاتی ترین عملکردها تمرکز کنید.

تست قبل از انتشار

در نهایت، مطمئن شوید که وب‌سایت خود را برای مشکلات دسترسی آزمایش کنید، قبل از اینکه آن را پخش کنید. از چندین دستگاه، از جمله نسخه های مختلف مرورگر، به آن دسترسی داشته باشید. ببینید آیا می توانید آن را روی یک سرور واحد اجرا کنید تا توانایی آن در تعادل بارها را آزمایش کنید.

احتمالاً تمام خطاهای احتمالی را در آزمایش کشف نخواهید کرد، اما بهتر است برخی از آنها را بگیرید تا هیچ کدام. به یاد داشته باشید که قبل از هر گونه به روز رسانی یا طراحی مجدد، عملکرد سایت خود را نیز تست کنید.

شروع با تخریب برازنده

طراحان، اعم از بزرگ و کوچک، می‌توانند با تغییر دادن برخی تنظیمات با سرویس میزبانی وب خود، سفر تنزل دلپذیر خود را آغاز کنند. AWS راهنمایی هایی را برای مدیریت خرابی ها ارائه می دهد که می توانید از آنها برای ایجاد تخریب در معماری سایت خود استفاده کنید. ارائه دهندگان هاست باید همچنین به شما اجازه دهند برنامه ذخیره سازی خود را ارتقا دهید و تنظیمات سرور خود را برای ارائه بارهای اضافی و تعادل پیکربندی کنید.

کسب‌وکارهایی که به اندازه کافی بزرگ هستند تا مراکز داده خود را راه‌اندازی کنند، باید ظرفیت سرور اضافی و منابع تغذیه بدون وقفه را نصب کنند تا کارها را حفظ کنند. سازمان‌های کوچک‌تر می‌توانند در عوض به کد خود تکیه کنند و از HTML معنایی برای ساده نگه داشتن آن برای چندین مرورگر استفاده کنند. برنامه نویسی چیزهای غیرضروری مانند تصاویر و ویدیوها برای توقف زمانی که پهنای باند کم است نیز کمک خواهد کرد.

سیستم‌های مجازی‌سازی مانند Kubernetes نیز به عنوان راهی برای مقیاس‌سازی ظرفیت سایت و کمک به بارگیری عناصر جدا از یکدیگر برای حفظ دسترسی مفید هستند. ابزارهای آزمایشی مانند BrowserStack، WAVE، و CSS HTML Validator می‌توانند با آشکار کردن اینکه آیا سایت شما دارای مشکلات عملکردی در برخی از مرورگرها یا برای کاربران خاص است یا خیر، به شما کمک می‌کنند.

در هسته آن، دسترسی به وب است اطمینان از کارکرد یک پلت فرم برای همه افراد. در حالی که ویژگی های طراحی ممکن است واضح ترین بخش این هدف باشد، دفاع فنی نیز نقش مهمی ایفا می کند. یک سایت فقط زمانی قابل دسترسی است که کار کند، بنابراین باید آن را کاربردی نگه دارید، حتی زمانی که سکسکه های غیرمنتظره رخ می دهد.

تخریب زیبا راه حل کاملی نیست، اما از بزرگتر شدن یک موضوع کوچک جلوگیری می کند. پیروی از این پنج مرحله برای پیاده‌سازی آن در وب‌سایت یا برنامه‌تان، اطمینان حاصل می‌کند که کار شما در ایجاد یک طراحی قابل دسترس به هدر نمی‌رود.