تست تصاویر و طول متن برای اطمینان از اینکه سایت شما به طور مناسب واکنش نشان می دهد
هنگامی که ما وب سایت ها را طراحی و برنامه ریزی می کنیم که چگونه محتوای این سایت ها نمایش داده می شود، ما اغلب این کار را با یک وضعیت ایده آل در ذهن داریم. سرفصل ها و زمینه های متن به عنوان داشتن طول مشخصی تصور می شوند، در حالی که تصاویری که با آن متن همراه هستند، طراحی شده اند تا ابعادی را نشان دهند که به آنها اجازه می دهد که در طراحی کلی طراحی شده باشند. حتی اگر این عناصر به عنوان بخشی از یک وب سایت سازنده پاسخگو (که باید باشد) تا حدودی مایع است، محدودیتی برای انعطاف پذیر بودن آنها وجود خواهد داشت.
اگر وبسایتی را در CMS (سیستم مدیریت محتوا) قرار دهید و اجازه دهید مشتریان آن سایت را مدیریت کرده و محتوای جدیدی را در طول زمان اضافه کنند، محدودیت هایی که شما طراحی کرده اید، کاملا به آزمون تست شده است. اعتماد به این واقعیت است که مشتریان شما راه هایی برای تغییر وب سایت پیدا می کنند که هیچ وقت رویای آنها را انجام نداده اید. اگر برای وضعیت هایی که در فرایند طراحی شما کار می کنند، به جای خارج از ایده های مناسب قرار نگیرید، طرح این سایت ممکن است در معرض خطر جدی قرار گیرد. به همین دلیل است که بسیار مهم است که قبل از راه اندازی این سایت، همه مطالب وب سایت و جنبه های طرح سایت را تست کنید. در اینجا چند نکته برای چگونگی انجام این کار وجود دارد.
تست اندازه تصویر
بدون شک، رایج ترین شیوه ای است که مردم طرح وب سایت خود را از بین می برند با اضافه کردن تصاویر نامناسب (این نیز راه آن است که آنها منفی بر عملکرد کلی سایت و باعث سرعت بار دانلود کند). این شامل تصاویری است که بیش از حد بزرگ هستند و همچنین مواردی که برای کار در وب سایت شما طراحی شده اند بسیار کوچک است.
حتی اگر از CSS برای جابجایی اندازه این تصاویر در طرح خود استفاده کنید، تصاویری که به شدت با مقیاس اصلی شما در سایت نیستند، مشکلی ایجاد می کنند. اگر ابعاد یک تصویر نادرست باشد، CSS شما ممکن است این تصویر را با استفاده از عرض و ارتفاع مناسب نمایش دهد، اما تصویر و نسبت ابعاد آن ممکن است تحریف شود. این قطعا تاثیر منفی بر روی دیدگاه سایت شما خواهد داشت به عنوان یک تصویر که خیلی کوچک است "منفجر" خواهد شد و کیفیت را از دست خواهد داد. تصویری که خیلی بزرگ است و با CSS کوچکتر ساخته می شود نگاه خوب و کیفیت آن را حفظ می کند، اما اندازه فایل می تواند برای استفاده از آن بزرگ باشد.
هنگام آزمایش وب سایت خود، مطمئن شوید که در تصاویری که خارج از محدوده مورد نظر شما قرار دارد، اضافه کنید. در CSS و تکنیک های تصویری پاسخی که با تغییر اندازه تصویر بر اساس یا در مورد نسبت ابعاد نادرست، این موضوع را با استفاده از چیزی مانند ویژگی کلی clip CSS به منظور برش تصویر به صورت مورد نیاز، به کار می برند.
تست رسانه های دیگر
علاوه بر تصاویر، همچنین رسانه های دیگر مانند فیلم ها در سایت خود را آزمایش می کنید و ببینید که چگونه این عناصر در طرح شما ظاهر می شوند با استفاده از مقادیر مختلف اندازه و نسبت ابعاد. یک بار دیگر ماهیت پاسخگو سایتتان را در نظر بگیرید و اینکه چگونه برای اندازه دستگاه و اندازه صفحه نمایش متفاوت است .
تست عنوان متن
پس از تصاویر، ناحیه بعدی وب سایت که بیشترین مشکلی را با وب سایت های زنده مدیریت شده توسط متخصصین غیر وب دارد، عنوان های متن است. این خطوط (به ظاهر) کوتاه از متن است که اغلب محتوای یک صفحه یا یک بخش را در آن صفحه شروع می کند. متن بالای این پاراگراف که «تست متن متن» را می خواند، نمونه ای از این است.
اگر شما یک سایت را طراحی کرده اید تا یک عنوان مانند این یکی را انتخاب کنید:
"تست عنوان متن"
اما مشتری شما با استفاده از CMS برای اضافه کردن یک مقاله با عنوان مانند این:
"تست عنوان متن بر روی انواع وب سایت های مختلف با نیازهای مختلف و نیازمندی های کاربر"
سپس طرح شما ممکن است قادر به تمیز کردن تمام متن اضافی نباشد. درست مثل اینکه شما باید تصاویر و رسانه های خود را با تست های استرس، با اضافه کردن مقادیری که به اندازه خارج از اندازه هایی که در ابتدا برای شما طراحی شده است، بسنجید، بنابراین باید این کار را با عنوان های متن انجام دهید تا مطمئن شوید که به اندازه کافی انعطاف پذیر هستند تا خطوط فوق العاده طولانی مانند یکی بالا
تست طول متن
همچنان در مورد متن، شما همچنین می خواهید طول متن متنی را برای محتوای اصلی صفحات تست کنید. این شامل متن است که بسیار، بسیار طولانی و همچنین متن بسیار، خیلی کوتاه است - که در واقع می تواند موضوعی باشد که بسیاری از پوسته های صفحه را خدشه دار می کند.
از آنجا که صفحات وب به صورت طبیعت، به اندازه متناسب با ارتفاع متن که حاوی آنها هستند، صفحات با تعداد زیادی متن، به طور معمول فقط در مقیاس قد در صورت نیاز مورد نیاز است. به استثنای اینکه شما ارتفاع صفحه را محدود کرده اید (اگر بخواهید صفحه شما انعطاف پذیر باشد نباید انجام دهید)، متن اضافی نباید مشکلی ایجاد کند. متن بیش از حد یک مسئله دیگر است - و این یکی است که بسیاری از طراحان فراموش کرده اند برای تست آنها در فرایند طراحی خود.
متن بیش از حد می تواند صفحهای را ناتمام یا حتی شکسته کند، بنابراین مطمئن شوید مقادیر صفحه خود را پایین بیاورید تا ببینید چه اتفاقی در این موارد اتفاق می افتد و تنظیمات لازم برای CSS سایت شما را برای رسیدگی به این شرایط انجام می دهد.
تست زوم صفحه
افراد با مشکلات بینایی ممکن است از ویژگی صفحه زوم مرورگر وب برای افزایش اندازه صفحه وب خود استفاده کنند. اگر کسی در مقدار قابل توجهی زوم کند، طرح شما می تواند خراب شود. این یکی از دلایلی است که شما ممکن است مایل به استفاده از EM ها به عنوان واحد اندازه گیری برای اندازه فونت وب سایت خود و همچنین پرس و جو های رسانه ای خود را. از آنجا که EM یک واحد نسبی اندازه گیری است (بر اساس اندازه متن پیش فرض آن مرورگر)، آنها برای طرح بندی وب سایت های مایع و انعطاف پذیر تر هستند.
تست وب سایت خود را برای زوم صفحه و نه فقط در یک یا دو سطح زوم متوقف شود. سایت خود را در سطوح گوناگون به سطح پایین و پایین بکشید تا اطمینان حاصل شود که صفحات شما به عنوان در نظر گرفته شده واکنش نشان می دهند.
فراموش نکنید درباره سرعت و عملکرد دانلود
همانطور که برای پیامدهای طرح تصمیم گیری مشتری تست می کنید، فراموش نکنید که توجه به تأثیری که این تصمیم ها برای عملکرد سایت داشته است توجه کنید. تصاویر و محتویاتی که مشتریان آن اضافه می کنند سرعت دانلود سایت را مختل می کنند و قابلیت استفاده کلی سایت را به طور کلی از بین می برند. برای تاثیر این افزودنی ها برنامه ریزی کنید و بخشی از خود را در فرآیند توسعه برای به حداقل رساندن این اثرات.
اگر وب سایت شما با بودجه عملکردی ساخته شده است، این اطلاعات را با مشتریانتان به اشتراک بگذارید و آنها را به چگونگی تست یک صفحه وب برای معیارهای عملکرد نمایش دهید. اهمیت حفظ آستانه های تعیین شده برای اندازه صفحه و سرعت دانلود را برای آنها توضیح دهید و آنها را نشان دهید که چگونه افزونه هایی که ایجاد می کنند، می تواند بر تمام سایت تاثیر بگذارد. وقت خود را برای آموزش آنها در مورد نحوه نگهداری سایت و به دنبال آن بکشید. در مورد آموزش ...
آموزش مشتری ضروری است
مهم این است که تست تصاویر، متن و سایر عناصر صفحه خود را برای تست استرس ایجاد کنید و سبک هایی را ایجاد کنید که برای موارد شدید حساب می شود اما هرگز جایگزینی برای آموزش مشتری نیست. کار خود را در مورد گلوله سازی یک سایت علاوه بر اینکه زمان را صرف آموزش مشتریان خود می کنید چگونه به طور موثر مراقب و مدیریت سایت خود باشید. در نهایت، یک مشتری خوب آموزش دیده که مسئولیت های خود را درک می کند و تاثیر تصمیماتی که در سایت ایجاد می کنند، به تلاش های شما برای حفظ کار این سایت و به دنبال آن بهترین خواهد بود.