مرحله 1: یک دکمه بسته واضح و قابل مشاهده ارائه دهید
اولین مرحله برای بستن یک کادر محاوره ای، ارائه یک دکمه بسته واضح و قابل مشاهده است. دکمه بستن باید در مکانی برجسته مانند گوشه سمت راست کادر محاوره ای قرار گیرد و به راحتی قابل مشاهده و در دسترس کاربر باشد. دکمه بستن باید با یک برچسب واضح و مختصر مانند “بستن” یا “OK” برچسب گذاری شود.
مرحله ۲: از یک سبک دکمه بستن ثابت استفاده کنید
زمانی که صحبت از طراحی تجربه کاربر به میان می آید، یکپارچگی کلیدی است. برای اطمینان از سازگاری، استفاده از سبک دکمه بستن ثابت در سراسر برنامه ضروری است. این شامل اندازه، شکل، رنگ و برچسب دکمه بستن است. استفاده از سبک دکمه بستن ثابت به کاربران کمک می کند تا به سرعت دکمه بستن را شناسایی کرده و کادر محاوره ای را ببندند.
مرحله 3: یک دکمه لغو ارائه دهید
علاوه بر دکمه بستن، ارائه دکمه لغو ضروری است. دکمه لغو باید در مکانی برجسته مانند گوشه سمت چپ کادر محاوره ای قرار گیرد و به راحتی قابل مشاهده و در دسترس کاربر باشد. دکمه لغو باید با یک برچسب واضح و مختصر مانند “لغو” یا “لغو درخواست” برچسب گذاری شود.
مرحله 4: از یک برچسب واضح و مختصر استفاده کنید
هنگام برچسب زدن دکمه های بستن و لغو، استفاده از برچسب های واضح و مختصر ضروری است. از استفاده از برچسب های پیچیده یا مبهم که ممکن است کاربر را سردرگم کند خودداری کنید. در عوض، از برچسبهای ساده و سرراست استفاده کنید که به وضوح عملکردی را که با کلیک روی دکمه انجام میشود، بیان میکند.
مرحله 5: از طراحی جعبه گفتگوی ثابت استفاده کنید
زمانی که صحبت از طراحی تجربه کاربر به میان می آید، یکپارچگی کلیدی است. برای اطمینان از سازگاری، استفاده از یک طراحی کادر محاوره ای ثابت در سراسر برنامه ضروری است. این شامل اندازه، شکل، رنگ و چیدمان کادر محاوره ای است. استفاده از طراحی ثابت کادر محاوره ای به کاربران کمک می کند تا به سرعت کادر گفتگو را شناسایی کرده و آن را ببندند.
مرحله ۶: کادر گفتگو را آزمایش کنید
قبل از انتشار برنامه، ضروری است کادر محاوره ای را آزمایش کنید تا مطمئن شوید که درست کار می کند. کادر محاوره ای را از نظر قابلیت استفاده، دسترسی و سازگاری با بقیه برنامه آزمایش کنید. آزمایش کادر محاوره ای به اطمینان از اینکه کاربر می تواند به راحتی کادر محاوره ای را ببندد و برنامه کاربرپسند است کمک می کند.
26 نکته برای یک راهنمای کامل
علاوه بر شش مرحله بالا، در اینجا 26 نکته برای راهنمای کامل در مورد نحوه بستن کادر محاوره ای وجود دارد:
- از یک دکمه بسته واضح و قابل مشاهده استفاده کنید.
- از یک سبک دکمه بستن ثابت در سراسر برنامه استفاده کنید.
- یک دکمه لغو ارائه دهید.
- از یک برچسب واضح و مختصر برای دکمههای بستن و لغو استفاده کنید.
- از طراحی کادر محاوره ای ثابت در سراسر برنامه استفاده کنید.
- کادر محاوره ای را از نظر قابلیت استفاده، دسترسی و سازگاری آزمایش کنید.
- از یک کادر محاوره ای مودال استفاده کنید تا اطمینان حاصل کنید که کاربر فقط زمانی می تواند کادر محاوره ای را ببندد که کار با آن تمام شود.
- از یک کادر محاوره ای غیر مودال استفاده کنید تا به کاربر اجازه دهید تا زمانی که کادر گفتگو باز است به استفاده از برنامه ادامه دهد.
- از یک کادر محاوره ای قابل کشیدن استفاده کنید تا به کاربر اجازه دهید کادر گفتگو را به مکان مناسب تری منتقل کند.
- از یک کادر محاوره ای قابل تغییر اندازه استفاده کنید تا به کاربر اجازه دهید اندازه کادر گفتگو را تنظیم کند.
- از یک کادر محاورهای کوچکسازی استفاده کنید تا به کاربر اجازه دهید کادر محاورهای را کوچکسازی کند و به استفاده از برنامه ادامه دهد.
- از یک کادر محاوره ای قابل حداکثر استفاده کنید تا به کاربر اجازه دهید کادر گفتگو را به حداکثر برساند و اطلاعات بیشتری را مشاهده کند.
- از یک کادر محاوره ای قابل بسته استفاده کنید تا به کاربر اجازه دهید پس از اتمام کادر گفتگو، آن را ببندد.
- از یک کادر محاوره ای غیر قابل رد کردن استفاده کنید تا به کاربر اجازه دهید بدون بستن کادر گفتگو را رد کند.
- از یک کادر گفتگوی مداوم برای باز نگه داشتن کادر گفتگو تا زمانی که کاربر کار را کامل کند استفاده کنید.
- از یک کادر محاوره ای مودال برای جلوگیری از دسترسی کاربر به بقیه برنامه در حالی که کادر گفتگو باز است استفاده کنید.
- از یک کادر محاوره ای غیر مودال استفاده کنید تا به کاربر اجازه دهید تا زمانی که کادر گفتگو باز است به بقیه برنامه دسترسی داشته باشد.
- از یک کادر گفتگوی شفاف استفاده کنید تا به کاربر اجازه دهید بقیه برنامه را در حالی که کادر گفتگو باز است ببیند.
- از a استفاده کنیدکادر محاوره ای مات برای جلوگیری از دیدن بقیه برنامه توسط کاربر در حالی که کادر گفتگو باز است.
- از یک کادر محاوره ای سفارشی استفاده کنید تا به کاربر اجازه دهید کادر گفتگوی خود را ایجاد کند.
- از یک کادر گفتگوی از پیش طراحی شده برای صرفه جویی در زمان و تلاش استفاده کنید.
- از یک کادر محاوره ای با پیامی واضح و مختصر برای برقراری ارتباط با کاربر استفاده کنید.
- از یک کادر محاوره ای با پیام مثبت برای تشویق کاربر به اقدام استفاده کنید.
- از یک کادر محاوره ای با پیام منفی برای اطلاع کاربر از مشکل استفاده کنید.
- از یک کادر محاوره ای با پیام خنثی برای ارائه اطلاعات به کاربر استفاده کنید.
- از یک کادر محاوره ای با دعوت به اقدام برای تشویق کاربر به اقدام استفاده کنید.
منابع :
- “طراحی جعبه های گفتگو: راهنمای عملی” توسط Nielsen Norman Group
- “جعبه های گفتگو: راهنمای طراحی رابط های کاربری موثر” توسط UX Collective
- «عناصر تجربه کاربر: طراحی کاربر محور برای وب و فراتر از آن» نوشته جسی جیمز گرت
در نتیجه، بستن یک کادر محاوره ای جنبه حیاتی طراحی تجربه کاربر در برنامه های نرم افزاری است. با دنبال کردن شش مرحله ذکر شده در بالا و 26 نکته برای یک راهنمای کامل، می توانید اطمینان حاصل کنید که کاربر می تواند به راحتی کادر گفتگو را ببندد و برنامه کاربر پسند است. علاوه بر این، استفاده از منابع و مراجع دارای اعتبار بالا می تواند بینش و راهنمایی های ارزشمندی را در مورد نحوه طراحی جعبه های گفتگوی موثر ارائه دهد.
[دوشنبه 1403-03-28] [ 07:35:00 ب.ظ ]
|