برچسب دکمهها: چرا «OK» متن اشتباهی برای دکمه است و به‌جایش چه بنویسیم
دکمه باید بگوید با لمس کردنش چه اتفاقی می‌افتد. چرا OK، Yes، No و Submit شکست می‌خورند، قاعده «اول فعل» پشت راهنمای خود Apple، شش جایگزین برای کپی کردن و آزمون پنج‌ثانیه‌ای برای هر دیالوگ.
دکمهای که OK روی آن نوشته شده، آدم را مجبور میکند سؤال را دوباره بخواند تا بفهمد OK یعنی چه. «OK، حذفش کن؟» یا «OK، بی‌خیال؟» برچسب دکمه باید بگوید با لمسش چه اتفاقی می‌افتد، تا کسی مجبور نشود جای دیگری دنبال جواب بگردد. این چهار قاعده است، هرکدام کنار هم بازسازی شده، به‌همراه شش جایگزین که می‌توانید کپی کنید.
چرا OK شکست میخورد
OK به سؤال در ذهن کسی جواب میدهد که آن را نوشته. خواننده باید عنوان را در حافظه نگه دارد، جمله را با OK در انتها بازسازی کند و تصمیم بگیرد این همان چیزی است که می‌خواهد یا نه. در یک دیالوگ مخرب این یک قمار است، چون دو دکمه شبیه هم‌اند و دکمه خطرناک نمی‌گوید که خطرناک است.
درباره Yes، No، Submit، Continue و Confirm هم همین‌طور است. همه‌شان پاسخ به یک سؤال یا یک مرحله کلی در فرم‌اند، نه چیزی که قرار است اتفاق بیفتد. وقتی برچسب بار عمل را حمل نکند، عنوان و متن توضیح باید این کار را بکنند، و مردم پیش از خواندن لمس میکنند.
Apple در Human Interface Guidelines بخش هشدارها همین را میگوید: عنوانی یک یا دوکلمه‌ای که نتیجه انتخاب دکمه را توصیف کند، و ترجیح فعل‌ها و عبارت‌های فعلی که مستقیم به متن هشدار مربوط‌اند. مقاله ما درباره نمونه پیام‌های خطا کلمات اطراف دکمه را پوشش میدهد. این یکی درباره خود دکمه است.
اصلاح ۱: بگویید چه میکند
OK
Delete
فعل را مستقیم از عنوان کپی کنید. «Delete this photo?» دکمه Delete میگیرد و «Block this account?» دکمه Block.
اگر فعل جا نمی‌شود، احتمالاً عنوان مبهم است، پس عنوان را درست کنید.
اصلاح ۲: Yes و No را کنار بگذارید، Cancel را نگه دارید
No / Yes
Cancel / Leave
Yes و No خواننده را وادار میکنند پاسخشان را روی جمله نگاشت کنند. Cancel تنها کلمه کلی‌ای است که ارزش نگه داشتن دارد، چون معنایش هرگز عوض نمی‌شود: عقبنشینی، و هیچ اتفاقی نمیافتد. راهنمای Apple هم همین است: از Yes و No پرهیز کنید و برای دکمهای که عمل را لغو میکند همیشه Cancel بگذارید.
اصلاح ۳: نتیجه را نام ببرید
Submit
Pay $24.00
بهترین برچسب اغلب شیء یا مبلغ را هم حمل میکند: Send $50، Create Account، View Invoice، Save Draft. این در لحظه‌هایی که هزینه دارند، مثل پرداخت، ارسال یا حذف، از همه مهم‌تر است، چون دکمه آخرین چیزی است که پیش از تعهد خوانده می‌شود.
اصلاح ۴: یک یا دو کلمه
پنج کلمه
دو کلمه
برچسب‌های کوتاه در ترجمه و صفحه‌های کوچک هم جان به در می‌برند. دکمهای پنج‌کلمه‌ای در انگلیسی در آلمانی یا روسی بلندتر می‌شود و شروع به شکستن خط یا بریده شدن میکند. دو کلمه جا برای رشد باقی می‌گذارد.
شش جایگزین
| بهجای | بگویید | کِی |
|---|---|---|
| OK | Delete | بعد از «Delete this photo?» |
| Yes | Leave | بعد از «Leave without saving?» |
| Submit | Pay $24.00 | در خلاصه پرداخت |
| Click Here | View Invoice | روی لینک یا دکمهای که چیزی را باز میکند |
| Continue | Create Account | در انتهای فرم ثبت‌نام |
| Confirm | Send $50 | بعد از خلاصه انتقال |
وقتی OK درست است
Apple دقیقاً یک کاربرد را مجاز می‌داند: هشدارهای اطلاعرسان، جایی که چیزی برای تصمیم‌گیری نیست و تنها کار دکمه بستن پیام است. «Your session has ended» با دکمه OK اشکالی ندارد. هر چیزی که انتخابی در آن باشد باید فعل بگیرد. حتی در هشدار اطلاعرسان هم وقتی کلمه‌ای دقیق‌تر مثل Got It یا Sign In Again قدم بعدی را توصیف کند، میتواند بهتر باشد.
آزمون پنج‌ثانیه‌ای
عنوان و متن را بپوشانید و فقط دکمهها را بخوانید. اگر هنوز می‌شود فهمید هرکدام چه میکند، برچسب‌ها درست‌اند. اگر نمی‌شود، برچسب برای معنا داشتن به سؤال تکیه کرده است.
آن را روی هر دیالوگ محصولتان، روی toastها و روی تک دکمه هر فرم اجرا کنید. چند دقیقه طول می‌کشد و ارزان‌ترین تغییر متنی است که یک تیم میتواند بدهد. برای انتخاب میان دیالوگ و sheet در وهله اول، modal در برابر bottom sheet را ببینید.
سؤالات متداول
بهجای OK روی دکمه چه بنویسیم؟
فعلِ سؤال. دیالوگی که میپرسد «Delete this photo?» باید دکمهای با متن Delete داشته باشد. OK فقط به هشداری میخورد که اطلاع میدهد و تصمیمی نمیخواهد.
استفاده از Yes و No روی دکمهها بد است؟
معمولاً بله. آنها مردم را وادار میکنند پاسخ را روی جمله نگاشت کنند و اشتباه بخوانند، مثل «Leave without saving?». برای عمل از فعل و برای عقبنشینی از Cancel استفاده کنید. راهنمای Apple میگوید در هشدارها از Yes و No پرهیز کنید.
Cancel بگذارم یا No؟
Cancel. همیشه یعنی عقبنشینی و هیچ اتفاقی نمیافتد. No بسته به شیوه بیان سؤال میتواند معناهای مختلف داشته باشد.
متن دکمه چند کلمه باشد؟
یک یا دو. نتیجه را نام ببرید، مثل Delete Account یا Pay $24.00، و هر توضیحی را در متن بالای آن بگذارید.
چرا Submit برچسب بدی برای دکمه است؟
Submit میگوید فرم چه میکند، نه اینکه آدم چه چیزی میگیرد یا خرج میکند. برچسبی مثل Pay $24.00، Send Message یا Create Account نتیجه را و، جایی که مهم است، مبلغ را نام میبرد.
Apple درباره دکمههای OK چه میگوید؟
Human Interface Guidelines اپل میگوید از OK بهعنوان عنوان دکمه پیشفرض پرهیز کنید، مگر اینکه هشدار صرفاً اطلاعرسان باشد، و فعلهایی را ترجیح دهید که نتیجه لمس را توصیف میکنند.
منابع
- Apple Human Interface Guidelines، Alerts: عنوانی یک یا دوکلمه‌ای که نتیجه انتخاب دکمه را توصیف کند، فعل‌ها و عبارت‌های فعلی مرتبط مستقیم با متن هشدار، OK فقط در هشدارهای اطلاعرسان، پرهیز از Yes و No، و Cancel برای عنوان دکمهای که عمل هشدار را لغو میکند. همچنین میگوید از OK بهعنوان عنوان دکمه پیشفرض پرهیز کنید، مگر اینکه هشدار صرفاً اطلاعرسان باشد.
- دیالوگ‌ها و خلاصه سفارش بالا نمونه‌های خود ما هستند. تعداد کلمات، از جمله پنج‌کلمه‌ای «Yes, Delete My Account Forever»، از روی برچسب‌های نمایش‌داده‌شده شمرده شده است.
- نخستین بار به‌صورت کاروسل در UX Brainy منتشر شد.
Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.
Get Started
