Newsha Karimi
Newsha Karimi
خواندن ۱ دقیقه·۳ سال پیش

هر آنچه در مورد صفحات شیمر (shimmer) باید بدانید



طراحی صفحات شیمر
طراحی صفحات شیمر

خود واژه ی شیمر(shimmer) به معنای سوسو زدن هست ولی در طراحی صفحات وب ما به صفحاتی میگیم شیمر که شامل اشکالی (placeholder) هستند که گویای محتوای کلی صفحه است و قبل از اینکه محتوای اصلی لود شود ما این صفحات رو به کاربر نشان میدهیم , علت اینکار این است که زمان انتظار کاربر رو کمی قابل تحمل تر کنیم به بیان دیگه نحوه ای طراحی انتظار است.

مثالی از صفحات شیمر
مثالی از صفحات شیمر


و اما چند مطلب رو برای طراحی این صفحات باید در نظر داشته باشید

  • محتوای اصلی باید بلافاصله بعد از لود شدن جای اشکال (شیمر) را بگیرد
  • حتما برای این صفحات از موشن (Motion) استفاده کنید اینکار باعث میشه بنظر کاربر مدت زمان گذشته کمتر احساس شود.
  • موشن هایی که از راست به چپ یا برعکس حالت محو شدن دارند نسبت به موارد دیگر تاثیر بیشتری دارند (فیس بوک و گوگل از این نوع استفاده میکنند )
  • موشن استفاده شده بهتر است که آهسته و یکنواخت باشد.
طراحی تجربه ی کاربریطراحیرابط کاربریوباپلیکیشن
طراحی تجربه ی کاربری
شاید از این پست‌ها خوشتان بیاید