https://virgool.io/feed/@hosein.yaghoutian fa 2026-06-16 16:58:50 https://files.virgool.io/upload/users/3226389/avatar/GNnsMW.png?height=120&width=120 https://virgool.io/@hosein.yaghoutian https://virgool.io/@hosein.yaghoutian/checking-user-experience-problems-of-a-landing-page-qvgggh1st8rm در این مقاله، می‌خواهیم به بررسی مشکلات دیزاین صفحه لندینگ پیج سایت همراه اول بپردازیم.معماری اطلاعات پیچیده: در هدر سایت بخش اینترنت، تعرفه و طرح‌های تشویقی، سرویس‌ها و محصولات، صورت‌حساب/شارژ می‌توانند با هم ادغام شده به صورتی که خدماتی که جنبه‌ی فیزیکی دارند مثل فروش سیم‌کارت و مودم تحت عنوان فروشگاه و تمام سرویس‌ها تحت عنوان محصولات و خدمات دسته‌بندی شوند. همچنین در صورتی که بخش اخبار و رویدادها برای کسب‌وکار حائز اهمیت است می‌تواند به هدر منتقل شود. شکسته شدن فلوی کاربری: عدم ارائه بخش جست‌وجو در خود هدر و باز شدن به صورت مودال باعث وقفه در مرور سایت می‌شود.عدم وجود نسبت تصویر ثابت برای بخش هیرو باعث می‌شود در نمایشگرهای عریض‌تر، بخش هیرو viewport زیادی را اشغال کرده و محتوای viewportهای بعدی قابل مشاهده نباشد و کاربر به اسکرول کردن ترغیب نشود.سرعت پایین لود مجدد مطالب در انتهای کروسل، باعث سردرگمی کاربر می‌شود.عدم کنتراست رنگ‌بندی: تکیه بیش از حد بر استفاده از رنگ‌های برند (تحت عنوان رنگ اولیه و ثانویه) و عدم استفاده از تینت‌ و شیدهای متنوعی از آن‌ها باعث از بین رفتن سلسله مراتب بصری و عدم کنتراست مناسب شده است.عدم انسجام بصری: تفاوت radius دکمه‌ها در یک صفحهتفاوت ضخامت خطوط آیکون‌ها حسین یاقوتیان حسین یاقوتیان Mon, 29 Apr 2024 20:38:52 +0330 https://virgool.io/@hosein.yaghoutian/hero-design-key-tips-to-attract-users-eldussu3oorv در دیزاین رابط کاربری، هیرو (Hero) یک نقطه مهم است. این قسمت اولین تصویر یا ویدیویی است که کاربر در یک صفحه مشاهده می‌کند. هیرو معمولاً شامل تصویر، متن و یک دکمه دعوت به اقدام است. هدف از هیرو نشان دادن هدف سایت و ایجاد اشتیاق در کاربران برای مرور سایت است.برای دیزاین نسبت ابعاد هیرو، می‌توانید موارد زیر را در نظر بگیرید:۱. نسبت ابعاد : ابعاد هیرو باید به گونه‌ای تنظیم شود که بخشی از محتوای viewport بعدی قابل مشاهده باشد. این کار باعث جذب کاربران به مرور سایت می‌شود.۲. تنوع نمایشگرها و واکنش‌گرایی : همه کاربران به یک شیوه صفحات را مرور نمی‌کنند. برخی از آن‌ها ممکن است تا ۱۵۰٪ زوم کنند، در حالی که دیگران ده‌ها زبانه باز با اندازه‌های مختلف داشته باشند. همچنین اطمینان حاصل کنید که هیرو برای نمایشگرهای مختلف مناسب است. دیزاین هیرو باید همزمان با نمای عمودی (برای تلفن‌همراه) و افقی (برای مانیتور) باشد.۳. واحدهای نسبی : توجه کنید که چگونه مقداردهی ارتفاع با واحدهای نسبی مانند vh و % تضمین می‌کند که تصویر همیشه متناسب با نمای عمودی باشد. حسین یاقوتیان حسین یاقوتیان Sun, 28 Apr 2024 20:50:18 +0330 https://virgool.io/@hosein.yaghoutian/%D8%B4%DA%A9%D8%B3%D8%AA%D9%86-%D9%81%D8%B1%D8%A2%DB%8C%D9%86%D8%AF-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%DB%8C%DA%A9-%D8%B1%D9%88%DB%8C%DA%A9%D8%B1%D8%AF-%DA%A9%D9%84-%D9%86%DA%AF%D8%B1-a5q642zwezke به عنوان یک دیزاینر رابط و تجربه کاربری، داشتن یک چارچوب منسجم برای دیزاین مهم است. بیایید چارچوب‌های دیزاین مختلف را بررسی کرده و یک تقسیم‌بندی روش‌مند برای رسیدن از ایده به اجرا ایجاد کنیم.شناخت چارچوب‌های دیزاین۱. تفکر دیزاین‌ :مدل تفکر دیزاین‌ یک رویکرد انسان‌محور است که خلاقیت و حل مسئله را تقویت می‌کند:۱. همدلی : درک نیازها، نکات دردناک و احساسات کاربران.۲. تعریف : تعریف مسئله بر اساس بینش جمع‌آوری شده در حین همدلی.۳. ایده‌پردازی : طوفان فکری و ایجاد ایده‌های نوآورانه.۴. نمونه اولیه : ایجاد نمونه‌های اولیه کم‌وفاداری برای تجسم مفاهیم.۵. آزمایش : اعتبار‌سنجی نمونه‌های اولیه با کاربران و تکرار آن بر اساس بازخورد کاربران.۲. الماس دوگانه :مدل الماس دوگانه بر تفکر واگرا و همگرا تاکید دارد:۱. کشف : کاوش فضای مشکل، جمع آوری اطلاعات و شناسایی فرصت‌ها.۲. تعریف : اصلاح بیان مسئله و تعیین اهداف.۳. توسعه : ایده، نمونه‌سازی و آزمایش راه حل‌ها.۴. تحویل : پیاده‌سازی راه‌حل انتخابی برای کاربران.۳. دیزاین کاربر محور:مدل دیزاین کاربر محور نیازهای کاربر را در طول فرآیند اولویت‌بندی می‌کند :۱. درک : تحقیق در مورد رفتارها، ترجیحات، و نقاط درد کاربر.۲. تعیین : تعریف الزامات، شخصیت‌ها و سناریوها.۳. طراحی : ایجاد وایرفریم‌ها، ماکاپ‌ها و طرح‌های بصری.۴. ارزیابی : آزمایش طرح‌ها را با کاربران و اصلاحشان بر اساس بازخورد.۴. تجربه کاربری ناب :مدل تجربه کاربری ناب بر تکرار و همکاری سریع تمرکز دارد :۱. تفکر : با تیم های متقابل همکاری کنید تا با اهداف هماهنگ شوید.۲. ایجاد : نمونه‌های اولیه یا حداقل محصولات قابل دوام را توسعه دهید.۳. آزمایش : مفروضات را از طریق آزمایش کاربر و تکرار آن تأیید کنید.سه سوال اساسیبرای ساده کردن فرآیند دیزاین، می‌توانیم آن را به سه سوال اساسی بشکنیم :۱. چی؟این بخش شامل مراحل همدلی، کشف، فهمیدن و تفکر است.مشکل، زمینه کاربر و اهداف تجاری را درک کنید.نقاط درد، انگیزه‌ها و سفرهای کاربر را کاوش کنید.فرصت‌ها را شناسایی کنید.۲. چرا؟این قسمت شامل مراحل تعریف، تعیین و تفکر می‌باشد.بیان مسئله، الزامات کاربر و محدودیت‌های طراحی را تعریف کنید.راه حل‌های متعددی را ایده‌پردازی و کشف کنید.۳. چطور؟این بخش مراحل ایده پردازی، توسعه، طراحی و ایجاد را پوشش می‌دهد.نمونه اولیه را ایجاد کرده و آن را با کاربران آزمایش کنید.مفروضات را تأیید کنید و بر اساس بازخوردها تکرار کنید.نتیجهبا تجزیه فرآیند طراحی به این سه سوال، یک رویکرد جامع ایجاد کرده که چارچوب‌های مختلف را هم‌سو می‌کند. به یاد داشته باشید که انعطاف‌پذیری و سازگاری کلیدی است و باید فرآیند خود را با پروژه و زمینه خاص آن تنظیم کنیم. حسین یاقوتیان حسین یاقوتیان Sat, 27 Apr 2024 20:34:20 +0330