طراحی رفتاری (Behavioral Design) کلیدی برای تأثیرگذاری بر عادات و ارتقای تجربه کاربری است. بیاموزید که چگونه از آن در طراحی وب سایت خود استفاده کنید و نمونه های نوآورانه آن را ببینید.
آیا می دانستید که ۹۶٪ از افکار شما خودکار و ناخودآگاه هستند؟
اگر مغز انسان تا این حد بر تصمیم گیری های غریزی متمرکز است، این سوال پیش می آید: چگونه می توانید بر انتخاب هایی که بازدیدکنندگان وب سایت شما انجام می دهند، تأثیر بگذارید؟
پاسخ در طراحی رفتاری نهفته است؛ این ایده که عناصر طراحی می توانند بر تصمیمات و رفتارها تأثیر بگذارند.
با استفاده از تکنیک های طراحی نوآورانه برای پرداختن به رفتارها و نیات کاربران، طراحی وب می تواند بر این تصمیمات لحظه ای (Split-second) تأثیر بگذارد و هم زمان تجربه کاربری را بهبود بخشد.
در ادامه، الگوهای رایج، نمونه های برتر، مزایا و اصول طراحی رفتاری در طراحی وب را بررسی می کنیم.
طراحی رفتاری در طراحی وب چیست؟
طراحی رفتاری در طراحی وب، عملِ تشویق به اقدامات یا رفتارهای خاص از طریق ویژگی های طراحی است.
طراحان تجربه کاربری (UX) به ایده ها و تحقیقات روانشناسی کاربر تکیه می کنند؛ مانند «حلقه عصبی» (Neurological Loop)، جایی که یک نشانه یا محرک اولیه (Cue) باعث ایجاد یک رفتار (یا روتین) می شود که در نهایت پاداش داده شده و تکرار می گردد.
با پیروی از این مفاهیم علوم رفتاری، طراحان وب می توانند تجربیات کاربری ای خلق کنند که بازدیدکنندگان را از طریق عناصری مانند رنگ، چیدمان و تعاملات، به سمت یک اقدام مطلوب هدایت کند.
در نتیجه، وب سایتی که با در نظر گرفتن طراحی رفتاری ساخته شده باشد، می تواند پیام انتخاب شده را به طور مؤثر منتقل کند، نرخ تبدیل (Conversion) را افزایش دهد و رضایت کاربران را بالا ببرد.
الگوی طراحی رفتاری
بهترین ابزارهای طراحی برای تأثیرگذاری بر رفتار در وب سایت ها
ابزارهای محبوب طراحی رفتاری که برای تأثیرگذاری بر اقدامات بازدیدکنندگان وب سایت استفاده می شوند کدامند و چگونه می توانید بیشترین بهره را از آن ها ببرید؟ طبق نظر تیم متخصصان طراحی وب ما، در زیر برخی از بهترین ابزارهای طراحی همراه با توضیحات و مثال ها آورده شده است:
| ابزار (تکنیک) | چطور کار می کند؟ | نمونه های طراحی وب |
|---|---|---|
| یادگیری پاداش محور (Reward learning) | ارائه پاداش به کاربران بازگشتی برای افزایش بازدید، وفاداری و استفاده از وب سایت. | ارائه تخفیف روی خریدهای آینده زمانی که خریدار فرآیند پرداخت را در فروشگاه آنلاین شما تکمیل می کند. |
| قواعد توقف (Stopping rules) | دادن یا دریغ کردن سیگنال هایی که نشان دهد بازدیدکننده یک عمل را تکمیل کرده است. | پیاده سازی اسکرول بی پایان (Infinite Scrolling) در صفحه وبلاگ یا لیست محصولات برای اینکه بازدیدکننده به اسکرول کردن ادامه دهد (حذف قاعده توقف). |
| معماری انتخاب (Choice architecture) | استفاده از طراحی برای هدایت توجه به سمت یک انتخاب یا اقدام ترجیحی. | ایجاد دکمه های فراخوان (CTA) چشم نواز یا تایپوگرافی خاص برای ترغیب به کلیک روی دکمه ای که به فرم تماس منجر می شود. |
| افشای تدریجی (Progressive disclosure) | نمایش اطلاعات به صورت مرحله ای برای ترغیب به سفرهای کاربری طولانی تر و جلوگیری از بمباران اطلاعاتی. | اجازه دادن به خوانندگان برای مشاهده به روزرسانی های برند تنها پس از اینکه آدرس ایمیل خود را وارد کردند. |
| مشوق های نرم (Soft incentives) | ارائه یک “هویج” (پاداش) در آینده در ازای اقدامات امروز. | ساخت فرم ثبت نام برای رویدادهای آینده، با پیامی که تاکید می کند بازدیدکنندگان از فرصت بعدی که چیز مرتبطی برایشان دارید، مطلع خواهند شد. |
| گیمیفیکیشن (Gamification) | پیاده سازی ویژگی های محرک و بازی گونه برای ترویج تعامل و درگیری. | ساخت یک پازل یا بازی دیجیتال که یا به خدمات شما مرتبط است یا پاداش می دهد و اطمینان از اینکه بازدیدکنندگان می توانند نتایج خود را در شبکه های اجتماعی به اشتراک بگذارند. |
| چالش بهینه (Optimal challenge) | آزمایش مهارت های بازدیدکننده فقط به اندازه ای که بدون دلسرد کردن او، لذت تکمیل یک عمل را فراهم کند. | اضافه کردن نظرسنجی ها و کوییزهای مرتبط با محتوا به وبلاگ ها برای افزایش تعامل. |
| هزینه غرق شده (Sunk cost) | تکیه بر ترسِ از دست دادنِ پیشرفتِ حاصل شده، با نشان دادن اینکه کاربر چه مقدار زمان یا تلاش صرف یک فرآیند کرده است. | ارسال گزارش های روزانه یا هفتگی از زمان یا پول صرف شده در یکی از ابزارهای کسب وکار شما، برای تبلیغ اینکه این تلاش و هزینه نباید از دست برود. |
۵ نمونه برتر از طراحی رفتاری
طراحی رفتاری در عمل چگونه به نظر می رسد؟ بیایید نگاهی به چند نمونه تأثیرگذار از برندهای نوآور بیندازیم:
۱. فیت بیت (Fitbit)
فیت بیت یک شرکت پیشرو در زمینه فناوری سلامت و تناسب اندام است. آن ها از طراحی رفتاری برای پاسخ به این سوال استفاده کردند: چگونه می توان مردم را وادار کرد که به طور منظم ورزش کنند؟
پاسخ چه بود؟ ایجاد اهداف ملموس و قابل دستیابی.
فیت بیت با تعیین هدف اولیه ۱۰,۰۰۰ قدم در روز برای هر کاربر، از طریق تکنیک های “یادگیری پاداش محور” و “هزینه غرق شده”، به پرورش یک عادت در مخاطبان خود کمک می کند.
در نتیجه، کسانی که دستگاه فیت بیت دارند یک حلقه روزانه ایجاد می کنند؛ آن ها برای بررسی تعداد قدم هایشان به دستگاه بازمی گردند و برای پیگیری پیشرفت خود به فیت بیت وابسته می شوند.
۲. تیک تاک (TikTok)
احتمالاً نام غول رسانه های اجتماعی، تیک تاک، را شنیده اید. همچنین می دانید که یکی از بزرگترین نگرانی های آن ها و بسیاری از پلتفرم های دیگر، گسترش اطلاعات غلط است. محتوای گمراه کننده می تواند با ایجاد محیطی منفی و بالقوه مضر، به تجربه کاربری آسیب برساند.
آزمایشگاه Irrational Labs با ایجاد یک جفت پیام هشدار (Prompt) از طریق روش های طراحی رفتاری، اشتراک گذاری محتوای علامت گذاری شده (Flagged) را در مقایسه با گروه کنترل، ۲۴٪ کاهش داد.
در نتیجه، این پیام ها قرار است در سراسر پلتفرم تیک تاک اجرا شوند که باعث افزایش اعتماد و اطمینان کاربران می شود.
مدل طراحی رفتاری
۳. اختاپوس انرژی (Octopus Energy)
اختاپوس انرژی یک شرکت بریتانیایی در حوزه انرژی های تجدیدپذیر است.
ثبت ارقام کنتور انرژی دقیقاً هیجان انگیزترین کار هفته نیست، اما کاری است که بسیاری، به ویژه ساکنان بریتانیا، باید ماهانه انجام دهند.
برای مبارزه با این یکنواختی، اختاپوس انرژی یک بازی «گردونه شانس» (Wheel of Fortune) طراحی کرد که پس از ثبت رقم کنتور توسط مشتری ظاهر می شود.
با چرخاندن گردونه، مشتریان نه تنها یک گیمیفیکیشن سرگرم کننده و بازی گونه را در وب سایت تجربه می کنند، بلکه برای وفاداری خود شانس برنده شدن جوایزی تا حدود ۵۰۰ دلار را دارند. این کار UX یک عمل پیش پاافتاده مثل ثبت کنتور را ارتقا می دهد و باعث می شود ثبت ارقام به موقع انجام شود.
۴. اسپاتیفای (Spotify)
اسپاتیفای رهبر صنعت در خدمات موسیقی دیجیتال است. جمع بندی سالانه آن ها با نام Spotify Wrapped، نمونه ای نوآورانه از علوم رفتاری در طراحی است.
اسپاتیفای با ارائه یک نمای کلی و شخصی سازی شده از سالِ موسیقیایی شما، به بی شمار فاکتور اصلی در رفتار کاربر متوسل می شود.
از شخصی سازی تا گیمیفیکیشن، تایید اجتماعی (Social Proof) تا غافلگیری و هیجان؛ Spotify Wrapped هیاهو و جامعه ای اجتماعی پیرامون نحوه گوش دادن مشتریان به موسیقی ایجاد می کند و عادتی می سازد که شنوندگان می توانند هر ۱۲ ماه یک بار آن را کاوش کنند.
۵. گلس دور (Glassdoor)
گلس دور یک وب سایت خدمات استخدامی و نقد و بررسی مستقر در ایالات متحده است. این برند از افشای تدریجی (Progressive Disclosure) برای به حداکثر رساندن نرخ تبدیل و تعاملات جامعه کاربری استفاده می کند.
یکی از عملکردهای اصلی وب سایت گلس دور، مشاهده نظرات کارمندان و حقوق ها در شرکت های مختلف است. اما برای باز کردن قفل این اطلاعات، بینندگان باید هم با اطلاعات تماس ثبت نام کنند و هم خودشان یک حقوق یا نظر را ثبت کنند.
این رویکرد یک نتیجه چرخه ای ایجاد می کند که باعث افزایش ثبت نام (تبدیل) برای گلس دور می شود و هم زمان با افزایش تعداد یادداشت های جامعه کاربری، UX را بهبود می بخشد.
لوگوی گلس دور
مزایای طراحی رفتاری برای وب سایت ها
درک رفتار، رویکرد مهمی است که طراحان UX برای هدایت بازدیدکنندگان به سمت یک اقدام مورد نظر اتخاذ می کنند. اما مزایای خاصی که می تواند برای وب سایت شما داشته باشد چیست؟
۱. ارزش افزوده ایجاد می کند
با پیش بینی نیازهای کاربر و اقدام بر اساس آن ها، طراحی رفتاری تجربیات کاربر را بهبود می بخشد و رضایت را بالا می برد. به این ترتیب، احتمال بازگشت بازدیدکنندگان به سایت شما بیشتر می شود.
به گفته طراح گرافیک مشهور، ایوان چرمایف: “طراحی متوجه انسان هاست. طراحی کردن یعنی حل مشکلات انسانی از طریق شناسایی آن ها و اجرای بهترین راه حل.”
۲. ارتباط مستقیم ارائه می دهد
طراحی رفتاری به شما امکان می دهد از طریق جذابیتِ شخصی سازی، ارتباطات پایداری با مخاطبان هدف خود شکل دهید.
در واقع، یک نظرسنجی نشان داد که ۸۰٪ از پاسخ دهندگان تمایل بیشتری به تجارت با برندی دارند که تجربه ای متناسب و شخصی سازی شده ارائه می دهد.
با تحقیق، بخش بندی و پایبندی به نیازها و ترجیحات مخاطبان هدف، می توانید با یک رابط کاربری (UI) و تجربه کاربری (UX) منعطف و منحصر به فرد، مستقیماً با خواسته های آن ها صحبت کنید.
سیستم تعامل تیمی
۳. با مخاطب شما صحبت می کند
طراحی رفتاری به ایجاد محتوایی که با مخاطب هدف شما طنین انداز شود (Resonate)، کمک می کند.
چه در ایجاد اعتماد، استفاده از زبان خاص یا ارائه راه حل های متناسب؛ طراحی رفتاری از پیام رسانی و جایگذاری استراتژیک برای ایجاد پیوند و افزایش تعامل استفاده می کند.
۴. یک رابطه پایدار می سازد
آیا می دانستید که ۷۵٪ از تمام مصرف کنندگان حاضرند برای یک برنامه وفاداری (Loyalty Program) بهتر، برند خود را عوض کنند؟
با ارائه پاداش های هدفمند در کنار تجربیات کاربرمحور، تکنیک های طراحی رفتاری می توانند به جذب مشتریان جدید و ایجاد وفاداری به برند برای کسب وکار شما کمک کنند.
چرا این روش جواب می دهد؟ همان طور که قبلاً اشاره کردیم، یک نشانه (Cue) باعث شروع یک عمل می شود، اما یک مزیت (Benefit) باعث ایجاد یک حلقه یا عادت می شود.
۵. بر سفرهای کاربر (User Journeys) تأثیر می گذارد
طراحی رفتاری سفرهای کاربر را بهینه می کند و بازدیدکنندگان را به سمت اقدامات مطلوب هدایت می کند.
با قرار دادن استراتژیک نشانه ها و مشوق ها در سراسر وب سایت، بازدیدکنندگان شما به سمتی که بهترین تناسب را با آن ها دارد، سوق داده می شوند.
نتیجه؟ بازدیدکنندگان راضی وب سایت و افزایش نرخ تبدیل.
مسیر تعامل کاربر
چگونگی استفاده از طراحی رفتاری در طراحی وب
راه های بی شماری برای استفاده از طراحی رفتاری در وب سایت شما وجود دارد. هر کدام تنها در صورتی موفق خواهند بود که مستقیماً برای مخاطب هدف شما جذاب باشند، در حالی که اقدامی را تحریک کرده و عادتی را پاداش می دهند.
در حالی که اصول طراحی رفتاری نیازمند نوآوری و فردی سازی هستند، در اینجا چند روش خاص برای پیاده سازی آن ها در طراحی وب سفارشی شما آورده شده است:
- فراخوان های اقدام (CTA) شفاف ایجاد کنید: CTAهای قدرتمند بر سفرهای کاربر و تصمیمات تأثیر می گذارند و بازدیدکنندگان را بر اساس رفتارهای مرتبط با جایگاهشان در قیف فروش، به بخش های مختلف وب سایت هدایت می کنند.
- از تایید اجتماعی (Social Proof) استفاده کنید: تایید اجتماعی به رفتارهای انسانیِ اعتماد و اطمینان به دیگران تکیه دارد و احتمال تبدیل را از طریق نظرات یا توصیه نامه های قبلی افزایش می دهد.
- بازخورد و راهنمایی به کاربر ارائه دهید: بازخورد و پشتیبانیِ در لحظه (Real-time)، ناامیدی های احتمالی کاربر را برطرف می کند، رضایت از وب سایت را می سازد و از تکمیل سفرهای کاربر پشتیبانی می کند.
- افشای تدریجی (Progressive disclosure) ارائه دهید: این تکنیک با مخفی نگه داشتن محتوا (تا زمان مناسب) و هم زمان محدود کردن بمباران اطلاعاتی، ثبت نام ها را افزایش می دهد.
- گزینه های پیش فرض (Default choices) اضافه کنید: گزینه های پیش فرضی که با ترجیحات رایج کاربران همسو هستند، می توانند فرآیندها و تلاش لازم برای تعامل با وب سایت شما را سرعت بخشند.
- فوریت و کمیابی (Urgency and Scarcity) را ترویج دهید: ایجاد حس فوریت یا کمیابی در قالب دسترسی محدود یا فشارهای زمانی، واکنش “ترس از دست دادن” (FOMO) را تحریک می کند تا تعامل یا تبدیل را افزایش دهد.
- روی شخصی سازی تمرکز کنید: شخصی سازی تجربیات کاربری در بهبود رضایت کاربر، تقویت بازدیدهای مجدد و ایجاد حلقه وفاداری حیاتی است.
- با اثر لنگر و طعمه (Anchoring and Decoy effects) هدایت کنید: قرار دادن استراتژیک اثرات لنگر یا طعمه، مانند انیمیشن ها و تعاملات، می تواند توجه کاربر را به اقدامات یا نتایج خاصی هدایت کند.
- شکل دهی عادت (Habit formation) را هدف قرار دهید: شکل گیری عادت یکی از نتایج اصلیِ مطلوب در طراحی رفتاری است و می توان با در نظر گرفتن این هدف در هر انتخاب طراحی (مانند ارائه پاداش یا تعاملات اجتماعی) به آن دست یافت.
- طرح های درگیرکننده احساسی بسازید: تکیه بر پاسخ های احساسی از طریق عناصر بصری، داستان سرایی و ویژگی های طراحی تعاملی، کلید ارتباط با رفتارهای کاربر در سطحی عمیق تر است که به نوبه خود وفاداری به برند و بازدیدهای مکرر را می سازد.
رابط کاربری ارتقای اشتراک
نتیجه گیری
پیاده سازی موفق طراحی رفتاری در بازار ایران نیازمند بومی سازی هوشمندانه است؛ به این معنا که باید با استفاده از تایید اجتماعی واقعی و شفاف بر سد بی اعتمادی کاربران غلبه کنید، با بهره گیری از گیمیفیکیشن و پاداش های متغیر، انگیزه خرید را در فرهنگ علاقه مند به تخفیف بالا ببرید و با ساده سازی فرآیندها (مانند افشای تدریجی)، موانع فنی ناشی از سرعت اینترنت یا پیچیدگی پرداخت را از میان بردارید تا در نهایت به جای یک خریدار گذرا، مشتریانی وفادار بسازید.
سوالات متداول
-
تفاوت اصلی بین «طراحی UX سنتی» و «طراحی رفتاری» چیست؟
طراحی UX (تجربه کاربری) سنتی اغلب بر سهولت استفاده (Usability) تمرکز دارد؛ یعنی تلاش می کند موانع را بردارد تا کاربر بتواند کاری را انجام دهد. اما طراحی رفتاری بر انگیزه و روانشناسی تمرکز دارد؛ یعنی تلاش می کند دلایلی ایجاد کند تا کاربر بخواهد آن کار را انجام دهد. بهترین نتیجه زمانی حاصل می شود که این دو با هم ترکیب شوند.
-
آیا طراحی رفتاری همان «الگوهای تاریک» (Dark Patterns) است؟
خیر، این دو با هم متفاوت هستند. «الگوهای تاریک» تکنیک های فریب نده ای هستند که کاربر را مجبور به کاری می کنند که به نفع او نیست (مثل اضافه کردن پنهانی کالا به سبد خرید). اما طراحی رفتاری اخلاقی به کاربر کمک می کند تا تصمیماتی بگیرد که هم برای خودش مفید است (مثل ورزش کردن یا پس انداز کردن) و هم برای کسب وکار. مرز بین این دو، شفافیت و نیت خیر است.
-
آیا این روش ها برای وب سایت های شرکتی و B2B (تجارت با تجارت) هم کاربرد دارد؟
بله، کاملاً. اگرچه مثال های معروف اغلب مربوط به اپلیکیشن های مصرفی (B2C) هستند، اما در B2B نیز خریداران انسان هستند و تحت تأثیر اصول روانشناسی قرار می گیرند. استفاده از تایید اجتماعی (لوگوی مشتریان)، کاهش بار فکری (Cognitive Load) در فرم های طولانی و ایجاد حس پیشرفت در فرآیندهای خرید سازمانی، از کاربردهای مهم طراحی رفتاری در B2B است.
-
چگونه می توانیم موفقیت طراحی رفتاری را اندازه گیری کنیم؟
علاوه بر نرخ تبدیل (Conversion Rate)، بهترین روش استفاده از تست های A/B است. شما می توانید دو نسخه از یک صفحه (یکی با محرک رفتاری و دیگری بدون آن) را مقایسه کنید. همچنین معیارهایی مثل «نرخ بازگشت کاربر» (Retention Rate) و «زمان صرف شده در صفحه» نشان می دهند که آیا عادت سازی و درگیری ذهنی به درستی شکل گرفته است یا خیر.
-
مدل Fogg Behavior Model چیست و آیا به طراحی وب ربط دارد؟
بله، این یکی از معروف ترین مدل ها در طراحی رفتاری است که توسط دکتر بی.جی. فاگ ارائه شده. طبق این مدل، برای اینکه رفتاری اتفاق بیفتد، سه عامل باید هم زمان وجود داشته باشند: انگیزه (Motivation)، توانایی (Ability) و محرک (Trigger). اگر کاربران در سایت شما اقدام نمی کنند، احتمالاً یا انگیزه کافی ندارند، یا انجام کار برایشان سخت است (توانایی کم)، و یا دکمه فراخوان (محرک) را در جای درست ندیده اند.