به احتمال زياد خود شما هم يكي از استفاده كنندگان دستگاه هاي جديد موبايل و تبلت كه تحت نام Smart Phone هم شناخته ميشويد باشيد. در اين مقاله قصد داريم با روند طراحي سايت ريسپانسيو يا همان طراحي سايت واكنش گرا براي دستگاه هاي هوشمند آشنا شويم .
مطمئنا چنين دستگاه هايي به سرعت در حال افزايش و گسترش ميباشند ، به طوريكه كاربران چنين دستگاه هايي ديگر براي چك كردن بسياري از وب سايتها تمايلي به روشن نمودن كامپيوتر رو ميزي يا لپ تاپ خود ندارند. بنابراين لزوم داشتن وب سايتي كه با چنين دستگاه هايي منطبق باشد بسيار با اهميت ميباشد. چنين دستگاه هايي حتي باعث تغيير در روند طراحي سايت شده است. در نگاه فني به وب سايت هايي كه قابليت نمايش درست در دستگاه هاي موبايل و تبلت را داشته باشند به نام وب سايت هاي ريسپانسيو (Responsive) و يا وب سايت هاي واكنش گرا نيز شناخته ميشوند.
قبل از فراگير شدن چنين دستگاه هايي طراحي سايت توسط طراحان تنها براي يك مدل برنامه ريزي و طراحي داشتند. گرچه امروزه روند طراحي سايت براي موبايل و تبلت كاملا با نسخه دسكتاپ متفاوت ميباشد و نميتوان گفت كه در اين لحظه ميتوان تمامي طرح را پياده سازي نمود.
تفاوت هايي مانند اندازه صفحه يا Screen-size – لمس نمودن صفحه به جاي كليك كردن – استفاده از تكنولوژيهايي مانند فلش – و بسياري از حالتهاي طراحي مختلف.
اگر بهينه سازي در موتورهاي جستجو يا همان SEO - Search Engine Optimization را به عنوان قلب تپنده و سرازير نمودن كاربران به سوي وب سايت شما قلمداد نماييم ، بنابراين داشتن يك وب سايت منطبق با موبايل و تبلت امري اجتناب ناپذير ميباشد. موتور جستجوي بزرگي مانند Google تاكيد بسيار زيادي بر روي ريسپانسيو بودن وب سايت دارد بطوريكه آن را به عنوان يك فاكتور مثبت و عامل بسيار مهم در داشتن رتبه خوب ميداند و اين نوع وب سايت ها را در نتيجه جستجو به نام Mobile Friendly به كاربرانش معرفي مينمايد. بنابراين ما در ريسپانسيو نمودن سايت شما از بهترين تكنيك ها استفاده خواهيم نمود كه حتي در تمامي سايز ها و Resolutionها قابليت ديده شدن را داشته باشند. معمولا ريسپانسيو نمودن وب سايت در آخرين مرحله خواهد بود. زماني كه كار طراحي و برنامه نويسي وب سايت نيز به پايان رسيده باشد.
طراحي سايت Responsive يا واكنش گرا به چه معنا ميباشد؟
طراحي سايت براي موبايل يا تبلت كه تحت نام Responsive Web Design (RWD) شناخته ميشود ، نوعي از نمايش وب سايت براي ديدن بهترين حالت در چنين دستگاه هاي ميباشد به طوريكه بهترين حركت را در تمام صفحه داشته باشيم به طوريكه چنانچه سايز دستگاه كوچك يا بزرگ گردد اسكرول افقي نداشته باشيم و اندازه و سايز عناصر داخل صفحه مانند تصاوير و متون با بهترين كيفيت قابل رويت باشد.
مزاياي داشتن يك وب سايت Responsive يا واكنش گرا:
انعطاف پذيري بسيار بالا
عناصر صفحه در چنين وب سايت هايي كاملا شناور ميباشد و به صورت اتوماتيك در تمام صفحه در حال حركت ميباشد. به عنوان مثال اگر لينكهاي وب سايت در نسخه كامپيوترهاي روميزي به صورت عمودي ميباشد و اين حالت در نسخه موبايل به اندازه كافي فضا براي نمايش ندارد, سيستم به صورت اتوماتيك آن را به صورت افقي قرار ميدهد تا بهترين حالت نمايش را داشته باشد.
بهترين تجربه براي كاربر - UX
يكي از مشكلات كاربران در زمان ديدن وب سايتها در موبايل يا تبلت خود اسكرول افقي ميباشد. يعني كاربر هم بايد حواسش به اسكرول عمودي و هم بايد حواسش به اسكرول افقي باشد كه اين مورد براي افرادي كه در طول روز كار زيادي دارند بسيار طاقت فرسا ميباشد. بنابراين در وب سايتهاي ريسپانسيو اين مشكل كاملا حل شده و كاربر تنها با لمس نمودن صفحه ميتواند اسكرول عمودي خود را انجام دهد.
مقرون به صرفه ميباشد
داشتن وب سايتي كه براي تمامي دستگاه ها قابليت نمايش داشته باشد مزيت بزرگي محسوب ميشود چرا كه مديريت اينگونه وب سايتها آسانتر از وب سايتهايي ميباشد كه سه نسخه جدا از هم طراحي باشند. چنانچه قيمت ورژن هاي كامپيوترهاي روميزي با تبلت و موبايل را با يكديگر جمع كنيم بسيار بيشتر از سايت هاي ريسپانسيو خواهد شد. در ثاني بهينه سازي چنين وب سايت هاي در گوگل بسيار آسانتر خواهد بود چرا كه در تمام حالتها كاربر به يك وب سايت منتقل ميشود و نه به سه وب سايت مختلف.
وب سايتهاي ريسپانسيو يا واكنش گرا توسط موتور جستجوي گوگل توصيه شده است
طبق آخرين آمار 67 درصد كسب و كارها در دنيا توصيه هاي گوگل را جدي ميگيرند و آنها را در مدل كسب و كاري خود پياده سازي مينمايند.گوگل پيشنهاد ميكند كه تمام نسخه هاي وب سايت بهتر است در يك حالت باشند يعني همان وب سايت هاي ريسپانسيو. چرا كه در اين حالت صفحه مورد نظر تنها يك آدرس يا URL دارد و از يك كد HTML بهره ميبرد. به ياد داشته باشيم تمامي وب سايت هاي در دنيا توسط زبان HTML طراحي و توسعه پيدا نموده اند. بنابراين براي گوگل بسيار راحت تر و آسانتر خواهد بود كه چنين صفحاتي را پيدا يا اصطلاحا Index نمايند.
از طرف ديگر اين براي گوگل بسيار اهميت دارد كه كاربران هم به راحتي ميتوانند چنين صفحات و وب سايت هايي را به اشتراك بگذارند تا اينكه چند وب سايت وجود داشته باشد. به عنوان مثال كاربري ميتواند نسخه موبايل يك سايتي را در صفحه Facebook به اشتراك بگذارد و دوستانش توسط كامپيوترهاي روميزي يا همان Desktop صفحه وب مورد نظر را بيينند.
بنابراين چنانچه شما مشتري محترم تمايل داشته باشيد ميتوانيم طراحي سايت شما رو هم به صورت ريسپانسيو يا واكنش گرا طراحي نماييم.
منبع : طراحي سايت
ابزار هايي كه خلاقيت را در طراحي سايت بالا مي برد