1396/04/11

قوانین جدید اسکرول کردن در طراحی وب سایت

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

 

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

 

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

 

دلیل توجه دوباره به اسکرول کردن در طراحی سایت چیست؟

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

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

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

 

قوانین جدید اسکرول سایت

 

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

 

پیمایش در صفحه سایت

 

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

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

 

اسکرول در طراحی سایت های جدید

 

آیا اسکرول کردن صفحه سایت برای شما مناسب است؟

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

 

مزایای اسکرول یا پیمایش صفحه وب سایت

 

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

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

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

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

کنترل وضعیت های بدن- به نظر می رسد پروسه پیمایش به طور طبیعی با لمس دستان صورت می گیرد. کاربران( به خصوص کاربران موبایل ها) به طور اساسی این را به عنوان روشی برای نمایش اطلاعات پذیرفته اند.

 

مزایای اسکرول سایت

 

معایب اسکرول یا پیمایش صفحه وب سایت

 

کاربران سرخود – هیچ تاکنون با خود فکر کرده اید که چرا برخی از کاربران اینچنین در اجرای تغییرات سرسخت هستند؟ این فنون این روزها بسیار رایج شده و کاربران به راحتی هر تجارب جدید را به طور خود آگاه و بدون رعایت موازین انجام می دهند. به جرات می توان گفت تقریباً اکثریت کاربران در معرض استفاده از فنون سرخود هستند.

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

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

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

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

عدم وجود پانوشت ها: برای سایت هایی با پیمایش های نامحدود، فوترهای منسجم را پیشنهاد می دهیم و در این صورت، شما دیگر مورد سوء استفاده های پیمایشی قرار نمی گیرید. در غیر این صورت ممکن است کاربران به دلیل فقدان پیمایش های آتی در انتهای هر صفحه گنگ شوند.

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

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

شامل بروز رسانی های مداوم و یا محتوای جدید هستند ( همچون بلاگ ها)

اطلاعات فراوانی دارند که به روشی منحصر بفرد در جهات درک جامع کاربران بیان شده اند.

شامل رسانه های غنی نیستند زیرا این امر مربوط به زمان بارگیری اطلاعات می باشد.

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

 

معایب اسکرول سایت

 

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

بهتر است همانند اکثریت سایت هایی که از پیمایش های طولانی استفاده می کنند، شما این کار را انجام ندهید. اطمینان حاصل کنید که وب سایتتان با معیارهای که پیش تر توضیح دادیم، هارمونی دارد در غیر این صورت، ممکن است عملکردهای نادرستی را تجربه کنید!

 

 

پیمایش سایت

 

بهترین تمارین برای پروسه پیمایش سایت

 

1-پیمایش های طولانی تر، تاثیرات مختلف و مکانیزم های مشابه در حوزه طراحی همچنان جدید هستند اما هنوز هم برخی از از خطاها و و آزمون های ابتدایی، تمارین اساسی بهتری را پیش روی طراحان گذاشته اند.  در این جا قصد داریم برخی از بهترین نکات ضروری برای پیمایش های روزانه را با شما به اشتراک بگذاریم:

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

 

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

 

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

4-پیمایش های مورد استفاده خود را با سایر کاربران به اشتراک بگذارید تا هر فردی بتواند به اهمیت سرعت پیمایش پی ببرد. برخی از سایت ها شامل سوییچ های بسیار کوچک با ساختارهایی همچون" برای خواندن ادامه مطالب کلیک کنید" و یا " شروع کنید" هستند که منجر به پیمایش سایت با فنون غیر عادی می شوند.

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

6-تحقیقاتی در خصوص نحوه ایجاد تعامل کاربران با پیمایش ها انجام دهید. برای مثال در تحلیل های گوگل، می توانید گزینه " In Page Analytics" را باز کنید تا ببینید چه تعداد افرادی این گزینه را تیک زده اند. بر اساس این اطلاعات و داده ها، می توانید در صورت لزوم به اجرای طرح مورد نیاز خود بپردازید.

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

 

 

برای بسیاری از آقایان همیشه این سوال مطرح می‌شود که چه نوع کفشی را می‎توان با شلوار جین پوشید؟ این 6 مدل کفش را با شلوار جین بپوشید.

 

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

9-ترفندهای بصری ویژه ای را اتخاذ کنید که منجر به جهت گیری کاربران در پیمایش های طولانی مدت می شوند. مانند آیکون های سمت چپ در وب سایت The Seven Types of Motorcycle Rider”".

 

پیمایش وب سایت

 

پروسه پیمایش همچون یک شمشیر دو لبه است. بهتر است پیش از به کار بردن این فن همه فوت و فن های اجرای آن آشنا شوید.

 

طرح های فاقد صفحه در آینده

 

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

 

اسکرول کردن سایت ها

 

 

 

 

 

 

 

 

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

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

ثبت نظر

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

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

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

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

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

زمینه : تولید کننده انواع كيسه های پلي پروپيلن

تاریخ : سال 1396

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

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