Tap effects و Tap and hold effects
درحالتی که یوزرها روی المانی که کلیکشدنی میباشد ضربه بزنند و آن ضربه سبب ساز خواهد شد تا تکان یا این که تغییری بصری در المان رخداد بیفتد، ریز تعاملی پیاده سازی گردیده تا به استفاده کننده تأیید دهد که هدفی که از کلیککردن داشته، انجام یافته میباشد. مثالی این ریزتعامل که در تصویرهای پایین می بینید، المان ذخیرهکردن پست در آموزش دیجیتال مارکتینگ در مشهد اینستاگرام میباشد.
tap effect microinteraction example
ریزتعامل دیگری که از همین محصول میباشد، با ضربهزدن و نگهداشتن المان کلیکشدنی واقعه میفتد. زمانی استفاده کننده المان را نگه می دارد، معمولا تغییرو تحول صورت یا این که رنگی چهره می دهد و المان پاره ای تکان مینماید.
این ریزتعامل پیاده سازی می گردد تا به استفاده کننده آیتمهای بیشتر را علامت دهد یا این که اعلام نماید که چطور می بایست عمل خاصی را ایفا دهد. شایسته ترین مثال برای میکرواینتراکشن Tap and hold effects، دکمهی ضبط پیام صوتی در تلگرام و آیفون میباشد.
tap and hold effect telegram voice messages
tap and hold effect imessage voice messages
۲. Swipe effects
این نوع ریز تعامل معمولا مشمول برنامه خردسالانها یا این که جابجاییهایی میباشد که درنتیجهی کشیدن انگشت روی ورقه که حرکتی مشابهبه ورقزدن میباشد، حادثه می افتد.
دیزاینرها از این ریزتعامل برای پند یوزرها در پیمایش شیتها یا این که تصاویر به کار گیری مینمایند.
۳. Scroll-into-view
زمانیکه یوزرها در شیت یا این که فهرستی اسکرول مینمایند؛ برنامه خردسالانها، جابجاییهای دقیق یا این که تغییراتی ممکن میباشد در کاغذ و در عکس العمل به جنبش مخاطب نمایان گردد تا موقعیتش در برگه یا این که گونه های متفاوت محتواها را به وی آرم دهد.
شایسته ترین مثال از این ریز تعامل در پیاده سازی تجربیات استفاده کننده برگه نتیجه ها جستجوی موتور جستجوی مایکروسافت، بینگ، بهشغل رفته میباشد.
فهرستی از موضوعات مرتبط در سمت چپ برگه می آید که هنگامی موشواره مخاطب روی هرکدام میرود، پر رنگ و برجسته می گردد و سایر معدودرنگ میشوند.
scroll into view example
scroll into view example
۴. Page transition
این نوع تعاملات ممکن میباشد هر تغییرو تحول رنگ یا این که انیمیشنی را مشتمل بر گردد که یوزرها در حین پیمایش فی مابین صفحه ها وب سایت یا این که نرم افزار با آن مواجه می گردند.
بهآرامی ظاهرشدن المانهای ورقه (fade in) و دیگر برنامه کودکها در CSS، شایسته ترین مثال برای این ریزتعاملات میباشند که معمولا برای دیدنیکردن گشتن استفاده کننده در بین صفحه ها اضافه میگردند.
Tap effects و Tap and hold effects
درحالتی که یوزرها روی المانی که کلیکشدنی میباشد ضربه بزنند و آن ضربه سبب ساز خواهد شد تا تکان یا این که تغییری بصری در المان رخداد بیفتد، ریز تعاملی پیاده سازی گردیده تا به استفاده کننده تأیید دهد که هدفی که از کلیککردن داشته، انجام یافته میباشد. مثالی این ریزتعامل که در تصویرهای پایین می بینید، المان ذخیرهکردن پست در آموزش دیجیتال مارکتینگ در مشهد اینستاگرام میباشد.
tap effect microinteraction example
ریزتعامل دیگری که از همین محصول میباشد، با ضربهزدن و نگهداشتن المان کلیکشدنی واقعه میفتد. زمانی استفاده کننده المان را نگه می دارد، معمولا تغییرو تحول صورت یا این که رنگی چهره می دهد و المان پاره ای تکان مینماید.
این ریزتعامل پیاده سازی می گردد تا به استفاده کننده آیتمهای بیشتر را علامت دهد یا این که اعلام نماید که چطور می بایست عمل خاصی را ایفا دهد. شایسته ترین مثال برای میکرواینتراکشن Tap and hold effects، دکمهی ضبط پیام صوتی در تلگرام و آیفون میباشد.
tap and hold effect telegram voice messages
tap and hold effect imessage voice messages
۲. Swipe effects
این نوع ریز تعامل معمولا مشمول برنامه خردسالانها یا این که جابجاییهایی میباشد که درنتیجهی کشیدن انگشت روی ورقه که حرکتی مشابهبه ورقزدن میباشد، حادثه می افتد.
دیزاینرها از این ریزتعامل برای پند یوزرها در پیمایش شیتها یا این که تصاویر به کار گیری مینمایند.
۳. Scroll-into-view
زمانیکه یوزرها در شیت یا این که فهرستی اسکرول مینمایند؛ برنامه خردسالانها، جابجاییهای دقیق یا این که تغییراتی ممکن میباشد در کاغذ و در عکس العمل به جنبش مخاطب نمایان گردد تا موقعیتش در برگه یا این که گونه های متفاوت محتواها را به وی آرم دهد.
شایسته ترین مثال از این ریز تعامل در پیاده سازی تجربیات استفاده کننده برگه نتیجه ها جستجوی موتور جستجوی مایکروسافت، بینگ، بهشغل رفته میباشد.
فهرستی از موضوعات مرتبط در سمت چپ برگه می آید که هنگامی موشواره مخاطب روی هرکدام میرود، پر رنگ و برجسته می گردد و سایر معدودرنگ میشوند.
scroll into view example
scroll into view example
۴. Page transition
این نوع تعاملات ممکن میباشد هر تغییرو تحول رنگ یا این که انیمیشنی را مشتمل بر گردد که یوزرها در حین پیمایش فی مابین صفحه ها وب سایت یا این که نرم افزار با آن مواجه می گردند.
بهآرامی ظاهرشدن المانهای ورقه (fade in) و دیگر برنامه کودکها در CSS، شایسته ترین مثال برای این ریزتعاملات میباشند که معمولا برای دیدنیکردن گشتن استفاده کننده در بین صفحه ها اضافه میگردند.
تفاوت ورودی ارگانیک با ورودی مبلغی