زمان کنونی: 1395-11-03, 10:42 ب.ظ
خوش آمدید، مهمان! (ورودثبت نام)

ارسال پاسخ 
 
امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
اشتراک موضوع در Digg delsios Reddit Facebook Twitter StumbleUpon
طراحی سایت واکنش گرا:
نویسنده پیام
****
کاربر فعال


کاربر سایت
وضعيت : آفلاین
ارسال ها:85
تاریخ ثبت نام:شهریور 1395
اعتبار: 0
سن:
ساکن:
حالت من:
سپاس ها: 0
سپاس شده 3 بار در 3 ارسال

ارسال: #1
طراحی سایت واکنش گرا:
سایت واکنش گرا یا سایت ریسپانسیو (responsive) سایتی است که با ابعاد و رزولوشن دستگاههای مختلف سازگاری دارد و کاربران بدون توجه به اینکه صفحه نمایش دستگاهشان کوچک باشد (مثل اکثر گوشی های هوشمند موبایل) یا نمایشگری متوسط(مثل لپ تاپ و تبلت) و یا نمایشگرهای بزرگ (کامپیوترهای رومیزی و ال سی دی های بزرگ)داشته باشند، میتوانند به راحتی سایت را بررسی کنند و دیگر نیازی نیست اندازه صفحه را تغییر دهند که سایت به صورت کامل دیده شود.
امروزه کاربران از نمایشگرهای مختلف در ابعاد بزرگ و کوچک برای دستیابی به صفحات اینترنت استفاده میکنند. بنابراین سایتی میتواند در فضای وب موفق باشد که بتواند به همه کاربران مراجعه کننده به سایت خدمات مناسب ارائه دهد و نمایش سایت به صورت کامل باشد .
حدود 50 درصد از کاربران از موبایل و تبلت برای مشاهده سایت ها استفاده میکنند و در صورتی که قالب سایت شما نمایش درستی در موبایل و تبلت نداشته باشد کاربران بسیاری را از دست خواهید داد. زیرا این دسته از کاربران پس از ورود به سایت شما در صورتی که نتوانند مطالب سایت شما را به راحتی مطالعه نمایند ممکن است سایت شما را بلافاصله ترک کنند و وارد سایت دیگری شوند که به درستی در دستگاه آنان نمایش داده شود. با توجه به مورد مطرح شده وجود سایت ریسپانسیو(واکنش گرا) برای سایت ها امری لازم و ضروری میباشد.
کلیه وب سایت هایی که در وب وان طراحی میشود، کاملا ریسپانسیو هستند و با تمامی نمایشگرهایی که میتوان سایت را مشاهده کرد، سازگاری دارند.


مزایای سایت های ریسپانسیو:

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


تفاوت سایت های ریسپانسیو و نسخه موبایل سایت:

گوگل طراحی ریسپانسیو(واکنش گرا) را برای طراحی وب سایت پیشنهاد میدهد.
سایت های ریسپانسیو دارای URL و HTML یکسان هستند و این قابلیت را دارند که روی تمامی دستگاه ها(با سایزهای مختلف صفحه نمایش) به درستی نمایش داده شوند و کار کنند.
این موضوع باعث میشود که گوگل بتواند راحت تر و بهینه تر محتوای سایت رو نشانه گذاری کند.
ولی وقتی که برای موبایل سایتی جداگانه طراحی و منتشر کنیم، URL و HTML سایت مخصوص موبایل با سایت طراحی شده برای کامپبوتر متفاوت است. به همین دلیل گوگل برای نسخه های مختلف یک وب سایت چندین بار سازمان دهی و نشانه گذاری اطلاعات را انجام میدهد. این موضوع تأثیرات منفی در روند رتبه بندی گوگل دارد. شرکت طراحی سایت
یکی از دلایل دیگری که گوگل طراحی ریسپانسیو وب سایت را پیشنهاد میکند این است که تمامی محتویات روی یک وب سایت و یک URL قرار میگیرند و این موضوع باعث میشود که کاربران راحت تر با سایت ارتباط برقرار کنند و سایت را به اشتراک بگذارند.
به طور مثال حالتی را در نظر بگیرید که شما یک مطلبی را از روی یک سایت طراحی شده برای موبایل در فیس بوک با کسی به اشتراک می گذارید.
حال اگر طرف دیگر با کامپیوتر فیس بوکش را چک کند، مطلب به اشتراک گذاشته شده با همان فرمت طراحی شده برای موبایل بارگذاری میشود که این مسئله اصلاً کاربر پسند نیست.
امروزه تجربه کاری (User Experience) یک فاکتور خیلی مهم در رتبه بندی سایت شما در گوگل میباشد و به همین دلیل طراحی ریسپانسیو وب سایت روی سئو تأثیر مثبت دارد.
چگونه سایت های ریسپانسیو را شناسایی کنیم ؟

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

