باتم شیت (Bottom sheet) : گاها به اشتباه یا عدم دانستن بصورت باتن شیت یا باتن شیپ تلفظ میشود که غلط است
باتم شیت یک الگوی رابط کاربری است که معمولاً در برنامه‌های تلفن همراه برای ارائه جزئیات یا کنترل‌های متنی در قسمت پایین صفحه استفاده میشود.
ایجاد کنترل های متنی قابل توجه و با دسترسی آسان در دستگاه های تلفن همراه یک چالش است. صفحه نمایش های کوچک ایجاب می کنند که برخی اطلاعات یا کنترل ها را تا زمانی که مرتبط باشند پنهان کنیم.
باتم شیت نوعی پوشش (overlay) مخصوص دستگاه‌های تلفن همراه است و اطلاعات موقت مهم را به آسانی در دسترس قرار می‌دهد، که البته رد کردن آن توسط کاربر به راحتی انجام میشود.
تعریف: باتم شیت پوششی است که به لبه پایینی صفحه دستگاه تلفن همراه متصل می شود و جزئیات یا اقدامات اضافی را نشان می دهد.
باتم شیت ها شکلی از ارایه اطلاعات هستند - آنها معمولاً توسط یک تعامل کاربر فراخوانی می شوند و جزئیات بیشتری را ارائه می دهند. از آنجایی که باعث عدم مشاهده بخشی از صفحه میشوند، برای نمایش اطلاعات یا ابزارهایی که همیشه باید نمایش داده شوند، مناسب نیستند.
همچنین برای ارائه اطلاعات اضافی، کنترل های زمینه ای یا هر دو استفاده می شود. مزیت باتم شیت این است که برخلاف یک صفحه جداگانه (که باعث تغییر صفحه ای که کاربر در آن حضور دارد و همچنین ممکن است کاربر را مجبور کند اطلاعات را در حافظه کوتاه خود نگه دارند)، به علت قابل مشاهده بودن صفحه زیرین باتم شیت ، برخی از اطلاعات صفحه مورد نظر کاربر را حفظ می کند.
باتم شیت ها مخصوصاً زمانی مفید هستند که کاربران در هنگام تعامل با اطلاعات یا گزینه های ارائه شده ، به اطلاعات اصلی و پس زمینه نیز نیاز داشته باشند.
باتم شیت ها می توانند مودال یا غیرمدال باشند.
باتم شیت مودال مانند پاپ آپ های کلاسیک کار می‌کند ( کاربران را مجبور می‌کنند تا قبل از انجام هر گونه اقدام دیگری ابتدا آنها را انتخاب یا رد کنند). یک اسکریم تاریک نیمه شفاف معمولاً روی محتوای پس‌زمینه قفل‌شده قرار می‌گیرد تا علامتی باشد مبنی بر اینکه در حال حاضر در دسترس نیست.
باتم شیت های غیرمودال نیاز به اکشنی توسط کاربر ندارند ( آنها را در پایین صفحه قرار می دهند و می توانند به کاربران اجازه دهند با صفحه زیری تعامل داشته باشند) آنها برای ارائه اطلاعات یا گزینه های دقیق به موازات اطلاعات اصلی روی صفحه مناسب هستند.
برخی از باتم شیت ها قابل گسترش هستند. کاربران می‌توانند روی باتم شیت ضربه بزنند یا آن را به سمت بالا بکشند تا آن را در حالت تمام صفحه (یا گاهی اوقات نزدیک به تمام صفحه) گسترش دهند. به طور معمول، باتم شیت در حالت کمینه شده خود به صورت غیرمدال شروع می شوند، اما زمانی که گسترش می یابند، حالت مودال پیدا می کنند.
در مطالعات ما، ما مشاهده می‌کنیم که کاربران با باتم شیت مشکل دارند، مانند سایر overlay ها . اینها معمولاً ناشی از:
دستورالعمل های ما در زیر برای رسیدگی به این مسائل است.
استفاده از Back برای حذف باتم شیت مجاز است
یکی از مشکلات باتم شیت ، به خصوص زمانی که آنها به حالت تمام صفحه گسترش می یابند، این است که مانند صفحات معمولی به نظر می رسند. در نتیجه، برخی از کاربران ممکن است متوجه نباشند که در باتم شیت هستند و ممکن است انتظار داشته باشند که از عناصر ناوبری معمولی (مانند دکمه برگشت تلفن یا حرکت برگشت) برای دور شدن از آن صفحه استفاده کنند. متأسفانه، این مکانیسم توسط همه باتم شیت ها پشتیبانی نمی شود.
بنابراین، اگر در طول سفر کاربر، صفحه ای یک باتم شیت یا یک overlay ایجاد کند، این صفحه الگوی تعامل عادی را خواهد شکست. دور شدن از آن ممکن است از طریق دکمه برگشت قابل دسترسی باشد (یا نباشد)، و بنابراین ممکن است برگه باعث گمراهی شود. می‌توانید با استفاده از Back برای حذف باتم شیت ، از این مشکل جلوگیری کنید، بنابراین به کاربران اجازه می‌دهید به‌طور یکپارچه به نمای قبلی بازگردند.
استفاده از دکمه بستن
اگرچه اکثر باتم شیت ها را می‌توان با کشیدن انگشت به پایین (یا ضربه زدن) روی دسته بالا رد کرد، نادیده گرفتن عنصر بستن آسان نیست علاوه بر این، برخی از کاربران از این قابلیت آگاه نیستند. به‌علاوه، کشیدن انگشت عمودی نیز مستعد ابهام کشیدن است: بسته به اینکه دقیقاً از کجا شروع میشود، حرکت ممکن است باتم شیت را ببندد، صفحه اعلانها را باز کند، یا ممکن است صفحه کنترل تلفن را نمایش دهد.
برای اطمینان از اینکه کاربران می توانند به طور قابل اعتماد باتم شیت را ببندند، یک دکمه Close (یا X) قابل مشاهده روی صفحه قرار دهید. توصیه می‌کنیم یک دکمه Close واضح (معمولاً به صورت X یا کلمه Close) در بالای باتم شیت به‌جای تکیه کردن منحصراً روی هندل، ارائه کنید. مزیت اضافی این دکمه این است که دسترسی به صفحه‌خوان و صفحه‌کلید را برای کاربرانی که نمی‌توانند صفحه را ببینند یا روی صفحه بکشند، تسهیل می‌کند.
یکی از بزرگترین مشکلات مربوط به باتم شیت ها زمانی رخ می دهد که یک برنامه چندین برگه از این قبیل را روی هم قرار دهد.
به ناچار، کاربران باید صفحه ای را که در حال حاضر در آن هستند در زیر دسته ای از باتم شیت های انباشته روی هم به یاد داشته باشند. و همچنین باید بتوانند بین بستن آخرین باتم شیت و بستن تمام آنها تمایز قایل شوند.
اکیدا توصیه میشود که از یک باتم شیت برای جایگزینی یوزر فلو صفحه به صفحه معمولی استفاده نکنید. باتم شیت یک عنصر رابط کاربری گذرا است که قرار نیست مکانی ثابت برای بازگشت کاربران یا صرف زمان قابل توجهی در آن باشد و از آنها به عنوان یک وقفه کوتاه در مسیر رسیدن به سرویس مورد نظر استفاده میشود نه بهترین یوزر فلوی مطلوب کاربر. به عنوان مثال، از یک باتم شیت برای نمایش صفحه جزئیات محصول فروشگاه استفاده نکنید: کاربر ممکن است بخواهد به محصولات مرتبط، نظرات، یا مشخصات دقیق آن محصول مراجعه کند ولی باتم شیت این قابلیت را به کاربر ارایه نمیدهد و کاربر مجبور میشود با بستن آن دوباره وارد صفحه قبلی شود.
در نهایت، هنگامی که کاربران در یک صفحه زمان قابل توجهی را صرف بررسی اطلاعات (یا گزینه‌های) نمایش داده شده در آن می‌کنند، استفاده از باتم شیت توصیه نمی شود. یک باتم شیت ذاتاً یک عنصر رابط کاربری گذرا است، برای پشتیبانی از تعاملات سریع است و نباید برای نمایش محتوای پیچیده استفاده شود.
باتم شیت یک الگوی رابط کاربری برنامه تلفن همراه است که برای ارائه اطلاعات متنی موقت و در عین حال حفظ دسترسی به محتوای اصلی طراحی شده است.یک باتم شیت می تواند دسترسی سریع به کنترل ها را هنگامی که برای چند گزینه یا برخی اطلاعات اضافی استفاده می شود، فعال کند. با این حال، آنها نباید در بر روی یکدیگر یا برای نمایش مطالب طولانی استفاده شوند.
این مقاله با عنوان اصلی: Bottom Sheets: Definition and UX Guidelines منتشر شده است
