1396/04/31

مزایای اولویت طراحی دسک تاپ ها در طراحی سایت ریسپانسیو

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

با استفاده از رویکرد طراحی غیر ریسپانیو (طراحی دسک تاپ) می توان همه ویژگی های مطلوب و مورد نظر را با بالاترین درجه کیفی در صفحه نخست صفحه نمایش گنجاند. حتی می توان بعدا این موارد را بر روی سایر دستگاه های کوچک تر امتحان کرده و از احتمالات جزئی نیز غافل نماند.

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

 

منافع رویکرد اول طراحی دسکتاپ در طراحی سایت

 

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

در این جا به برخی از منافع استفاده از این رویکرد طراحی سایت غیر ریسپانسیو می پردازیم:

-می توانید همه ویژگی های مهم وب سایت را به صورت یک جا مشاهده کنید

-به شما اجازه می دهد احتمالات بزرگ را در طراحی ابتدایی مد نظر بگیرید

-بهترین راهبرد پیشنهادی در مواردی است که اکثریت کاربران سایت از لپ تاپ و یا دسک تاپ استفاده می کنند.

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

 

طراحی سایت دسکتاپ

 

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

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

 

طراحی سایت ریسپانسیو

 

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

البته هیچ قانون کلی در خصوص این که کدام یک از این دو رویکرد را به کار بگیرید ،وجود ندارد. اگر به دنبال کسب نتایج سودمند هستند، بهتر است از دستگاه های کوچک تر آغاز کنید.

 

پشتیبانی از همه مرورگرها در طراحی سایت

 

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

این روزها، منطقی است که همه مرورگرها به طور اساسی از ویژگی های اصلی  همچون مرورگرهای دسک تاپ پشتیبانی نموده  و مرورگرهای مدرن بسیاری از عناصر را به روشی مشابه در گذشته رِندر کنند. عمده ترین تفاوت ها مر بوط به پشتیبانی از HTML/CSS نیستند بلکه به دلیل منشاء این پشتیبانی ها می باشند.

 

طراحی سایت حرفه ای

 

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

 

چند قانون مفید را به هنگام اجرای طراحی ابتدایی وب سایت خود  در نظر بگیرید:

اجزای لمسی را بزرگ تر انتخاب کنید.

اندازه فونت ها را بزرگ انتخاب کرده و بنابراین لینک ها به صورت بزرگ تر نمایش داده خواهند شد.

کتابخانه های جاوا اسکریپت را برای پشتیبانی از حرکات ضربه ای بیفزایید.

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

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

بهتر است با آیتم هایی شروع کنید که دوست دارید در وب سایتتان نمایش داده شوند.  همه ویژگی های CSS3، اجزای جدید HTML5 و هر چیزی که ممکن است با مرورگرها پشتیبانی شوند، سازماندهی کنید. پس از آن همه مرورگرهایی را بررسی کنید که می خواهید پشتیبانی کنید و ببینید چگونه می توانید عیب و ایرادهای آن ها را از بین ببرید. با گذشت زمان، مرورگرهای قدیمی تر منسوخ شده  و پشتیبانی از مرورگرها ساده تر خواهد شد. برای این که درک عمیق تری از تعاملات موبایل ها به دست آورید، این رهنمودهای جزئی را به خاطر بسپارید:

-توسعه چندگانه وب سایت

-مقایسه نوع پشتیبانی بین همه مرورگرهای موبایل ها

چگونگی عملکرد با دستگاه هایی با صفحه نمایش های لمسی

 

افت شدید( چرا اینقدر مهم است؟)

 

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

با این وجود، این یک افت شدید حساب نمی شود بلکه یک تغییر در تجربه کاربری است. در واقع، شما به دنبال علکردهای JS و یا ویژگی های CSS3 هستید که از نظر تخصصی، در مرورگرهای مخصوص پشتیبانی نمی شوند.

برای درک از این موضوع توصیه می کنیم این نمونه ها را که از طریق عملکرد W3C ایجاد شده اند، بررسی کنید. افت شدید در این نمونه ها به خوبی نمایان است.

 

طراحی سایت حرفه ای

 

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

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

 

چه زمانی طراحی سایت، ابتدا طراحی دسک تاپ در الویت قرار می گیرد؟

 

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

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

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

 

طراحی سایت اول دسکتاپ

 

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

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

 

طراحی سایت

 

همچنین بهتر است تبلت ها، نوت بوک های کوچک تر و لپ تاپ هایی را در نظر بگیرید که اندازه صفحات آن ها متغیر است.

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

 

 

 

 

 

 

نظرات کاربران

اولین کسی باشید که در اینباره نظر میدهید.

ثبت نظر

کلمات کلیدی
طراحی سایت ریسپانسیو طراحی سایت خوب
  • طراح سایت کورسیر
  • طراحی سایت گروه صنعتی گلبافت
  • طراحی سایت بانک مهر
  • طراحی سایت  مبلمان اداری و منزل ایستا
  • طراحی سایت هولستن
  • سی دلی مالتی مدیا طرفه نگار
  • طراحی سایت مبلمان اداری جلیس
  • طراحی وب سایت مایکروتل پلاس
  • طراحی وب سایت هواپیمایی کاسپین
  • طراحی وب سایت هواپیمایی ماهان
  • طراحی وب سایت مکسیدر
  • طراحی وب سایت فرما
  • طراحی وب سایت ماشین3
  • طراحی وب سایت پیشگامان کویر آسیا
  • طراحی وب سایت هوندا
  • طراحی وب سایت پارسیان دیزل
  • طراحی وب سایت نان سحر
  • طراحی وب سایت بوژنه
  • طراحی وب سایت باشگاه فولاد خوزستان
  • طراحی وب سایت باشگاه مشتریان برج میلاد
  • طراحی سایت سازمان بورس و اوراق بهادار
  • طراحی سایت خانه عکاسان افرنگ
  • طراحی وب سایت نوشابه پرسپولیس
  • سی دی سازمان بهینه سازی مصرف سوخت
