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

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

برگزیده ها
با جستجوی یک واژه یا یک اصطلاح در موتورهای جستجو، صفحات مختلفی را مشاهده می‌کنیم. اما قطعا بر روی یکی یا تعداد خاصی از آنها کلیک کرده و اصطلاحا بر روی آن کلیک می‌کنیم. تاکنون از خودتان پرسیده‌اید که چرا بر روی سایر لینک‌ها و صفحات کلیک نمی‌کنید؟ پاسخ ساده است. چون فاکتورهایی که در همان نگاه اول در آن لینک‌‌ها مشاهده کرده‌اید، نتوانسته‌اند شما را برای مشاهده آنها ترغیب کنند. کلیک کردن یا نکردن بر روی لینک‌ها هنگام جستجو در موتورهای جستجو، به نوعی نشان‌دهنده ...
یکی از بزرگترین اشتباهاتی که به وضوح در سراسر اینترنت می توان دید، طراحی سایت با ظاهری بسیار ضعیف است. یکی از مهمترین نکاتی که باید به آن دقت کنید طراحی ظاهر سایت است چراکه بیشترین تاثیر را بر روی خرید کاربر دارد. طراحی سایت باید بر اساس شخصیت برند شما باید و پرسونای شما را مورد هدف قرار دهد. سایت شما باید مطابق با میل کاربرانتان طراحی شود، ساده باشد و به راحتی مشتری را به خریدار تبدیل کند. بعد بررسی بیش از 100 وب سایت به این نتیجه رسیدیم که بیشتر آنها در مواردی دارای مشکلات مشترک هستند که ...
روش های افزایش ترافیک سایت چیست؟ با چه روش و راهکار هایی می توان ترافیک سایت را افزایش داد؟ یکی از مسائلی که برای کسب و کار های دیجیتال و آنلاین بسیار حائز اهمیت است را می توان افزایش ترافیک موجود بر روی سایت دانست. اما سوال اساسی اینجاست که این افزایش ترافیک سایت تا چه حد لازم و کافی است. پاسخی که به این سوال داده می شود این است که هیچ وقت ترافیک برای شما در ذهنتان کافی نخواهد بود این طبیعت یک انسان است که همیشه خواهان شرایط بیشتر و بهتر خواهد بود. این زیاده‌خواهی شاید باعث بهبود شرایط و ...
UX چیست و به چه معناست؟ برای تجربه کاربری در یک طراحی وب سایت یا همان UX که مخفف کلمات User Experience است تعاریف مختلفی توسط متخصصان این حوزه ارائه شده است. پیش از ارائه تعاریف مختلف بایستی بدانید که ux دارای ابعاد مختلفی است که شامل قواعد خاصی می شود. این قواعد را می توان در حوزه های طراحی تعاملی، طراحی اطلاعات، طراحی بصری ، بینایی و تعامل انسان و رایانه دانست. خانم لورا کلین (laura klein) در این باره می گوید که طراحی تجربه ی کاربری پروسه ای است که در آن تصمیم گرفته می شود تنوع تجربیاتی ...
مدت زیادی است که همه ما در طراحی وب سایت از اهمیت نام وب سایت و دامین در سئوی سایت مطلع هستیم، ولی شاید بهتر باشد به این مساله یک  بازنگری داشته باشیم. پیش از شروع یک مسئله بسیار مهم را مورد توجه قرار می دهیم و آن این است که نکاتی که در این مقاله در رابطه با نام وبسایت و دامین به آن خواهیم پرداخت ممکن است الزاما در همه موارد صحیح نباشد و یا کاربردی نداشته باشد؛ ولی بنا به تجربه و آموزه های پیشین ما این موارد قابل استفاده می نماید. با هدف گرفتن بهترین نتیجه وظیفه ما در همه این موارد ...
این روز ها در هر مقاله ی بازاریابی اینترنتی و سئو درباره تولید محتوا صحبت می شود. در این مقاله می خواهیم توضیح دهیم تولید محتوا چیست و چگونه باید انجام شود؟ رتبه بندی وبسایت شما در موتور های جستجو تا حد زیادی به محتوای تولید شده بستگی دارد. در اصل اگر محتوا خوب نباشد سئو و بازاریابی آنلاین نتیجه بخش نخواهد بود. ایده تولید محتوا با شناخت نیاز های مخاطب می توانید ایده های جدیدی برای تولید محتوا بیابید. توجه داشته باشید باید از تولید محتوای تکراری و خسته کننده در وب سایتتان پرهیز کنید در ...