https://virgool.io/feed/@tahahamifar طراح تجربه کاربر | دیوار fa 2026-04-14 21:40:40 https://files.virgool.io/upload/users/16738/avatar/wbbeCP.png?height=120&width=120 https://virgool.io/@tahahamifar https://virgool.io/DivarDesign/%D9%85%D8%B4%D8%AE%D8%B5-%DA%A9%D8%B1%D8%AF%D9%86-%D9%86%D9%88%D8%B9-%DA%A9%D8%A7%D9%84%D8%A7-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%A2%DA%AF%D9%87%DB%8C-%D9%87%D8%A7%DB%8C-%D9%85%D9%87%D8%A7%D8%AC%D8%B1-p070coag9yi9 مقدمهاز ابتدای برنامهٔ فصلی تابستان دیوار، من از قبیلهٔ خودرو به قبیلهٔ کالا منتقل شدم. طبیعتا جنس مسائل قبیلهٔ کالا با مسائل قبیلهٔ خودرو متفاوته و همزمان روی چند دسته اصلی دیوار متمرکزه. اینجا با طیف وسیعی از کالاها سر و کار داریم، از انواع وسایل الکتریکی و الکترونیکی مثل موبایل و تبلت تا کالا‌های مربوط به خانه و آشپزخانه مثل فرش و مبل تا کالاهایی از جنس صنعتی و ابزارآلات.همین تنوع دسته‌ها و کالاها و همچنین ابعاد بزرگ‌تر تیم کالا نسبت به خودرو، باعث شد حس کنم وارد فضای جدیدی شدم، مشابه حسی‌ که وقتی وارد مجموعه یا شرکت دیگه‌ای می‌شیم. برای اینکه با سرعت بیشتری خودم رو با فضای ذهنی تیم جدید همگام کنم، پیش از شروع رسمی فعالیتم در کالا، آگهی‌های متنوعی در دسته‌های کالایی ثبت کردم و آگهی‌های منتشر شده در این دسته رو با دقت بیشتری بررسی کردم و با تعدادی از آگهی‌گذاران کالاهای دیجیتال هم تلفنی صحبت کردم. وجود فرهنگ مستند‌سازی در ورتیکال‌های دیوار هم باعث شد خیلی زود بتونم از تصمیم‌های تخصص‌های مختلفی که در تیم وجود داشت مثل دیزاین، محصول و BI در OKR‌های قبلی آگاه بشم و فضای ذهنی‌م رو به هم‌تیمی‌هام نزدیک کنم.قصدم از نوشتن کیس‌استادی‌ و منتشر کردنش اینه که با مطالعهٔ این اسناد، فضای متفاوت مسائل و محدودیت‌ها و چالش‌های مسیر رو، حتی با اینکه اون‌ها رو تجربه نکردیم، درک کنیم. تجربهٔ شخصی من از مطالعهٔ کیس‌استادی‌های همکاران و هم‌صنفانم در دیوار و خارج از فضای دیوار خیلی برای من آموزنده بوده و از اینکه می‌تونم خودم رو به جای دیزاینر اون مسئله تصور کنم لذت می‌برم و به راه‌حل‌های ممکن دیگه (که به اون‌ها پرداخته نشده) فکر می‌کنم.شرح مسئلهپس از اتمام فرایند پیاده‌سازی مهاجرت دسته‌بندی‌های دیوار از دسته‌های قدیمی به دسته‌های جدید (به‌‌زودی مطلبی درمورد فرایند مهاجرت دسته‌های دیوار منتشر می‌کنیم) سطح جدیدی از دسته‌ها به نام «دستهٔ سطح ۳» به وجود اومد. دستهٔ سطح ۳ با این هدف ایجاد شد که ماهیت کالا رو تا حد زیادی مشخص کنه. طبق مثال زیر، می‌تونیم ببینیم که دسترسی به محصول «فرش» چطور در ساختار جدید دسته‌های دیوار قرار گرفته.مسیر دسترسی به دستهٔ سطح ۳ یا نوع کالا از دستهٔ سطح ۱با اضافه شدن سطح جدید به ساختار دسته‌بندی دیوار، مسئلهٔ آگهی‌های فروشگاهی ایجاد شد.پیش از اینکه جزئیات مسئله رو بررسی کنیم نیاز داریم تفاوت‌ آگهی‌های شخصی و آگهی‌های فروشگاهی دیوار رو بدونیم. آگهی‌های شخصی (که همهٔ کاربران می‌تونن این نوع آگهی‌ها رو ثبت کنن) پس از طی کردن فرایند ثبت شدن و بررسی ناظران آگهی در دیوار منتشر می‌شن و از اون تاریخ به مدت ۳۰ روز در دیوار باقی می‌مونن.اما کاربر فروشگاه‌های دیوار بعد از خریدن بستهٔ مرتبط با دستهٔ آگهی می‌تونه در دیوار آگهی ثبت کنه و مهم‌ترین تفاوت آگهی‌های فروشگاهی با آگهی‌های شخصی، منقضی نشدن آگهی‌های فروشگاهیه.مسئلهٔ ما دقیقا جایی پیش میاد که وقتی تغییرات دسته‌های دیوار شامل آگهی شخصی و فروشگاهی کالا‌های فروشگاه‌های دیوار می‌شن، هم آگهی‌های شخصی و هم آگهی‌های فروشگاهی نوع محصول یا همون «دستهٔ سطح ۳» این کالاها ناقص و نامشخصه.و با توجه به این که این آگهی‌ها تاریخ انقضا ندارن، همواره در دیوار باقی می‌مونن و باید برای همراه کردن اون‌ها با فرایند مهاجرت دسته‌ها فکری می‌کردیم، در واقع نیاز بود نوع محصول رو در کالاهای فروشگاهی مشخص کنیم.با همراهی مدیر محصول در بررسی‌ نتیجهٔ یکی از پژوهش‌ها متوجه شدم هر ماه ۲۵۰۰۰ آگهی شخصی به وضعیت انقضای مهلت انتشار می‌رسن که بیشتر اون‌ها در دستهٔ «مربوط به خانه» قرار دارن و تعداد کمی در دسته‌های «برای کسب و کار» و متفرقه‌های «لوازم الکترونیکی»تصمیم گرفتیم که روی آگهی‌های فروشگاهی متمرکز بشیم. آگهی‌های شخصی با توجه به تعداد اندک‌شون، نسبت به آگهی‌های فروشگاهی اولویت کمتری داشتن.در ادامه نیاز داشتم بدونم آگهی‌های دستهٔ «مربوط به خانه» و دسته‌های کالایی دیگه، چند درصد از آگهی‌های فروشگاهی رو به خودشون اختصاص می‌دن.پس از این بررسی و با هماهنگی مدیر محصول، تصمیم گرفتیم مسئله رو به آگهی‌های دستهٔ «مربوط به خانه» محدود کنیم و راه‌حل نهایی رو روی این آگهی‌ها اجرا کنیم و در صورت موفقیت‌آمیز بودنش، برای دسته‌های دیگه‌ نیز در ادامهٔ فرایند مهاجرت دسته‌ها، از همون راه‌حل استفاده کنیم.در بررسی‌ اولیه مشخص شد گزینهٔ پرداخت و تمدید یک هفته پیش از انقضای آگهی فعال می‌شه. قبل از این بررسی فکر می‌کردم که این گزینه از روز ۷ام انتشار آگهی تا روز ۲۹ام انتشار آگهی فعاله.دو فلوی دیگه وجود داره که به فلوی پرداخت برای انتشار آگهی می‌رسن:آگهی‌گذاران پرمصرف (Over User)آگهی‌های دستهٔ «تجهیزات و صنعتی» اگه بخوام داخل پرانتز کاربران اوریوزر یا اوریوزیج (Over Usage) رو در دیوار معنی کنم، باید بگم این واژه لقب کاربران شخصی پرمصرف و پرفعالیت دیواره که ممکنه در هر ورتیکال دیوار فعالیت‌های متنوعی داشته باشن. برای مثال در خودرو ممکنه کاربر اوریوزج نمایشگاه‌دار باشه اما در دستهٔ لوازم الکترونیکی، کاربر اوریوزرج فروشگاه لوازم جانبی موبایل داره و عمده فروش هم هست.کاربر دستهٔ کسب و کار ابتدا باید هزینه انتشار آگهی رو پرداخت کنه و تا زمانی که پرداخت نکرده، صفحهٔ تمدید و نردبان و فوری رو نمی‌تونه ببینه.و چون این دسته‌بندی شامل مهاجرت دسته‌های ما نمی‌شه، باهاش کاری ندارم.ارائه راه‌حل، بدون نیاز به ریلیز نسخهٔ جدید!در جلسات هماهنگی محصولی تیم کالا، دربارهٔ فعالیت‌های تیمی از جنس ایده‌پردازی برای راه‌حل، بررسی ابعاد مسئله و اولویت‌های محصولی و یا نتایج پژوهش‌ها صحبت می‌کنیم. در یکی از همین جلسات، راجع به اولویت پیاده‌سازی راه‌حل‌های احتمالی این مسئله صحبت کردیم و به این نتیجه رسیدیم برای اینکه بتونیم کاربران بیشتری رو در نسخه‌های قدیمی پوشش بدیم و با این تغییر همراه کنیم، لازمه راه‌حل رو بدون نیاز به ریلیز ارائه کنیم تا کاربرها از این تغییر الزامی مطلع بشن.توضیح مختصری در مورد پیاده‌سازی «بدون ریلیز»:پیاده‌سازی صفحات دیوار با ۳ معماری متفاوت انجام شده که یکی از اون‌ها رو widget-based صدا می‌کنیم.صفحاتی که معماری widget-based دارن، می‌تونن از Back-end ویجت‌های مشترکی رو که روی نسخه‌های اپلیکیشن و وب دیوار (کلاینت) پیاده شدن، کنترل کنن و اونا رو تغییر بدن.این تغییرات شامل نمایش دادن یا عدم نمایش ویجت‌ها در صفحه، اولویت نمایش دادن ویجت‌ها در صفحه، تغییرات props و Override‌های ویجت‌ها و... می‌شه.ارائهٔ راه‌حل بدون نیاز به ریلیز، برای دیزاین محدود‌یت‌هایی رو ایجاد می‌کرد. به این دلیل که تعدادی از ویجت‌ها (یا همون کامپوننت‌های دیزاین سیستم سنّت) به طور موازی روی کلاینت و همچنین در back-end پیاده‌سازی نشدن و باید این دو محدودیت رو در ارائهٔ راه‌حل لحاظ می‌کردیم:استفاده از ویجت‌هایی که در کلاینت (وب/اپلیکیشن) پیاده‌سازی شدن.محدود کردن راه‌حل به تاچ‌پوینت‌هایی که معماری widget-based داشتن.فرایند ایده‌پردازی راه‌حلراه‌حل اول: اضافه کردن فیلد نوع کالا به آگهی در صفحهٔ مجزا و جدیدبرای اولین راه‌حل، سراغ صفحهٔ مدیریت آگهی رفتم. مسیر کاربری که به این صفحه می‌رسید از صفحهٔ مدیریت فروشگاه می‌گذشت، به این ترتیب که وقتی فقط ۱ هفته تا انقضای آگهی‌ش باقی مونده بود، کاربر برای ارتقای اون متوجه می‌شد باید آگهی رو ویرایش و «نوع کالا» رو مشخص کنه.کاربر برای ارتقا و تمدید (یک هفته قبل از منقضی شدن) آگهی‌هایی که در وضعیت منتشر شده هستن، باید فیلد نوع کالا رو تکمیل کنه. در این ایده، مرحلهٔ تکمیل فیلد نوع کالا رو قبل از انتخاب بسته‌های تمدید و فوری قرار دادیم تا کاربر با انتخاب اکشن ارتقاء آگهی بتونه اول فیلد نوع کالای خودش رو تکمیل کنه و بعد بستهٔ مورد نظرش برای تمدید، نردبان و یا فوری رو انتخاب کنه.فیلد نوع کالا رو به دلیل محدودیت فنی نمی‌تونستیم از ویرایش آگهی جدا کنیم و این تغییر به دلیل اینکه نیاز به «ریلیز» داشت، اجرا نشد.راه‌حل دوم: قرار دادن فیلد نوع کالا در صفحهٔ مدیریت آگهیبه این فکر کردم که از ساختار open-page استفاده نکنیم، بلکه فیلد «نوع کالا» رو در صفحهٔ مدیریت آگهی قرار بدیم و این تغییر رو با یک توضیح کوتاه اضافه کردیم تا کاربر از مزیت این تغییر آگاه بشه. (تصویر سمت راست)مثل موردی که در راه‌حل اول اتفاق افتاد، برای راه‌حل سمت راست، در مرحلهٔ بعد نیاز داشتیم فیلد نوع کالا رو مجزا نمایش بدیم که امکان‌پذیر نبود و برای دیزاین سمت چپ چون ویجت note-row و ایندیکیتور رو به ردیف ویرایش اضافه کردیم، نیاز به ریلیز داشتیم.ویجت note-row توی صفحهٔ مدیریت آگهی‌ پیاده‌سازی نشده بود و نمی‌تونستیم از اون برای این فاز استفاده کنیم.راه‌حل سوم: تغییر در نمایش آگهی‌های صفحهٔ مدیریت فروشگاهیکی از اصلی‌ترین جاهایی که به نظرم رسید می‌تونم در این صفحه به کاربر اطلاع‌رسانی کنم، صفحهٔ مدیریت فروشگاه بود و تصمیم گرفتم در این مرحله کاربر رو از آگهی‌هایی که باید تغییر کنن، مطلع کنم.در ابتدا ویجت‌های پیاده‌سازی‌شدهٔ این صفحه رو بررسی کردم.راه‌حل‌های پیشنهادی صفحهٔ مدیریت فروشگاه که مردود شدناستفاده از تگ «منتشر شده» و تغییر اون به عبارت دیگه‌ای مثل «نیاز به اصلاح»در این فاز نمی‌خواستیم آگهی رو از وضعیت «منتشر شده» خارج کنیم، چون ممکن بود کاربر با تغییر برچسب آگهی‌ها در صفحهٔ مدیریت فروشگاه، برداشت اشتباهی داشته باشه و فکر کنه آگهی‌ش از دسترس سایر کاربران دیوار خارج شده و دیگه نمایش داده نمی‌شه.ترکیب کردن اطلاعات روی آگهی و یا حذف موقتیِ موردی با اهمیت و اولویت پایین‌ترزمان بررسی این موضوع رو نداشتیم. اینکه تشخیص بدیم کدوم اطلاعات اهمیت کمتری دارن، هم زمان‌بر بود و هم مطمئن نبودیم برای اطلاع‌رسانی این رویداد مهم کافی باشه. و البته اجرای این راه‌حل هم به دلیل اینکه ساختار اطلاعات روی کارت‌های آگهی رو تغییر می‌دادیم برامون مطلوب نبود.راه‌حل نهایی: مشخص کردن نوع کالا در مدیریت فروشگاه!پیشنهاد استفاده از ویجت‌های تایتل، دسکریپشن و سلکتور رو دادم با این هدف که بتونیم آگهی‌هایی که نیاز به ویرایش دارن رو به صفحهٔ جدیدی منتقل کنیم و در صفحهٔ جدیدی همه آگهی‌هایی که به ویرایش نیاز دارن رو لیست کنیم.این ویجت‌ها مزایایی داشتن:در کلاینت (وب و اپلیکیشن) پیاده‌سازی شده بودنامکان ارائهٔ توضیحات کافی و کامل داشتنبا این روش می‌تونستیم آگهی‌هایی که نیاز به ویرایش دارن رو به نوعی فیلتر کنیم و خروجی رو در صفحهٔ جدیدی نمایش بدیم.برای همین نیاز داشتیم:بتونیم آگهی‌های مربوط به خانه رو از سایر آگهی‌ها تشخیص بدیم.بررسی شد: این شرط شامل آگهی‌های دسته‌بندی مربوط به خانه‌‌‌ای می‌شه که هنوز «دستهٔ سطح ۳» اون‌ها انتخاب نشده (بعضی از آگهی‌ها رو به صورت دستی و با کمک تیم عملیات اصلاح کردیم)، این آگهی‌ها رو می‌تونیم متمایز و انتخاب کنیم. فیلد «نوع کالا» فیلدی اجباری‌ست و کاربر با رسیدن به مرحلهٔ ویرایش آگهی، بدون مشخص کردن این فیلد نمی‌تونه ویرایش پست رو ترک کنه.بتونیم صفحهٔ جدید و موقتی‌ای رو به عنوان لیستی از آگهی‌های مربوط به خانه داشته باشیم و بعد از تغییر دیگه نداشته باشیم.بررسی شد: این موضوع با تیم فنی مطرح شد و تونستیم لیستی از آگهی‌هایی که مشخص کردیم رو در صفحهٔ جدید نمایش بدیم. این لیست Lazy Load داره و بعد از هر اکشنی، اگه آگهی‌های بیشتری باشن که توی لیست نمایش داده نشدن (مثلا ۲۰ آگهی رو داریم نشون می‌دیم و تعداد آگهی‌هایی که باید نمایش داده بشن ۲۵ عدده) لیست بدون اینکه کاربر متوجه بشه دوباره لود می‌شه و این برامون مطلوبه.در صفحهٔ مدیریت فروشگاه، بعد از این که تغییرات روی آگهی‌ها انجام شد، ویجت‌های جدید دیگه‌ نمایش داده نشن. بررسی شد: در صورتی که از ویجت‌های پیاده‌سازی شده Back-End استفاده بکنیم، می‌تونیم اون‌ها رو در این صفحه به‌ شکل داینامیک نمایش بدیم و در صورت نیاز نمایش اونها رو متوقف کنیم.ارائهٔ راه‌حل نهاییدر صفحهٔ مدیریت فروشگاه، به اطلاع‌رسانی با وزن بیشتری نیاز داشتیم تا مبدأ ویرایش آگهی رو در متن پستچی به کاربر اطلاع بدیم. زحمت نوشتن متن‌های پستچی دیوار رو باهار ابراهیمی عزیز، تجربه‌نویس دیوار می‌کشه.همیت تغییر در صفحهٔ مدیریت فروشگاه برامون زیاد بود و چون می‌خواستیم بدون ریلیز کاربرها رو با این تغییر همراه کنیم و برای این کار محدودیت‌هایی داشتیم، نیاز بود از ویجت‌هایی استفاده کنیم که در کلاینت‌های اندروید، iOS و همینطور وب پیاده‌سازی شده بودن.ویجت‌های DescriptionText ، title-row و selector-row رو با هدف آگاه کردن کاربر از اینکه لیست آگهی‌هایی که به تغییر نیاز دارن رو ببینه ایجاد کردیم، نمی‌خواستیم این لیست رو به همون صفحهٔ مدیریت فروشگاه اضافه کنیم و ساختارش رو تغییر بدیم، به همین دلیل به این فکر کردیم که در صفحه‌ای جدید این کار رو انجام بدیم و لیستی از اون آگهی‌ها ایجاد کنیم.بعد از اینکه این راه‌حل و استفاده از این سه ویجت رو با تیم فنی مطرح کردیم، فهمیدیم روی اندروید و وب ۱ سال گذشته و روی iOS تا نسخه‌های ۶ ماه گذشته می‌تونن این ویجت‌های جدیدمون رو ببینن و این برامون مطلوب بود.پس این ویجت‌ها رو بعد از بخش معرفی فروشگاه و ویرایش اطلاعات فروشگاه در نظر گرفتیم که قبل از نمایش آگهی‌ها به قدر کافی جلب توجه کنه، استفاده از این ویجت‌ها برای دیدن آگهی‌هایی که پایین‌تر قرار گرفتن هم از لحاظ بصری مانعی نداره و در viewport ابتدای لیست آگهی‌ها مشخصه.کاربر پس از انتخاب هر آگهی که در لیست جدید وجود داره (طبق فلوی مدیریت آگهی) باید به صفحهٔ مدیریت آگهی منتقل بشه و بعد از انتخابِ ویرایش و در مرحلهٔ دوم، نوع کالا رو انتخاب کنه.فکر کردیم خوبه این مسیر رو برای آگهی‌های لیست کوتاه‌تر کنیم و کاربر رو مستقیما به فلو ویرایش آگهی‌ بفرستیم، یعنی با انتخاب این آگهی، صفحهٔ ویرایش رو ببینه و از مرحلهٔ مدیریت آگهی عبور کنه.البته این شامل آگهی‌های صفحهٔ فروشگاه که شرط «اضافه شدن نوع کالا» رو دارن نمی‌شه و طبق فلو فعلی، کاربر با انتخاب هر آگهی به صفحهٔ مدیریت آگهی منتقل می‌شه.البته برای این صفحه هم راه‌حلی ارائه دادیم و برای آگهی‌هایی که «نوع کالا» ندارن، ردیف ویرایش رو با کمک indicator واضح‌تر کردیم و نیاز به ویرایش آگهی رو در قالب توضیح کوتاهی ارائه کردیم.سنجش اثر این راه‌حلاثربخش بودن این راه‌حل رو با تعبیه کردن Action-Log (وظیفهٔ جمع‌آوری دیتای دفعات استفاده رو به عهده داره) برای این ویجت‌ها و آگهی‌هایی که با این ویجت‌ها فیلد نوع کالاشون تکمیل شده، سنجیدیم. پس از مهاجرت به دسته‌های جدید دیوار، در زمان اجرای راه‌حل در محصول (release) حدودا ۲۰۰ هزار آگهی منتشر شده فروشگاهی دستهٔ مربوط به خانه، فیلد نوع کالا (دستهٔ سطح ۳) نامشخص داشتن که در زمان نگارش این سند به ۴ هزار آگهی (در فاصلهٔ ۳ ماه) کاهش پیدا کردن و روند این کاهش ادامه داره. طاها حامی فر طاها حامی فر Wed, 16 Feb 2022 20:09:17 +0330 https://virgool.io/DivarDesign/%D8%A7%D9%81%D8%B2%D8%A7%DB%8C%D8%B4-%D9%81%D8%B1%D9%88%D8%B4-%D8%AE%D9%88%D8%AF%D8%B1%D9%88-%D9%87%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D8%AF%D8%B1-%D8%A8%DB%8C%D9%86-%D9%87%D9%85%D9%87-%D8%A2%DA%AF%D9%87%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AE%D9%88%D8%AF%D8%B1%D9%88-%D8%AF%DB%8C%D9%88%D8%A7%D8%B1-tzwzfjfhwuby خرید خودرو؛ خیلی سخت، خیلی راحتزمانی که در مورد کارنامه شنیدم، هنوز به دیوار ملحق نشده بودم. کارشناسی خودرو برایم خیلی اهمیت داشت چون درگیر فرایند خرید خودرو بودم و همه کم و بیش از سختی‌های این کار خبر داریم. پیدا کردن ماشین مورد علاقه‌ات با ویژگی‌هایی که برایت مهم‌اند مثل کارکرد، سالم بودن بدنه و فنی، وضعیت بیمه و از همه مهم‌تر اعتماد به فروشنده خودرو، مواردی‌اند که برای خرید خودرو به آن‌ها توجه می‌کنیم.وقتی از وجود سرویس کارشناسی خودرو آگاه شدم، به سایت سر زدم و شرایط و ویژگی‌هایشان را بررسی کردم تا ببینم قابل اعتماد هست یا نه. بعد از این مرحله مجددا به دیوار سر زدم تا بتوانم ماشین‌های کارشناسی‌شده‌ این سرویس‌ را بررسی کنم و جزئیات و دقت کارشناسی را نیز بسنجم. کار سختی بود! خیلی مشکل توانستم ماشین‌های کارشناسی‌شده را پیدا کنم، یادم می‌آید فیلتری با عنوان «فقط کارشناسی‌شده» وجود داشت که با استفاده از آن و ترکیبش با فیلتر‌های مورد نظرم، به یکی دو نتیجه رسیدم که مورد رضایتم نبودند. البته آن زمان اوایل فعالیت سرویس کارنامه بود و تعداد ماشین‌های کارشناسی‌شده محدود بود.من با توییت یکی از دوستانم متوجه شده بودم این سرویس وجود دارد و همان زمان به این فکر کردم که اگر این توییت را نمی‌دیدم، هیچ‌وقت از وجود کارنامه با خبر نمی‌شدم.سلام به کارنامه!هفت‌ ماه بعد از ماجراهای خرید ماشینم، به دیوار آمدم و اول در تیمی به نام «تراکنش خودرو» فعالیتم را شروع کردم و کمی بعد، قبل از اینکه بتوانم با جزئیات کارهای تیم درگیر شوم به تیم کارنامه پیوستم! به عنوان دیزاینر.مسئله‌ای آشنادر برنامه فصلی مشخص‌شده برای تیم کارنامه، یکی از اهداف معین‌شده «افزایش فروش خودرو‌های سرویس فروش سفارشی» بود.فروش سفارشی سرویس جذابی است که مستقل از سرویس کارشناسی خودرو فعالیت می‌کند و شما می‌توانید صفر تا صد فروش خودروی خودتان را کاملا رایگان به کارنامه بسپارید، هیچ مشتری‌ای با شما تماس نمی‌گیرد و کارنامه به همه تماس‌های متقاضیان آگهی خودروی شما پاسخ می‌دهد و ماشین را رایگان برای خریدار نهایی کارشناسی می‌کند.کاری که باید می‌کردیم این بود که بتوانیم مشاهده آگهی خودرو‌های سرویس فروش سفارشی را افزایش دهیم. در آن بازه زمانی کارنامه، برند شناخته شده‌ای نبود. آگهی‌ خودرو‌های کارشناسی‌شده در لیست آگهی خودرو‌ها پراکنده بودند و این دقیقا همان مسئله‌ای بود که من نیز موقع خرید خودرو با آن مواجه شدم. ساختاری وجود نداشت که بتوانم خودرو‌های فروش سفارشی و یا کارشناسی‌شده برند یا مدل مورد علاقه‌ام را ببینم.ما یک مرحله عقب‌تر از افزایش فروش بودیم و باید با افزایش بازدید آگهی‌های کارنامه، به هدف مورد نظر یعنی افزایش فروش این خودرو‌ها نزدیک می‌شدیم.شفاف کردن مسئله کاربرانبا توجه به بینشی که از مصاحبه با کاربران دریافت کردیم و بررسی‌ای که روی دیتا‌های تیم مارکت ریسرچ انجام شد و همینطور مشاهده رضایت بالای کاربرانی که از سرویس استفاده کرده بودند و شنیدن نظراتشان، به این نتیجه رسیدیم که سرویس فروش سفارشی متناسب با بازار است یا به اصطلاح «market fit» شده و مشکل بسیاری از فروشندگان و خریداران خودرو در بازار ایران را حل کرده است.پس در جلساتی که با تیم‌های فروش، مارکتینگ و محصول برگزار کردیم دلایل احتمالی را بررسی کردیم، از جمله ناآشنایی با سرویس فروش سفارشی، بارز نبودن تفاوت آگهی خودروی کارشناسی‌شده با خودروی عادی و بی‌اعتمادی نسبت به برند کارنامه که فرض اشتباهی بود.پس از بررسی این موارد و گروه‌بندی آن‌ها به دو مورد رسیدیم:اول: کاربران از برند کارنامه و سرویس‌های آن آگاهی کامل ندارند.و دوم: کاربران روش یافتن خودروهای کارشناسی‌شده را پیدا نکرده‌اند.با عمیق‌تر شدن در جزئیات مورد اول، به دلیل زیر رسیدیم:مزایای سرویس‌های کارنامه برای کاربر شفاف نشده، آن‌ها را به‌درستی درک نکرده است و نتوانسته با نیاز‌های خود تطبیق دهد.برای درک دقیق‌تر این مورد نیاز به جزئیات بیشتری داشتیم، البته به این آگاه بودیم که در ارائه کردن مزایای سرویس به کاربر مشکل داریم ولی برای اینکه به درک عمیق‌تری برسیم و همزمان بتوانیم روی دلیل احتمالی دوم نیز تمرکز کنیم، نیاز داشتیم دلیل اول را مستقل پیش ببریم و در آینده روی آن تمرکز کنیم.در ادامه به بررسی اینکه چرا کاربران روش یافتن خودرو‌های کارشناسی‌شده را پیدا نکردند پرداختیم و با دقیق‌تر شدن دو فرضیه را مطرح کردیم:کاربر از روش‌هایی که می‌تواند با آن‌ها خودروی کارشناسی‌شده را ببیند، اطلاع ندارد.روش‌های دسترسی به خودروهای کارشناسی‌شده دشوارند (کاربر از روش اطلاع دارد ولی از راه‌های غیربهینه استفاده می‌کند)در فرضیه اول کاربر از روش‌های دسترسی به این خود‌روها اطلاعی ندارد، پس روش‌های دسترسی به آن‌ها را بررسی کردیم. یکی از این روش‌ها استفاده از فیلتر «فقط کارشناسی‌شده» بود. برای بررسی این فیلتر، ابتدا میزان استفاده از آن را بین باقی کوئری‌های قابل استفاده روی لیستینگ خودرو اندازه گرفتیم تا بتوانیم مقایسه کنیم.با مشاهده ارقام استفاده محدود از این فیلتر به این نتیجه رسیدیم که این روش یافت‌‌پذیری پایینی دارد و کاربران در صورتی که به وجود خودرو‌های کارشناسی‌شده در بین خودرو‌های عادی آگاه باشند، تقریبا از این روش برای رسیدن به این ماشین‌ها استفاده نمی‌کنند.به سراغ بررسی روش‌های دیگر رفتیم تا با مشکلاتی که وجود دارد برخورد نزدیک‌تری داشته باشیمجستجوی عبارت کارنامه در سرچ ‌بارمشاهده خودرو‌های کارشناسی‌شده در وبسایت کارنامهدسترسی از صفحه مزایای خرید از کارنامهصفحه آگهی ( مخصوص خودرو‌های کارشناسی‌شده)اسکرول کردن آگهی‌های عادیا بررسی این روش‌ها به مشکلات متعددی که وجود داشت پی‌بردیم، برای مثال جستجوی عبارت کارنامه در سرچ ‌بار روشی بود که به آگاهی از برند و اعتماد بسیار بالایی در بین کاربران نیاز داشت که در آن بازه زمانی کارنامه چنین جایگاهی نداشت، و جستجوی برند و مدل خودرو در بین کاربران مدل ذهنی عمومی تلقی می‌شد.یا مثلا در بررسی روش مشاهده خودرو‌های کارشناسی‌شده در وبسایت کارنامه مطمئن بودیم برای کاربرانی که از دیوار استفاده می‌کنند هدایت به خارج از اپ راه‌حل مناسبی نیست، علاوه بر این در بازه‌ زمانی‌ای که در حال بررسی این مسئله بودیم، فیلترکردن خودروها برای کاربر در سایت کارنامه امکان‌پذیر نبود.اسکرول کردن آگهی‌ها را هم خودم زمانی که قصد خرید خودرو داشتم تجربه کرده بودم، بین هزاران آگهی باید کاملا اتفاقی به ماشین‌های کارشناسی‌شده برخورد می‌کردی که احتمال بسیار پایینی داشت.نسخه مپ شده دلایل، فرضیات و بررسی روش‌های فعلیبرای ارائه راه‌حل، موارد زیادی باید در نظر گرفته می‌شد. یکی از مهم‌ترین موارد این بود که به کیفیت لیستینگ خودرو و تجربه کاربر آسیبی وارد نشود، اهمیت خودرو‌های دیگر و آگهی‌های شخصی مانند خودرو‌های کارنامه بالا بود و راه‌حل پیشنهادی نباید روی کیفیت فعلی آن تاثیر نامطلوبی می‌گذاشت، همچنین باید هماهنگی‌های لازم با تیم لیستینگ خودرو انجام می‌شد تا از بروز اختلال در راه‌حل ارائه شده با کارهای جاری تیم لیستینگ جلوگیری شود.با در نظر گرفتن موارد بالا در این مرحله‌ راه‌حل‌های متفاوتی ارائه شد، بدون در نظر گرفتن محدودیت‌های فوق صرفا به ارائه راه‌حل پرداختیم تا ابعاد مفید آن‌ها را بسنجیم، سپس در قالب محدودیت‌هایی که ذکر شد آن‌ها را بررسی کنیم. برای مثال بهبود کیفیت و تجربه استفاده از فیلتر‌ «فقط کارشناسی» یکی از راه‌حل‌های موجود بود و می‌توانستیم در آن تغییراتی ایجاد کنیم.تغییر در اولویت نمایش فیلتر‌ها و بالاتر آوردن مکان فیزیکی فیلترتغییر در نمای بصری  فیلتر، مثل تغییر رنگ یا اضافه کردن آیکن (در موقعیت فعلی)تغییر در متن فیلترنمایش دسته‌بندی‌شده خودرو‌های فروش سفارشی و کارشناسی‌شده در لیستینگ راه‌حلی بود که برای ما خیلی جدی و حائز اهمیت بود. به این صورت که با استفاده از کوئری کاربر و برند و مدل مورد جستجوی کاربر، خودرو‌های فروش سفارشی همان برند و مدل مذکور را با استفاده از ویجت suggestion row ارائه کنیم، در حالی که به پروموت کارنامه و سرویس فروش سفارشی هم کمک بکند و کاربر برای رسیدن به این پروموشن، نیاز به انجام دادن هیچ کاری به‌جز انتخاب کردن برند و مدل (که رفتار عمومی بین کاربران لیستینگ خودرو است و این را از میزان استفاده از فیلتر‌های برند و مدل می‌شود برداشت کرد) نداشته باشد.همچنین صفحه دسته‌بندی‌ها که از صفحه‌های جدید دیوار محسوب می‌شود و در زمان بررسی این مسئله، فقط برای ۱۰ درصد کاربران فعال شده بود، محیط مناسبی برای تست راه‌حل بود و تصمیم گرفتیم در این صفحه که با مفهوم دسته‌بندی کردن وریشن‌ها و فیلتر‌های خودرو ایجاد شده، ویجت ردیف پیشنهادی را استفاده کنیم و خودرو‌های کارنامه را برای کاربرانی که به دنبال این خودرو‌ها هستند، در نظر بگیریم.بررسی و نتیجه‌گیری نهایی برای ارائه راه‌حل:با توجه به اینکه کاربرها از فیلتر استفاده نمی‌کردند و همچنین با بررسی فرضیه‌ها و دیتایی که در استفاده از فیلتر وجود داشت، راه‌حل فوق معتبر نبود (Validate) و احتمالا مشکل را به صورت مطلوبی حل‌ نمی‌کرد.در نتیجه سراغ استفاده از پروموت کارشناسی خودرو و کارنامه در صفحه لیستینگ و صفحه‌ دسته‌بندی‌ها (Category Page) رفتیم تا با توجه به تخمین‌ها و ارزیابی‌هایی که انجام‌ شد، تاثیر مطلوب را روی هدف مورد نظر ایجاد کنیم.البته روش استفاده از فیلتر و سایر روش‌ها در جدول هزینه‌ها وتأثیرات (Impacts & Efforts) بررسی شد تا هم تأثیر و هم هزینه تحمیل‌شده به سایر تیم‌ها نیز اندازه‌گیری شود.این موضوع در جلسات غیرهمزمان با تیم‌ لیدر فنی و دیزاینر وقت تیم لیستینگ بررسی شد.ارائه راه‌حل و ملاحظات پیاده‌سازیمنطق نمایشدر بررسی‌ فیلتر‌ها متوجه شدیم فیلتر‌های «برند و مدل» بیشتر از سایر فیلترها انتخاب می‌شوند، حدود ۹۰ درصد کاربرانی که قصد خرید یا مشاهده خودرو را داشتند، این فیلتر را فعال می‌کردند و در میان نتایج به جستجو ادامه می‌دادند. به همین دلیل تصمیم گرفتیم تا با تکیه بر آگاهی کاربر از برند و مدل مورد نظر، خودرو‌های کارشناسی شده یا فروش سفارشی مطابق با سلیقه کاربر را به او نمایش بدهیم، برای مثال: با انتخاب فیلتر برند و مدل برای خودرو ام‌وی‌ام ۳۱۵ هاچ‌بک، خودرو‌های کارشناسی‌شده یا فروش سفارشی این برند و مدل با ویجت پیشنهادی «با ضمانت کارنامه» در لیست آگهی‌ها نمایش داده می‌شوند. هنگامی که کاربر برند و مدل‌های متفاوتی را انتخاب می‌کند، این ویجت پیشنهادی ترکیبی از نتایج خودروهای موردنظرش را براساس اولین و آخرین برند و مدلی که تعیین کرده، مرتب کرده و نمایش می‌دهد. در واقع لیستی از خودرو‌های مطلوب کاربر که از سایر آگهی‌های لیست متمایز شده‌اند را در اختیار کاربر قرار می‌دهد.جایگاه نمایشلیستینگ دیوار با الگوبرداری از مشاهدات قبلی کاربران از آگهی‌ها و در نظر گرفتن فاکتور‌هایی مانند برند و مدل، سال ساخت، میزان کارکرد و محدوده قیمت، ردیفی را نمایش می‌دهد که شامل خودروهایی با همان ویژگی‌ها است. این ویجت با عنوان «پیشنهاد دیوار برای شما» در ردیف چهارم لیست آگهی‌ها نشان داده می‌شود (یعنی آگهی چهارم از ابتدای لیست). اما با توجه به خاموش بودن ردیف «پیشنهاد دیوار برای شما» در زمان ارائه این راه‌حل، تصمیم گرفتیم ویجت ردیف خودرو‌های کارنامه را با عنوان «با ضمانت کارنامه» جایگزین کنیم.با توجه به اولویت‌های کسب وکار کارنامه و اهمیت آن برای دیوار، این جایگزینی موجه بود و در تجربه نهایی کاربر تغییر محسوسی ایجاد نمی‌کرد.نتیجه و اثرگذاریپس از اعمال این تغییر انتظار این نتایج را داریم:۱) میانگین مشاهده از خودرو‌های فروش سفارشی کارنامه در بازه‌ زمانی ۲ هفته پس از انتشار افزایش پیدا کند.۲) میزان فروش خودرو‌های فروش سفارشی کارنامه در بازه زمانی ۱ ماه پس از انتشار افزایش پیدا کند.۳) کاهش هزینه‌های کسب و کار کارنامه برای پروموت کردن خودروهای فروش سفارشی طاها حامی فر طاها حامی فر Wed, 25 Aug 2021 19:12:53 +0430 https://virgool.io/CreativePie/5-%D9%85%D8%B1%D8%AC%D8%B9-%D8%B1%D8%A7%DB%8C%DA%AF%D8%A7%D9%86-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%D8%B3%D8%A7%D8%B2%DB%8C-%D9%87%D8%A7%DB%8C-%D8%AF%DB%8C%D8%AC%DB%8C%D8%AA%D8%A7%D9%84-str5hvsyougb وبسایت humaaans.comیکی از جذاب ترین کتابخانه های تصویرسازی های دیجیتال کارکترهای انسانی هستش که می تونید به صورت رایگان از همه اونا استفاده کنید.وبسایت Undraw.coیک منبع بسیار غنی از تصویرسازی های بسیار کاربردی که توانایی تغییر رنگ اصلی وکتور قبل از دانلود فایل را در اختیارتون میزاره.وبسایت Iconscout.comتعداد قابل قبولی تصویرسازی های با کیفیت و رایگان در مجموعه بی نظیری از آیکون های جذاب.وبسایت Icons8.com/Ouchزیر مجموعه سایت آیکونز8 با محوریت تصویرسازی دیجیتال، مجموعه ای بی نظیر با سبک های مختلف تصویرسازی مورد نیاز شما که به صورت رایگان در دسترس قرار داره.وبسایت Absurd.Designاگه دنبال یه مجموعه خاص و بی نظیر با سبکی متفاوت میگردین، سایت ابسورد میتونه کمکتون کنه، یه مجموع ده عددی رایگان هم در نظرگرفته که اگه دوست داشتین با عضویت در اون میتونید به همه فایل ها دسترسی پیدا کنید. طاها حامی فر طاها حامی فر Thu, 12 Sep 2019 09:32:33 +0430 https://virgool.io/@tahahamifar/%D9%88%D8%B1%D9%88%D8%AF-%D9%BE%D8%B1%D9%82%D8%AF%D8%B1%D8%AA-adobe-%D8%A8%D9%87-%D8%AF%D9%86%DB%8C%D8%A7%DB%8C-%D8%B3%D9%87-%D8%A8%D8%B9%D8%AF%DB%8C-%D8%A8%D8%A7-substance-x0qtesdjlqkk طراحان عزیز خیلی خوب میدونن که ادوبی سالیان سال هستش که به دنیای مدل سازی سه بعدی وارد نشده و با توجه به سلطه پر قدرتش بر حوزه دیزاین، این وظیفه خطیر رو به رقبا سپرده بود و خودش کنار نشسته بود. اگه بخوام براتون مثال بزنم، نوجوان پر جنب و جوش شرکت مکسون یعنی cinema 4D چندین ساله که توسط ادوبی به یه پارتنر خوب برای مدلسازی سه بعدی تبدیل شده که با After Effect به خوبی سازگاره و میتونین برای مدل سازی از اون استفاده کنید و با افترافکت مدل هاتون رو متحرک کنید. که البته اینکار با خود C4D هم امکانپذیره!حتی حدودا 4 سال پیش بود که ادوبی در همایش adobe Max از یک پروژه به نام Felix یادکرد که مربوط به بحث مدلسازی سه بعدی بود. اما پس از گذشت یکسال پروژه مذکور با نام Adobe Dimension به بازار اومد و متاسفانه خبری از یک نرم افزار مدلسازی نبود و فقط توانایی ساخت و ایجاد جلوه های سه بعدی و متریال های متنوع رو داشت و به همین بسنده کرده بود، که کاربردش در حد و اندازه استفاده های تبلیغاتی و پروموشن بود.از اونجا به بعد تا همین امسال، مجددا از ادوبی هیچ خبری نبود تا بالاخره یه صداهایی به گوش رسید، بله ادوبی از یک مجموعه جدید از نرم افزاهاش پرده برداری کرد که به عنوان یک زیربرند در حوزه تکسچرینگ و مدلسازی سه بعدی میشه از اونها استفاده کرد. مجموعه SUBSTANCE by Adobeاین مجموعه نرم افزاری شامل چند نرم افزاره خیلی بزرگ و سنگینه که با سری کارت های گرافیکی Nvidia studio که به تازگی توسط انویدیا معرفی شده بسیار سازگار هستند و از پس سنگین ترین معادلات ریاضی و فرایندهای داده ای برمیان و میشه باهاشون با جزئیات ترین بافت ها و سنگین ترین متریال ها رو پیاده سازی کرد.از این مجموعه به دو نرم افزار اشاره مختصری میکنم و باقیش رو میزارم به عهده خودتون که به سایت adobe substance سر بزنید.سابستنس پینتر از بهترین های این مجموعه هستش و برای نقاشی دیجیتال+سه بعدی استفاده میشه! شاید باورتون نشه اما میتونید با بافت هایی که طراحیشون کردید با از سابستنس سورس اونارو دریافت کردید (که البته ماهی 30 عدد میتونید دریافت کنید) میتونید نقاشی کنید و این توانایی بی نظیر این نرم افزار رو نشون میده که تقریبا رقیب خاصی براش وجود نداره.البته تاکید میکنم که با painter نمیشه مدلسازی کرد، اما شما با تکسچرها میتونید با بالاترین دقت نقاشی کنید. متریال هوشمند و ماسک هوشمند از ویژگی های این نرم افزار جدید الورود هستند.نرم افزار بعدی مجموعه substance، دیزاینر (Designer) هستش که کاربرد اصلی اون ساخت و طراحی بافت یا texture هستش، از این تکسچر ها میشه در نرم افزارهای مجموعه سابستنس مثل painter و حتی نرم افزارهای مدل سازی سه بعدی دیگه مثل c4d و maya استفاده کرد و اون ها رو به اشکال سه بعدی ساخته شده، با سبک متفاوت نرم افزار نسبت داد.این مجموعه یک سورس خیلی خوب از تکسچر های آماده شده توسط ادوبی هم داره که میتونید از اونها هم استفاده کنید البته لازمه اون خریدن لایسنس سالیانه نرم افزاره و همونطور که گفتم ماهانه 30 تکسچر برای شما در نظر گرفته شده که در عین حال که تعدادشون بسیار زیاده، خیلی با جزئیات طراحی شدند و تقریبا میشه گفت هیچ نمونه مشابهی ندارند، البته این سورس به مجموعه adobe stock و متریال های موجود در اون مرتبط نشده اما یکپارچگی و شباهت این دو مجموعه، میتونه نشونه ای از ترکیب این دو مبنع بزرگ با همدیگه در آینده ای نزدیک باشند. امیدوارم که از این نوشته راضی بوده باشید، اگر سوالی در مورد این مجموعه داشتید امیدوارم بتونم بهتون کمک کنم.من، طاها حامی فر، از شما بابت زمانی که به این نوشته اختصاص دادید، سپاسگزارم. طاها حامی فر طاها حامی فر Tue, 13 Aug 2019 14:55:03 +0430 https://virgool.io/@tahahamifar/%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%D9%85%D9%86-%D8%A7%D8%B2-%D8%B4%D8%B1%DA%A9%D8%AA-%D8%AF%D8%B1-idf-%D8%A8%DB%8C%D8%B3%D8%AA-%D9%88-%D8%B3%D9%88%D9%85-y4ludxhkexfo من طبق زمانبندی رویداد باید تا شیش و نیم خودم رو به کارخانه نواوری میرسوندم، مترو خیلی شلوغ بود و کلی هم توقف داشت به علت شلوغی خط!من ساعت شیش و بیست دقیقه رسیدم و داشتم به خودم میگفتم که کلی دیر شده ولی وقتی رسیدم تقریبا 5 نفر بودیم. برای شرکت کنندگان رویداد بیست و سوم سه رنگ کارت در نظرگرفته شده بود که رنگ آبی به معنی کارفرما یا شکارچی بود، رنگ مشکی به معنی طراح جویای کار یا طعمه بود و رنگ سفید در هیچ گروهی قرار نداشت، کارت سفید رو برداشتم و مشخصاتم رو نوشتم و با راهنمایی تیم اجرایی به سمت سالن حرکت کردیم.گرمای سالن اذیت کننده نبود اما با افزایش جمعیت بدتر میشد، اما در نهایت زور سیستم تهویه هوا به گرما چربید و اوضاع بهتر شد.آقای هومن عباسی تاخیر داشت به همین دلیل ارائه دوم به جای ارائه اول برگزار شد و خانم بهمنی شروع به ارائه کردند.واقعا توقع نداشتم مطالب انقدر پایه ای و ابتدایی رو در رویدادی مثل idf بشنوم و محتوای ارائه با توجه به تجربه ایشون، بسیار ابتدایی تهیه شده بود و مخاطبین خیلی کمی در این رویداد داشت، این نقد رو در انتهای رویداد از باقی طراحان عزیز هم شنیدم و دلیلی بر این شد که در موردش بنویسم.آقای هومن عباسی رسیدند و ارائه دوم رو شروع کردند و به نکات جالبی در مورد شناخت عادت و تاثیر اون در ساختار ذهن انسان اشاره کردند. کلی هم شوخ طبع بودند و در پنل ایشون کلی خندیدیم.علی بابایی، آقای صارمی فر و علیرضا نیکوکار در پنل سه نفره حضور داشتند و موارد بسیار جذابی از جمله، نقش های تیم پروداکت دیزاین، خصوصیت های تیم Ux دیزاین، میزان الزام دانش یک طراح رابط کاربری، لزوم داشت دانش فنی و برنامه نویسی برای یک طراح تجربه کاربری و ... مطرح شد که با صحبت های حماسی علی بابایی که همیشه میتونه انرژی یک ماه طراحی بی وقفه رو به آدم منتقل کنه، به پایان رسید و بعد از گرفتن یه عکس یادگاری با مشغله فراوان به سمت سالن پذیرایی هدایت شدیم.واقعا گرسنه بودیم چون ساعت نزدیک به 9 بود و از ظهر تا اون ساعت هیچی نخورده بودیم.پیشنهاد شخصی من اینه که پنل پذیرایی و نتورکینگ از هم جدا باشه :)، چون برای من با وجود گرسنگی، اولویت با نتورکینگ بود ولی برای دوستان دیگه اینطور نبود! در نتیجه رسما هیچ چیزی پیدا نکردم که بخورم :)در آخر من خوشحال و شاد از اینکه مجددا دوستای خوبم رو که از هم دوره ای های کالج رهنما بودن و هم از رویداد های مشابه قبلی باهاشون آشنا شده بودم دیدم، خیلی خوشحال بودم و دوستای جدیدی رو هم پیدا کردم که قطعا آشنایی باهاشون برای من ارزشمنده.و در نهایت از تیم برگزاری IDF، مجموعه زاویه و هم آوا برای برگزاری این رویداد با توجه به محدودیت های مختلف و چالش های موجود، صمیمانه تشکر می‌کنم، امیدوارم به زودی همدیگه رو در رویداد بعدی ببینیمطاها حامی فر، 16 مرداد 1398 طاها حامی فر طاها حامی فر Wed, 07 Aug 2019 11:58:24 +0430 https://virgool.io/@tahahamifar/tahahamifar-uidesignprinciples-zwiszlkbsqq7 هنگامی که قصد طراحی رابط کاربری را داشته باشید شما در حقیقت در حال طراحی یکی از مهم ترین لایه های تجربه کاربری هستید.لایه رابط کاربری دقیقا نقطه برقراری ارتباط با پرسونا یا کاربرنمای شماست که در حقیقت 90 درصد جامعه کاربران هدف شما را شامل میشود و این به این معنی است که شما تا رسیدن به گاوصندوق پر از پول و طلای بانک فقط به اندازه چند ضربه کلنگ فاصله دارید که اگر اشتباه کنید ممکن است آژیر به صدا دربیاید و نقشه تان نقش بر آب شود.رابط کاربری در حقیقت بخش کوچک ولی پر اهمیتی از تجربه کاربری است که معمولا طراحی آن به وسیله طراح تجربه یا یک ویژوال دیزاینر ( یک طراح بصری) با نظارت مستقیم طراح تجربه صورت می پذیرد.برای طراحی هرچه بهتر شما باید اصولی را بدانید و از آنها استفاده کنید تا طرح شما استاندارد ، المان هایاستفاده شده توسط شما قابل استناد و در کل چشم نواز و قابل دفاع باشد.پیش از گفتن هر نکته دیگر ، به معرفی آنها میپردازماصل شماره یک : تاکید به نحوی طراحی کنید تا ساختار طراحی شما دارای وزن خاص یا تاکید در قسمت مهمی از طرح نسبت به کل طرح داشته باشد ، می توانید با استفاده از رنگ ، ایجاد حجم و یا فرم خاص یک شکل ایجاد تاکید کنیدبرای مثال یک دایره بزرگ در کنار پنج دایره کوچک و هم اندازه بسیار مهمتر و قابل تامل تر به نظر خواهد رسید. اصل شماره دو : تعادلمتعادل طراحی کنید ، وزن را به طور یکسان در همه طرح تقسیم کنید. تمامی المان های مهم و یا تمامی المان های فانتزی را در قسمتی از طرح جمع آوری نکنید و سمت مقابل را تماما سبک به حال خود رها کنید.اصل شماره سه : تراز بودن یا رعایت Alignmentیکی از مهم‌ترین نکات و الزاماتی که در طراحی باید به آن دقت حداکثری داشته باشید، تراز بودن المان‌هایی است که از آنها استفاده می‌کنید. خطکش تان در دست باشد ، همیشه!. مراقب گوشه های گرد یا تیز باشید اگر متناسب و تراز نباشند ممکن است به کاربرتان آسیب بزنند. کادر ها ، پنجره ها ، دکمه ها و... اینها همه باید در یک وضعیت مناسب از نظر محل قرارگیری و تناسب با دیگر اجزای طرح شما قرار بگیرند ، رعایت نکردن اینها کاربر شما را دلزده خواهد کرد و ممکن است عدم ثبات ، عجله در نتیجه امنیت پایین ، عدم دقت طرح در نتیجه عدم کیفیت محصول یا سرویس را خواهد رساند.اصل شماره چهار : فضای سفید دوست داشتنی !فضای سفید یا فضای منفی یکی از جذاب ترین عناوین مورد استفاده طراحان امروزیست و یکی ازاصلیات مکتب مینیمالیسم یا حداقل گرایی. شما هم به عنوان یک دیزاینر باید از این ترند دوست داشتنی استفاده کنید اما با دلیل ! کاربر شما برای رفع یک نیاز به سیستم شما قدم گذاشته است ، پس نیازش را با قرار دادن فانکشن های مورد نیاز او برطرف کنید و دیگر کاری با باقی مانده فضا نداشته باشید . این فضای منفی در نقش یک هدایتگر نیز ظاهر میشود و به حرکت کاربر شما در سیستمتان جهت خواهد داد. و لطفا در استفاده از آن زیاده روی نکنید .اصل شماره پنج : تضاد و شباهت منظور من از تضاد یا کنتراست ، صرفا در رنگ نیست اما بیشتر در مورد رنگ صحبت می کنم ، رنگ های استفاده شده در طرح شما باید به نسبت یکدیگر میزان تضاد مناسبی داشته باشند ، به این صورت که وقتی در کنار یکدیگر قرار میگیرند به شدت تمایز ایجاد شده قابل لمس بوده و نیاز به دقت در اینکه اهمیت کدام دکمه بیشتر از سایرین است نیاز نباشد و بتوانید به راحتی این مهم را اجرا کنید ، در ضمن با رعایت این نکته به فکر افرادی که از نظر بینایی مشکل دارند و گاها دچار کور رنگی هستند را نیز هموار کرده اید.8 درصد از مردان و 5 درصد از زنان دچار کوررنگی هستند و رنگ های قرمز و سبز را متمایل به خاکستری میبینند.در مورد شباهت دقیقا برعکس تضاد عمل کنید ، با ایجاد شباهت در بین المان ها ، خانواده آیکون ها و رنگ ها ، یک کلام "میزان اهمیت یکسان و حس عدم برتری" را ایجاد کنید.امیدوارم که با این مقدمه به خوبی ارتباط برقرار کرده باشید ، به زودی قسمت بعدی و ادامه این موضوع رو مینویسم و اینم بگم که حمایت شما انگیزه رو در من چند برابر میکنه که بحث های طولانی و مفصل تری رو در رابطه به طراحی تجربه و رابط مطرح کنم ، نوشتن بحث طراحی تعاملی یا interaction Design رو هم در برنامه ام دارم.من ، طاها حامی فر طراح تجربه و رابط کاربری هستم و مشتاقانه منتظر شنیدن نظرات شما دوستان عزیز و طراح خودم. هدفم هم غنی تر کردن مطالب رایگان در این حوزه بسیار جوان در کشورمونه. طاها حامی فر طاها حامی فر Tue, 18 Sep 2018 19:11:16 +0430