خانه » واژهنامه » اجزای رابط کاربری
با رایج ترین اصطلاحات و تعاریف دنیای طراحی UI/UX آشنا شوید؛ هیچ واژه ای را ندانسته رها نکنید!
کارت‌های رابط کاربری ظرف‌های ماژولاری هستند که محتوا و اقدام‌های مرتبط را در یک بلوک قابل اسکن جمع می‌کنند: تصویر یا پیش‌نمایش، عنوان، توضیح کوتاه،...
ورودی لمسی یعنی انگشت—یا قلم لمسی—به‌عنوان کانال اصلی اشاره، انتخاب و ژست روی سطح حساس به لمس؛ نه مقاله‌ای دربارهٔ «تبلت به‌عنوان کلاس دستگاه» به‌تنهایی....
راهنمای شناور یا tooltip لایهٔ کوچکی از متن کمکی است که وقتی کاربر روی یک عنصر هاور می‌کند، فوکوس صفحه‌کلید می‌گذارد، یا در برخی الگوها...
سوئیچ تغییر وضعیت کنترل دوحالتهٔ رابط است: با یک عمل بین روشن و خاموش جابه‌جا می‌شود و شکلش از کلید فیزیکی الهام گرفته تا همان...
اعلان Toast پیام سبک و موقتی است که روی صفحه ظاهر می‌شود تا نتیجهٔ یک عمل کاربر یا رویداد سیستم را بگوید، بعد از چند...
تب‌ها الگوی رابط‌اند که محتوای مرتبط را زیر برچسب‌های جدا می‌گذارند تا کاربر بدون ترک زمینه یا بارگذاری صفحهٔ کاملاً جدید، بین نماها سوییچ کند....
تبلت دستگاه محاسباتی قابل‌حمل با صفحهٔ لمسی است که از گوشی بزرگ‌تر و از لپ‌تاپ جمع‌وجورتر است؛ معمولاً در بازهٔ حدود هفت تا سیزده اینچ....
جدول در رابط کاربری شبکه‌ای از سطر و ستون است که دادهٔ ساخت‌یافته را برای مقایسه، جست‌وجوی چشمی و خواندن مقدار دقیق کنار هم می‌چیند....
نوار تب کنترل ناوبری سطح‌اول اپلیکیشن است که چند مقصد اصلی را همیشه روی صفحه نگه می‌دارد تا کاربر بدون باز کردن منو یا برگشت...
اسنک‌بار عنصر سبک رابط است که پیام کوتاه و گذرا دربارهٔ نتیجهٔ یک عمل یا رویداد سیستم نشان می‌دهد؛ معمولاً پایین صفحه ظاهر می‌شود، چند...
اسلایدر کنترل رابط کاربری است که با جابه‌جا کردن یک دستگیره روی مسیر مشخص، مقدار یا بازه‌ای را از میان یک مقیاس پیوسته یا گسسته...
کنترل‌های انتخاب (Selection Controls) خانوادهٔ اجزای رابط‌اند که به کاربر اجازه می‌دهند گزینه انتخاب کند یا یک وضعیت را روشن/خاموش کند. هستهٔ این خانواده معمولاً...
تعریف دقیقدکمه‌های رادیویی (radio buttons) الگوی انتخاب تک‌گزینه‌ای در فرم‌ها و تنظیمات هستند: کاربر از میان چند گزینه فقط یکی را برمی‌گزیند و انتخاب جدید...
اعلان پوش پیام کوتاه و اقدام‌پذیری است که از طریق کانال پوش سیستم‌عامل یا مرورگر به دستگاه می‌رسد، حتی وقتی اپ یا سایت در پیش‌زمینه...
ردیاب‌های پیشرفت مؤلفه‌های رابط کاربری‌اند که مرحلهٔ فعلی کاربر در یک کار یا فرایند را نشان می‌دهند: چه چیزهایی تمام شده، الان کجاست، و چه...
افشای تدریجی استراتژی طراحی رابط است که اطلاعات و اقدامات را مرحله‌به‌مرحله آشکار می‌کند: فقط آنچه برای کار فعلی لازم است دیده می‌شود و گزینه‌های...
استراتژی پلتفرم رویکرد مدل کسب‌وکار است که ارزش را با تسهیل تعامل میان تولیدکنندگان و مصرف‌کنندگان بیرونی می‌آفریند و با اثر شبکه و پویایی اکوسیستم،...
مدیر محصول پلتفرم نقش تخصصی مدیریت محصول است که زیربنایی می‌سازد دیگران روی آن ارزش بیافرینند: رابط‌های برنامه‌نویسی، تجربهٔ توسعه‌دهنده، قابلیت گسترش، و رشد اکوسیستم—نه...
متریک‌های عملکرد اندازه‌های کمّی‌اند که پیشرفت به‌سوی اهداف مشخص کسب‌وکار یا محصول را رصد می‌کنند و باید به اقدام منجر شوند—نه فقط به اسلاید زیبا....
صفحه‌بندی الگوی شکستن محتوای بلند یا مجموعه‌های بزرگ به تکه‌های مجزا با کنترل ناوبری است تا کاربر بتواند گام‌به‌گام پیش برود، موقعیت خود را بداند...
اعلان‌ها پیام‌هایی‌اند که محصول برای رساندن رویداد، نیاز به توجه، یا چیزی که کاربر خواسته از آن باخبر شود می‌فرستد—اغلب بیرون از تمرکز جاری کاربر....
مودال الگوی رابطی است که به‌صورت لایهٔ رویی بالای محتوای جاری ظاهر می‌شود و تا وقتی کاربر با آن تعامل نکند یا آن را نبندد،...
کامپوننت‌های منو عناصر رابطی‌اند که گزینه‌ها، فرمان‌ها یا مسیرهای ناوبری را در فهرست ساخت‌یافته به کاربر نشان می‌دهند. برخلاف دکمهٔ منفرد که یک اقدام را...
لودرها مؤلفه‌های دیداری مشخصی‌اند که در سیستم طراحی برای اعلام «سیستم مشغول است» به کار می‌روند: اسپینر، نوار پیشرفت، اسکلتون محتوا، گاه حلقهٔ درصدی یا...
شاخص کلیدی عملکرد یا KPI متریکی است که پیشرفت به‌سوی یک هدف راهبردی مشخص را می‌سنجد. واژهٔ «کلیدی» در این تعریف کار می‌کند: هر عددی...
ورودی‌ها کنترل‌هایی در رابط‌اند که به کاربر اجازه می‌دهند اطلاعات را به سیستم بسپارد: متن، عدد، رمز، ایمیل، تاریخ، فایل، صدا یا انتخاب از میان...
هر محصول دیجیتال، چه کسی آن را طراحی کرده باشد چه نه، یک معماری اطلاعات دارد. کاربر آن را در نام‌های منو، ترتیب دسته‌ها، عمق...
منوی همبرگری کنترلی با سه خط افقی روی هم است که معمولاً در گوشهٔ رابط می‌نشیند و با لمس یا کلیک، کشوی ناوبری، پنل کناری...
فرم‌ها نقاط تعامل حیاتی‌اند که کاربر اطلاعات را به محصول می‌سپارد: ثبت‌نام، ورود، نظرسنجی، تسویه، پشتیبانی، تنظیمات. برخلاف دکمه‌ای که یک اقدام را اعلام می‌کند،...
دکمهٔ اقدام شناور کنترل دایره‌ای برجسته‌ای است که معمولاً روی گوشهٔ پایین صفحه می‌نشیند و یک اقدام اولیهٔ صفحه را نمایندگی می‌کند: ساختن آیتم تازه،...
تحول سازمانی بازطراحی هماهنگ راهبرد، عملیات، فناوری و فرهنگ یک مجموعهٔ بزرگ است تا بتواند در بازارهای دیجیتال رقابت کند، نه اینکه فقط چند ابزار...
دراپ‌داون‌ها (Dropdowns) از رایج‌ترین عناصر رابط کاربری‌اند که چند گزینه را بدون اشغال دائمی فضای صفحه نمایش می‌دهند: محتوا تا زمان فعال‌سازی پنهان می‌ماند و...
جداکننده‌ها عناصر ساده اما مؤثر طراحی‌اند که با ایجاد شکست بصری میان بخش‌ها، به ساختار اطلاعات در رابط دیجیتال—و گاه در محتوای چاپی—کمک می‌کنند. از...
دیالوگ‌ها پنجره‌های کوچک رابط‌اند که روی صفحه اصلی ظاهر می‌شوند تا توجه کاربر را فوری بگیرند. ممکن است اقدام را تأیید کنند، هشدار بدهند، یا...
پایگاه‌های داده یا Databases سامانه‌هایی سازمان‌یافته برای ذخیره، مدیریت و بازیابی اطلاعات دیجیتال‌اند که پایداری، یکپارچگی و دسترسی کنترل‌شده را در مقیاس‌های مختلف تضمین می‌کنند....
کرسرها (Cursors) نشانگرهای بصری کوچکی در محیط‌های دیجیتال‌اند که محل اعمال ورودی کاربر را مشخص می‌کنند و اغلب با تغییر شکل یا سبک، زمینهٔ تعامل...
فرمان یا کامند (Command) در محصول دیجیتال به الگوی اجرا کردن یک عمل مشخص از سوی کاربر گفته می‌شود—چه از طریق خط فرمان، چه پالت...
چیپ‌ها یا Chips اجزای کوچک و معمولاً گرد رابط کاربری‌اند که تکه‌ای از اطلاعات یا یک اقدام فشرده را در قالب فشرده نشان می‌دهند. کاربر...
چت‌جی‌پی‌تی یا ChatGPT مدلی گفت‌وگویی مبتنی بر هوش مصنوعی است که برای شبیه‌سازی دیالوگ طبیعی با کاربر ساخته شده است. این سامانه می‌تواند زمینه مکالمه...
چت در محصول دیجیتال یعنی رابط پیام‌رسانی هم‌زمان یا نزدیک به هم‌زمان بین انسان‌ها: مشتری با پشتیبان، اعضای تیم با هم، یا کاربران در فضای...
کاروسل‌ها یکی از پرتقاضاترین و در عین حال پرریسک‌ترین الگوهای رابط‌اند: ذی‌نفعان فضای بالای صفحه را برای چند پیام می‌خواهند، اما شواهد کاربردپذیری نشان می‌دهد...
تحول فراتر از پروژهٔ تک‌فناوری تحول کسب‌وکار (Business Transformation) فرایند نظام‌مند تغییر بنیادین در استراتژی، عملیات و توانمندی‌های سازمان است تا عملکرد و مزیت رقابتی...
الگوی رابط بردکرامب‌ها در محصول بردکرامب‌ها الگوی ناوبری رابط‌اند که مسیر از خانه یا ریشه تا صفحهٔ جاری را به‌صورت زنجیرهٔ قابل‌کلیک نشان می‌دهند. استعاره...
بنر در رابط محصول کانالی است که پیامی را داخل خود تجربه نشان می‌دهد؛ نه از راه ایمیل یا پوش بیرونی. معمولاً نواری افقی در...
بَج‌ها عناصر بصری کوچک اما اثرگذاری‌اند که در محصول دیجیتال اطلاعات را سریع منتقل می‌کنند. می‌توانند پیشرفت، وضعیت یا دستاورد را نشان دهند و معمولاً...
تکمیل خودکار (Autofill) قابلیت مرورگر یا سیستم‌عامل است که اطلاعات ذخیره‌شده—نام، ایمیل، نشانی، تلفن، و گاه پرداخت—را در فیلدهای فرم می‌نشاند. برای طراحی محصول، این...
تحول اجایل یا Agile Transformation فرایند تغییر سازمانی از شیوه‌های سنتی و متوالی کار به سمت عمل‌هایی است که بر تکرار، همکاری، بازخورد مشتری و...
انطباق‌پذیری به‌عنوان مهارت تیمی نه شعار تغییر انطباق‌پذیری توان تنظیم راهبرد، طراحی و شیوهٔ کار در برابر تغییر نیاز کاربر، جابه‌جایی بازار یا محدودیت فنی...
آکاردئون‌ها الگوی رایجی برای مدیریت تراکم اطلاعات‌اند: مجموعه‌ای از بخش‌های جمع‌شو که به کاربر اجازه می‌دهند فقط همان لایه‌ای را باز کند که الان لازم...
نمودارها داده پیچیده را به شکل، رنگ و ساختار دیداری ترجمه می‌کنند تا الگو و رابطه سریع‌تر از جدول خام فهمیده شود. در محصولات دیجیتال...
چک‌باکس‌ها یا Checkboxes از آشناترین عناصر رابط کاربری‌اند: مربع کوچکی که می‌تواند علامت بخورد یا خالی بماند و به کاربر اجازه می‌دهد گزینه‌ای را روشن...
دکمه‌ها (Buttons) از بنیادی‌ترین اجزای رابط کاربری‌اند: دروازهٔ اقدام برای ارسال فرم، رفتن به صفحهٔ بعد، تأیید خرید یا شروع آزمایش. با وجود سادگی ظاهری،...
چت‌بات نرم‌افزاری است که گفتگو را شبیه‌سازی می‌کند؛ از پاسخ‌های ازپیش‌نوشته تا مدل‌های زبانی پیشرفته. پل بین کاربر و محصول می‌شود تا راهنمایی کند، سؤال...
کاروسل یک کامپوننت رابط است که مجموعه‌ای از آیتم‌های محتوا را درون یک ناحیهٔ نمایش ثابت جابه‌جا می‌کند. کاربر با پیکان، سوایپ، یا نقاط ناوبری...
بردکرامب مفهومی در جهت‌یابی دیجیتال است: ردپای سلسله‌مراتبی که موقعیت فعلی کاربر را نسبت به ریشهٔ سایت یا محصول نشان می‌دهد. برخلاف منوی اصلی که...
طراحی بنر مهارت ساخت پیام بصری کمپین است: هیرو، پرومو، بیلبورد دیجیتال، استوری تبلیغاتی یا بنرهای نمایشی که باید در چند ثانیه دیده، فهمیده و...
نقش آواتار در هویت دیجیتال آواتارها عناصر بصری کوچکی هستند که کاربر را در محیط دیجیتال نمایندگی می‌کنند: عکس، تصویرسازی، حروف اول نام، یا کاراکتر...
تکمیل خودکار فرم قابلیتی در مرورگرها و برخی اپلیکیشن‌هاست که اطلاعات ذخیره‌شدهٔ کاربر—نام، نشانی، ایمیل، تلفن، رمز، و گاه جزئیات پرداخت—را بدون تایپ دوباره داخل...
اعلان‌های هشدار یا Alert Notifications پیام‌های تولیدشده توسط سیستم‌اند که کاربر را از رویدادی آگاه می‌کنند که نیاز به توجه دارد. بسته به بستر و...
فید فعالیت مؤلفه یا سطحی از رابط است که جریان زمانی رویدادها، اقدام‌ها یا به‌روزرسانی‌های مرتبط را نشان می‌دهد. در شبکه‌های اجتماعی، ابزارهای همکاری و...
آناتومی یک آکاردئون؛ از ماشه تا پنل آکاردئون مؤلفهٔ رابط کاربری است که محتوا را در بخش‌های جمع‌شو نشان می‌دهد. هستهٔ آن یک هدر یا...