https://virgool.io/feed/@amirh6042 fa 2026-06-16 14:10:57 https://files.virgool.io/upload/users/39352/avatar/FTeSpz.png?height=120&width=120 https://virgool.io/@amirh6042 https://virgool.io/@amirh6042/%DA%AF%D8%A7%D9%87%DB%8C-%D8%A7%D9%88%D9%82%D8%A7%D8%AA-%D9%81%D8%A7%D8%B1%D8%BA-%D8%A7%D8%B2-%D9%87%D9%85%D9%87-%DA%86%DB%8C%D8%B2-i6fiksjafgtx گاهی اوقات باید دنبال کردسلام دوستان کسی را یافتم که حدود یک سالی هست حالم با او خوش است او یک چراغ در زندگی من است که دارد بر من می تاتبد از دوستانی که مرا دنبال می کنم در خواست دارم که ایشون رو هم دنبال کنند قلم خوشی دارد با واژه ها بازی می کند وایشان یک روانشناس هستن که قرار است یک سری مطالب رو در صفحه شون قرار بدن من که با خواندن متن کوتاهی از ایشون جذبشان شدم امیدوارم که شما هم دوست داشته باشید تشکر https://vrgl.ir/16AHJ(دنبال کنید) امیرحسین عرب نژاد امیرحسین عرب نژاد Thu, 02 Sep 2021 13:54:00 +0430 https://virgool.io/DesignersCommunity/%D8%AA%D8%B3%D8%AA-ab-jliiytpi6nuz تست A/B چیست؟تست A/B متدی ست بین دو نسخه از وب سایت یا اپلیکیشن تا از بین این دونسخه بهترین را انتخاب کنیم.تست A/B اساساً یه آزمایشی ست که در آن دو یا چند نوع از صفحه بین کاربران به صورت تصادفی نشان داده می شود تا از طریق جمع آوری آمار بهترین را برای هدف مد نظر انتخاب کنیم.اجرای A/B تست به طور مستقیم یک تغییر را درباره طرح فعلی مقایسه می کندو به شما این امکان را می دهد که درباره تغییرات در وب سایت یا برنامه خود از کاربران پرسیده شود و این اطلاعات موثر را جمع آوری کند.تست A/B چکونه اجرا می شود؟ در تست A/B شما دو نسخه از وب سایت یا اپلیکیشن را اجاد می کنید.این تغییرات در دونسخه می تواند موارد ساده ای مانند تغییر در تیتر یک عنوان یا دکمه یا طراحی جدید یک صفحه باشد.در این حالت ما نصف ترافیک را بر روی نسخه اصلی و نصف ترافیک را بر روی نسخه که تغییراتی بر روی آن ایجاد کردیم هدایت می کنیم.باتوجه به اینکه بازدید کنندگاه به صورت تصادفی دو نسخه را مشاهده می کنند می توان تعامل آنها را با طرحی که مشاهده می کنند اندازه گیری (تجزیه و تحلیل) و این داده ها را از طریق موتور های آماری تجزیه و تحلیل کرد. پس از آن می توان متوجه شد که این تغییرات مثبت بوده یا تاثیری بر رفتار کاربران نداشته است. چرا A/B تست؟تست A/B به افراد ، شرکت ها و تیم ها اجازه می دهد که به هنگام جمع آوری اطلاعات برروی نتایج ، تغییرات دقیقی در تجرته کاربری خود انجام دهند.این تست به آنها اجازه می دهد که فرضیات خور را تست کنند و متوجه شوند چه عناصری بر رفتار کاربر تاثیر می گذارد و چه فرضیاتی بر رفتار کاربر تاثیر نمی گذاردو بهترین تجربه برای کاربر کدام است.تست A/B یرای پاسخ یه یک سوال یا اختلاف مورد استفاده قرار نمی گیرد و همراره از آن میتوان برای بهبود مستمر یک هدف استفاده کرد.برای مثال یک شرکت که از فناوری B2B استفاده می کند برای اینکه بتواند کیفیت و حجم فروش خود را در صفحه اصلی بهبود ببخشد از تست A/B برای ایجاد تغییراتی در تصاویر ، فرم ها ، جلوه های ویژه ، طرح کلی صفحه استفاده می کند.این تست در یک بازه زمانی مشخص به طور دقیق تعیین می کند که کدام تغییرات در رفتار کاربر تاثیر می گذارد. با گذشت زمان و ترکیب چند تاثیر مثبت نشان می دهد که تجربه کاربری جدید چه مقدار نسبت به تجربه کاربری قدیم بهبود یافته است.این متد علاوه بر تغییرات در تجربه کاربری و رسیدن به نتیجه مطلوب در بهینه سازی می تواند تاثیرات مهمی در بازاریابی دیجیتال داشته باشد.با این تست متوجه می شوین که کدام نسخه بیشترین کلیک را خورده است . با این تست می توانیم یادبگیرم که کدام طرح بیشترین بازدید کننده را به مشتری تبدیل می کند.کل هزنیه های یک کمپین بازاریابی می تواند در صورت کارآمدبودن این تست بازدیدکنندگان را به مشتری تبدیل کند.تست A/B می تواند توسط طراحان و توسعه دهندگان محصول برای نشان دادن ویژگی های یک طرح جدید انجام شود.فرآیند تست A/Bبرای شروع آزمایشی می توان از چارچوب زیر استفاده کرد:جمع آوری داده:برای شروع می توان از صفحاتی که دارای ترافیک بالایی است برای جمع آوری اطلاعات استفاده کرد واین اطلاعات را بروی صفحاتی که ترافیک پایینی دارد اجرا کرد.شناسایی اهداف:براساس اهدافی که مشخص شده می توانیم تعیین کنیم که آیا تغییرات موفق تر از نسخه اصلی بوده است یا خیر. برای مثلا این اهداف می تواند دکمه ها ، فرم ها و یا لینک ها باشد.ایجاد فرضیه:ابتدا هدف را که مشخص کردیم و تست A/B بر روی آن انجام شد مشخص می کنیم که چرا این تغییرات ازنسخه اصلی بهتر است . بهتر است یک لیستی از مشکلاتی بوجود امده را تهیه و اولویت بندی کنیم.ایجاد تغییرات:با این تست می توان تغییرات دلخواه را در پلت فرم های گوناکون اعمال کرد.این تغییرات می تواند رنگ ها ، دکمه ها ، عناصر ناوبری یا عناصر کاملا سفارشی باشد.اجرای آزمایش:ابتدا صفحات به صورت تصادفی توسط بازدید کنندگان مشاهده می شود و اطلاعات بدست آمده از تجربه کاربران مورد بررسی قرار می گیرد.نتایج تجریه وتحلیل: هنگامی که یک آزمایش کامل و نتایج آن مورد تجزیه و تحلیل قرار می گیرد می توان تفاوت بین دو نسخه A و B را نشان دادکه آیا تفاوت ها بر آمار تاثیر گذار بوده اند یا خیر.اگر شما توانستید که با تغییرات بوجود آمده تاثیر مثبیتی در تجربه کاربر بوجود آورید تبریک می گویم شما موفق شده اید!شما می توانید از نتایج این آزمون در صفحات دیگر استفاده کنید.اگر این آزمایش نتایج منفی داشت(یعنی نتایج مورد نظر شما بدست نیامد) نگران نباشید شما می توانید از این نتایج برای یادگیری و ایجاد فرضیات جدید استفاده کنید.در مثال های زیر می توان چند نمونه از تغییراتی برای تست A/B استفاده کرد را مورد بررسی قرار می دهیم.یک وب سایت رسانه ای برای اجرای تست A/B تغییراتی که می تواند ایجاد کند شامل:ایجاد تغییر در ثبت نام ، محتوا و دکمه هلای اشتراک گذاری باشدیک شرکت مسافرتی برای افزایش بازدیدکنندگان و بهبود خدمات خود می تواند برای تست A/B تغییراتی را در قسمت جستوجوی صفحه اصلی ، صفحه نتایج جستوجو و ارائه خدمات اضافی ایجاد کندیک .ب سایت شرکتی برای افزایش بازدیدکنندگان می تواند تغییراتی در تبلیغات در صفحه اصلی ، عناصر هدایتی و فیلتر ها ایجاد کند.یک وب سایت شرکت فن آواری برای اجرای تست A/B می تواند تغییراتی در ایجاد کامپونت ها ، جریان ثبت نام و صفحه ارتباط با ما ایجاد کند .نتیجه گیریتست A/B تستی برای وب سایت یا اپ است که بتوانیم با استفاده از آمار بدست آمده از این تست برای صفحه های سایت یا اپ را بهبود ببخشم امیرحسین عرب نژاد امیرحسین عرب نژاد Tue, 07 May 2019 01:55:43 +0430 https://virgool.io/DesignersCommunity/%D9%82%D8%AF%D8%B1%D8%AA-%D9%81%D8%B6%D8%A7%DB%8C-%D8%AE%D8%A7%D9%84%DB%8C-%D8%AF%D8%B1-ui-plggn63de8h8 چگونه فضای منفی و فاصله بین خطوط کلیدی برای یک طراحی خوب است.زمانی که فضای منفی به طراحی UI می آید ساده ترین راه برای شناسایی آن درک اجزای آن است. با این حال رابطه های کاربری بسیار شبیه به هم هستند ، اما با نگاهی اجمالی می توان فهمید که برخی از آن ها بهتر عمل کرده اند و این تفاوت بین UI ها را مشخص می کند.دو مرد مهمی که برای یک طراحی UI گمشده اند ، فضای سفید و فاصله بین خطوط هستند.فضای منفی یک فضای هدر رفته نیست.فضای منفی یک فضای خالی ست که اطراف و درون آیتم ها را گرفته است.فضای منفی برای نشان دادن این مناطق استفاده می شود.اما لزوماً فضای منفی همیشه سفید نیست.فضای سفید از صنعت چاپ می آید که در روزهای اول چاپ متون بیشتر بر روی کاغذ سفید چاپ می شدند بنابراین فضای منفی به طور پیش فرض سفید می شد.مضای منفی محصول صنعت عکاسی ست که پست زمینه و تمام مواردی که در فوکوس قرار دارد را نشان می دهد و شی اصلی را به فضای مثبت تبدیل می کند.از این لحاظ فضای سفید و منفی معنای مشابه ای دارند. فضای منفی عصر فعال در طراحی ستمشتریان معمولا کمان می کنند که ما باید با کاهش فضای منفی و قرار دلدن محتوای بیشتر از هدر رفتن این فضا جلوگیری کنیم. اما نمایش مختوای بیشتر در یک قسمت باعث سردرگمی و دلزدگی کاربری می شود .امروزه ما رفتار کاربران را رصد و تحلیل می کنیم . ما باقرار دادن عناصر بیشتر در UI به عنوان یم طراح به جنبه های اخساسی تجربه کاربری کمک می کنیم.طراحان فضای نفش کشیدن بیشتری را در UI قرار می دهندتا تعامل کلی کاربر با UI بیشتر و راحت تر شود.فاصله باعث می شود UI نفس بکشد و کاربر راحت تر بتواند آن را بررسی کند.چگونه فضای منفی را در طراحی اعمال کنیمدو نوع فضای منفی وجود دارد :1-میکرو 2- ماکرو . به طور ساده فضای ماکرو فاصله خارجی بین آیتم ها ست و فضای میکرو فاصله داخلی بین آیتم ها ست.روش های که میتوان این فضا ها را در طراحی وب تغییر داد استفاده از margin(فاصله خارجی) ، (فاصله داخلی)padding و spacing است.چرا فضای منفی مهم است؟فضای منفی به دلیل این که طراح می تواند با استفاده از آن توجه کاربر را به آنچه که خود می خواهد جلب کند.چه طور ما این فضا را درک کنیم؟ادراک ما همیشه به نخوی عمل می کند که ما اشیا را در ارتباط با هم می بینیم این بدان معناست که ما چگونه درک می کنیم.یعنی تقاضای اصلی در UI تقریباً 100% بر روی اشیای اطراف آن بستگی دارد.همان طور که آندلسون نشان می دهد دو مقدار A و B دارای رنگ های متفاوتی هستند ، اما در حقیقت رنگ های آن ها یکسان است.با توجه به اینکه ذهن ما تمایل به درک آن ها به عنوان یک نتیجه از سایه و روشن را دارد رنگ های اطراف آن متفاوت است.حتی زمانی که ما از این واقعیت آگاه هستم که رنگ ها یکسان هستند باز هم نمی توانیم رنگ آن ها را از یکدیگر جدا کنیم. بنابراین همچنان رنگ را متفاوت می بینیم.چگونه از این دانش در مورد درک ما در ارتباط با فضای منفی استفاده می کنیم؟ براساس نطریه جستالست در روانشناسی مجموعه ای از قوانین بصری تعریف شده است که بسیاری از اصول طراحی ماتنی برآن ها هستند.یکی از این قوانین ، قانون مجاورت است.این قانون بیان می کند عناصری که به یکدیگر نزدیک هستند ، احتمل دارد که کاربر نتواند آن ها از هم جدا کند و اطلاعات را اشتباه وارد کند.اکنون ببینیم که چگونه می توان برچسب ها را به ورودی ها اعمال کرد.اگر مثال زیر را پیاده سازی کنیم و یک فرم با ورودی های چند گانه ایجاد کنیم ، میبینیم که چگونه فضای منفی روی قانون مجاورت و گروه بندی تاثیر می گذارد.از انجا که فضای منفی بین برچسب و ورودی یکسان است و باز این عمل تکرار می شود احتمالاً با گروه بندی برچسب ها و ورودی ها به مشکل خواهیم خورد.برای اعمال قوانین نزدیکی از میکرو و ماکرو استفاده می کنیم ، که میکرو فاصله بین هر گروه با برچسب است و ماکرو فاصله بین گروه ها در فرم است.چگونه فضای منفی کمک می کند که داده ها را به سرعت و آسانی پردازش کنیم؟یک روش خوب برای تعریف بخش ها در UI استفاده از فضای منفی ست. ما می توانیم از فضای سفید برای ایجاد گروه ها معنا داری از عناصر استفاده کنیم که به کاربر این امکان را می هده که آسانی آن ها را از هم جدا کند (بخش بندی کند.) به طوری که هر چه بیشتر با UI ارتباط برقرار کند عناصر برای کاربری ظاهر و معنایی داشته باشند.استفاده از توجه و تمرکز برای تقویت سلسه مراتب بصریتمرکز بر اشیا با فضای اطراف آن میتواند توجه کاربر را به بخش خاصی از رابطه کاربری جلب کند. به این ترتیب ما یک سسلسه مراتب بصری تاثیرگذاری ایجاد کرده ایم که می توان توجه کابر را به آن بیشتر جلب کرد.فاصله بین خطوط و فصای منفییک راه برای اعمال فضای کوچک منفی استفاده از فاصله بین خطوط است. فاصله خط یک فضای منفی ست که بین خطوط اعمال می شود.تحقیقات نشان می دهد که یک رابطه مستقیم بین درک متن و فاصله بین خط آن وجود دارد . این به دان معناست که با افزایش فاصله بین خطوط ، درک متن 20% افزایش می یابد.چگونه بفهمیم که فاصله بین خطوط کافی است؟ با توجه به دستورالعمل دسترسی وب (wcag 2.0) فاصله بین خطوط باید 150% بزرگتر از اندازه فونت باشد.این بدان معنا ست که ما هرگز از فاصله پیش فرض بین خطوط استفاده نمی کنیم. به عنوان مثال اغلب مرورگر ها به طور پیش فزض از 110% تا 120% فاصله بین خطوط استفاده می کنند و یا اسکچ ادوبی از 120% بوت استرپ 142% و Medum از 157%فاصله بین خطوط استفاده می کند. به طور پیش فرض افزایش بیش از اندازه فضای منفی خوب نیست .این بستگی به نوع محتوا و نوع برنامه دارد.به طور مثال در یک اپ خبری که محتوای متنی تمرکز اصلی برنامه است فضای منفی برای دستیابی به خوانایی بهتر و درک درست محتوا بسیار مهم است .فرمولی برای این فاصله وجود ندارد اما می توان با تجربه آن را بدست آورد. در شکل زیر می توانید تفاوت های دو نمونه از فضای منفی را مشاهده کنید.برای دیدن ظاهر بدون محتوا یا فضای مثبت معنادار دیدگاه زیر را میتوان بدست آورد، که حتی در آن فضای منفی بهتر به درک UI یک رابط کاربری کمک می کند.در عکس زیر می بینیم که چگونه می توان فضای منفی را به آیتم ها ی مختلف اعمال کرد.استفاده از فصای منفی میکرو برای تنظیم فاصله خطوط در پاراگراف هادر سمت چپ از فونت سایز 17 پیکسل و فاصله بین خطوط 1.58 (150%) برابر فونت 17 پیکسل استفاده شده است. و در سمت راست با همان فونت سایز (17) و فاصله بین خطوط 1.23 (120%) فونت استفاده شده است.فاصله بین خطوط در اندروید و IOSهنگامی که از فاصله بین خطوط در برنامه ای داخلی استفاده می کنیم ، برخی از ویژگی ها از آن دیدگاه باشد.اگر می خواهید از تایپوگرافی سفارسی و فاصله بین خوطوط سفارشی در IOS استفاده کنید باید مطمئن شوید که از نوع داینامیک باشند. منظوز از داینامیک این است که کاربر تواند اندازه فونت را براساس دستگاه خود تغییر دهد . بنابراین یک توصیه خوب برای استفاده از فونت در IOS این است که حداکثر دسترسی را به کاربر در این زمینه دهیم . در اندروید هم می توان فاصله خطوط را به طور مستقیم با استفاذه از lineSpacingMultiplier انجام داد.نتیجه گیریبا تکیه بر دانش روانشناسی و نحوی تمرکز ذهن در مورد درک پردازش و حافظه اطلاعات بصری می توان به طور قابل توجه ای در ایجاد رابطه ها و تجربه کاربری به ما کمک کند.با استفاده از فضای منفی می توان توجه کاربر را به آنچه که ما می خواهیم جلب کرد.فضای منفی مناسب خوانایی و درک متن را افزایش می دهد.فضای منفی استفاده کاربر را از محصول ما بیشتر می کند. امیرحسین عرب نژاد امیرحسین عرب نژاد Tue, 09 Apr 2019 10:24:12 +0430