https://virgool.io/feed/@niloofarhosseini fa 2026-06-17 10:32:21 https://files.virgool.io/upload/users/1004032/avatar/UhOxM2.png?height=120&width=120 https://virgool.io/@niloofarhosseini https://virgool.io/@niloofarhosseini/%DA%86%DA%A9-%D9%84%DB%8C%D8%B3%D8%AA-%D9%84%D9%86%D8%AF%DB%8C%D9%86%DA%AF-%D9%BE%DB%8C%D8%AC-%D9%85%D9%88%D9%81%D9%82-ay5npajhlngl 🧠 این دیگه چه سوالایی بود؟! کامل یه فاجعه بود!خب، نفس عمیق... بذار ببینیم ماجرا چیه.🔍 شاید برات آشنا باشه:می‌خوای یه لندینگ‌پیج حرفه‌ای داشته باشی، ولی وقتی پای صحبت با طراح UI/UX یا کپی‌رایتر می‌رسی، نمی‌دونی دقیقاً چی باید بگی.سردرگمی مطلق، خروجی ضعیف، و در نهایت یه طراحی ناامیدکننده!📌 اول از همه، لندینگ‌پیج دقیقاً یعنی چی؟لندینگ‌پیج یا «صفحه فرود»، همون صفحه‌ایه که کاربر بعد از کلیک روی یه لینک (تبلیغ، دکمه CTA، یا پست شبکه‌های اجتماعی) واردش می‌شه.هدفش هم یکی از ایناست:– فروش مستقیم– جمع‌آوری اطلاعات مخاطب‌ها (مثلاً ایمیل)– معرفی یه محصول یا خدمات خاص👩‍💻 یه لندینگ‌پیج خوب، مثل یه فروشنده ماهره: قانع می‌کنه، راهنمایی می‌کنه، و کاربر رو به هدف نهایی می‌رسونه.🧭 حالا، اگه می‌خوای طراح بتونه دقیق و سریع یه چیز خفن برات طراحی کنه، قبل از شروع کارت به این سؤال‌ها جواب بده:۱. هدف کسب‌وکارت از داشتن لندینگ‌پیج چیه؟ می‌خوای بلافاصله فروش داشته باشی؟ یا اطلاعات جمع کنی؟ یا فقط معرفی کافیه؟۲. هویت بصری برندت چیه؟لوگو داری یا نه؟ راهنمای برند یا پالت رنگ مشخص داری؟ یا می‌خوای طراح خودش پیشنهاد بده؟۳. چی داری ارائه می‌دی؟محصول یا خدماتت رو واضح و کامل توضیح بده. طراح باید بدونه دقیقاً چی رو، برای کی، و چطوری معرفی کنه.۴. مخاطب هدفت کیه؟سن، جنسیت، شغل، علایق، ویژگی‌های رفتاری‌شون؟ هر چی دقیق‌تر، بهتر.۵. چه سبک طراحی‌ای رو می‌پسندی؟چند تا نمونه لندینگ‌پیج ببین و اون‌هایی که خوشت میاد رو برای طراح بفرست. اینطوری همون اول مسیر درست رو پیدا می‌کنید.۶. رقبا چی کار کردن؟به صفحات فرود رقبای خوبت نگاه کن. ببین از چی الهام بگیری و کدوم اشتباهات رو نباید تکرار کنی.۷. مزیت رقابتی‌ت چیه؟اون ویژگی خاصی که تو رو از بقیه متمایز می‌کنه چیه؟ باید این توی طراحی برجسته بشه.🎯 وقتی به این سؤال‌ها جواب بدی، یه نقشه گنج دستته!دیگه نه سردرگمی هست، نه طراحی بی‌هدف، نه استرس جلسه با تیم طراحی.💬 پ.ن:وقتی با این اطلاعات بری سراغ طراح، با لبخند بهت می‌گه: «بیا بیا، بریم سر اصل کاری!»🔧 حالا وقتشه یه لندینگ‌پیج داشته باشی که بهش افتخار کنی.اگه آماده‌ای، منم آماده‌م! پیام بده تا با هم بترکونیمش.📲 تلگرام من: @NiloofarHosseiniDesign💼 لینکدین من: niloofar-hoseini niloofarHosseini niloofarHosseini Sun, 20 Apr 2025 14:41:12 +0330 https://virgool.io/@niloofarhosseini/%D8%A7%D8%B3%D8%AA%D9%88%D8%B1%DB%8C-%D8%AA%D9%84%DB%8C%D9%86%DA%AF-%DA%AF%DB%8C%D9%85%DB%8C%D9%81%DB%8C%DA%A9%DB%8C%D8%B4%D9%86-%D8%AA%D8%B1%DA%A9%DB%8C%D8%A8-%D8%A8%D8%B1%D9%86%D8%AF%D9%87-on4dgrmvm8ka به‌عنوان یه طراح محصول، یکی از کارامون اینه که مسیر کاربر رو طراحی کنیم. گاهی این مسیرها برای کاربرا سخت یا زمان‌بر می‌شه. اگه براشون قصه بگیم و درگیر یه داستانشون کنیم، زمان براشون سریع‌تر می‌گذره و اون کاری که می‌خوایم راحت‌تر انجام می‌شه. یا مثلاً بعضی کارها تکراری‌ان و ممکنه کاربر حس و حال انجامشون رو نداشته باشه؛ اما اگه بهشون انگیزه و پاداش بدیم، انگیزه‌شون برای انجام اون کار بیشتر می‌شه. این خلاصه‌ای از گیمیفیکیشن (بازی‌سازی) و استوری‌تلینگ (داستان‌سرایی) هست.داستان‌سرایی (Storytelling):چی هست؟ 📖 یعنی تعریف کردن یه قصه جذاب که کاربر رو درگیر کنه و حس کنه توی یه ماجراجویی شرکت داره.چرا مؤثره؟ 🎯داستان‌ها از قدیم تا حالا همیشه توجه مردم رو جلب کردن. وقتی یه داستان خوب تعریف می‌کنیم، کاربر باهاش ارتباط برقرار می‌کنه و احساس می‌کنه جزئی از اون ماجراست. اینطوری، حتی اگه کاری سخت یا خسته‌کننده باشه، با درگیر شدن در داستان، انجامش براش آسون‌تر و لذت‌بخش‌تر می‌شه.مثال: 🦉اپلیکیشن Duolingo رو در نظر بگیر. این برنامه برای آموزش زبان، از شخصیت‌های بامزه‌ای استفاده می‌کنه که همراهت هستن و با داستان‌های کوتاه، یادگیری رو برات جذاب‌تر می‌کنن.چطور پیاده‌سازی کنیم؟ 🛠️ایجاد شخصیت‌های جذاب: شخصیت‌هایی طراحی کن که کاربر بتونه باهاشون ارتباط برقرار کنه و در مسیر استفاده از محصول همراهشون باشه.ساختن داستان‌های مرتبط: برای هر بخش از محصول، داستانی تعریف کن که کاربر رو درگیر کنه و بهش انگیزه بده تا ادامه بده.استفاده از روایت‌های تعاملی: به کاربر اجازه بده تا در داستان تأثیر بذاره و مسیر خودش رو انتخاب کنه.بازی‌سازی (Gamification):چی هست؟ 🎮یعنی اضافه کردن المان‌های بازی مثل امتیاز، پاداش و چالش‌ها به کارهایی که بازی نیستن، تا انگیزه کاربر بیشتر بشه.چرا مؤثره؟ 🏆بازی‌ها به خاطر چالش‌ها، پاداش‌ها و حس رقابتی که دارن، همیشه جذاب بودن. وقتی این عناصر رو به فعالیت‌های روزمره اضافه می‌کنیم، کاربر حس می‌کنه در حال بازی کردنه و انگیزه‌ش برای انجام اون کار بیشتر می‌شه. این روش مخصوصاً برای کارهای تکراری یا خسته‌کننده خیلی مفیده.مثال: 🛒دیجی‌کالا رو دیدی؟ وقتی میای و درباره محصولی نظر می‌دی، بهت سکه می‌ده. بعد می‌تونی این سکه‌ها رو جمع کنی و توی خریدهای بعدی تخفیف بگیری. اینجوری هم نظر می‌دی، هم سود می‌کنی!چطور پیاده‌سازی کنیم؟ 🛠️امتیازدهی: برای انجام کارهای مختلف به کاربر امتیاز بده و اجازه بده این امتیازها رو جمع کنه.نشان‌ها و مدال‌ها: برای رسیدن به اهداف خاص، به کاربر نشان یا مدال بده تا حس موفقیت کنه.چالش‌ها و مأموریت‌ها: چالش‌ها و مأموریت‌هایی طراحی کن که کاربر رو ترغیب کنه تا کارهای خاصی رو انجام بده.جدول رتبه‌بندی: یه جدول رتبه‌بندی ایجاد کن تا کاربرا بتونن خودشون رو با دیگران مقایسه کنن و حس رقابت داشته باشن.پاداش‌ها و جوایز: برای تکمیل کارها یا رسیدن به اهداف، به کاربر پاداش بده؛ مثل تخفیف، محتوای ویژه یا امکانات اضافی.با به‌کارگیری این روش‌ها، می‌تونیم مسیرهای سخت یا تکراری رو برای کاربر جذاب‌تر کنیم و انگیزه‌شون رو برای ادامه دادن افزایش بدیم. niloofarHosseini niloofarHosseini Sat, 08 Feb 2025 12:51:28 +0330 https://virgool.io/@niloofarhosseini/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%BE%D8%B1%D9%88%D8%AF%D8%A7%DA%A9%D8%AA-ui-ux-%DA%86%D8%AC%D9%88%D8%B1%DB%8C%D9%87-garxayshxqys احتمالا تازگی درباره پروداکت دیزاین و طراحی محصول و UI UX زیاد شنیدی، رفتی یه سرکی کشیدی یه چیزایی هم یاد گرفتی، یا شایدم بوت کمپی چیزی رفتی فیگما رو هم یکمی بلدی، میخوای شروع کنی به کار یا شایدم داری کار میکنی، یه پروژه دستته یا اینکه دنبال اینی که یه پروژه بزنی رو بزاری واسه رزومه ات و از روش کیس استادی هم بنویسی، منتهی نمیدونی چجوری باید از ابزار هایی که بلدی استفاده کنی. اگه جزو اینایی باهام بیافرض رو بر این میذارم که قراره یه پروژه ای رو از صفر شروع کنی ، به طور کلی میخوام بهت بگم که باید چه مراحلی رو طی کنی . 1-بررسی محصولباید محصول فعلی رو بررسی کنی البته اگر موجوده و ایراد هاشو دربیاری، میگی چجوری ؟با صحبت کردن ( با مشتری ها، صاحب محصول ، کارمند ها ،اعضای تیم، تیم پشتیبانی و .. ) با ابزار های مختلفی مثل هات جار و گوگل انالیتیکس .صدای مشتریان اگر باشه . همه اینا رو تو یه Google Sheets یا Excel یا حتی Word بنویس و داکیومنتش اون کن.من بیشتر از Google Sheets استفاده میکنم. اگرم محصولی نبود، صحبت با صاحب محصول و درآورن نیاز ها فراموشت نشه وگرنه طراح محصول نیسی. 2-بررسی رقبا باید یه لیست از رقبا تهیه کنی، میگی چجوری ؟تو اینترنت سرچ کن،از همکارات و دوستات و حتی مدیرت بپرس،یا حتی سایت های مشابه رو پیدا کناز اون بخشی که قراره طراحی کنی هم یه سری اسکرین شات بگیر و حالا نقاط قوت و ضعفشو بنویس و همه رو یه جا داکیومنت کن ، من توی figjam مینویسم همه رو. 3-وایر فریم حالا باید بشینی طرح بزنی،از اطلاعاتی که تا حالا بدست آوردی توی طرح زدن استفاده کنی. انقدر رو کاغذ خط خطی کن تا به چیزی که میخوای برسیحالا بهترینشو انتخاب کن.یادت نره با بقیه هم مشورت کن، همیشه در حال فیدبک گرفتن باش. 4- طراحی ui حالا وقتشه طرحی که زدی رو توی فیگما پیاده کنی، میگی باید چیکار کنم بیا تا بگم :ساخت یا انتخاب دیزاین سیستم یا یو آی کیت یا هر چیز دیگه ای که اسمشو میذاریانتخاب رنگ و فونتساخت کامپوننت های مورد نیازو با هم ترکیب کردن کامپوننت هاساخت صفحاتی که لازمهساختن پروتوتایپ واسه توضیح بیشتر و بهتر تو آموزش فرادرس یاد دادم که چجوری مراحل طراحی ui رو پیش بری.پس اونجا میبینمت، میتونی از لینک زیر اموزش رو با قیمت خیلی کم بخری و همیشه داشته باشیش. آموزش پروژه‌ محور فیگما – طراحی نرم افزار بانکی با Figma یادت نره همیشه در حین کار، سعی کن از مدیر و اعضای تیم مشورت بگیری حتی با developera هم مشورت کن،5- بررسی و ارزیابی ایده حالا وقتشه که بفهمی که آیا کارای که کردی مشکل رو حل کرده یا نکرده . میگی چجوری ؟ باید جلسه بزاری ، واسه مشتری های احتمالی یا فعلی بفرستی، تست های a/b بگیری و ... 6-برگردی به قبلحالا با توجه به فیدبک هایی که گرفتی باید بری و مشکلات رو تا حدی که اون بزینس مد نظرشه برطرف کنی ، یادت باشه هیچ وقت ایده آل گرایی نکن و نیاز و هزینه اون بزینس رو در نظر بگیر. ممکنه نیاز باشه بری دوباره رقبا رو بررسی کنی یا وایر فریم تو تغیر بدی ، اینا همش یه چرخه است که باید انقدری طی بشه تا به نتیجه دلخوات برسی. 7-و پایان بفرست واسه پیاده سازی ، البته فک نکنی کارت تمومه ، تازه بعد از ارائه به مشتری و لانچ، کارت تازه شروع میشه و دوباره باید طراحی کنی و بهبود بدی، این یه چرخه است که هیچ وقت تموم نمیشه.تو این مسیر آموزش منم میتونه بهت کمک کنه ، حتما یه سری بهش بزن. از این لینک وارد شو. niloofarHosseini niloofarHosseini Wed, 10 Apr 2024 18:18:20 +0330 https://virgool.io/@niloofarhosseini/%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86-%D9%81%D8%B1%D9%85-%D9%88%D8%B1%D9%88%D8%AF-%D9%88-%D8%AB%D8%A8%D8%AA-%D9%86%D8%A7%D9%85-%D8%A7%D8%B2-%D9%86%D8%B8%D8%B1-ux-%DA%86%D8%AC%D9%88%D8%B1%DB%8C%D9%87-jh1ooksfbpvu روزانه بار ها وارد سایت های مختلف میشیم یا توشون ثبت نام می‌کنیم. گاهی اوقات شده موقع ثبت نام دچار مشکل شدیم و یا اصلا اون سایت رو بیخیال شدیم، یا مجبور شدیم به پشتیبانی زنگ بزنیم. ورود و ثبت نام در عین سادگی که به نظر میرسه، فرایند سخت و پیچیده ای داره، حالا میخوایم با هم بررسی کنیم و ببینیم چجوری یه صفحه ورود و ثبت نام رو طراحی کنیم تا کاربرهامون رو از دست ندیم.مراحلی که باید طی کنیم رو با هم بررسی میکنیم :قبل از هر چیزی اول کاربرهاتو بشناس.از گذاشتن فیلد های بیخودی پرهیز کنی.به UX Writing توجه کن.اجازه بده کاربر رمز عبور خودش رو ببینه.روشن بودن caps lock رو بهش گوشزد کن.1- قبل از هر چیزی اول کاربرهاتو بشناسثبت نام میتونه از راه های مختلفی اتفاق بیفته مثلا ثبت نام با :ایمیل شماره همراهلینکدینگوکلفیسبوکو ...حالا تو باید بدونی کسایی که قراره بیان تو سایتت کیا هستن، مثلا چند سالشونه، چقدر با کامپیوتر و موبایل بلدن کار کنن، ایمیل اصلا دارن، جیمیل دارن و بعدا تصمیم بگیری از ثبت نام با گوگل، ایمیل، شماره همراه و چیزای دیگه استفاده بکنی یا نکنی.2- از گذاشتن فیلدهای بیخودی پرهیز کنمثلا به این فک کن آیا واقعا نیازه که کاربر همین الان :برای خودش نام کاربری تعریف کنه ؟ اسم و فامیلشو وارد کنه ؟ هم ایمیل و شماره همراهشو وارد کنه ؟ الان واقعا هردوشو میخوای ؟و...بیشتر وقتا نیاز نیست اطلاعات زیادی از کاربر بگیری پس باید حسابی بشینی فک کنی و هر چیزی که اضافه به نظر میاد رو حذف کنی. حواست باشه کاربر رو درگیر چیزای الکی نکنی، فعلا فقط بزار بیاد داخل سایتت.3- به UX Writing توجه کن.به این که چی نوشتی باید خیلی توجه کنی، مثلا :پلیس هولدر هاارور هامتن دکمه ها و ... متن ها باید خیلی واضح و شفاف باشن و کاربر رو گیج نکنن، در واقع باید به ساده ترین شکل ممکن بهشون بگی باید چه کاری انجام بدن، فک کن اونا هیچی بلد نیستن. 4-اجازه بده کاربر رمز عبور خودش رو ببینه.خیلی وقتا به دلیل اینکه کاربر نمیتونه رمز عبورش رو ببینه ممکنه اشتباهی تایپ کنه و متوجه نشه. پس بهتره یک گزینه به اسم نمایش رمز عبور وجود داشته باشه. راستی یادتون باشه، گاهی اوقات ممکنه نیاز نباشه کاربر رمز عبور داشته باشه.رمز عبور به صورت پیش فرض به خاطر امینت کاربر باید پوشانده بشه، مثلا شاید دوست نداشته باشه کسی که کنارش نشسته رمزشو ببینه. برای همین "نمایش رمز عبور" این اختیار رو بهش میده که رمز عبورش رو ببینه یا نه!!5-روشن بودن caps lock رو بهش گوشزد کن. بهتره روشن بودن caps lock رو بهش یادآوری کنی تا حواسش باشه داره چی تایپ میکنه ..گاهی اوقات هست که داریم رمز عبورمون رو وارد می کنیم، بعد میبینم که اشتباه وارد کردیم، چون caps lock روشن بوده. یه چیزی رو یواشکی بگم بهت : از اونجایی که اکثرا رمز عبورهاشونو انگلیسی وارد میکنن، شاید بد نباشه که به کاربرمون بگیم که کیبوردش الان رو حالت فارسیه !!چند مثال از UX writing :1-کلمه sign in و sign up کنار هم فاجعه است! اگر به انگلیسی مینویسی از این دو تا کلمه کنار هم استفاده نکن، باعث گیج شدن مخاطبت میشه و با خودش میگه : حالا کدوم ثبت نامه کدومه ورود ؟2-ننویس ورود جاش اینا رو بنویس! برای اطمینان از اینکه جای درستی قرار داره بنویس " ورود به ویرگول " اگر سایتت رایگان نیست ولی دموی رایگان داره، برای جذب مخاطبت بنویس: " ورود رایگان به ویرگول"اگر مورد دیگه ای هست، واسم کامنت بزار. niloofarHosseini niloofarHosseini Mon, 19 Dec 2022 22:01:43 +0330