اشتباهات رایج در طراحی وب سایت ریسپانسیو :
امروزه دیگر همه ما از اهمیت دستگاه های تلفن همراه در پیشرفت اهداف بازاریابی اینترنتی آگاهی داریم. با افزایش تعداد کاربران تلفن همراه و به وجود آمدن تکنیکطراحی سایت ریسپانسیو، اهمیت طراحی سایت پاسخگو به انواع دستگاه ها و طراحی بهینه برای آنها شدت یافته است. لذا طراحی صحیح رابط گرافیکی(UI) و در پایان ایجاد تجربه کاری مناسب (UX) میتواند کیفیت وب سایت شما را افزایش دهد و در نهایت به نرخ تبدیل بالای بازدیدکننده به مشتری بیانجامد.
امروزه بسیاری از طراحان سایت از متد طراحی ریسپانسیو جهت طراحی سایت پروژه های مشتری خود استفاده میکنند که بعضاً دارای اشکالاتی هستند. ما در ادامه به برخی اشتباهاتی که این مشکلات را خلق میکنند خواهیم پرداخت تا با طراحی وب سایت حرفه ای بتوانید رابط کاربری بهتری برای بازدیدکنندگان موبایلی خود ایجاد کنید.

متن های طولانی در موبایل سخت خوانده میشود:

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

شماره تلفن ها را برای تماس موبایل فعال کنید:

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

نکاتی کوچک اما مؤثر :

ایجاد جذابیت برای کاربران موبایل توسط نمایش دکمه های بزرگ و لینک های جذاب باعث میشود کاربران از وب سایت شما بیشتر استفاده کنند. از دکمه های واضح و جذاب جهت تشویق کاربران برای عضویت در خبرنامه و یا تکمیل یک فرم استفاده نمایید. نوشته روی دکمه ها را نیز با استفاده از CSS درشت نمایید تا برای کاربران خوانا باشد.
طراحی وب سایت
شرکت طراحی سایت

 















طراحی وب سایت
شرکت طراحی سایت
(آخرین ویرایش در 1395-09-29 04:55 ب.ظ توسط: sh369. دلیل ویرایش : )
1395-09-29 04:16 ب.ظ
مشاهده سایت این کاربر یافتن همه ی ارسالهای این کاربر نقل قول این ارسال در یک پاسخ
ارسال پاسخ 


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  اشتباهاتی که در طراحی سایت باید کنار گذاشته شوند: sh369 0 6 1395-10-26 06:29 ب.ظ
آخرین ارسال: sh369
  نکاتی که باید برای افزایش فروش طراحی سایت بدانید: sh369 0 4 1395-10-25 07:02 ب.ظ
آخرین ارسال: sh369
  درطراحی سایت چه مواردی را باید به خاطر داشته باشیم؟ sh369 0 4 1395-10-24 06:26 ب.ظ
آخرین ارسال: sh369
  نکاتی در رابطه با طراحی سایت: sh369 0 6 1395-10-23 05:26 ب.ظ
آخرین ارسال: sh369
  نکاتی برای طراحی سایت Startup sh369 0 13 1395-10-14 10:44 ب.ظ
آخرین ارسال: sh369
  چند نکته کلیدی طراحی وب سایت های: sh369 0 23 1395-10-05 02:21 ب.ظ
آخرین ارسال: sh369
  کاربرد دایره در طراحی وب سایت sh369 0 16 1395-10-03 03:44 ب.ظ
آخرین ارسال: sh369
  استفاده از زمینه سفید در طراحی وب سایت sh369 0 13 1395-10-02 04:28 ب.ظ
آخرین ارسال: sh369
  طراحی سایت و طراحی وب سایت برای مخاطب های جوان: sh369 0 13 1395-10-01 03:59 ب.ظ
آخرین ارسال: sh369
  طراحی وب سایتدر اوایل دهه 1990 sh369 0 9 1395-09-30 11:56 ب.ظ
آخرین ارسال: sh369
  وب سایت خود را به چه منظور می خواهید؟ sh369 0 11 1395-09-28 06:00 ب.ظ
آخرین ارسال: sh369
  طراحی وب سایت برای هتل: sh369 0 18 1395-09-27 05:36 ب.ظ
آخرین ارسال: sh369
  برای طراحی یک وب سایت باید نکات زیر را رعایت کنید تا دامنه مناسب را رعایت کنید: sh369 0 12 1395-09-25 01:54 ق.ظ
آخرین ارسال: sh369
  یک طراحی چطور کاربر را تحت تاثیر قرار می دهد؟ sh369 0 17 1395-09-24 03:04 ق.ظ
آخرین ارسال: sh369
  تازه شروع به طراحی وب سایتکرده اید؟ نکات زیر را رعایت کنید: sh369 0 13 1395-09-23 02:50 ق.ظ
آخرین ارسال: sh369

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان

دوستان ما