آیا شما یک " وب سایت پاسخگو " دارید؟ این یک سایت با طرح است که با توجه به دستگاه بازدید کننده و اندازه صفحه نمایش تغییر می کند. طراحی وب پاسخگو در حال حاضر یک صنعت بهترین عملکرد است. این توصیه توسط گوگل و در میلیون ها سایت در سراسر وب یافت می شود. با این حال، تفاوت بزرگی بین داشتن یک وبسایت وجود دارد که به سادگی بر روی اندازه صفحه نمایش های مختلف قرار می گیرد و دارای یک سایت واقعا پاسخگو است.
من به طور مرتب دیدم که شرکت ها وب سایت خود را دوباره طراحی می کنند و یک انتشار مطبوعاتی را تحویل می دهند که فضایل طراحی جدید تلفن همراه خود را به نمایش می گذارند. وقتی که من از این سایت ها بازدید می کنم، چیزی که اغلب من پیدا می کنم، یک طرح است که واقعا در مقیاس و تغییر به صفحه های مختلف متناسب است، اما این به همان اندازه است که ایده ی پاسخگویی را می گیرند. این کافی نیست. یک وبسایت واقعا پاسخگو، بیش از مقیاس فقط برای یک صفحه کوچکتر یا بزرگتر است. در این سایت ها، ویژگی های مهم زیر نیز خواهید یافت.
1. بهینه سازی عملکرد
هیچ کس دوست ندارد صبر کند تا یک وب سایت برای بارگیری، و هنگامی که کسی از یک دستگاه تلفن همراه با اتصال استفاده می کند که ممکن است کمتر از ایده آل باشد، نیاز به یک سایت برای بارگذاری سریع بسیار مهم است.
پس چگونه عملکرد سایت شما بهینه سازی می شود؟ اگر از یک سایت جدید به عنوان بخشی از یک طراحی مجدد شروع می کنید، باید آن را نقطه ای برای ایجاد بودجه عملکرد به عنوان بخشی از آن پروژه کنید. اگر شما با یک سایت موجود کار می کنید و از ابتدا شروع نمی کنید، اولین گام این است که عملکرد سایت خود را تست کنید تا ببینید که امروز کجا ایستاده اید.
هنگامی که شما پایه ای را برای سایت خود دارید، می توانید پیشرفت های لازم برای افزایش سرعت دانلود را شروع کنید. یک مکان عالی برای شروع، احتمالا با تصاویر سایت شما است. هنگامی که به سایت های بارگیری آهسته می آید، تصاویر بسیار بزرگ، اولین عامل مؤثر هستند، بنابراین بهینه سازی تصاویر شما برای ارائه وب می تواند به سایت شما از دیدگاه عملکرد کمک کند.
واقعیت این است که بهبود عملکرد وب سایت و سرعت دانلود سریع یک مزیت است که همه بازدیدکنندگان قدردانی خواهند کرد. پس از همه، هیچ کس تا به حال شکایت از یک سایت بارگذاری شده "بیش از حد سریع"، اما اگر یک سایت طول می کشد برای بارگذاری، آن را کاملا مردم را دور که آیا آن را پاسخ "متناسب" بر روی صفحه نمایش خود را و یا نه.
2. سلسله مراتب محتوای هوشمند
هنگامی که یک وب سایت روی یک صفحه نمایش بزرگ نمایش داده می شود، شما می توانید محتوا را از راه های مختلف به دلیل املاک موجود در صفحه نمایش قابل توجهی موجود است. شما اغلب می توانید پیام ها و تصاویر مهم، به روز رسانی اخبار، اطلاعات رویداد و ناوبری سایت را بر روی صفحه نمایش در یک بار مناسب. این اجازه می دهد تا یک بازدید کننده به راحتی و به سرعت محتوای تمام صفحه را اسکن و تصمیم به آنچه که برای آنها مهم است.
این سناریو خیلی زود تغییر می کند وقتی که طراحی سایت را انجام می دهید و آن را برای دستگاه های کوچک مانند تلفن همراه تبدیل می کنید. ناگهان شما با کسری از صفحه نمایش املاک و مستغلات که قبلا داشتید کار می کنید. این به این معنی است که شما باید تصمیم بگیرید که چه چیزی برای اولین بار در سایت ظاهر خواهد شد، چه چیزی آن را دنبال خواهد کرد، و غیره. به جای همه چیزهایی که در یک زمان مشاهده می شوند، احتمالا فقط یک فضای برای نشان دادن یکی یا دو چیز (که یکی از آنها ناوبری است) است. این به این معنی است که تصمیم گیری سلسله مراتب باید انجام شود. متاسفانه، آنچه اغلب تعیین می کند چه چیزی برای اولین بار روی صفحه نمایش می آید، و سپس دوم، و غیره، همان شیوه ای است که صفحه خود را کد گذاری می کند. ساده ترین راه ایجاد یک سایت پاسخگو است، برای نشان دادن آنچه که اول در کد اول در صفحه نمایش داده شده است، و سپس عنصر دوم در کد و غیره. متأسفانه آنچه ممکن است در یک دستگاه مهم باشد، ممکن است به عنوان یکی دیگر از موارد مهم نباشد. یک سایت واقعا پاسخگو می داند که سلسله مراتب محتوا باید بسته به موقعیت های مختلف تغییر کند و باید در مورد آن چه که نمایش داده می شود، هوشمند باشد.
پیشرفت در تکنیک های CSS طرح، از جمله چیدمان CSS Grid، Flexbox و غیره، به طراحان و طراحان وب اجازه می دهد گزینه های بیشتری را در اختیار شما قرار دهد تا به راحتی محتویات محتوا را در اختیار شما قرار دهد. استفاده از این تکنیک های جدید طرح حتی مهم تر خواهد شد زیرا چشم انداز دستگاه و نیاز کاربران سایت ما همچنان در حال تکامل است.
3. تجربیاتی که به قدرت و ضعف دستگاه می اندیشند
باقی ماندن در مورد دستگاهها - هر دستگاهی که کسی میتواند از سایت شما استفاده کند دارای نقاط قوت و ضعف است که به آن پلتفرم ذاتی است. یک سایت پاسخگو عالی توانایی ها و محدودیت های دستگاه های مختلف را درک می کند و از آنها برای ایجاد تجربیات سفارشی استفاده می کند که برای هر وسیله ای که یک بازدید کننده ممکن است در آن لحظه استفاده کند مناسب است.
به عنوان مثال، یک تلفن همراه شامل تعدادی از ویژگی های که شما در یک کامپیوتر رومیزی سنتی پیدا نمی کنید. GPS یک نمونه از ویژگی تلفن همراه محسوب می شود (بله، شما همچنین می توانید اطلاعات مکان عمومی را در دسکتاپ دریافت کنید، اما GPS دستگاه بسیار دقیق تر است). سایت شما ممکن است از اطلاعات جیپیاس به هوشمندانه یک فرد اطلاعات بسیار دقیق و دقیق جهت گام به گام یا پیشنهادات ویژه را براساس دقیقا همان جایی که در آن لحظه است، ارسال کند.
مثال دیگری از این اصلی در عمل یک سایت است که می داند چه نوع نمایش صفحه نمایش شما استفاده می کنید و تصاویری را که برای آن نمایش مناسب است مناسب می فرستد. اگر یک صفحه با تراکم پیکسل بالا داشته باشید، ممکن است تصمیم به ارسال تصاویر با کیفیت بالاتر به آن صفحه داشته باشید. با این وجود، این تصاویر مشابه بر روی یک صفحه نمایش کمتر قابل استفاده خواهد بود و کیفیت اضافی نیز از بین خواهد رفت در حالی که حجم فایل اضافی برای هیچ دلیلی قابل دانلود نیست.
سایتهای پاسخگو واقعا عالی، تمام تجربه کاربر را در نظر می گیرند و کار می کنند تا این تجربه را براساس نه تنها نوع دستگاه یا اندازه صفحه نمایش خود، بلکه سایر جنبه های مهم سخت افزار نیز انجام دهند.
4. محتوا با متن
در ابتدا، طراحی وب پاسخگو، نام خود را با توجه به ایده طرح سایت پاسخ به اندازه های مختلف صفحه نمایش دریافت کرد، اما شما می توانید به خیلی بیشتر از اندازه صفحه نمایش پاسخ دهید. با استفاده از مثال قبلی استفاده از نقاط قوت و ضعف دستگاه، می توانید از آن ها و سایر اطلاعات مانند تاریخ و زمان استفاده کنید تا تجربه وب سایت را سفارشی کنید.
تصور کنید یک وب سایت برای یک نمایش بزرگ رویداد تجاری. در حالی که یک وب سایت پاسخگو طرح صفحات سایت را برای مقیاس با صفحات مختلف تغییر می دهد، همچنین می توانید از تاریخ استفاده کنید تا تعیین کنید که چه محتوایی برای نمایش مهم است. اگر این مدت زمان قبل از رویداد است، شما احتمالا مایل به نمایش اطلاعات ثبت نام است. اگر، با این حال، این واقعه در حال حاضر اتفاق می افتد، ثبت نام ممکن است مهم ترین محتوا باشد. در عوض، ممکن است برنامه ریزی رویدادهای روز را بسیار مهم تر از آن قرار دهید که بیشتر مربوط به نیازهای فوری آن کاربر است.
با درنظر گرفتن چیزها یک گام بیشتر، می توانید به جیپیاس دستگاه ضربه بزنید تا جایی که واقعا در نمایشگاه قرار دارد. شما می توانید محتوا های تعاملی را براساس مکان خود به آنها بدهید، آنها را به غرفه های نزدیک یا جلسات مربوط به شروع به کار نشان می دهد.
5. قابلیت دسترسی
مثال نهایی ما در مورد اینکه چگونه یک سایت واقعا می تواند به نیازهای بازدید کننده پاسخ دهد، این است که فکر کنید در مورد دسترسی به وب سایت . وب سایت ها باید بتوانند به عنوان بسیاری از افراد، از جمله افرادی که دارای معلولیت هستند، استفاده شوند. وبسایت شما باید بتواند توسط کسی که نیاز به یک صفحه نمایشگر یا سایر نرم افزارهای پشتیبانی شده برای دسترسی به محتوای آن داشته باشد استفاده شود. به این ترتیب، سایت شما به نیازهای شما پاسخ می دهد، زیرا شما تضمین می کنید که تجربه، در حالی که برای بازدیدکنندگان غیر مجاز متفاوت است، هنوز هم مناسب است.
با پاسخ دادن به حداکثر تعداد داده ها، و نه فقط اندازه صفحه نمایش، یک وب سایت می تواند خیلی بیشتر از "تلفن همراه دوستانه" باشد. این می تواند تجربه ای واقعا پاسخگو در هر حوزه ای از این عبارت باشد.