جلوه های اسکرول (Scrolling Effects)
افکتهای اسکرول تکنیکهای پیاده سازی میباشند که از پیمایش، یک مبادرت رایج مخاطب در اینترنتتارنماها، برای ساخت و ساز تجارب مخاطب پویا و جالب به کارگیری مینمایند. این افکتها میتوانند جذابیت بصری و تعامل را به اینترنتتارنما اضافه نمایند و به هدایت اعتنا و تمرکز استفاده کننده یاری طراحی سایت اختصاصی نمایند.
در اینجا یک سری مثال از افکت های اسکرول دوستداشتنی بیان شده میباشد:
پیمایش اختلاف منظر: این افکت با اذن دادن به لایههای گوناگون محتوا با سرعتهای گوناگون، توهم عمق و جنبش را تولید مینماید.
پیمایش اثبات: پیمایش اثبات در بالای برگه با پیمایش مخاطب قابل مشاهده میباشد و دسترسی به منو یا این که بقیه پیوندهای اصلی را آسوده می نماید.
ارکان چسبنده: موادتشکیل دهنده چسبنده، مانند هدرها یا این که دکمههای فراخوان، با اسکرول مخاطب بر روی برگه اکران باقی میمانند و سبب ساز پر رنگخیس شدن و دسترسی آسودهخیس به آن ها می گردند.
لود تنبل: این تکنیک لود محتوای غیر اساسی را تاهنگامیکه استفاده کننده به آن قسمت از شیت پیمایش نماید به تعویق میاندازد و همت تارنما را بهبود می بخشد و فرصت بار گذاری را کاهش میدهد.
پیمایش بیغایت: پیمایش بیغایت با وصال مخاطب به انتهای کاغذ، محتوای تازه را بهطور اتوماتیک بارگیری مینماید و قابلیت یک تجربیات مرور یکدست را سوای نیاز به بارگیری دوباره کاغذ مهیا مینماید.
در حالی که افکتهای اسکرول می توانند تجارب استفاده کننده را بهبود ببخشند، اساسی میباشد که از آن ها با پندار و با پیش گویی نیازهای استفاده کننده استعمال نمایید. به کار گیری بیشتراز حد از جلوه های پیمایش میتواند حواس پرتی یا این که سخت باشد و از قابلیت و امکان به کارگیری و دسترسی کلی یک وبسایت کاهش دهد.
Drag Interaction
نوعی تعامل رابط کاربری میباشد که به یوزرها اذن میدهد با کشیدن و آزاد کردن موادسازنده با محتوای یک تارنما یا این که اپ تعامل داشته باشند. این تعامل میتواند یک تجارب کاربری طبیعیخیس و شهودیخیس ساخت و ساز نماید و به یوزرها این قابلیت و امکان را می دهد تا محتوا را به سیرتکاملای بازنویسی نمایند که حس لمس و جوابگویی بیشتری داشته باشد.Drag Interaction
در اینجا یک سری مثال از Drag Interaction در طراحی سایت اورده شده میباشد:
رابطهای کشیدن و رهاکردن: واسطهای کشیدن و ول کردن به یوزرها اذن می دهند تا عنصرها یک ورقه مانند تصاویر یا این که باکسهای متن را جابهجا کرده و تروتمیز نمایند.
لغزنده ها و انتخابگرهای محدوده: یوزرها میتوانند یک نوار لغزنده یا این که انتخابگر محدوده را برای تهیه و تنظیم پیکربندی، مانند واحد سنجش صدا یا این که نوروروشنایی بکشند.
آراسته سازی و غربال کردن: یوزرها می توانند موادتشکیل دهنده را برای تروتمیزسازی یا این که غربال کردن محتوا بکشند و رها نمایند، مانند سازمان دهی فهرستی از موردها یا این که غربال کردن گروهای از نتیجه ها کاوش.
تعاملات نقشه: از تعامل کشیدن می اقتدار برای تکان در حوالی و بزرگ نمایی یا این که کوچکنمایی روی نقشه بهره برد.
کشیدن به اسکرول: یوزرها می توانند بخشی از محتوا را برای پیمایش در یک برگه بکشند، که قابلیت ناوبری سرازیر و طبیعیخیس را مهیا مینماید.
میتواند برای یوزرها خسته کننده یا این که حیران کننده باشد و از امکان به کار گیری و دسترسی کلی یک وبسایت یا این که نرم افزار بکاهد.Drag Interaction میتواند تجربیات استفاده کننده را با راحتخیس و شهودی خیس کردن ویرایش محتوا برای یوزرها ارتقا دهد. با این اکنون، اصلی میباشد که از تعامل با کشیدن متفکرانه و با پیش گویی تجارب استفاده کننده به کارگیری فرمائید. به کار گیری بیشتراز حد یا این که سوء استعمال از Drag Interaction اینجا کلیک نمائید.
برای حصول داده ها بیشتر درخصوص ترندهای ساخت سایت
نکاتی برای ساخت وب سایت موثرتر
وجود داراست:طراحی وب سایت موثردر اینجا یکسری نکته برای
آن را معمولی و کاربرپسند نگه دارید: تارنما شما بایستی به راحتی قابل پیمایش و ادراک باشد. از یک طرح بندی پاک، منوی بصری و دکمه های فراخوان روشن برای پند یوزرها به مهمترین قسمت های سایت خویش به کارگیری نمایید.
از پیاده سازی ریسپانسیو استعمال نمائید: وبسایت شما بایستی برای تمامی اندازه های شیت اکران، از رایانه های رومیزی گرفته تا تلفن های همپا، با صرفه خواهد شد. از پیاده سازی ریسپانسیو به کار گیری فرمائید تا باور نتیجه ها فرمائید که وبسایت شما به راحتی قابل مشاهده و پیمایش در هر دستگاهی میباشد.
روی خوانایی تمرکز فرمایید: با استعمال از اندازه فونت و ناهمخوانی رنگی خوانا، مطمئن گردید که وبسایت شما به راحتی قابل قرائت میباشد. از سرفصل ها و زیرعنوان ها برای تقسیم متن به قسمت های کوچکتر و قابل مدیر خیس به کارگیری فرمائید.
از تصاویر با باکیفیت به کارگیری نمایید: موادسازنده بصری مانند تصاویر و ویدیوها میتوانند سایت شمارا دیدنی خیس و دیدنی خیس نمایند. از تصاویری با با کیفیت و مربوط به محتوای شما برای امداد به ذکر قصه خویش به کار گیری نمایید.
از مجال بار گذاری سریع اعتقاد نتیجه ها فرمائید: بازدیدکنندگان تارنما از دوران اعتنا کوتاهی بهره مند میباشند، براین اساس اصلی میباشد که باور نتایج نمائید که سایت شما باگاز بار گذاری میشود. 47 درصد از مصرف کنندگان انتظار دارا هستند یک شیت اینترنت در 2 ثانیه یا این که کمتر لود خواهد شد. برای ارتقا سرعت وبسایت خویش، تصاویر را فشرده نمایید، از کدهای باصرفه گردیده به کار گیری نمائید و درخواست های HTTP را به دست کم برسانید.
آن را اثبات نگه دارید: از یک مدل اثبات در سراسر وبسایت خویش، به عنوان مثال رنگ ها، فونت ها و طرح بندی به کار گیری نمایید. این به ساختوساز یک تصویر دارای انسجام از مارک و بهبود تجربیات مخاطب یاری می نماید.
سئو برای seo: از کلمه ها کلیدی مرتبط، متا تگ ها و توضیحات به کار گیری فرمائید تا تارنما خویش را بوسیله موتورهای کاوش قابل کشف خیس فرمائید. این سبب میگردد که رویت کرد وبسایت شما بهبود یابد و ترافیک بیشتری به تارنما شما هدایت گردد.
آزمایش و تکرار: به صورت منظم تارنما خویش را تست فرمایید و بر طبق برخورد و تجزیه و محاسبه یوزرها تغییرات ساختوساز فرمایید. این به شما یاری می نماید تا به صورت مداوم سایت خویش را بهبود اعطا کرد و آن را برای حداکثر اثربخشی باصرفه نمایید.
مشکلات رایج طراحی وب که می بایست از آنها اجتناب نمائید
در اینجا بعضی از ایرادات طراحی وب وجود داراست که می بایست از آنان اجتناب نمائید:
دکورا سیون نامرتب یا این که حیران کننده: یک چینش نا مرتب یا این که سرگردان کننده میتواند تکان در وبسایت شما و یافتن داده ها ما یحتاج را برای یوزرها مشقت بار نماید. طرحبندی خویش را با ناوبری بدیهی و محتوایی که به راحتی میتوانید پیدا نمائید، بی آلایش نگه دارید.
فرصت بار گذاری آرام: مجال بار گذاری آرام میتواند برای یوزرها خسته کننده باشد و آنها را به شکاف تارنما شما سوق دهد. تصاویر و کدهای خویش را برای بهبود مجال لود باصرفه نمایید و باور نتایج نمایید که تارنما شما برخورد گرا و سازگار با تلفن همراه میباشد.
خوانایی ضعیف: خوانایی ضعیف، مانند اندازه فونت خرد، کنتراست نادر و فونت های ناسازگار، میتواند تلاوت محتوای شمارا برای یوزرها سخت نماید. از فونت های خوانا، اندازه فونت مطلوب و تضادومغایرت رنگ بدیهی استعمال فرمایید تا محتوای خویش را سهل و آسان فرمائید.
عدم سئو گوشی: با دسترسی بیشتر اشخاص به وب از روش دستگاه های موبایل، اعتقاد از سئو سایت شما برای گوشی بسیار اساسی میباشد. از پیاده سازی ریسپانسیو به کارگیری فرمایید تا اعتقادوباور نتایج نمایید که وبسایت شما در هر دستگاهی قابل دسترسی میباشد.
به کارگیری بیشتراز حد از برنامه خردسالان ها و گرافیک ها: استعمال بیشتراز حد از برنامه کودک ها و گرافیک ها قادر است سایت شمارا نامرتب و از محتوای شما گم راه نماید. از کارتون ها و گرافیک ها به اندازه کافی و صرفا هنگامی استعمال نمائید که ارزشی برای تارنما شما ساختوساز نمایند.
اسم تجاری ناسازگار: اسم تجاری ناسازگار، مانند به کار گیری از رنگ ها، فونت ها یا این که لوگوهای متفاوت در صفحه ها گوناگون، میتواند تارنما شمارا غیرحرفه ای جلوه دهد. برای ساخت پشت گرمی و ثبت نام و نشان مارک خویش از یک برندینگ اثبات در سراسر تارنما خویش به کارگیری فرمائید.
ناوبری ضعیف: ناوبری ضعیف، مانند منوهای به مشقت یافتن یا این که ساختارهای سرگردان کننده ورقه، میتواند یافتن آنچه را که بهدنبال آن می باشند برای یوزرها سخت نماید. از ناوبری بدیهی و ساختارهای ورقه بصری برای یاری به یوزرها برای یافتن سریع و سهل آنچه نیاز دارا هستند به کارگیری نمائید.
عدم دسترسی: عدم دسترسی، مانند عدم ارائه متن جایگزین برای تصاویر یا این که عدم به کارگیری از تضادومغایرت رنگی مطلوب، میتواند تارنما شمارا برای یوزرها دارنده معلولیت غیر قابل دسترس نماید. با تبعیت از راهبردهای دسترسی و شایسته ترین طرزها، اعتقاد نتایج فرمایید که اینترنتتارنما شما برای همگی یوزرها قابل دسترسی میباشد.
با اجتناب از این مشکلات رایج طراحی وب، میتوانید اینترنت سایتی ساختوساز فرمایید که به کار گیری سهل و آسان، دیدنی و اثرگذار در حصول به هدف ها خویش باشد.
جلوه های اسکرول (Scrolling Effects)
افکتهای اسکرول تکنیکهای پیاده سازی میباشند که از پیمایش، یک مبادرت رایج مخاطب در اینترنتتارنماها، برای ساخت و ساز تجارب مخاطب پویا و جالب به کارگیری مینمایند. این افکتها میتوانند جذابیت بصری و تعامل را به اینترنتتارنما اضافه نمایند و به هدایت اعتنا و تمرکز استفاده کننده یاری طراحی سایت اختصاصی نمایند.
در اینجا یک سری مثال از افکت های اسکرول دوستداشتنی بیان شده میباشد:
پیمایش اختلاف منظر: این افکت با اذن دادن به لایههای گوناگون محتوا با سرعتهای گوناگون، توهم عمق و جنبش را تولید مینماید.
پیمایش اثبات: پیمایش اثبات در بالای برگه با پیمایش مخاطب قابل مشاهده میباشد و دسترسی به منو یا این که بقیه پیوندهای اصلی را آسوده می نماید.
ارکان چسبنده: موادتشکیل دهنده چسبنده، مانند هدرها یا این که دکمههای فراخوان، با اسکرول مخاطب بر روی برگه اکران باقی میمانند و سبب ساز پر رنگخیس شدن و دسترسی آسودهخیس به آن ها می گردند.
لود تنبل: این تکنیک لود محتوای غیر اساسی را تاهنگامیکه استفاده کننده به آن قسمت از شیت پیمایش نماید به تعویق میاندازد و همت تارنما را بهبود می بخشد و فرصت بار گذاری را کاهش میدهد.
پیمایش بیغایت: پیمایش بیغایت با وصال مخاطب به انتهای کاغذ، محتوای تازه را بهطور اتوماتیک بارگیری مینماید و قابلیت یک تجربیات مرور یکدست را سوای نیاز به بارگیری دوباره کاغذ مهیا مینماید.
در حالی که افکتهای اسکرول می توانند تجارب استفاده کننده را بهبود ببخشند، اساسی میباشد که از آن ها با پندار و با پیش گویی نیازهای استفاده کننده استعمال نمایید. به کار گیری بیشتراز حد از جلوه های پیمایش میتواند حواس پرتی یا این که سخت باشد و از قابلیت و امکان به کارگیری و دسترسی کلی یک وبسایت کاهش دهد.
Drag Interaction
نوعی تعامل رابط کاربری میباشد که به یوزرها اذن میدهد با کشیدن و آزاد کردن موادسازنده با محتوای یک تارنما یا این که اپ تعامل داشته باشند. این تعامل میتواند یک تجارب کاربری طبیعیخیس و شهودیخیس ساخت و ساز نماید و به یوزرها این قابلیت و امکان را می دهد تا محتوا را به سیرتکاملای بازنویسی نمایند که حس لمس و جوابگویی بیشتری داشته باشد.Drag Interaction
در اینجا یک سری مثال از Drag Interaction در طراحی سایت اورده شده میباشد:
رابطهای کشیدن و رهاکردن: واسطهای کشیدن و ول کردن به یوزرها اذن می دهند تا عنصرها یک ورقه مانند تصاویر یا این که باکسهای متن را جابهجا کرده و تروتمیز نمایند.
لغزنده ها و انتخابگرهای محدوده: یوزرها میتوانند یک نوار لغزنده یا این که انتخابگر محدوده را برای تهیه و تنظیم پیکربندی، مانند واحد سنجش صدا یا این که نوروروشنایی بکشند.
آراسته سازی و غربال کردن: یوزرها می توانند موادتشکیل دهنده را برای تروتمیزسازی یا این که غربال کردن محتوا بکشند و رها نمایند، مانند سازمان دهی فهرستی از موردها یا این که غربال کردن گروهای از نتیجه ها کاوش.
تعاملات نقشه: از تعامل کشیدن می اقتدار برای تکان در حوالی و بزرگ نمایی یا این که کوچکنمایی روی نقشه بهره برد.
کشیدن به اسکرول: یوزرها می توانند بخشی از محتوا را برای پیمایش در یک برگه بکشند، که قابلیت ناوبری سرازیر و طبیعیخیس را مهیا مینماید.
میتواند برای یوزرها خسته کننده یا این که حیران کننده باشد و از امکان به کار گیری و دسترسی کلی یک وبسایت یا این که نرم افزار بکاهد.Drag Interaction میتواند تجربیات استفاده کننده را با راحتخیس و شهودی خیس کردن ویرایش محتوا برای یوزرها ارتقا دهد. با این اکنون، اصلی میباشد که از تعامل با کشیدن متفکرانه و با پیش گویی تجارب استفاده کننده به کارگیری فرمائید. به کار گیری بیشتراز حد یا این که سوء استعمال از Drag Interaction اینجا کلیک نمائید.
برای حصول داده ها بیشتر درخصوص ترندهای ساخت سایت
نکاتی برای ساخت وب سایت موثرتر
وجود داراست:طراحی وب سایت موثردر اینجا یکسری نکته برای
آن را معمولی و کاربرپسند نگه دارید: تارنما شما بایستی به راحتی قابل پیمایش و ادراک باشد. از یک طرح بندی پاک، منوی بصری و دکمه های فراخوان روشن برای پند یوزرها به مهمترین قسمت های سایت خویش به کارگیری نمایید.
از پیاده سازی ریسپانسیو استعمال نمائید: وبسایت شما بایستی برای تمامی اندازه های شیت اکران، از رایانه های رومیزی گرفته تا تلفن های همپا، با صرفه خواهد شد. از پیاده سازی ریسپانسیو به کار گیری فرمائید تا باور نتیجه ها فرمائید که وبسایت شما به راحتی قابل مشاهده و پیمایش در هر دستگاهی میباشد.
روی خوانایی تمرکز فرمایید: با استعمال از اندازه فونت و ناهمخوانی رنگی خوانا، مطمئن گردید که وبسایت شما به راحتی قابل قرائت میباشد. از سرفصل ها و زیرعنوان ها برای تقسیم متن به قسمت های کوچکتر و قابل مدیر خیس به کارگیری فرمائید.
از تصاویر با باکیفیت به کارگیری نمایید: موادسازنده بصری مانند تصاویر و ویدیوها میتوانند سایت شمارا دیدنی خیس و دیدنی خیس نمایند. از تصاویری با با کیفیت و مربوط به محتوای شما برای امداد به ذکر قصه خویش به کار گیری نمایید.
از مجال بار گذاری سریع اعتقاد نتیجه ها فرمائید: بازدیدکنندگان تارنما از دوران اعتنا کوتاهی بهره مند میباشند، براین اساس اصلی میباشد که باور نتایج نمائید که سایت شما باگاز بار گذاری میشود. 47 درصد از مصرف کنندگان انتظار دارا هستند یک شیت اینترنت در 2 ثانیه یا این که کمتر لود خواهد شد. برای ارتقا سرعت وبسایت خویش، تصاویر را فشرده نمایید، از کدهای باصرفه گردیده به کار گیری نمائید و درخواست های HTTP را به دست کم برسانید.
آن را اثبات نگه دارید: از یک مدل اثبات در سراسر وبسایت خویش، به عنوان مثال رنگ ها، فونت ها و طرح بندی به کار گیری نمایید. این به ساختوساز یک تصویر دارای انسجام از مارک و بهبود تجربیات مخاطب یاری می نماید.
سئو برای seo: از کلمه ها کلیدی مرتبط، متا تگ ها و توضیحات به کار گیری فرمائید تا تارنما خویش را بوسیله موتورهای کاوش قابل کشف خیس فرمائید. این سبب میگردد که رویت کرد وبسایت شما بهبود یابد و ترافیک بیشتری به تارنما شما هدایت گردد.
آزمایش و تکرار: به صورت منظم تارنما خویش را تست فرمایید و بر طبق برخورد و تجزیه و محاسبه یوزرها تغییرات ساختوساز فرمایید. این به شما یاری می نماید تا به صورت مداوم سایت خویش را بهبود اعطا کرد و آن را برای حداکثر اثربخشی باصرفه نمایید.
مشکلات رایج طراحی وب که می بایست از آنها اجتناب نمائید
در اینجا بعضی از ایرادات طراحی وب وجود داراست که می بایست از آنان اجتناب نمائید:
دکورا سیون نامرتب یا این که حیران کننده: یک چینش نا مرتب یا این که سرگردان کننده میتواند تکان در وبسایت شما و یافتن داده ها ما یحتاج را برای یوزرها مشقت بار نماید. طرحبندی خویش را با ناوبری بدیهی و محتوایی که به راحتی میتوانید پیدا نمائید، بی آلایش نگه دارید.
فرصت بار گذاری آرام: مجال بار گذاری آرام میتواند برای یوزرها خسته کننده باشد و آنها را به شکاف تارنما شما سوق دهد. تصاویر و کدهای خویش را برای بهبود مجال لود باصرفه نمایید و باور نتایج نمایید که تارنما شما برخورد گرا و سازگار با تلفن همراه میباشد.
خوانایی ضعیف: خوانایی ضعیف، مانند اندازه فونت خرد، کنتراست نادر و فونت های ناسازگار، میتواند تلاوت محتوای شمارا برای یوزرها سخت نماید. از فونت های خوانا، اندازه فونت مطلوب و تضادومغایرت رنگ بدیهی استعمال فرمایید تا محتوای خویش را سهل و آسان فرمائید.
عدم سئو گوشی: با دسترسی بیشتر اشخاص به وب از روش دستگاه های موبایل، اعتقاد از سئو سایت شما برای گوشی بسیار اساسی میباشد. از پیاده سازی ریسپانسیو به کارگیری فرمایید تا اعتقادوباور نتایج نمایید که وبسایت شما در هر دستگاهی قابل دسترسی میباشد.
به کارگیری بیشتراز حد از برنامه خردسالان ها و گرافیک ها: استعمال بیشتراز حد از برنامه کودک ها و گرافیک ها قادر است سایت شمارا نامرتب و از محتوای شما گم راه نماید. از کارتون ها و گرافیک ها به اندازه کافی و صرفا هنگامی استعمال نمائید که ارزشی برای تارنما شما ساختوساز نمایند.
اسم تجاری ناسازگار: اسم تجاری ناسازگار، مانند به کار گیری از رنگ ها، فونت ها یا این که لوگوهای متفاوت در صفحه ها گوناگون، میتواند تارنما شمارا غیرحرفه ای جلوه دهد. برای ساخت پشت گرمی و ثبت نام و نشان مارک خویش از یک برندینگ اثبات در سراسر تارنما خویش به کارگیری فرمائید.
ناوبری ضعیف: ناوبری ضعیف، مانند منوهای به مشقت یافتن یا این که ساختارهای سرگردان کننده ورقه، میتواند یافتن آنچه را که بهدنبال آن می باشند برای یوزرها سخت نماید. از ناوبری بدیهی و ساختارهای ورقه بصری برای یاری به یوزرها برای یافتن سریع و سهل آنچه نیاز دارا هستند به کارگیری نمائید.
عدم دسترسی: عدم دسترسی، مانند عدم ارائه متن جایگزین برای تصاویر یا این که عدم به کارگیری از تضادومغایرت رنگی مطلوب، میتواند تارنما شمارا برای یوزرها دارنده معلولیت غیر قابل دسترس نماید. با تبعیت از راهبردهای دسترسی و شایسته ترین طرزها، اعتقاد نتایج فرمایید که اینترنتتارنما شما برای همگی یوزرها قابل دسترسی میباشد.
با اجتناب از این مشکلات رایج طراحی وب، میتوانید اینترنت سایتی ساختوساز فرمایید که به کار گیری سهل و آسان، دیدنی و اثرگذار در حصول به هدف ها خویش باشد.