قوانین جدید اسکرول کردن در طراحی سایت
آنچه زمانی در طراحی وب ممنوع بود در سال های اخیر بعنوان یکیاز پرطرفدارترین تکنیک ها، حیاتی دوباره یافته و به یک ضرورت مبدل گردیدهاست. بعبارت دیگر اسکرولینگ با اصلاح معایب گذشته خود بعنوان المانی هسته ای در طراحی وب سایت ، باز آفرینی شدهاست. از اینرو طراحان باید مقررات جدید اسکرولینگ را بیاموزند. بدین منظور قصد داریم دراین نوشتهیعلمی علل احیای دوباره ی اسکرولینگ را تفحص کرده و به برخی از نقاط مثبت و منفی این تکنیک اشاره کنیم.
چرا اسکرولینگ حیاتی دوباره یافت.
این پرسش پاسخی معمولی داراست و آنهم گوشی های موبایل است. با دقت به پیشی فراهم نمودن کاربران تلفن همراه از کاربران دسکتاپ، طراحان رابط کاربری نیز خود را با این واقعیت وفق داده اند. طراحی سایت با افزایش کاربران اسکرین های کوچکتر، اسکرولینگ به یک لزوم مبدل گردید. بعبارت دیگر با کوچکتر شدن اسکرین ها، اسکرول ها طولانی تر میگردند.
اما در احیای دوباره ی اسکرولینگ عوامل دیگری نیز نقش داراهستند که به آنها اشاره میگردد. ابتدا، با دسترسی به اینترنت پرسرعت اسکرول کردن در مقایسه با کلیک کردن کاغذ به برگه به روش ای سریعتر برای دسترسی به اطلاعات مبدل شد. پرورش قادر وبسایت های رسانه اجتماعی دلیل دیگری بود که به احیای دوباره ی این تکنیک کمک کرد. درواقع اسکرول کردن بطور طبیعی با محتوای تشکیل داد شده به وسیله کاربران، سازگاری یافته است.
همانگونه که میدانید و در مقاله ی دیگری نیز به آن اشاره شد ،اسکرول وقتگیر درکنار طراحی با محوریت کارت رشد کرده است. با ترکیب ایندو تکنیک میتوانید جریانی بی پایان از محتوای bite-sized (بهترین نوع محتوا برای وب و بویژه تجارب موبایل) را به کاربران خود ارائه دهید.
در ضمن اصل above the fold که زمانی مانع بسط اسکرولینگ بود مانند گذشته اهمیت سابق را ندارد. نتیجه ها بدست آمده از مطالعات انجام شده بیانگر این واقعیت هست که کاربران با اسکرولینگ مشکلی ندارند. گنجاندن کلیه ی موارد در above the fold موجب می گردد تا مرتب کردن کلیه چیز براساس فواصل هم اندازه و بصورت اسکرول نرم نا ممکن شود.
بخشی از محبوبیت above the fold بهاین عامل بود که تکنیک اسکرولینگ ، بعداز توسعه و گسترش های انجام شده در جاوا اسکریپت و CSS صرفا بعنوان یک الگوی طراحی درنظر گرفته میشد. پیش از این دیدنی جلوه دادن اسکرولینگ از طریق storytelling ویژوال دشوارتر بود. تصور کنید یک ورقه ی زمانبر آکندهاز تکست که با تصاویر گاه و بیگاه در آن تداخل تولید میشد ،به طبع لی اوت UI قابل توجه ای نبود.
اما در حالتی که اسکرول های زمان بر را بعنوان یک canvas استفاده کرده تا از طریق گرافیک ها، برنامه کودک ها، آیکون ها و غیره قسمت های ابتدایی، میانی و انتهایی محتوا را نمایش دهید، به توان فیلم مانند آن برای جلب اعتنا ی کاربران پی خواهید توفیق.
درحقیقت درحال حاضر شاهد ظهورتعدادی از الگوهای پیوندی(ترکیبی) بعنوان گرایش های نو در اسکرولینگ هستیم.بعنوان مثال اسکرول ثابتی((fixed in place scroll که ما در UXPin تورپیج خودمان به کار گیری میکنیم همان تجربیات ی فعل و انفعالی مشابه وب سایت های قدیمی اسکرول طولانی بدون نیاز به کشیدن عمودی وبسایت را اخلاق و رفتار میکند.
اسکرولینگ برای چه افرادی مناسب است.
درست مانند سایر تکنیک ها و ابزارهای طراحی، اسکرولینگ نیز موافقان و مخالفان خود را دارد. در بیشتر مفاد نمیتوان اعلام کرد موافقان یا مخالفان این تکنیک حق دارند یا خطا میکنند. براین اساس پیش از استعمال از این تکنیک بایستی آحاد جوانب را بخوبی سنجید.
جنبه های مثبت اسکرولینگ:
تشویق و انگیزه ای برای تعامل: اسکرولینگ با تحریک همیشگی تغییر المان می تواند متدی جذاب برای storytelling باشد که کاربران را به تعامل تشویق میکند، بویژه در صورتی اسکرولینگ پارالاکس با سلیقه و با سلیقه اجرا خواهد شد.
سرعت بیشتر: اسکرولینگ زمانبر از کلیلک کردن در نویگیشن های بغرنج سریعتر بوده و موجب کندی یا محدودیت در تجربه ی کاربری نمیشود. درواقع شعور و درک زمان از گذشت فرصت ،اهمیت بیشتری دارااست.
اغوا و جلب کاربران: استعمال ی سهل از اسکرولینگ موجب تشویق تعامل در کاربران شده و آن ها زمان بیشتری در وب سایت سپری میکنند. این گزینه در سایت هایی با اسکرول نامحدود صحت بیشتری دارد چراکه در چنین وب سایت هایی می توانید به کاربران کمک نمائید تا محتواهای مرتبطی را بیابند که حتی فکرش را نمیکردند.
طراحی واکنشگر: بدلیل تنوع سایز در اسکرین ها و قابلیت های متفاوت آنها ،طراحی صفحه میتواند غامض گردد البته اسکرولینگ به ساده کردن این تفاوت ها کمک میکند.
در اختیار گرفتن جسچر: بنظر میرسد اسکرولینگ بطور ارگانیک با تاچ مرتبط میباشد اما سوایپ کردن به سمت ذیل از ضربه زدن های مکرر روی نواحی متعدد اسکرین آسانتر می باشد. بعلاوه کاربران، بویژه کاربران موبایل آنرا بعنوان شیوه ای برای نمایش اطلاعات پذیرفته اند.
طراحی دلنشین: درباره ی تجربه ی کاربری تعداد کمترکلیک ها به تعاملات سریعتر سبب گردیده است.
قوانین جدید اسکرول کردن در طراحی سایت
آنچه زمانی در طراحی وب ممنوع بود در سال های اخیر بعنوان یکیاز پرطرفدارترین تکنیک ها، حیاتی دوباره یافته و به یک ضرورت مبدل گردیدهاست. بعبارت دیگر اسکرولینگ با اصلاح معایب گذشته خود بعنوان المانی هسته ای در طراحی وب سایت ، باز آفرینی شدهاست. از اینرو طراحان باید مقررات جدید اسکرولینگ را بیاموزند. بدین منظور قصد داریم دراین نوشتهیعلمی علل احیای دوباره ی اسکرولینگ را تفحص کرده و به برخی از نقاط مثبت و منفی این تکنیک اشاره کنیم.
چرا اسکرولینگ حیاتی دوباره یافت.
این پرسش پاسخی معمولی داراست و آنهم گوشی های موبایل است. با دقت به پیشی فراهم نمودن کاربران تلفن همراه از کاربران دسکتاپ، طراحان رابط کاربری نیز خود را با این واقعیت وفق داده اند. طراحی سایت با افزایش کاربران اسکرین های کوچکتر، اسکرولینگ به یک لزوم مبدل گردید. بعبارت دیگر با کوچکتر شدن اسکرین ها، اسکرول ها طولانی تر میگردند.
اما در احیای دوباره ی اسکرولینگ عوامل دیگری نیز نقش داراهستند که به آنها اشاره میگردد. ابتدا، با دسترسی به اینترنت پرسرعت اسکرول کردن در مقایسه با کلیک کردن کاغذ به برگه به روش ای سریعتر برای دسترسی به اطلاعات مبدل شد. پرورش قادر وبسایت های رسانه اجتماعی دلیل دیگری بود که به احیای دوباره ی این تکنیک کمک کرد. درواقع اسکرول کردن بطور طبیعی با محتوای تشکیل داد شده به وسیله کاربران، سازگاری یافته است.
همانگونه که میدانید و در مقاله ی دیگری نیز به آن اشاره شد ،اسکرول وقتگیر درکنار طراحی با محوریت کارت رشد کرده است. با ترکیب ایندو تکنیک میتوانید جریانی بی پایان از محتوای bite-sized (بهترین نوع محتوا برای وب و بویژه تجارب موبایل) را به کاربران خود ارائه دهید.
در ضمن اصل above the fold که زمانی مانع بسط اسکرولینگ بود مانند گذشته اهمیت سابق را ندارد. نتیجه ها بدست آمده از مطالعات انجام شده بیانگر این واقعیت هست که کاربران با اسکرولینگ مشکلی ندارند. گنجاندن کلیه ی موارد در above the fold موجب می گردد تا مرتب کردن کلیه چیز براساس فواصل هم اندازه و بصورت اسکرول نرم نا ممکن شود.
بخشی از محبوبیت above the fold بهاین عامل بود که تکنیک اسکرولینگ ، بعداز توسعه و گسترش های انجام شده در جاوا اسکریپت و CSS صرفا بعنوان یک الگوی طراحی درنظر گرفته میشد. پیش از این دیدنی جلوه دادن اسکرولینگ از طریق storytelling ویژوال دشوارتر بود. تصور کنید یک ورقه ی زمانبر آکندهاز تکست که با تصاویر گاه و بیگاه در آن تداخل تولید میشد ،به طبع لی اوت UI قابل توجه ای نبود.
اما در حالتی که اسکرول های زمان بر را بعنوان یک canvas استفاده کرده تا از طریق گرافیک ها، برنامه کودک ها، آیکون ها و غیره قسمت های ابتدایی، میانی و انتهایی محتوا را نمایش دهید، به توان فیلم مانند آن برای جلب اعتنا ی کاربران پی خواهید توفیق.
درحقیقت درحال حاضر شاهد ظهورتعدادی از الگوهای پیوندی(ترکیبی) بعنوان گرایش های نو در اسکرولینگ هستیم.بعنوان مثال اسکرول ثابتی((fixed in place scroll که ما در UXPin تورپیج خودمان به کار گیری میکنیم همان تجربیات ی فعل و انفعالی مشابه وب سایت های قدیمی اسکرول طولانی بدون نیاز به کشیدن عمودی وبسایت را اخلاق و رفتار میکند.
اسکرولینگ برای چه افرادی مناسب است.
درست مانند سایر تکنیک ها و ابزارهای طراحی، اسکرولینگ نیز موافقان و مخالفان خود را دارد. در بیشتر مفاد نمیتوان اعلام کرد موافقان یا مخالفان این تکنیک حق دارند یا خطا میکنند. براین اساس پیش از استعمال از این تکنیک بایستی آحاد جوانب را بخوبی سنجید.
جنبه های مثبت اسکرولینگ:
تشویق و انگیزه ای برای تعامل: اسکرولینگ با تحریک همیشگی تغییر المان می تواند متدی جذاب برای storytelling باشد که کاربران را به تعامل تشویق میکند، بویژه در صورتی اسکرولینگ پارالاکس با سلیقه و با سلیقه اجرا خواهد شد.
سرعت بیشتر: اسکرولینگ زمانبر از کلیلک کردن در نویگیشن های بغرنج سریعتر بوده و موجب کندی یا محدودیت در تجربه ی کاربری نمیشود. درواقع شعور و درک زمان از گذشت فرصت ،اهمیت بیشتری دارااست.
اغوا و جلب کاربران: استعمال ی سهل از اسکرولینگ موجب تشویق تعامل در کاربران شده و آن ها زمان بیشتری در وب سایت سپری میکنند. این گزینه در سایت هایی با اسکرول نامحدود صحت بیشتری دارد چراکه در چنین وب سایت هایی می توانید به کاربران کمک نمائید تا محتواهای مرتبطی را بیابند که حتی فکرش را نمیکردند.
طراحی واکنشگر: بدلیل تنوع سایز در اسکرین ها و قابلیت های متفاوت آنها ،طراحی صفحه میتواند غامض گردد البته اسکرولینگ به ساده کردن این تفاوت ها کمک میکند.
در اختیار گرفتن جسچر: بنظر میرسد اسکرولینگ بطور ارگانیک با تاچ مرتبط میباشد اما سوایپ کردن به سمت ذیل از ضربه زدن های مکرر روی نواحی متعدد اسکرین آسانتر می باشد. بعلاوه کاربران، بویژه کاربران موبایل آنرا بعنوان شیوه ای برای نمایش اطلاعات پذیرفته اند.
طراحی دلنشین: درباره ی تجربه ی کاربری تعداد کمترکلیک ها به تعاملات سریعتر سبب گردیده است.