۴ راه اشتباه برای طراحی سایت ریسپانسیو

  • مرداد ۲۵, ۱۳۹۵

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

طراحی سایت واکنش‌گرا و مشکلات موجود

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

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

غیرفعال کردن قابلیت زوم

آیا شما هم جزء آن دسته از طراحانی هستید که بدون فکر کردن و در نظر گرفتن پیامدهای آن ، از دستور user-scalable=no در کد نویسی نمایش موبایل خود استفاده می‌کنید؟

zooming option
شاید در نگاه اول با وجود طراحی سایت واکنش‌گرا و نمایش صحیح المنت‌ها در حالت موبایل، این امکان را بی مورد و حتی خنده دار بیابید، اما غیرفعال کردن امکان زوم کردن، مصدافی از گرفتن کنترل از دست کاربر و غل و زنجیر کردن وی است.شاید در موردی هرچند استثنایی، یک کاربر حتی در نسخه موبایل نیز نیاز به بزرگ نمایی صفحه داشته باشد.
شما که دوست ندارید کاربران خود را آزار بدهید، دوست دارید؟

عدم برآورده کردن نیاز کاربران

برخی چنان عجله‌ای برای انجام شدن قسمت واکنش‌گرای کدنویسی نشان می‌دهند که به طور کل از بررسی نحوه برخورد کاربران با آن غافل می مانند.شما به عنوان یک طراح یا وب مستر باید با استفاده از ابزارهای گوناگون (گوگل آنالیتیک و یا…) از دستگاه‌هایی که غالب کاربران توسط آن‌ها وب سایت شما را مرور می‌کنند آگاه باشید.

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

استفاده از یک نرم‌افزار برای تمامی طراحی‌ها

برخی از شرکت‌های گهگاه معروف برنامه نویسی دنیا برای آسودگی بیشتر طراحان یک قدم رو به جلو برداشته و اقدام به ایجاد نمودن نرم افزارهایی در قالب یک پکیچ (اصطلاحا all-in-one) نموده‌اند.مشکل اینجاست که چنین ایده‌ای با وجود سهولت در استفاده ممکن است برای تمامی مواقع راه حلی کارآمد نباشد.
به عنوان نمونه، پلتفرم‌های همراه شامل گوشی‌های هوشمند و تبلت‌ها غالبا نیازمند توجه ‌ویژه‌ای هستند.

xcode
هنگام کار کردن با iOS توسعه دهندگان معمولا از Cocoa و Xcode هنگام ساخت یک وب سایت استفاده می‌کنند، در حالی که ممکن است این ابزار برای تمامی پلتفرم‌ها مناسب نباشد.

عدم توجه به منو وب سایت

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

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

 

مشاوره رایگان طراحی سایت

مشاوره طراحی سایت

در صورتی که به دنبال راه اندازی کسب و کار خود در دنیای اینترنت هستید . عدد 21 را به شماره 09107585955 پیامک نمایید یا در لینک زیر فرم درخواست مشاوره را پر نمایید تا مشاوران اینتن با شما در تماس باشند . با اینتن بروز باشید.

بدون نظر
 

پیام بگذارید

(No Ratings Yet)
Loading...