https://virgool.io/feed/@sara.gharehjanloo Product Manager - مدیر محصول fa 2026-06-10 14:20:49 https://files.virgool.io/upload/users/44888/avatar/p7iwwW.jpeg?height=120&width=120 https://virgool.io/@sara.gharehjanloo https://virgool.io/@sara.gharehjanloo/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A8%D8%A7-%D8%A8%D8%A7%D8%B2%D8%AE%D9%88%D8%B1%D8%AF-%D9%85%D9%86%D8%A7%D8%B3%D8%A8-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%A8%D9%87%D8%AA%D8%B1%DB%8C-%D8%AF%D8%A7%D8%B4%D8%AA%D9%87-%D8%A8%D8%A7%D8%B4%DB%8C%D9%85-lcwtoz6x9tpr اینجا نمایش وضعیت سیستم رو توضیح دادم و راجع‌به فواید استفاده ازش صحبت کردم. حالا میخوام توی این مقاله در مورد انواع بازخوردهایی که میتونیم به کاربر نشون بدیم حرف بزنم.همونطور که اشاره کردم ۳ نوع بازخورد داریم: لمسی، سمعی و بصریانواع بازخوردها در نمایش وضعیت سیستم بازخورد بصری (دیداری) یا Visual feedback:هدف بازخورد بصری این است که کاربر بداند کجای فرآیند قرار دارد و سیستم چه کاری انجام می‌دهد. با بازخورد دیداری میتوانیم حس سردرگمی را از کاربر بگیریم و به او بگوییم درخواست تو را دریافت کردیم و در حال انجام دادن آن هستیم. اینجا چندین نمونه از فیبدک‌های بصری استفاده شده در وبسایت‌ها یا اپلیکیشن‌های مختلف را برایتان مثال زدم.با استفاده از Progress bar میشود به کاربر نشان داد چه مقدار از کارش انجام شده است. مثال: وقتی می‌خواهید یک فایل را از طریق gmail ارسال کنید، میزان بارگذاری شده آن فایل را به شما نشان می‌دهد.آپلود شدن فایل در gmailزمان‌هایی که نمی‌خواهیم به کاربر بگوییم چقدر باید منتظر بماند تا سیستم درخواستش را انجام دهد، از لودینگ استفاده می‌کنیم.انواع لودینگ در بازخورد بصرییک مدل دیگر از نمایش لودینگ،‌ سایت یوتیوب است. این سایت محتوا را به تدریج بارگیری می‌کند. به این ترتیب کاربر متوجه می‌شود باید منتظر بماند.لود شدن صفحه یوتیوب (لودینگ یوتیوب)در وبسایت‌هایی با تعداد صفحات زیاد، از Breadcrumbs استفاده میشود تا به صورت سلسه مراتب به کاربر نشان بدهد الان در کدام صفحه قرار دارد. مثال: دیجیکالا به شما نشان میدهد از طریق کدام صفحات به این محصول مورد نظرتان رسیدید. این سلسه مراتب باعث میشود شما بدانید محصول زیر مجموعه کدام دسته بندی استپیدا کردن صفحه محصولات در دیجی‌کالا آیتم دیگر استفاده از Toast Notifications است. به نوتیف‌هایی گفته میشود که یک پیامی را نشان میدهند و به صورت خودکار بعد چند ثانیه ناپدید میشوند. به طور مثال توی اپ pinterest زمانی که عکسی را دانلود می‌کنید، یک پیام به شما نمایش داده میشود با مضمون "عکس دانلود شد" و بعد ناپدید میشودنمایش نوتیف در پینترستصفحه اول اپلیکیشن‌ها میتوانند با استقاده از یک فیدبک خوب طراحی بشوند. اینکه کاربر باید منتظر ثبت اطلاعاتش یا بارگذاریی اپ بشود، ممکن است خسته کننده باشد. با استفاده از animated splash ها میشود این انتظار را به حس خوبی تبدیل کرد. نمونه اپلیکیشن کرفس استاستفاده اسپلش در صفحه اول اپلیکیشن کرفساگه بخشی از سیستم شما اطلاعات را به صورت مرحله‌ای از کاربر می‌گیرد بهتر است که بهش نشان بدهید دقیقا توی چه مرحله‌ای قرار دارد و چقدر دیگر از مسیر باقی مانده است. اینجوری حس سردگمی و گم شدن را از کاربر می‌گیرید و احتمال اینکه کاربر این بخش را رها کند کاهش می‌دهید. برای این بخش اسنپ مارکت را برای شما مثال زدم.ثبت سفارش در اسنپ مارکتبه جز دنیای دیجیتال مثال‌های دیگری هم میتوان زد. اگر چیزی یادتان بود توی کامنت‌ها بنویسید.بازخورد سمعی (شنیداری) یا Audio feedback: یکی از بازخوردهایی که از اطرافمان توسط وسیله‌ها دریافت می‌کنیم، از طریق صداست. نمونه ‌هایی از این بازخوردها را احتمالا اطرافتان دیده‌اید، مثل سوت کشیدن کتری درحال جوشیدن. ما از این روش بازخورد می‌توانیم در سیستم‌های مختلف ‌هم استفاده کنیم. با این بازخورد به کاربر می‌گوییم که ما درخواستت را متوجه شدیم و در حال انجامش هستیم.مثال: زمانی که شما گوشی موبایلتان را با بلوتوث به سیستم ماشین وصل می‌کنید و این جمله رو می‌شنوید (: your bluetooth device is connected successfully .با این بازخورد صوتی متوجه می‌شوید بلوتوث شما متصل شده‌ است.اتصال بلوتوث به سیستم ماشینزمانی که با شماره‌ای تماس می‌گیرید از روی بازخوردهای صوتی متوجه وضعیت ارتباط خودتان می‌شوید. مثلا با شنیدن صدای بوق اشغال می‌فهمیم طرف مقابل در حال مکالمه است.اشغال بوق تلفن نمونه بازخورد صوتیفیدبک لمسی(لامسه) یا Haptic feedback:در بیشتر مواقع فیدبک لمسی نمی‌تواند به تنهایی راه ارتباطی باشد و بهتر است در کنار فیدبک‌های شنیداری و دیداری مورد استفاده قرار بگیرد. سعی کنید در موارد خاص یا کارهای پیچیده بازخورد لمسی را به کار ببرید نه کارهایی معمولی مثل فشار دادن یک دکمه. حواستان باشد که از فیدبک لمسی در جای درست استفاده کنید. چون در غیر این صورت به جای کمک کردن ممکن است باعث ناراحتی و عصبانیت کاربرتان بشوید. مواردی که می‌توانید از بازخورد لمسی استفاده کنید: کاربر اطلاعات نادرستی وارد کرده و می‌خواهید به او بازخورد بدهیدقصد دارید توجه کاربر را به یک موضوع خاص جلب کنیدزمانی که شما با شخصی تماس می‌گیرید و طرف مقابل تماس شما را جواب می‌دهد، یک لرزش خفیف حس می‌کنید. این لرزش نمونه‌ای از بازخورد لمسی گوشی شما است.نقش فیدبک لمسی در تماس‌های دریافتی موبایل طرح Liam Tucker، اسنوبردسوار یا اسکی‌باز را با ویبره ساعت هوشمند از پیچی که جلوی او قرار دارد آگاه می‌کندفیدبک لمسی در ساعت‌ هوشمند دسته‌های بازی Xbox با توجه به عملکردتون در بازی، دسته رو به لرزش در میاره تا شما رو متوجه حرکتی که انجام دادین بکندفیدبک لمسی دسته‌های Xboxمثال‌های دیگر زیادی وجود دارد که حتما در اطراف خود دیده‌اید. اگر دوست داشتید در بخش کامنت‌ها برایم بنویسد. در آخر امیدورام این مقاله برایتان مفید بوده باشد :) سارا قره‌جانلو سارا قره‌جانلو Sat, 20 Feb 2021 16:14:15 +0330 https://virgool.io/@sara.gharehjanloo/%D8%AA%DA%A9%D9%84%DB%8C%D9%81%D8%B4-%D8%B1%D9%88-%D9%85%D8%B4%D8%AE%D8%B5-%DA%A9%D9%86-vswk5xpcwjlw چند وقت پیش مشغول کاری بودم، باید توی سامانه‌ای ثبت‌نام می‌کردم. موقع وارد کردن اطلاعاتم با این صحنه رو به رو شدم:صفحه ورود یک سامانه سازمانیهرکاری کردم متوجه نشدم مشکل از کجاست! بعد از پیگیری فهمیدم مشکل از سرور بوده نه اطلاعات من. به این فکر کردم چقدر خوب میشد اگه یک ارور با مضمون «اتصال به سرور امکان پذیر نیست» میدیدم تا زمان و انرژی نمیذاشتم. (جدا از حس بدی که در من ایجاد کرد، چون فکر میکردم اطلاعاتم اشتباهه)توی سیسستم‌های تعاملی یک موضوع به اسم Usability Heuristics داریم. آقای جیکوب نیلسون این موضع رو معرفی کردن که شامل 10 اصل هست. توی این مطلب قراره راجب اصل اول نمایش وضعیت سیستم (Visibility of system status) صحبت کنیمنمایش وضعیت سیستم (visibility of system status)نمایش وضعیت سیستم میگه کاربر باید بدونه داخل سیستم چی میگذره. یعنی اینکه به کاربرتون بگین الان کجاست و چه اتفاقاتی داره توی سیستم میوفته. این سیستم ممکنه هر چیزی باشه، از نرم‌افزارهای موبایل گرفته تا چراغ عابر پیاده. این بازخوردها باید در زمان مناسب به کاربر نشون داده بشه تا کاربر روند سیستم رو بهتر درک ‌کنه.همه ما برای رشد و تصمیم‌گیری بهتر، به بازخورد نیاز داریم. در نبود این بازخوردها حس سردرگمی به آدم دست میده و ما به عنوان یک طراح دوست نداریم کاربرها این حس رو داشته باشن.بازخورد رو از سه طریق میشه به کاربر نشون داد: بصری، سمعی و لمسیانواع بازخوردها (بصری سمعی ولمسی)انواع بازخوردهامثال بصری (دیداری): هر بازخوردی که کاربر شما با دیدن، متوجه وضعیت سیستم در حال استفاده ازش بشه. با دقت به اطرافمون متوجه میشیم خیلی از وسایل این بازخورد رو میدن. مثلا گوشی‌ها یا لپ‌تاپ‌هامون نشون میدن چقدر از باتریشون مونده یا چراغ‌های عابر پیاده که زمان انتظارمون رو مشخص میکنن.نمایش ارور باتری لپ‌تاپمثال سمعی (شنیداری): وقتی توی ماشین برای پخش آهنگ گوشیمون رو از طریق بلوتوث به سیستم ماشین وصل میکنیم و میشنویم که سیستم میگه : your bluetooth device is connected successfully :)مثال لمسی (لامسه): با یک لرزش میتونیم این بازخورد رو به کاربر بدیم. فقط باید حواسون باشه که از این بازخورد به خوبی و درجای درست استفاده کنیم و گرنه ممکنه باعث ناراحتی کاربرمون بشیم. مثالش هم زمانی هست که رمز ورود به گوشیمون رو اشتباه وارد می‌کنیم و گوشیمون با یک لرزه کوچیک، ما رو متوجه خطا می‌کنه.لرزش گوشی و بازخورد لمسیبازخورد مناسب (شفاف سازی):زمانی که کاربر با سیستمی تعامل داره باید بدونه اون تعامل درست انجام شده و موفقیت آمیز بوده یا نه! مثلا شما دکمه دریافت رسید عابر بانک رو فشار دادید نه صدای چاپ شدن کاغذ رو میشنوین (فیدبک سمعی) و نه روی صفحه عابر بانک اطلاعاتی میبنین (فیدبک بصری). در اینجا نیاز دارین بدونین سیستم در حال انجام درخواستتون هست یا اون رو نادیده گرفته؟مثلا توی خریدهای اینترنتی وقتی دکمه افزودن به سبد خرید رو زدید، باید متوجه بشین که محصول به سبد خریدتون اضافه شدهسبد خرید سایت خانومینشون دادن این بازخوردها میتونه خیلی ساده باشه، مثل تغییر رنگ یا ظاهر دکمهنمایش بازخوردهای متفاوتبازخورد به موقع نشون میده سیستم در حال کار کردنه و نیازی نیست کاربر چندین بار روی یک دکمه کلیک کنه تا از درست کار کردنش مطمئن بشه. همچنین کاربر سریعا منبع خطا رو متوجه میشه و اون رو برطرف می‌کنه.فکر کنین برنامه‌نویس باشین و توی کدهاتون به مشکلی بربخورین. در این شرایط اگه بازخوردی از سیستم نگیرین، متوجه نمیشین کدوم بخش خطا داره. اون موقع میشه پیدا کردن سوزن توی انبار کاه :)اگه دکمه‌های آسانسور رو فشار بدین و چراغش روشن نشه، متوجه نمیشین الان باید منتظر بمونین یا دوباره دکمه رو فشار بدیننمایش ارورهای برنامه نویسی (بازخورد بصری)پس بهتره همیشه به کاربر این بازخورد رو بدیم: ما درخواست تو رو متوجه شدیم و در حال انجامش هستیم. اینجوری Interaction Cost (هزینه تعامل) بین کاربر و سیستم رو کاهش میدیمدر آخر هم یک ویدیو از coursera براتون میذارم که اگه دوست داشتین میتونین ببینینهمون طور که گفتم میشه به سه روش به کاربر بازخورد داد.من توی مقاله بعدی «بررسی انواع بازخوردها در طراحی» نمایش انواع بازخورد در محصولات دیجیتالی رو براتون مثال زدم و امیدوارم براتون مفید باشه سارا قره‌جانلو سارا قره‌جانلو Wed, 17 Feb 2021 09:24:57 +0330