https://virgool.io/feed/@kiana__uiux کیانام دانشجوی کامپیوتر و علاقه مند به دنیای UiUx✨ fa 2026-06-16 20:28:55 https://files.virgool.io/upload/users/4164939/avatar/YqjH41.jpg?height=120&width=120 https://virgool.io/@kiana__uiux https://virgool.io/@kiana__uiux/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%85%D9%88%D8%AF%D8%A7%D9%84-modal-%D8%AF%D8%B1-uiux-zhfkwgnh1v7z مودال‌ها یکی از الگوهای متداول در طراحی رابط کاربری هستند که برای جلب توجه کاربر به یک پیام یا عمل خاص استفاده می‌شوند.در واقع، مودال‌ها مانند یک «لایه‌ی موقت» روی صفحه ظاهر می‌شوند و کاربر باید ابتدا با آن‌ها تعامل داشته باشد تا بتواند به محتوای اصلی برگردد.اگرچه مودال‌ها ابزار قدرتمندی هستند، اما استفاده نادرست از آن‌ها می‌تواند تجربه کاربری را به‌شدت مختل کند.⸻تعریف مودالمودال یک پنجره‌ی موقتی است که روی محتوای اصلی باز می‌شود و تمرکز کاربر را به خود جلب می‌کند. این پنجره معمولاً برای تأیید، نمایش هشدار، فرم ورود، یا نمایش اطلاعات اضافی استفاده می‌شود.کاربر تا زمانی که مودال را ببندد، نمی‌تواند با سایر بخش‌های صفحه تعامل داشته باشد.⸻کاربردهای رایج مودال در طراحی 1. تأیید انجام عملیات (مثلاً حذف فایل یا خروج از حساب) 2. نمایش پیام‌های هشدار یا موفقیت 3. فرم‌های ورود، ثبت‌نام یا بازیابی رمز عبور 4. نمایش جزئیات بدون ترک صفحه (مثلاً مشاهده جزئیات محصول) 5. درخواست مجوز از کاربر (مثلاً فعال‌سازی نوتیفیکیشن یا دسترسی به موقعیت مکانی)⸻مزایای استفاده از مودال • جلب کامل توجه کاربر روی یک موضوع خاص • صرفه‌جویی در فضا، چون اطلاعات در همان صفحه نمایش داده می‌شوند • امکان انجام سریع‌تر کارهای ساده بدون بارگذاری مجدد صفحه⸻معایب استفاده از مودال • اگر بیش‌ازحد استفاده شوند، باعث خستگی ذهنی و مزاحمت برای کاربر می‌شوند. • ممکن است کاربر در دستگاه‌های موبایل در بستن مودال دچار مشکل شود. • اگر مودال بدون هدف روشن نمایش داده شود، باعث قطع جریان ذهنی کاربر (Flow) می‌شود.⸻اصول طراحی مودال مؤثر۱. هدف مشخص داشته باشدقبل از طراحی مودال، باید بدانید دقیقاً چرا از آن استفاده می‌کنید. اگر می‌توان همان پیام را در داخل صفحه یا از طریق نوتیفیکیشن ساده منتقل کرد، نیازی به مودال نیست.۲. طراحی ساده و متمرکزمحتوای مودال باید کوتاه، مستقیم و هدف‌دار باشد. نباید در آن متن‌های طولانی یا چندین دکمه قرار گیرد. کاربر باید بتواند در چند ثانیه متوجه منظور شود.۳. وضوح در عمل اصلی (Primary Action)دکمه‌ی اصلی (مثلاً “تأیید” یا “ادامه”) باید واضح‌تر از سایر گزینه‌ها باشد. بهتر است رنگ یا استایل متفاوتی داشته باشد تا کاربر بلافاصله متوجه شود چه کاری باید انجام دهد.۴. امکان بستن آسان مودالکاربر باید بتواند به‌راحتی مودال را ببندد؛ چه با کلیک روی دکمه‌ی “X”، چه با زدن کلید Esc یا کلیک روی ناحیه‌ی بیرونی مودال (در صورتی که محتوای حساس نباشد).۵. طراحی واکنش‌گرا (Responsive)مودال باید در دستگاه‌های موبایل هم به‌درستی نمایش داده شود. استفاده از مودال تمام‌صفحه (Full-screen modal) در موبایل معمولاً تجربه بهتری ایجاد می‌کند.۶. تار شدن پس‌زمینه (Overlay)وقتی مودال باز می‌شود، پس‌زمینه باید کمی تار یا تیره شود تا تمرکز کاربر روی پنجره‌ی مودال باقی بماند. اما شدت تیرگی نباید آن‌قدر زیاد باشد که محتوای اصلی کاملاً نامرئی شود.۷. دسترسی‌پذیری (Accessibility)وقتی مودال باز می‌شود، فوکوس باید به اولین المان داخل مودال منتقل شود تا کاربران با کیبورد یا صفحه‌خوان هم بتوانند با آن تعامل داشته باشند.⸻خطاهای رایج در طراحی مودال • باز شدن مودال به‌صورت ناگهانی و بدون دلیل واضح • وجود چند مودال تو در تو (Nested Modals) • قرار دادن محتوای زیاد یا پیچیده داخل مودال • نداشتن دکمه بستن واضح • تغییر اندازه‌ی نادرست در نمایشگرهای کوچک⸻جمع‌بندیمودال‌ها ابزار قدرتمندی برای جلب توجه کاربر و انتقال پیام‌های مهم هستند، اما فقط زمانی باید از آن‌ها استفاده کرد که کاملاً ضروری باشد.طراحی مؤثر مودال یعنی ایجاد تعادل بین تمرکز و مزاحمت. اگر با هدف درست، ساختار ساده، و مسیر خروج روشن طراحی شوند، تجربه‌ای حرفه‌ای و بدون تنش برای کاربر ایجاد می‌کنند. kiana__uiux kiana__uiux Fri, 10 Oct 2025 16:18:12 +0330 https://virgool.io/@kiana__uiux/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-progress-tracker-%D8%AF%D8%B1-uiux-lkoxtbijxy5v Progress Tracker یا نشانگر پیشرفت، یکی از المان‌های مهم در تجربه کاربری است که به کاربر نشان می‌دهد در چه مرحله‌ای از یک فرآیند قرار دارد و چقدر تا پایان مسیر باقی مانده است.از فرم‌های چندمرحله‌ای گرفته تا خرید آنلاین، ثبت‌نام، یا تنظیمات حساب کاربری — وجود یک Progress Tracker باعث می‌شود کاربر احساس کنترل و اطمینان بیشتری داشته باشد.⸻چرا Progress Tracker مهم است؟وقتی کاربر نداند چند مرحله پیش رو دارد یا در چه مرحله‌ای قرار گرفته، احتمال ترک فرآیند به‌طور قابل توجهی بالا می‌رود.Progress Tracker با ایجاد شفافیت، اضطراب کاربر را کاهش می‌دهد و باعث می‌شود مسیر انجام کار قابل پیش‌بینی و قابل درک باشد.به زبان ساده، این عنصر به کاربر می‌گوید:«الان کجایی، چقدر رفتی، و چقدر مونده.»⸻انواع Progress Tracker۱. خطی (Linear):در این نوع، مراحل به‌صورت یک خط افقی یا عمودی نمایش داده می‌شوند. مناسب برای فرم‌ها یا فرآیندهایی است که ترتیب مراحل اهمیت دارد، مثل ثبت سفارش یا ساخت حساب کاربری.۲. دایره‌ای (Circular):یک دایره که بخشی از آن با پیشرفت کار پر می‌شود. معمولاً در اپلیکیشن‌های سلامتی، دانلود فایل، یا تسک‌های تکی استفاده می‌شود.۳. عددی (Numeric):در این مدل، درصد یا عدد مراحل نمایش داده می‌شود (مثل “Step 2 of 4”). این روش ساده ولی بسیار شفاف است.۴. ترکیبی:در بسیاری از طراحی‌ها از ترکیب حالت‌های بالا استفاده می‌شود، مثلاً خطی همراه با متن یا عدد برای شفافیت بیشتر.⸻اصول طراحی یک Progress Tracker مؤثر۱. شفافیت در مراحل:هر مرحله باید واضح و قابل تشخیص باشد. اگر فرآیند ۴ مرحله دارد، همه مراحل باید از ابتدا قابل دیدن باشند تا کاربر بداند چقدر مسیر باقی مانده است.۲. استفاده از نشانه‌های بصری:تغییر رنگ، آیکون تیک، یا پر شدن بخشی از نوار پیشرفت باید به‌وضوح نشان دهد که مرحله‌ای کامل شده است. این تغییرهای بصری حس پیشرفت و رضایت را افزایش می‌دهند.۳. ثبات در طراحی:سبک و رنگ Progress Tracker باید با سایر اجزای رابط کاربری هماهنگ باشد تا حس یکپارچگی حفظ شود.۴. استفاده از بازخورد (Feedback):پس از تکمیل هر مرحله، فیدبک کوتاه و واضح بده. مثلاً نمایش تیک سبز یا جمله‌ای مثل «مرحله ۲ با موفقیت انجام شد».۵. طراحی برای موبایل:در صفحه‌های کوچک نباید Progress Tracker بیش از حد فضا بگیرد. بهتر است از نسخه ساده‌تر، مثل نمایش عددی (Step 2 of 5) استفاده شود.۶. عدم ایجاد فشار ذهنی:اگر مراحل زیاد هستند، تقسیم‌بندی آن‌ها به بخش‌های کوچک‌تر یا گروهی (مثل ۳ بخش اصلی با زیرمرحله‌ها) می‌تواند از خستگی کاربر جلوگیری کند.⸻خطاهای رایج در طراحی Progress Tracker • استفاده از رنگ‌هایی که تفاوت مراحل انجام‌شده و انجام‌نشده را واضح نشان نمی‌دهند. • نمایش ندادن تعداد کل مراحل (مثلاً فقط نوشتن “مرحله فعلی” بدون اطلاع از مراحل بعدی). • طراحی‌های پیچیده و شلوغ که به‌جای کمک، باعث گیجی کاربر می‌شوند.⸻جمع‌بندیProgress Tracker یکی از عناصر کوچک اما حیاتی در طراحی تجربه کاربری است. هدف آن تنها نمایش میزان پیشرفت نیست، بلکه ایجاد حس کنترل، شفافیت و انگیزه در کاربر است.وقتی کاربر دقیق بداند در چه مرحله‌ای قرار دارد و چه چیزی در پیش است، با اطمینان بیشتری فرآیند را تا انتها دنبال می‌کند.در واقع، یک Progress Tracker خوب، به‌جای اینکه فقط مسیر را نشان دهد، تجربه‌ای روان، قابل‌پیش‌بینی و مطمئن برای کاربر می‌سازد kiana__uiux kiana__uiux Fri, 10 Oct 2025 16:17:03 +0330 https://virgool.io/@kiana__uiux/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%87%D8%AF%D8%B1-%D9%88-%D9%81%D9%88%D8%AA%D8%B1-%D8%AF%D8%B1-uiux-uhf55mjqgdgw هدر (Header) و فوتر (Footer) از اصلی‌ترین بخش‌های هر صفحه در طراحی رابط کاربری هستند. این دو بخش معمولاً در تمام صفحات تکرار می‌شوند و نقش مهمی در جهت‌دهی کاربر، دسترسی سریع به بخش‌های کلیدی و حفظ هویت برند دارند.⸻هدر چیست و چرا اهمیت دارد؟هدر بخش بالایی صفحه است که معمولاً اولین چیزی است که کاربر می‌بیند. هدف اصلی آن ایجاد دسترسی سریع به قسمت‌های مهم، معرفی برند و کمک به جهت‌یابی کاربر در سایت یا اپلیکیشن است.نکات کلیدی در طراحی هدر:۱. وضوح و سادگی:کاربر باید بتواند در چند ثانیه متوجه شود سایت یا اپلیکیشن درباره‌ی چیست. هدر باید ساده، خلوت و بدون شلوغی اضافه باشد.۲. جای‌گذاری درست لوگو:لوگو معمولاً در سمت چپ یا مرکز هدر قرار می‌گیرد. این بخش به هویت بصری برند کمک می‌کند و باید همیشه در دسترس باشد تا کاربر بتواند با کلیک روی آن به صفحه اصلی بازگردد.۳. مسیر‌یابی (Navigation):منوی اصلی باید در هدر باشد و لینک‌های آن واضح و کوتاه باشند. در موبایل می‌توان از منوی همبرگری (Hamburger Menu) برای صرفه‌جویی در فضا استفاده کرد.۴. هماهنگی با برند:رنگ‌ها، تایپوگرافی و فاصله‌ها باید با سایر بخش‌های برند سازگار باشند. هدر اولین تماس بصری کاربر با برند است، پس حس کلی طراحی را منتقل می‌کند.۵. رفتار در اسکرول:در صفحات طولانی، بهتر است هدر در بالای صفحه ثابت بماند (Sticky Header) تا کاربر همیشه به منو یا دکمه‌های اصلی دسترسی داشته باشد. البته باید دقت کرد ارتفاع آن زیاد نباشد تا محتوای صفحه را نپوشاند.⸻فوتر چیست و چه نقشی دارد؟فوتر در پایین‌ترین بخش صفحه قرار می‌گیرد و معمولاً آخرین جایی است که کاربر می‌بیند. اما بر خلاف ظاهر ساده‌اش، نقش مهمی در تکمیل تجربه کاربری دارد. فوتر محلی برای لینک‌های ثانویه، اطلاعات تماس، قوانین سایت، شبکه‌های اجتماعی و گاهی فرم عضویت در خبرنامه است.نکات کلیدی در طراحی فوتر:۱. ساختار منظم:لینک‌ها را در گروه‌های مشخص دسته‌بندی کن؛ مثلاً: • درباره ما • تماس با ما • سوالات متداول • قوانین و حریم خصوصیاین دسته‌بندی باعث می‌شود فوتر خواناتر و کاربردی‌تر باشد.۲. استفاده از رنگ و کنتراست مناسب:فوتر باید از نظر بصری با محتوای صفحه قابل تشخیص باشد، اما تضاد رنگی آن نباید زیاد باشد تا حس جدایی ایجاد نکند. معمولاً از رنگ‌های تیره‌تر برای فوتر استفاده می‌شود.۳. اطلاعات تماس و شبکه‌های اجتماعی:قرار دادن آدرس ایمیل، شماره تماس یا آیکون شبکه‌های اجتماعی در فوتر باعث می‌شود کاربر به راحتی بتواند با برند ارتباط برقرار کند.۴. لینک بازگشت به بالا (Back to top):در صفحات طولانی، دکمه‌ای برای بازگشت سریع به بالای صفحه می‌تواند تجربه کاربری را بهبود دهد.۵. تناسب با طراحی کلی:فوتر نباید صرفاً محلی برای اطلاعات اضافی باشد. هماهنگی رنگ، فاصله و تایپوگرافی آن با بقیه صفحه باعث یکپارچگی طراحی می‌شود.⸻نکات کلی در طراحی هدر و فوتر • هر دو بخش باید از نظر بصری سبک، منظم و با ساختار مشخص باشند. • در نسخه موبایل باید ساده‌تر و جمع‌وجورتر طراحی شوند تا فضا اشغال نکنند. • استفاده از فضای سفید و فاصله‌گذاری اصولی باعث خوانایی بهتر و حس تعادل می‌شود. • هدر و فوتر هر دو باید حس اعتماد و حرفه‌ای بودن را منتقل کنند، چون در تمام صفحات تکرار می‌شوند و بخشی از هویت تجربه کاربری محسوب می‌شوند.⸻جمع‌بندیهدر و فوتر، چارچوب اصلی هر رابط کاربری هستند. هدر مسیر را به کاربر نشان می‌دهد و فوتر تجربه را کامل می‌کند. طراحی درست این دو بخش، باعث انسجام، اعتماد و راحتی در استفاده از محصول می‌شود. توجه به جزئیات ظاهراً کوچک در این قسمت‌ها، تفاوت میان یک طراحی معمولی و یک تجربه کاربری حرفه‌ای را رقم می‌زند. kiana__uiux kiana__uiux Fri, 10 Oct 2025 16:15:43 +0330 https://virgool.io/@kiana__uiux/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-input-%D8%AF%D8%B1-uiux-vjjgqdwxro6o ورودی ها یا Inputها یکی از کلیدی‌ترین بخش‌های تجربه کاربری هستند. هر جایی که کاربر داده‌ای وارد می‌کند، درواقع با سیستم در تعامل است. بنابراین طراحی درست آن‌ها تأثیر مستقیمی روی احساس راحتی، درک و اعتماد کاربر دارد.⸻اهمیت طراحی درست Inputدر نگاه اول، یک input شاید ساده به نظر برسد، اما اگر درست طراحی نشود، می‌تواند تجربه کاربر را به شدت خراب کند. فرم‌هایی که در آن‌ها برچسب‌ها واضح نیستند، خطاها مشخص نمی‌شوند یا فیلدها با نوع داده هماهنگی ندارند، معمولاً باعث خستگی یا ترک فرآیند توسط کاربر می‌شوند.⸻اصول طراحی مؤثر برای Input۱. وجود Label واضح و پایدارنباید فقط از Placeholder به عنوان راهنما استفاده کرد، زیرا با شروع تایپ، Placeholder ناپدید می‌شود و ممکن است کاربر فراموش کند باید چه چیزی وارد کند. وجود Label ثابت یا استفاده از برچسب شناور (Floating Label) بهترین روش است.۲. طراحی حالت‌های مختلف (States)هر input باید حالت‌های بصری مختلفی داشته باشد تا کاربر بداند در چه وضعیتی است:• حالت پیش‌فرض (Default)• حالت فوکوس (Focused)• حالت پر شده (Filled)• حالت خطا (Error)• حالت غیرفعال (Disabled)تغییر رنگ، ضخامت خط یا نمایش متن راهنما می‌تواند به انتقال این حالت‌ها کمک کند.۳. نمایش فیدبک به کاربروقتی داده اشتباه وارد می‌شود یا فیلد الزامی خالی می‌ماند، باید بلافاصله بازخورد داده شود. پیام‌های خطا باید واضح و محترمانه باشند و با رنگ مناسب (معمولاً قرمز) نمایش داده شوند. مثال: «فرمت ایمیل وارد شده صحیح نیست».۴. تناسب اندازه و نوع دادهابعاد و نوع input باید متناسب با نوع داده باشد. برای مثال فیلد «کد ملی» باید کوتاه و فقط عددی باشد، در حالی که فیلد «آدرس» باید بلندتر باشد. این هماهنگی باعث می‌شود کاربر به صورت ناخودآگاه نوع داده را تشخیص دهد.۵. سادگی و استفاده از فضای سفید (Whitespace)فاصله کافی بین فیلدها و طراحی خلوت باعث می‌شود فرم راحت‌تر خوانده شود و کاربر استرس کمتری هنگام وارد کردن داده داشته باشد.۶. استفاده درست از آیکون‌ها و نشانه‌های بصریآیکون‌ها می‌توانند درک کاربر را سریع‌تر کنند. مثلاً آیکون قفل برای رمز عبور یا پاکت نامه برای ایمیل. اما نباید زیاده‌روی کرد، چون ممکن است طراحی را شلوغ کند.۷. رعایت اصول دسترسی‌پذیری (Accessibility)تمام کاربران باید بتوانند با فرم تعامل داشته باشند. بنابراین کنتراست رنگ‌ها باید مناسب باشد، اندازه فونت خوانا باشد، و رنگ تنها نشانه وضعیت نباشد (مثلاً در حالت خطا علاوه بر رنگ از متن یا آیکون نیز استفاده شود).۸. بهینه‌سازی برای موبایلدر طراحی برای موبایل باید نوع کیبورد با نوع داده سازگار باشد. مثلاً برای فیلد عددی، کیبورد عددی نمایش داده شود و برای ایمیل، کیبورد مخصوص ایمیل. این جزئیات تجربه کاربری را بسیار بهتر می‌کند.۹. نمایش میزان پیشرفت در فرم‌های چندمرحله‌ایاگر فرم شامل چند مرحله است، بهتر است به کاربر نشان داده شود که در کدام مرحله قرار دارد و چند مرحله باقی مانده است. این کار باعث می‌شود احساس کنترل و اطمینان بیشتری داشته باشد.⸻جمع‌بندیطراحی Input فقط مربوط به زیبایی بصری نیست. هر فیلد در واقع پلی میان کاربر و سیستم است. اگر این پل با دقت و منطق طراحی شود، کاربر احساس اعتماد و تسلط بیشتری پیدا می‌کند و تجربه کلی محصول به شکل محسوسی بهبود می‌یابد kiana__uiux kiana__uiux Fri, 10 Oct 2025 16:14:09 +0330 https://virgool.io/@kiana__uiux/%D8%AA%D8%A7%D8%AB%DB%8C%D8%B1-%D8%A2%DB%8C%DA%A9%D9%88%D9%86-%D9%87%D8%A7-%D8%B1%D9%88%DB%8C-%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-ouqnvahrwxlf آیکون‌ها تو طراحی تجربه کاربری خیلی خیلی مهمن! چون کمک می‌کنن مفهوم رو سریع و راحت برسونیم. مثلا یه دکمه با یه آیکون درست، مثل ذره‌بین برای سرچ، خیلی سریع می‌فهمونی قراره چیکار کنی.ولی اگه آیکون‌ها رو اشتباه استفاده کنیم، ممکنه کاربر گیج بشه و حتی کلا عملیات رو ول کنه! یعنی به‌جای کمک، باعث سردرگمی و کلی دردسر می‌شن.حالا چرا این موضوع اینقدر مهمه؟ چون وقتی کاربر گیج بشه، مثلا نرخ تبدیل (یعنی چند نفر از بازدیدکننده‌ها مشتری شدن) کم میشه، تیکت‌های پشتیبانی زیاد میشه و رضایت کاربر هم پایین میاد. مخصوصا تو موبایل که فضای صفحه کوچیکه، آیکون‌ها نقش بزرگتری دارن.⸻کدوم آیکون‌ها گیج‌کننده‌اند؟• اونایی که خیلی مفهومی هستن و سخت میشه فهمید یعنی چی• آیکون‌هایی که چند تا معنی می‌تونن داشته باشن• آیکون‌هایی که فقط یه گروه خاص (مثلاً یه فرهنگ یا یه نسل) می‌تونن بفهمن• آیکون‌هایی که خیلی شبیه هم هستن و کاربر نمیتونه تشخیص بده کدوم چیه⸻یه نکته مهم:تا جایی که می‌تونی از یه مجموعه آیکون (آیکون پک) استفاده کن. یعنی همه آیکون‌ها یه سبک و یه حال و هوا داشته باشن. اینطوری سایت یا اپ‌هات حرفه‌ای‌تر دیده می‌شن و کاربر هم راحت‌تر می‌فهمه چی به چیه.⸻اگر خودت بخوای آیکون طراحی کنی، حواست باشه قوانین سبک یا style guide رو رعایت کنی.⸻فرمت آیکون چی باشه؟• بهترین‌ها svg و فونت آیکون هستن• فرمت‌هایی مثل jpg و png مشکل دارن چون:• وقتی سایز صفحه تغییر می‌کنه، خوب واکنشگرا نیستن• نمی‌شه راحت رنگشون رو تغییر داد• حجمشون بیشتره• و برای دسترسی افراد با نیازهای خاص (screen reader) خوب نیستن⸻آیکون‌ها باید فقط جای خالی رو پر نکنن، باید یه هدف داشته باشن:1. به کاربر کمک کنن سریع‌تر بفهمه مطلب چیه2. کاری انجام بدن (مثلاً کلیک بشن)3. ظاهر سایت رو جذاب‌تر و منظم‌تر کنن4. تو جاهایی که جای متن نیست (مثل موبایل) جای متن رو بگیرن⸻آیکون‌ها باید کمک کنن کاربر راحت‌تر متن رو اسکن کنه.اگه آیکون برای یه کاری هست که کاربر باید انجام بده، شفاف بودنش خیلی مهمه و بهتره:• همیشه یه لیبل یا توضیح داشته باشه، مگر اینکه:• فضا خیلی کم باشه (مثلاً موبایل)• آیکون خیلی شناخته شده باشه (مثل ذره‌بین برای جستجو)• تست شده باشه و حداقل ۹۵٪ کاربرا گیج نشده باشن⸻چند نکته برای آیکون‌ها:• از آیکون‌های شناخته شده استفاده کن• حتما تستش کن روی کاربر واقعی• اگه می‌تونی وقتی موس رو روش میاری یه توضیح (tooltip) نشون بده که بگه این آیکون چیه• بهتره همیشه ترکیب آیکون + نوشته باشه⸻رنگ آیکون‌ها رو بهتره با رنگ تم سایت یکی کنی، نه اینکه خیلی جلب توجه کنن. اینجوری ظاهر سایت تمیز و حرفه‌ای می‌مونه.⸻خلاصه‌اش:طراحی آیکون فقط درست کردن یه شکل قشنگ نیست، باید شفاف و کاربردی باشه تا کاربر راحت بفهمه و تجربه خوبی داشته باشه. kiana__uiux kiana__uiux Sat, 09 Aug 2025 07:05:51 +0330