certificates
  • seo
  • multimedia
  • design
  • host and domain
  • programming
books

عضویت در خبرنامه

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

پروژه ها ی برگزیده طراحی سایت

نمونه کار مرتبط

زمینه : آژانس مسافرتی

تاریخ : سال 1394

اخبار و مقالات

برگزیده ها
فضای سفید  یا فضای خالی، یکی از ابزارهای طراحی بسیار مهم  است که شاید شما آشنایی کافی با مفهوم آن نداشته باشید. با وجود اشاره ضمنی این اصطلاح، فضای سفید لزوما نباید سفید باشد. این اصطلاح نام خود را از آغازین روزهای طراحی گرافیک می گیرد که اغلب محصولات چاپی بر روی کاغذ سفید تولید می شد. فضای سفید به طور ساده همان فضای خالی بین و اطراف عناصر طراحی یک صفحه یا سایت می باشد. این فضا می تواند شامل فضای اطراف کارهای گرافیکی و تصاویر، حاشیه ها، فضای بین ستونها، و حتی فضای بین خطوط تایپ شده ...
مفهوم طراحی وب سایت ریسپانسیو، در واقع نوعی توسعه طراحی وب سایت است که تم آن با توجه به وضوح صفحه نمایش کامپیوتر کاربر تغییر می کند.  به عبارتی دقیق تر، طراحی سایت ریسپانسیو با طرح چهار ستونی و عرض 1292 پیکسل بر روی صفحه نمایش 1025 پیکسلی با دو ستون به طور اتوماتیک قرار می گیرد. این طرح به راحتی بر روی گوشی های هوشمند و کامپیوترهای جیبی نیز اجرا شده و بیشتر با عنوان طراحی سایت ریسپانسیو یا واکنش گرا از آن یاد می کنند. این سبک طراحی به کل با طراحی های وب سایت های سنتی تفاوت دارد و توسعه ...
اینکه جهان به سمت صنعت موبایل پیش می رود، کاملا منسوخ شده، باید گفت تلفن همراه جهانی شده است. کافیست به این توجه کنید که اولین جستجوهای اینترنتی به محض روشن کردن کامپیوتر در خصوص تلفن های همراه است و یا اینکه گوگل، شاخص جداگانه ای برای جستجوهای تلفن همراه ایجاد کرده است. در این صورت ثابت خواهد شد که دنیای ما دنیایی است مبتنی بر موبایل و گوشی های هوشمند! طبق نگرش های هوشمندانه، هشتاد درصد از کاربران اینترنت و جستجوگران وب سایت ها، مالک تلفن همراه بوده و پنجاه و یک درصد از آنها زمان خود را صرف جستجو ...
طراحی مناسب وب سایت یک امر ضروری برای ایجاد بهترین نوع تاثیرگذاری است تاثیرات اولیه بسیار مهم هستند...لباس های زیبا، لوازم تزئینی متناسب با دکور خانه و یا به موقع سر یک جلسه مهم آماده شدن، همه و همه تاثیرات بسازیی در درک افراد دارند. این تاثیر گذاری در فضای آنلاین نیز اهمیت خود را دارد. بازدید کنندگان از وب سایت شما در همان نخستین ثانیه های بازدید از وب سایت شما می توانند به قضاوت در خصوص زیبایی و طراحی آن بپردازند. از طرفی دیگر، در همان دقایق اولیه هم می توانند بلافاصله از وب سایت شما خارج شوند. ...
باور کنید یا نه، اما فرآیند خر ید خیلی سریع تر از آن چه فکرش را بکنید، اتفاق می افتد. به محض این که کاربری وارد وب سایت فروشگاهی شما بشود، فرآیند خرید اعمال خواهد شد. برای این که تبادلات محاسباتی شما به نحو احسن بهبود یابند، بایستی اطمیان حاصل شود که تجربه ای عالی از خرید حاصل شده است. تنها در این صورت است که کاربران متقاعد به خرید محصولات بیشتر از فروشگاه شما خواهند شد. در این مقاله، قصد داریم روش هایی در خصوص فروش در وب سایت های فروشگاهی به همراه مثال های در خصوص نحوه بهبود میزان تبادلات با شما ...
تیم طراحی وب سایت ما که از طراحان و توسعه دهندگان متبحر تشکیل یافته، به سوالات بی شماری پیرامون وب سایت و بهترین تمرین ها برای طراحی یک وب سایت خوب پاسخ می دهد. سوالاتی از قبیل: چطور باید صفحات اصلی وب سایتمان را سازماندهی کنیم؟ بهترین جایگزین برای اجرای دقیق فرامین چیست؟ چطور می توانیم بهترین تجارب کاربری ایجاد نماییم؟ کدام دسته از تصاویر برای صفحه نخست وب سایتمان مناسب ترند؟ مدت زمان پخش ویدئوهای وب سایتمان چقدر باشد؟ چطور می توان تصاویر شخصی در وب سایت گذاشت؟ سوالات پیرامون طراحی وب سایت تا حدودی ...