https://virgool.ir/feed/@yeganeh.lavfa2026-11-12 04:49:56https://files.virgool.ir/upload/users/43133/avatar/5zaPkF.jpghttps://virgool.ir/@yeganeh.lavhttps://virgool.ir/@yeganeh.lav/نقش-پروداکت-دیزاین-در-خلق-کمپین-های-مؤثر-از-ایده-تا-جذب-کاربر-qhpaoremogof🎁🎉 داستان طراحی کمپین شب یلدا: جذب کاربران جدید با رویکرد محصول محور 🎁🎉 مقدمه: شب یلدا یکی از کهن ترین سنت های ایرانی است که به عنوان فرصتی مناسب برای ارتباط با کاربران مورد استفاده قرار گرفت. ما به عنوان تیم محصول تصمیم گرفتیم از این فرصت برای طراحی یک کمپین بازاریابی ویژه بهره بگیریم. هدف اصلی، افزایش نصب برنامه و جذب کاربران جدید از طریق پیامک های تبلیغاتی بود. این پیامک ها به کاربرانی ارسال شد که هنوز برنامه را نصب نکرده بودند.هدف کمپین: هدف از این کمپین، معرفی جذابیت ها و ویژگی های کلیدی برنامه و در نهایت دعوت کاربران جدید به دانلود و استفاده از برنامه بود. به عنوان یک طراح محصول، نقشی کلیدی در ساخت تجربه های روان و جلب توجه برای کاربران داشتم، به طوری که علاوه بر طراحی بصری، به بهینه سازی تجربه کاربری در مراحل مختلف کمپین توجه شد.مراحل اولیه طراحی: در ابتدا قصد داشتیم در این کمپین بخش هایی از برنامه را طبق نیازهای مدیر محصول به کاربران معرفی کنیم. این بخشها شامل تماشای ویدیو در قسمت دنیای مجازی، گوش دادن به موسیقی در سرویس آوا، و فال گرفتن در انجین( اپلیکیشن ذره بین) بود. از آنجا که این بخش ها در قسمت های مختلف برنامه پراکنده بودند و با توجه به اینکه پرسونای هدف ما کاربران جدیدی بودند که با برنامه آشنایی کافی نداشتند، این موضوع به عنوان یک چالش مطرح شد: چگونه میتوانیم جانمایی این قسمت ها را به بهترین شکل ممکن به کاربران جدید معرفی کنیم؟چالشها:روش ارائه کمپین: طراحی استراتژی های مؤثر برای جذب بیشتر کاربران، افزایش نصب اپ و تشویق به اشتراک گذاری لینک دعوت.معرفی به کاربران جدید: آشنایی کاربران با بخش هایی که به عنوان مأموریت در اپ معرفی شده اند.مرحله دریافت شماره: ارتقاء تجربه کاربری در مرحله جمع آوری شماره تماس.شروع به کشیدن وایرفریم و اسکچ های متعددی کردم تا بتوانم ایده های مختلفی که در ذهن داشتم را به تیم ارائه دهم و از آنها بازخورد دریافت کنم.مدل اول :در این مدل، تمام مأموریت ها را به صورت زیر هم قرار دادم، به طوری که کاربران میتوانستند همه مأموریت ها را به شکل اسکرولی در یک صفحه مشاهده کنند.معایب: صفحه طولانی و خسته کننده به دلیل اسکرول زیاد، که باعث کاهش انگیزه برای انجام مأموریت ها میشود. در برخی موارد، حتی ممکن است کاربران متوجه انجام مأموریت ها نشوند.sketchمدل دوم :در این مدل، کاربر میتواند مأموریت ها را از طریق منوهای کشویی (drop-down) مشاهده کند. و تمام کمپین در یک صفحه اسکرولی قابل مشاهده هست.wireframe2مدل سوم :در این مدل، کاربر میتواند هر یک از مأموریت ها را به صورت تب (tab) مشاهده کند.wireframe3مدل چهارم :در این مدل، کاربر مأموریت هایش را به صورت مرحله ای مشاهده میکند؛ به این معنا که هر مرحله به طور جداگانه در یک صفحه قرار دارد. این رویکرد میتواند کاربر را بیشتر ترغیب کند تا به ادامه مسیر بپردازد.wireframe4در بین این مدلها، مدلهای ۳ و ۴ مورد تأیید مدیر محصول و ذینفعان قرار گرفتند. هدف این است که با ورود به مرحله طراحی و انجام تست های کاربری یا A/B، بهترین مدل را برای کاربران شناسایی کنیم.طراحی مدل شماره 3designطراحی مدل شماره 4طراحی بخش پایانی یکی از بزرگترین چالش ها، طراحی صفحه نهایی بود که باید لینک دانلود یا دعوتنامه ارسال میشد. با توجه به اینکه کاربران باید انگیزه کافی برای ادامه دادن و نهایی کردن فرآیند داشته باشندfinal pageمرحله دریافت شماره تماس (یا هر گونه اطلاعات تماس دیگر) در یک کمپین میتواند تأثیر زیادی بر موفقیت آن داشته باشد. برای حداکثر کردن نفع برای بیزینس، این مرحله باید در زمان و مکان مناسب در کمپین قرار گیرد. در اینجا چند نکته برای بهترین زمان قرارگیری این مرحله ارائه می شود:بهترین زمان برای دریافت شماره تماس بستگی به نوع کمپین و رفتار مخاطب دارد، اما به طور کلی، این دو گزینه را میتوان بررسی کرد: 1. **مرحله ابتدایی:** مزایا:جلب توجه: در آغاز، کاربر ممکن است در حال بررسی محتوای کمپین و امکانات آن باشد. اگر بتوانید علاقه مندی او را جلب کنید، ممکن است تمایل بیشتری به ارائه اطلاعات خود داشته باشد. سرعت در ایجاد ارتباط: با دریافت شماره در مرحله ابتدایی، میتوانید از آن برای پیگیری های بعدی استفاده کنید و اطلاعات بیشتری به کاربر ارائه دهید.معایب: عدم اعتماد: در مراحل ابتدایی، کاربر ممکن است به اندازه کافی با برنامه یا پیشنهادات شما آشنا نباشد و به همین دلیل از ارائه اطلاعات خود reluctant باشد.از دست رفتن کاربران:اگر کاربر در مرحله اولیه احساس کند که کمپین به اندازه کافی جذاب نیست، ممکن است از ارائه شماره منصرف شود. 2. **مرحله انتهایی:** مزایااعتماد بیشتر: در این مرحله، کاربر به ویژگی ها و مزایای برنامه پی برده و احتمالاً احساس اعتماد بیشتری نسبت به برند شما دارد.انگیزه قویتر: پس از معرفی کامل مزایا و ویژگی های برنامه، کاربر ممکن است بیشتر تمایل به ارائه شماره تماس داشته باشد، به ویژه اگر یک پاداش یا مزیت ویژه برای آن ارائه شود.معایب:فرصت از دست رفته: اگر کاربر پس از ارزیابی کامل نتواند به راحتی شماره خود را وارد کند، ممکن است از کمپین خارج شود و فرصت جذب او را از دست بدهید.**نتیجه گیری:**به طور کلی، **مرحله انتهایی** معمولاً گزینه بهتری برای دریافت شماره تماس است. در این مرحله، کاربر با برنامه و ویژگی های آن آشنا شده و احساس اعتماد بیشتری دارد. این روش به شما این امکان را میدهد که از تشویقهای قویتر و مزایای خاص برای جلب توجه کاربران استفاده کنید. با این حال، استفاده از یک **رویکرد ترکیبی** (دریافت شماره در مراحل ابتدایی به همراه پیگیریهای بعدی در مراحل انتهایی) نیز میتواند مفید باشد، به شرطی که به خوبی طراحی و پیاده سازی شود.تغییرات و بهینه سازی: با توجه به کمبود زمان و نزدیک شدن به تاریخ آغاز کمپین، از مدلهای شماره ۳ و ۴ بهصورت همزمان تست های کاربری و تست A/B انجام شد. در نهایت به این نتیجه رسیدیم که با اعمال تغییرات جزئی، مدل شماره ۴ را نهایی کنیم.این تغییرات شامل موارد زیر بود:1. رفع کج فهمی کاربران: کاربران در قسمت مرحلهای (مدل شماره ۴) در انجام مأموریتهای پیش رو دچار سردرگمی بودند. برای بهبود این وضعیت، دکمه ای در پایین هر صفحه (مرحله) اضافه شد تا دسترسی آن ها برای ادامه مأموریت ها آسانتر گردد.2. راهنمایی در قسمت پایانی: در بخش پایانی، کاربران نمیدانستند برای دریافت هدیه کمپین پس از دانلود برنامه باید به کدام قسمت مراجعه کنند. با افزودن توضیحات واضح تر و طراحی شماتیک پریافت جایزه در برنامه ، این مسئله روشنتر شد.این تغییر باعث شد تا کاربران مراحل را بهتر درک کرده و راحتتر در کمپین شرکت کنند.طرح های نهایی بعد از اصلاحاتfinal design به عنوان یک پروداکت دیزاینر در طراحی کمپینهای مارکتینگی، نکات زیر اهمیت زیادی دارد تا تجربه کاربری (UX) بهبود یابد و کمپینها به اهداف بازاریابی خود دست یابند:1.جذابیت بصری و گیرایی طراحی باید از نظر ظاهری جذاب باشد تا کاربر را به ماندن در صفحه و انجام اقدامات ترغیب کند. ظاهر گیرنده، اولین گام در جذب کاربران و افزایش نرخ تعامل با کمپین است.2.معرفی بخش های مختلف برنامه چون این کمپین برای کاربران جدید ارسال میشود، شناسایی نیازهای مدیر محصول و معرفی بخش های مختلف اپلیکیشن در طول کمپین بسیار مهم است. این اقدام باید به گونه ای باشد که کاربر را به نصب و استفاده از برنامه ترغیب کند.3.شناخت مخاطب هدف شناخت دقیق مخاطبان هدف، از جمله انتظارات آنها، نوع دستگاهها و پلتفرم هایی که استفاده میکنند، و انگیزه های آنها برای شرکت در کمپین، به بهبود تجربه کاربری کمک میکند. طراحی باید با نیازهای کاربران هم خوانی داشته باشد.4.ساده سازی تجربه کاربری - مشت نمونه خروار! یکی از مهمترین وظایف شما ساده سازی مسیر کاربر است. اگر کمپین مرحله محور و ماموریت محور باشد، باید مسیر حرکت کاربر بسیار روان و ساده باشد تا کاربران بدانند کار با اپلیکیشن نیز به همین سادگی است. طراحی مرحله ای به جای اسکرولی، مانند کمپین شب یلدا، یک مثال خوب از ساده سازی تجربه کاربری است.5.راهنمایی مؤثر برای نصب برنامه در انتهای کمپین باید به خوبی کاربر را به نصب برنامه راهنمایی کنید. مراحل باید به شکلی طراحی شوند که کاربر به راحتی ویژگی های برنامه را بشناسد و با انگیزه بیشتری اقدام به نصب آن کند.6.تست و دریافت بازخورد کمپین ها باید بهصورت تستی (مانند A/B تست) اجرا شوند تا با استفاده از بازخورد کاربران و داده های دریافتی، بتوانید طراحی را بهینه سازی کنید و کمپین نهایی را کارآمدتر کنید. پس شما به عنوان طراح محصول باید طراحی خود را به گونه ای انجام دهید که امکان تغییرات سریع و بهینه سازی در طول کمپین وجود داشته باشد. این انعطاف پذیری باعث میشود تا کمپین بر اساس بازخوردهای زودهنگام بهینه شود. به همین دلیل ما هم کمیپن رو قبل از شروع رخداد طی چند روز با کاربران تست کردیم تا در خود رویداد با تغییراتی که دادیم بتوانیم کاربران بیشتری جذب کنیم7.موبایل فرندلی بودن با توجه به اینکه بیشتر کمپینها از طریق موبایل ارسال میشوند، باید طراحی کاملاً بهینه برای نمایشگرهای موبایل باشد. از جمله دکمه های قابل لمس بزرگ و محتوای خوانا در صفحه های کوچک.8.پاداش و انگیزه های واضح پاداش ها مانند هدایا یا تخفیفات باید به وضوح نمایش داده شوند تا کاربران به شرکت در کمپین تشویق شوند. جذاب کردن نمایش این پیشنهادات تأثیر مثبتی بر رفتار کاربران خواهد داشت.9.کال تو اکشن (CTA) جذاب دکمه های فراخوانی به اقدام (Call to Action) مانند "دانلود اپلیکیشن" یا "ارسال لینک دعوت"، باید چشم نواز و در جای مناسبی قرار بگیرند تا کاربر به راحتی آن ها را ببیند و روی آنها کلیک کند.10.تحلیل داده ها و بهینهسازی مداوم بعد از اجرای کمپین، باید رفتار کاربران را تحلیل کنید تا نقاط ضعف را شناسایی کرده و طراحی را بهبود دهید. ما هم بعد از داشتن موفقیت در کمپین یلدا همین ساختار رو در کمیپن روز مادر تکرار کردیم 11.هماهنگی بین تیم ها طراحی کمپین نتیجه همکاری تیم های مختلف از جمله بازاریابی، طراحی و توسعه دهندگان است. شما به عنوان یک طراح محصول باید هماهنگی لازم را ایجاد کنید تا همه جوانب کمپین به درستی اجرا شود.با رعایت این نکات، میتوانید کمپین هایی طراحی کنید که علاوه بر بهبود تجربه کاربری، به دستیابی به اهداف تجاری و بازاریابی نیز کمک کنند.نتیجه کمپین هدیه نهایی کمپین، ۲ گیگابایت اینترنت رایگان از همراه اول بود که تنها به کاربرانی تعلق میگرفت که پیش از این در کمپین های مشابه شرکت نکرده بودند. این پاداش، در کنار بهبود تجربه کاربری و ساده سازی مراحل، تاثیر قابل توجهی بر میزان نصب های جدید داشت و کمپین توانست به اهداف اصلی خود دست یابد. نتایج چشمگیر کمپین نشان دهنده موفقیت آن بود: تعداد نصب ها از 251,798 در نسخه اولیه به 254,543 در نسخه اصلاح شده افزایش یافت و میزان دعوت کاربران به عدد 24,597 رسید، که این نشاندهنده تأثیر مثبت تغییرات طراحی و استراتژی های جدید است.نقش من به عنوان طراح محصول: به عنوان یک طراح محصول، تمرکز من بر این بود که تجربه کاربری ساده، جذاب و قابل فهم برای کاربرانی که آشنایی اولیه با برنامه ندارند، ایجاد کنم. همچنین با تحلیل رفتار کاربران، توانستیم طراحی کمپین را بهینه کرده و نتایج ملموسی در جلب کاربر و افزایش نصب برنامه کسب کنیم.نتیجه گیری: این کمپین نشان داد که طراحی و تجربه کاربری چگونه می تواند نقشی حیاتی در موفقیت کمپین های بازاریابی ایفا کند. با استفاده از تستهای اولیه و بهینه سازی طراحی، ما توانستیم مسیری جذاب و موثر برای کاربران بسازیم که در نهایت به افزایش نصب برنامه و مشارکت کاربران منجر شد.با توجه به موفقیت چشمگیر این کمپین، ما همان قالب را در کمپین روز مادر نیز پیاده سازی کردیم که در زیر قابل مشاهده است. https://virgool.io/p/qhpaoremogof/%3Ciframesrc= کمپین روز مادرyeganeh lavarianyeganeh lavarianWed, 23 Oct 2024 16:03:03 +0330https://virgool.ir/@yeganeh.lav/بررسی-دیزاین-صفحه-اصلی-نحوه-معرفی-سرویس-ها-vyxr8wxgnmrdدر مطالعه قبل راجب مراحل ریدیزاین یک اپ مرورگری و ایجاد یک تجربه کاربری برای نویگیت کاربر نوشتم .برای اینکه بهتر متوجه این داستان بررسی بشید نیازه حتما یک نیم نگاهی به مطالعه قبلی بندازید.میتوانید این مقاله را در اینجا مطالعه کنید .صفحه اصلی ذره‌بین، در طول مسیر، از یک نسخه اولیه که داشت به این صفحه تغییر یافت و یک سرویس گیمیفیکیشن به نام "هدیه" نیز به اپلیکیشن اضافه شد.✖️ مشکلات یکی از چالش‌هایی که با آن روبرو بودیم، نبودن نرخ کلیک و بازگشت مناسب بر روی سرویس‌های ما بود و می‌خواستیم این مسئله را بهبود بخشیم. برای این منظور، نیاز داشتیم تا با کمک گیمیفیکیشن، نرخ بازگشت را افزایش دهیم. برای تغییر طراحی این صفحه که به عنوان اولین تعامل کاربر با اپلیکیشن محسوب می‌شود، نیازمند به دقت و شناخت کاربران بودیم. برای این منظور، بررسی دقیق و دقیق بر اساس نیازهای کاربران را انجام می‌دادیم.برای این هدف، نیاز داشتیم که بررسی مجددی از آپدیت‌های اپلیکیشن‌های مشابه و رقبا داشته باشیم. بنابراین، تصمیم گرفتیم به بنچ‌مارک برویم.بنچ مارکی که انجام شد با تمرکز بر این دو مورد بودبررسی مستقیم رقبا (موضوعی)بررسی غیر مستقیم رقبا (بررسی از نظر سرویس های قابل ارائه در اپ)✅راه حلبرای اینکار باید روی نحوه ریکامندیشن در اپ ها دقت میکردم وبررسی می‌کردم اپ ها اپلیکیشن‌ها چگونه سرویس‌های خود را در صفحه اصلی به کاربران معرفی می‌کنند.
رفتار کاربر های ما در این صفحه مورد بررسی قرار گرفت و متوجه شدیم کاربر ها پس از بازدید از این صفحه بیشتر در دنیای مجازی پایین صفحه که حکم دیسکاور کردن کاربر بر محتوا ها را دارد درگیر میشوند و اینقد در این قسمت اسکرول و گشت و گزار میکنند که دیگر به سرویس‌های ما توجه نمی‌کنند.پیشنهاد من این بود که نحوه معرفی سرویس‌های خود را از حالت ساده‌ای که فقط شامل آیکون و نام سرویس است، تغییر دهیم. به جای آن، باید بخشی از مطالب مورد نیاز کاربران را برجسته کنیم تا کاربران در نگاه اول متوجه شوند که هر سرویس چه محتوایی ارائه می‌دهد. به نوعی باید برای جذب کاربران، مطالب جالب و کاربردی ارائه دهیم. همچنین، می‌توانیم از توجه کاربران به مطالب دنیای مجازی بهره ببریم و محتوای سرویس‌های خود را میان کارت‌های دنیای مجازی (دیسکاوری) معرفی و ترویج کنیم، مشابه کاری که اینستاگرام و یوتیوب انجام می‌دهند.ابتدا به سراغ رقبای اصلی‌مان که شامل Yandex، Hi Browser، Yanii App، Bing App، و Petal هستند، می‌رویم. در این بخش، بر نحوه ارائه سرویس‌های آن‌ها و شیوه جابه‌جایی بین سرویس‌ها تمرکز کردم که برای کاربران و کسب‌وکارها بسیار حائز اهمیت است.نکته از مقاله recommend guildline از nngroup در مورد نحوه ریکامند خوندم که میگفت : سرویس ها یا مطالب مهمی که میخواهیم مورد توجه کاربر باشد حتما باید در بالای صفحه و بخش ابتدایی صفحه باشد چون کاربران زیاد اسکرول نمیکنند. محتوای تولید شده شخصی نسبت به نحتوای عمومی ارزش زیادی دارد . این به این معناست ک اگر میخواهیم پیشنهادی برای کاربر بیاریم این پیشنهاد کاستومایز شده و طبق سلیقه کاربر باشد. (شخصی سازی محتوای پیشنهادی )کاربران از چیز های جدید و تازه موجود در اپ خبر ندارند و ان ها باید جزو موارد پیشنهادی در اپ باشندتوضیح مختصر در باره ی سکشن پیشنهادینکات دیگر مقاله ها :79 درصد از کاربران وب به جای خواندن صفحه، آن را اسکن می کنند. اگر بازدیدکنندگان را مجبور کنیم که از پیشنهاد ما مطلع شوند، نرخ تبدیل کاهش می یابد.کاربر چه چیزی می داند ؟ چقد از قبل میداند تا بتوانیم محتوا را طبق نظر کاربر قرار دهیم تا ان ها را متقاعد کنیم  (نیاز به تست)طبق قانون هیک زمان تصمیم گیری با تعداد و پیچیدگی انتخاب هایی که داریم افزایش پیدا میکند و باید تا حد ممکن از نمایش دستای زیاد و پیچیده برای کاربر جلوگیری کنیم  ( جلوگیزی از نمایش سروس در سرویس - لندینگ های جدا برای هر کدوم - داشتن سرویس هایی ک برای کاربران ارزسی خلق نمیکنند.موردی که ما حتما باید برای جانماییش بهش توجه میکردیم که از طرف تیم مارکتینگ بود وجود جایی برای بنر در صفحه اصلی بود برای این منظور بهتره نکات زیر را مرورکنیمبررسی بنر ها : بر اساس مطالعه ای که توسط InMobi انجام شده، بنرهای موبایل دارای میانگین نرخ کلیک (CTR) 0.35٪ هستند که بالاتر از سایر اشکال تبلیغات موبایلی مانند تبلیغات بینابینی (0.23٪) و تبلیغات بومی (0.30٪) است.بنرها یادآوری برند را بهبود می‌بخشند: مطالعه‌ای توسط گوگل نشان داد که تبلیغات بنری می‌تواند یادآوری برند را تا 46 درصد بهبود بخشد و آنها را به ابزاری مؤثر برای ایجاد آگاهی و شناخت برند در میان کاربران تبدیل می‌کند.بنرها باعث افزایش تبدیل ها می شوند: طبق مطالعه ای که توسط eMarketer انجام شده است، تبلیغات بنری با نرخ تبدیل 8.6٪، درست پس از بازاریابی ایمیلی (9٪) دومین شکل موثر تبلیغات دیجیتال برای ایجاد تبدیل است.بررسی مستقیم رقبا چون دیجی کالا و اسنپ هم دارای سرویس های مختلف بودند میتونیم به عنوان رقبای غیر مستقیم بررسی کنیمبرای تعداد سرویس هایی که میخواهیم در لندینگ به کار ببریم  طبق قانون‌ میلر باید تعدادشون (2 ± 7) باشد تا  کاربران بتوانند سرویس ها  را در حافظه خود نگه دارند . که این رفتار را در اپ های موجود که در بالا بررسی شده مشاهده میکنیم .  در اپ هایی که در بنچ مارک مستقیم بررسی شدند مشاهده شده که اگر در لندینگ  سرویس دیسکاوری باشد نیازی به ریکامند دادن سرویس های داخلیمون نیست اما اگر دیسکاوری در صفحه لندینگ نباشد میتوانیم مانند you app و یا با نوع نمایش متفاوت دیگر سرویس هامون رو پیشنهاد بدیمبررسی دیتای اپبرای تغییر باید امار های فعلی روهم در نظر داشته باشیممعماری اطلاعات صفحه اصلیدر معماری اطلاعات به این موضوع اشاره کردیم که در اپلیکیشن ما، تعدادی سرویس وجود دارد که خدماتی ارائه می‌دهند و این خدمات در نسخه‌های قبلی به کاربران در صفحه اصلی نمایش داده می‌شد.موضوع دیگری که مدتی ذهن من را مشغول کرده بود این است که تعدادی ویژگی داریم که به کاربران معرفی نمی‌شوند، مانند ترجمه، تقویم، ماشین‌حساب، وضعیت آب‌وهوا و غیره. پس از بررسی آمار استفاده کاربران از این ویژگی‌ها، تصمیم گرفتم این موارد را نیز به کاربران معرفی کنیم. نام این ویژگی‌ها را "تولز" یا "ابزار" گذاشتیم و بررسی کردیم که چگونه می‌توانیم آن‌ها را به کاربران معرفی کنیم. در ادامه، مدل‌های مختلف معرفی این ابزارها را بررسی کردم.اسکچ و ایده پردازیپیشنهاد ها و اسکچ هایی که من برای این صفحه داشتم :1.حذف سرویس دیسکاوری از صفحه اصلی  و معرفی سرویس هامون به صورت ماژول یا ویجت2.3.4.با ارائه این اسناد و توجیه مدیر پروژه و مدیر محصول، مورد شماره یک (ارائه سرویس‌ها و ابزارها در یک قالب) مورد تأیید قرار گرفت. برای شروع کار، لازم بود که قلاب‌های هر سرویس مشخص شوند و هر ایده برای هر سرویس با هماهنگی تیم توسعه، نسبت به نحوه نمایش به‌صورت دینامیک یا استاتیک، به‌صورت مدل‌های مختلف اسکچ و طراحی شود.نتیجه های نهایی در دیزاینمدل های مختلفی برای هر سرویس بر اساس نیازمندی های مدیر محصول دیزاین شده و دائم در حال امتحان مدل های استتیک و داینامیک میباشیم تا ببینیم کدوم حالت برای کاربر بهتر و کاربردی تر است .🤓در مقاله بعدی قصد دارم در مورد تست هایی که روی این نسخه که مورد طراحی و بازطراحی قرار گرفت بنویسم و همچنین راجب اشتباهاتی که در طی این مسیر انجام دادم کمی صحبت کنم و بگم چه جوری حلشون کردم. پس این مقاله رو هم از دست ندید. رفتن به مقاله بعدینوشتار در محصول (writing)نوشتار در محصولات نقش بسیار مهمی در برقراری ارتباط موثر با کاربران دارد. از طریق نوشتار مناسب، اطلاعات را به شکلی واضح و قابل فهم برای کاربران ارائه داده و تجربه کاربری را بهبود می‌بخشد. همچنین، نوشتار موجود در یک محصول، نشان‌دهنده شیوه‌ی ارتباط با کاربران است و تأثیر قابل توجهی بر تصمیم‌گیری‌های آن‌ها دارد.به همین علت در یک سندی تمام جمله های به کار رفته در برنامه را جمع اوری کردم و تغییر لحن را روی ان اعمال کردم .تست کاربرد پذیری از نسخه جدیدبرای دیزاین های جدید و مسیر های جدیدی که طراحی شد kpi هایی رو بدست اوردیم تا تا اثربخشی طراحی هارو را اندازه‌گیری کنم سوال های تست به ترتیب الویت طرح شده تا مسیر های مختلف رو از جهات مختلف برای کاربر پیش بیاریم تا رفتار آن ها را مورد بررسی قرار دهیمپرتوتایپ اماده شده قبل از انجام تستتست کاربرد پذیری از ۵ نفر با تخصص های مختلف گرفته شد تا همه پرسوناهامون رو در بر بگیره . نتایج خیلی خوبی داشت که در ادامه مسیر های موفق و ناموفق ان رو خلاصه کردم تا چکیده تست رو به دست تیم های دیگ برسونمدر ادامه مسیر دو تست SUS و NPS را انجام دادم و تحلیل کردم . و بعد نکات و چالش هایی که در طول مسیر انجام دادم رو بازرسی کردم و سعی در حلشون داشتم که میتونید در این مقاله راجبش بخونیدو درنهایت با یک تست کاربردپذیری مسیر های مختلف رو مورد بررسی قرار دادم و در نهایت به یک جمع بندی رسیدم که شامل چندین تسک برای بررسی مجدد شد ، به دلیل تعداد زیاد تسک ها و با توجه به استراتژی های جدید سازمان وقت و زمان برای پرداختن به همه آن ها را نداشتیم ، برای اولویت در انجام تسک ها از دو جدول مسکو ( MoSCoW )و فوربز (furps) استفاده کردم.در مقاله جدا ( این مقاله ) راجب این روش بیشتر توضیح دادم و گفتم من چه جوری در مسیرم از این روش استفاده کردم .yeganeh lavarianyeganeh lavarianFri, 04 Oct 2024 13:47:17 +0330https://virgool.ir/@yeganeh.lav/چه-جوری-به-تسک-ها-اولویت-بدیم-ioje7si7qcfp🟣⚫⚪استفاده از جدول مسکو و فوربز در طراحی محصول🔴🟠🟡طراحان محصول در فرآیند توسعه محصول معمولاً با چالش‌هایی مواجه هستند که نیاز به سازماندهی و مدیریت منابع و اولویت‌بندی دارند. دو ابزار مهم که در این فرآیند مورد استفاده قرار می‌گیرند جدول مسکو (MoSCoW) و جدول فوربز (FURPS) هستند. این ابزارها به طراحان کمک می‌کنند تا موارد اساسی و اولویت‌های محصول را مشخص کنند و بر اساس آن‌ها تصمیم‌گیری‌های مؤثری انجام دهند.پس اگر در حین کار و مسیر چندین تسک و کار باید انجام میدادید از این دو روش میتونید استفاده کنید⬅️ 1. جدول مسکو (MoSCoW):این روش اولویت‌بندی مورد استفاده قرار می‌گیرد تا ویژگی‌ها و نیازهای محصول را بر اساس فوریت‌های زمانی دسته‌بندی کند. MoSCoW مخفف Must have (باید داشته باشد)، Should have (باید داشته باشد اما اولویت کمتری دارد)، Could have (ممکن است داشته باشد) و Won't have (نباید داشته باشد) است. با استفاده از این جدول، طراحان می‌توانند مورد نیازهای اساسی و اولویت‌های بالا را مشخص کرده و در طول فرآیند توسعه محصول به آنها تمرکز کنند.جدول مسکو⬅️ 2. جدول فوربز (FURPS):این جدول بر اساس پنج بعد کلیدی محصول تقسیم‌بندی می‌شود: - **Functionality (کارایی):** قابلیت‌هایی که محصول باید انجام دهد.- **Usability (استفاده‌پذیری):** سطح سهولت استفاده از محصول.- **Reliability (قابلیت اطمینان):** پایداری و عملکرد قابل اعتماد محصول.- **Performance (عملکرد):** سرعت و کارایی محصول در شرایط مختلف.- **Supportability (پشتیبانی):** قابلیت پشتیبانی و نگهداری محصول برای مدت زمان طولانی.با استفاده از جدول فوربز، طراحان می‌توانند مشخص کنند که محصول باید از نظر کارایی، استفاده‌پذیری، قابلیت اطمینان، عملکرد و پشتیبانی چه ویژگی‌هایی را داشته باشد.📍استفاده از این جدول ها در تجربه شخصی خودم:بعد از تست کاربری با توجه به کمبود وقت چون نزدیک زمان لانج اپ بودیم، چندین تسک مختلف و اساسی برای انجام داشتیم که نیاز داشتیم این موارد دستته بندی بشه تا به ترتیب الویت انجام بشن به همین دلیل با مدل مسکو اومدم تسک های کلی که داشتم رو تو دسته بندی هاش قرار دادم و بعد با مدل فوربز اومدم به هر کدومشون دسته بندی های فوربز رو دادم تا بهتر متوجه بشیم هر تسک چه تاثیری در محصول دارهدر مقاله قبل که داستان طراحی محصول یک اپ مرورگری رو با چالش ها و مراحلش نوشتم، در بخشی از مسیر که برای انجام تعداد زیادی تسک مردد شده بودم از این متد برای الویت دهی به تسک ها استفاده کردم . میتونید برای خوندنش به این مقاله سر بزنید .**نتیجه‌گیری:**استفاده از جدول مسکو و جدول فوربز در طراحی محصول به طراحان کمک می‌کند تا موارد اساسی و اولویت‌های محصول را مشخص کنند و فرآیند توسعه محصول را بهبود بخشند. با استفاده از این ابزارها، طراحان قادرند تا بهبودهای موثری در تجربه کاربری و عملکرد محصول ایجاد کنند و به نتایج موفقیت‌آمیزی دست یابند.yeganeh lavarianyeganeh lavarianFri, 24 May 2024 20:29:02 +0330https://virgool.ir/@yeganeh.lav/حل-مشکل-دیزاین-مقاله-قبل-و-چند-تست-کاربری-yslmup3pi35iدر مطالعه قبل راجب مراحل ریدیزاین یک اپ مرورگری و ایجاد یک تجربه کاربری برای نویگیت کاربر نوشتم .برای اینکه بهتر متوجه این داستان بررسی بشید نیازه حتما یک نیم نگاهی به مطالعه قبلی بندازید.میتوانید این مقاله را در اینجا مطالعه کنید .مشکلات در طراحیدر این مطالعه کوتاه هم قصد دارم در ابتدا یک اشاره در مورد اشتباهی که در مسیر اپ داشتم بنویسم و بگم چه جوری این مشکلو حل کردم.قانونی که ما در اپلیکیشن گذاشتیم این بود که یک نویگیشن در کل طول اپ هم در سرویس ها باید وجود داشته باشد .اما این نویگیشن حامل چند چالش بود .مشکلاتکلیک پذیر بودن نام سرویس در نویگیشن بالای صفحهابهام در جتسجوگریدکمه خانه در نویگیسن پایین صفحه در صفحات داخلی هر سرویس برای دسترسی به صفحه اصلی آن سرویس ، کلمه نام ان سرویس ها در نویگیشن بالای صفحه کلیک پذیر کردیم تا با فشردن ان کاربر به صفحه اصلی ان سرویس برسداما چالشی که داشت این بود که دسترسی پذیری بالای صفحه خوب نیست نکاتی خلاصه و کوتاه در مورد دسترس پذیری: اندازه صفحه: صفحه نمایش های بزرگتر می توانند دسترسی به لبه های صفحه را با شست دست دشوارتر کنند.چینش عناصر: قرارگیری عناصر کلیدی در بالای صفحه می تواند رسیدن به آنها با شست دست را دشوار کند.دکمه های کوچک: دکمه های کوچک و نزدیک به هم می توانند برای فشار دادن با شست دست دشوار باشند.منوها و لیست های کشویی: پیمایش در منوها و لیست های کشویی با شست دست می تواند چالش برانگیز باشد.عدم وجود گزینه های شخصی سازی: عدم وجود گزینه هایی برای تنظیم اندازه متن، کنتراست و سایر عناصر رابط کاربری می تواند دسترسی را برای افراد با مشکلات بینایی یا حرکتی دشوارتر کند.استفاده از فضای صفحه به طور کارآمد: عناصر کلیدی را در پایین صفحه قرار دهید و از فضای خالی در بالا و کناره های صفحه استفاده کنید.به دنباله تست هایی که گرفته شد متوجه شدم یک کاربر وقتی بخواهد به صفحه اصلی برسد ، اولین اقدامش توجه به نویگیشن پایین صفحه هست پس برای رسیدن به صفحه اصلی سرویس روی گزینه خانه میزند و یا برای سرچ و جستجو عبارتی روی گزینه سرچ در نویگیشن پایین میزند .اما طبق قانونی که برای یک برنامه دارای چند سرویس چیدیم این موارد موجود در نویگیشن پایین صفحه برار خوده صفحه اصلی ذره بین است. ینی دکمه خانه کاربر رو به صفحه اصلی ذره بین میبره و دکمه سرچ در انجین ذره بین جستجو انجام میدهد. این اتفاق باعث پرش کاربر از صفحه ای که بوده میشه و اونو از هدفش دور میکنه و عملا گم میشه .به طور مثال کاربر وارد صفحات داخلی تر سرویس ورزش میشه و خلاصه بازی ها رو مشاهده میکنه. در این صفحه به فکرش میزنه که خلاصه بازی پرسپولیس رو مشاهده کنه در این مرحله برای سرچ کردن روی نویگیشن پایین صفحه میزنه و این عبارت رو در انجین سرچ میکنه و در صورت مسیر مناسب برای این سرچ زدن روی دکمه سرچ در نویگیشن بالایی صفحه است . در این صورت از سرویس خارج میشه و به نوعی از اپ میاد بیرون .حالا چه جوری میتونیم این مشکلات رو حل کنیم ؟✅ حل مشکل درکلیک پذیر بودن نام سرویس و دسترسی به صفحه اصلی هر سرویس :باید برای نام سرویس ها یا یک طراحی در تکست ان صورت گیرد یا نام ان بولد شود که کاربر متوجه کلیک پذیر بودن ان شود✅ حل مشکل در نویگیشن پایین صفحه (جستجو گری کاربر) :برای اینکه بین این دو نوع سرچ (سرچ بالا جستجو در سرویس / سرچ پایین جستجو در انجین) دو راه حل داشتم:۱ : تغییر نام جستجو به وب گردی برای فهم بیشتر این فیچر به کاربر ۲ : باز کردن سرچ مخصوص سرویس . این کار باعث میشه به طور واضح به شکل یک place holder در سرچ باکس بنویسیم( جستجو در نام سرویس ) تا کاربر بهتر متوجه شود.✅ حل مشکل در نویگیشن پایین صفحه (گزینه خانه) :برای حل این مشکل که کاربر برای برگشت به صفحه اصلی سرویس ها روی دکمه مناسب بزند میتونیم این راه حل رو داشته باشیم که به جای ایکون خانه از ایکون خود اپ استفاده کنیم مزایا :
ـ بهبود شناسه برندـ ایجاد یک تجربه کاربری بهتر با خطای کمتر
_ جلب توجه بیشتر کاربر به صفحه اصلی ذره بینمعایب :
ـ ممکن است برای کاربران جدید گیج کننده باشدـ ممکن است به اندازه دکمه خانه قابل فهم نباشدنتیجه نهاییدر کدام برنامه ها این رفتار رو میبینیم ؟✅ حل مشکل در طراحی برنامه ها :مشکل دیگه ای که در طراحی اپ متوجهش شدم در طراحی باتم شیت برنامه ها بود .این قسمت بار سنگینی زیادی داره چون المان های زیادی در این قسمت است. البته باید به این نکته توجه داشت که ماهیت این صفحه دسترسی بهتر کاربر در سراسر اپ ب المان های مهم اپ هست .پس نمیشه خیلی به کوچیک کردنش فک کرد. اما با صحبت با مدیر محصول مربوطه و بررسی امارهای این صفحه به این نتیجه رسیدیم که المان های کم کلیک رو از دیدش برداریم و ببریم سمت اینکه کاربر خودش انتخاب کنه چه المانی رو میخواد ببینه ۳ المان پر کلیک برای کاربر رو به صورت ثابت گذاشتیم و بقیش رو هم خود کاربر میتونه انتخاب کنه که براش نمایش داده بشه . همچین فواصل رو هم کمی بیشتر کردم تا از فضای خالی برای سبک شدن صفحه استفاده کنم.نتیجه نهایگرفتن بازخورد و تست SUS و NPSدر پایان طراحی و حل مشکلات وارد مرحله تست میشویم . دو تست مورد نیاز با توجه به شرایط و موقعیت اپ تست sus‌و nps هست مه در ادامه کوتاه در مورد ان میخوانیم .برای گرفتن بازخورد های بیشتر از کاربران این نسخه را برای ۱۰۰۰ نفر از کاربرا فعال کردیم تا ببینیم با این نوع طراحی و اصلاح مسیر ها راحت هستند یا خیر ؟
پس از بازبینی رفتار ها و فیدبک هایی که در قالب ارسال بالک صورت گرفت برای ارزیابی سهولت دسترسی کاربران از تست sus‌استفاده شد و همچنین  برای سنجش وفاداری به برند و تمایل به تبلیغ محصول هم از روش nps استفاده شد که پس از تحلیل به نتایج رضایت بخشی رسیدیم در ادامه خلاصه ای تجریبیات من پیرامون این تست ها رو بازگو کردمخلاصه ای از تجربه من از تست SUS با کاربران:به عنوان یک طراح محصول، همواره در تلاش هستم تا تجربه کاربری (UX) محصولات خود را بهبود بخشم. به همین دلیل، از روش‌های مختلفی مانند تست‌های کاربری استفاده می‌کنم. می‌خواهم تجربه خود از تست SUS (System Usability Scale) با کاربران را به اشتراک بگذارم.تست SUS یک پرسشنامه 10 سوالی است که میزان سهولت استفاده از یک محصول را اندازه‌گیری می‌کند. این تست سریع و ساده است و می‌تواند برای طیف وسیعی از محصولات استفاده شود. این ۱۰ سوال سوال های ثابت و با نحوه چینش ثابتی هستند که نباید ان ها تغییر داد زیرا هر سوال امتیاز مخصوص به خود را داردروش انجام تست:من تقریبا از 100 کاربر خواستم تا از محصول من استفاده کنند و سپس به سوالات تست SUS پاسخ دهند.نتایج:نتایج تست SUS نشان داد که کاربران به طور کلی از محصول من رضایت داشتند. میانگین نمره SUS 72 بود که نشان می‌دهد محصول من از نظر سهولت استفاده در سطح "خوب" قرار دارد.تحلیل نمرات SUS:0 تا 25: غیرقابل قبول26 تا 50: نیاز به ‌بهبود دارد51 تا 75: قابل قبول76 تا 100: عالیبیشترین امتیاز در این تست، 100 هست و طبیعیه که هر چه عدد به دست اومده به 100 نزدیک‌تر باشه محصول مورد نظر (سایت یا اپلیکیشن) امتیاز بالاتری بدست آورده. اما میانگین امتیاز SUS عدد 68 است و امتیاز بالاتر یا پایین‌تر از میانگین به شما درک سریعی در مورد قابلیت استفاده از محصول رو می‌ده.sus =(x+y)*2.5x=مجموع سوال های فرد - ۵y= مجموع سوال های زوج -25SUS=((19.44-5)+(25-11.19))*2.5= 70.62تفسیر SUS 70.62:اکثریت کاربران شما (71%) از محصول یا خدمات شما راضی هستند.محصول یا خدمات شما تا حدودی قابل استفاده است، اما می تواند برای بهبود تجربه کاربری، ارتقا یابد.✅نکات مثبت:کاربران به طور کلی رابط کاربری محصول را ساده و قابل فهم می‌دانستند.کاربران به سرعت می‌توانستند وظایف مورد نظر خود را در محصول انجام دهند.✖️نکات منفی:برخی از کاربران از عدم وجود برخی از ویژگی‌ها در محصول ناراضی بودند.برخی از کاربران معتقد بودند که که در برخی از قسمت های اپ کندیدر عملکرد اپ وجود داشته است.نتیجه‌گیری:تست SUS به من کمک کرد تا نقاط قوت و ضعف محصول خود را از نظر سهولت استفاده شناسایی کنم. با استفاده از این اطلاعات، می‌توانم محصول خود را بهبود ببخشم و تجربه کاربری بهتری را برای کاربران خود فراهم کنم.همچنین برای بهینه بودن این تست اومدم نقاط قوت و نقاط ضعف و پیشنهاد هایی که داشتم رو در جدولی جمع اوردی کردم .خلاصه ای از تجربه من از تست NPS با کاربران:در ادامه تجربه قبلی، در این قسمت می‌خواهم تجربه خود از تست NPS (Net Promoter Score) با کاربران را به اشتراک بگذارم.تست NPS از کاربران می‌پرسد که چقدر احتمال دارد یک محصول را به دیگران توصیه کنند. این تست یک معیار واحد برای سنجش وفاداری به برند و تمایل به تبلیغ محصول ارائه می‌دهد.روش انجام تست:من از 100 کاربر خواستم تا از محصول من استفاده کنند و سپس به سوال NPS پاسخ دهند.نتایج:نتایج تست NPS نشان داد که ۲۴% از کاربران احتمال می‌دهند که محصول من را به دیگران توصیه کنند. این نشان می‌دهد که کاربران من از محصول رضایت نسبی دارند و تمایل به تبلیغ آن را دارند. و 76% از مشتریان شما منفعل یا منتقد هستند.نتیجه‌گیری:تست NPS به من کمک کرد تا وفاداری مشتریان خود را به محصولم اندازه‌گیری کنم. با استفاده از این اطلاعات، می‌توانم محصول خود را بهبود ببخشم و رضایت مشتریان خود را افزایش دهم.نکته قابل توجه و تامل این بود که زمانی که همین تست را روی نسخه قبلی انجام دادم به نتیجه -۱ رسیدم که بعد از طراحی نسخه جدید و افزایش عدد nps از میزان موفقیت مسیری که در ان بودم مطمعن تر شدم .به عنوان یک کارشناس طراحی محصول، از آزمون‌ها و بازخوردهایی که از محصولم دریافت کردم استفاده کردم تا بهبودهای لازم را اعمال کنم. این فرآیند ادامه خواهد داشت، و نظرات شما مهمترین راهنمایی برای من هستند تا به کیفیت و عملکرد بهتری دست یابم. با امید به همکاری بیشتر و بهتر، من در انتظار بازخوردهای مفید شما هستمyeganeh lavarianyeganeh lavarianFri, 24 May 2024 19:58:46 +0330https://virgool.ir/@yeganeh.lav/داستان-طراحی-محصول-اپلیکیشن-مرورگری-rdyqf8dcrnjvسلام، من یگانه هستم، به عنوان یک طراح محصول، در این مطالعه موردی، قصد دارم به طور خلاصه، فرآیند طراحی و توسعه یک رابط کاربری جدید برای اپلیکیشن "ذره بین" را با تمرکز بر صفحه اصلی و صفحه ابتدایی سرویس‌ها بررسی کنم. 
هدف از این پروژه، افزایش تعامل کاربران با اپلیکیشن و بهبود تجربه کاربری آن است.تو این مقاله میخوام راجب این موارد بنویسم:ریدیزاین اپ مرورگری دارای چند سرویسنویگیت کاربری در برنامه سوپر اپیریدیزاین صفحات سرویس های درون برنامهنحوه ریکامند دادن بهتر سرویس ها(توضیح در مقاله بعد) حل مشکلاتی که در این بازطراحی انجام دادم (توضیح در مقاله بعد) "ذره بین" چیست؟ "ذره‌بین" یک «مرورگر برای فارسی‌زبانان» است که تجربه‌ی متفاوتی را در دسترسی به محتوای سرگرم‌کننده فارسی در کنار قابلیت های مرورگری و جستجوگری برای کاربران ارائه می‌دهد. 
ورود من به ذره‌بین با ارائه راهکارهایی برای بازطراحی اپلیکیشن با هدف افزایش تعداد کلیک و تعداد کاربر فعال و بهبود تجربه کاربری آغاز شد، که در ادامه به مسائل و چالش‌های مختلف و راه‌حل‌های آنها پرداختم.در خرداد ۱۴۰۰ به تیم ذره‌بین پیوستم. ذره‌بین، علاوه بر ایفای نقش اصلی خود به عنوان مرورگری برای فارسی‌زبانان، چندین سرویس نیز برای سهولت دسترسی کاربران ارائه می‌داد.برای تسلط بر این اپلیکیشن و شناسایی بهتر نیازهای کاربران و نقاط قوت و ضعف رقبا، لازم بود که تحقیقاتی انجام دهم.
 پیش از آغاز فرآیند طراحی، نگاهی اجمالی به نسخه اولیه اپلیکیشن پیش از ورود من داشته باشیم:نسخه۱ حالا چرا ذره بین وقتی گوگل هست !!؟؟این سوال که "چرا با وجود گوگل، ذره‌بین؟" اغلب مطرح می‌شود. در پاسخ به این سوال، اولین نکته‌ای که باید به آن اشاره کنیم، بومی بودن ذره‌بین است. این مرورگر به طور خاص برای کاربران فارسی‌زبان طراحی شده و از این رو تجربه‌ای محلی و منطبق با نیازهای فرهنگی و زبانی کاربران ایرانی ارائه می‌دهد. بسیاری از کشورها موتورهای جستجوگر بومی دارند که برای مخاطبان محلی خود طراحی شدند، تعدادی از موتورهای جستجوگر جهانی مانند گوگل، یاهو و بینگ، سهم زیادی از بازار جستجو را در سراسر جهان به خود اختصاص داده‌اند. برخی از موتورهای جستجوگر بومی محبوب:Naver (کره جنوبی)Baidu (چین)Yandex (روسیه)Seznam (جمهوری چک)DuckDuckGo (جهانی)داشتن یک اپ مرورگر بومی برای ما ایرانیان می‌تواند مزایای متعددی به همراه داشته باشد، از جمله:نتایج جستجوی مرتبط: موتورهای جستجوگر بومی می‌توانند نتایج جستجوی مرتبط‌تری را برای مخاطبان محلی ارائه دهند.حفظ حریم خصوصی: موتورهای جستجوگر بومی ممکن است قوانین سختگیرانه‌تری در مورد حریم خصوصی کاربران داشته باشند.حمایت از صنعت فناوری داخلی: استفاده از موتور جستجوگر بومی می‌تواند به حمایت از صنعت فناوری داخلی و ایجاد شغل کمک کند.دسترسی اسان تر : با توجه به فیلترینگ های داخلی و خارجی یک موتور جستجوگر میتواند خیلی راحت و با سرعت بیشتری کاربران را به هدفشان برساند.سرآغاز داستانمیخواهم داستان طراحی ذره‌بین را با تمرکز بر صفحه اصلی اپلیکیشن و صفحه اصلی سرویس‌ها و مسیرهای ارتباطی آنها بنویسم. در مقدمه این داستان، به بررسی کلی رقبا، شناخت پرسوناها و انجام تست اولیه از اپلیکیشن خواهیم پرداخت. در مقاله بعدی، اصلاحاتی که در این طرح انجام داده‌ام و نتایج تست‌هایی که از کاربران در انتهای مسیر گرفته‌ام را نیز مینویسم. بنابراین، حتماً مقاله بعدی را نیز مطالعه کنید. (لینک) پروسه دیزاینبرای شروع مسیر از رویکرد تفکر طراحی استفاده کردم.مشکلاتدر ابتدای کار، به عنوان یک کاربر، بارها اپلیکیشن را بررسی کردم و به چند مشکل واضح پی بردم. به طور مثال، در سراسر اپلیکیشن، ناوبری کاربر به درستی و با یکپارچگی انجام نمی‌شد. اگر کاربر از صفحه اصلی به هر یک از سرویس‌ها می‌رفت، هیچ راه بازگشت یا مسیری به بقیه سرویس‌ها، یا حتی صفحه اصلی وجود نداشت و عملاً کاربر در اپلیکیشن گم می‌شد.مورد بعدی این بود که اپلیکیشن از نظر ظاهری و بصری طراحی جذابی نداشت (اثر زیبایی-کاربردپذیری). هر سرویس به صورت بنر بیس طراحی شده بود، که این برای کاربران جذاب نبود و احساس نیاز نمی‌کردند. همچنین، انتخاب‌های زیادی برای ادامه مسیر به کاربر داده می‌شد که طبق قانون هیک، با افزایش پیچیدگی و تعداد انتخاب‌ها، زمان لازم برای تصمیم‌گیری کاربر نیز افزایش پیدا می‌کند.همان‌طور که قانون جیکوب می‌گوید، کاربران بیشتر زمان خود را در وبسایت‌های دیگر می‌گذرانند. این یعنی آنها ترجیح می‌دهند عملکرد وبسایت شما مشابه سایر وبسایت‌هایی باشد که از قبل می‌شناسند.بنابراین، بهتر است بررسی جامعی روی رقبا داشته باشیم تا با مدل ذهنی کاربران خود بیشتر آشنا شویم.داده های اماری و تحلیل رقباابتدا نیاز داشتم که موقعیت مرورگرها در ایران را بررسی کنم. با بهره‌گیری از منابعی از جمله وب‌سایت statcounter، به داده‌هایی دست یافتم که نشان می‌داد مرورگرهایی که در ایران بیشتر استفاده می‌شوند عبارتند از: کروم، اینترنت سامسونگ، فایرفاکس، سافاری، اینترنت اکسپلورر و EDGE. در این داده‌های آماری، میزان استفاده از مرورگرها، موتور، مدل و نسخه دستگاه، برند تلفن همراه و اندازه صفحه نمایش موبایل نیز مورد بررسی قرار گرفت.در تصویر زیر میزان استفاده از مروزگر ها در ایران را باهم ببینیم :یا توجه به این دیتا و سهمشان در بازار اطلاعات بیشتری رو در similar web‌ مورد بررسی قرار دادم و با توجه به میزان استفاده کاربران ایرانی این بنچ مارک رو شروع کردم.بررسی مرورگرهادر این بنچ مارک که از کروم ،‌کروم بتا، اج،بیو، اوپرا، اوپرا جی ایکس و ویوالدی بررسی شد ، نقاط قوت و ضعف ،‌قابلیت و امکانات و فیچر ها فلوی محصولات در صفحات و هدف های مختلف مورد بررسی و مقایسه قرار گرفت که دیتای خوبی رو برامون خلاصه و شفاف کرد .
همین مسیر رو بار دیگ برای مرورگرهای گوگل ، یاندکس ،‌ هوآوی ، بایدو , گوگل گو با دقت و فیچر های ریز تر مانند دسته بندی اپلیکیشن و انجین مورد بررسی قرار دادم.بررسی مرورگرهاحالا وقتشه که کاربرامون رو بشناسیم ؟برای ارتباط با کاربرانمان، از تیم پروداکت و بازاریابی کمک گرفتیم.فوکوس گروپ برگزار کردیم. فعالیت‌های مختلفی را برای جمع‌آوری نظرات انجام دادیم، از جمله برگزاری جلسات فوکوس گروپ، ارسال نظرسنجی‌ها از طریق پیامک و پرسلاین و استفاده از ابزارهای مختلفی مثل Insider و Analytics .همچنین، نظرات کاربران را در اپ استورها مورد بررسی قرار دادیم تا بهتر بفهمیم که چه نیازهایی دارند و چگونه می‌توانیم به آنها کمک کنیم.در نتیجه تونسیم جواب های خوبی به سوال های زیر بدست بیاریم :کاربر با استفاده از محصول میخواهد به چه برسد و چرا ؟
کاربر چه نیازها و خواسته هایی در زمینه انگیزه و هدف خود میخواهد برسد ؟
کاربر چه نوع فعالیت ها و هزینه هایی برای رسیدن به هدف انجام میدهد ؟ چرا ؟
کاربر از چه ابزار هایی برای رسیدن به هدف خود استفاده میکند چرا ؟
کاربران در چه دسته بندی هایی از عوامل روانشناختی - جغرافیایی - جمعیت شناختی و عوامل رفتاری قرار دارد؟
دلایل نصب کاربران فعال چیست ؟
سن کاربران فعال در چه محدوده ای است ؟
اشنایی با امکانات اپ از دید کاربران فعال چگونه است ؟
جنسیت کاربران فعال چیست ؟
دلایل حذف اپ از دید کاربران فعال چیست ؟
نحوه اشنایی کاربران فعال با اپ چگونه است ؟
اولویت کاربران فعال چیست ؟پرسشنامهبا توجه به دیتاهای جمع اوری شده 5 دسته پرسونا مشخص شد که آن ها را در سه گروه دسته بندی کردیم 
گروه اول کاربران فعال و پر اهمیت ، گروه دوم اهمیت کمتر و گروه سوم پرسونای منفی هستند.پرسونا طراحی تست کاربرد پذیری از نسخه اولیهدریافت فیدبک از کاربر در مورد اپ کنونی ذره‌بین را در قالب تست به ۳ بخش تقسیم کردیمبا توجه به نیازمندی ما برای دریافت فیچر از کاربران بخش اول که سوالات کلی است پرسیده میشود.در بخش دوم رفتار کاربر و نیازسنجی آن برای جستجو مشاهده میشود.در بخش آخر فیدبک کاربران نسبت به اپ کنونی گرفته میشود.تست کاربرد پذیرینقاط ضعف و قوت همه کاربران یکجا جمع اوری شده تا یک دید بهتری نسبت به ارتباط کاربران با اپ داشته باشیم و سپس برای هر کاربر نقشه همدلی ان کشیده شد.نقشه همدلیبهبود نسخه اولیهعلاوه بر تسک‌هایی که اولویت زیادی برای طراحی داشتند، لازم بود که برای هویت ذره‌بین تصمیمات جدی گرفته شود. در این مرحله، ما به ریدیزاین کلی محصول نپرداختیم، اما تصمیم گرفتیم با تعریف استانداردها و ایجاد یک دیزاین‌سیستم، تغییرات مینور را در این نسخه اعمال کنیم. در اولین مرحله، نویگیشن را در پایین صفحه قرار دادیم تا دسترسی کاربران بهبود یابد، زیرا دسترسی از بالای صفحه کمترین دسترسی را دارد، و همچنین یک مسیر ناوبری بهتر در سراسر اپلیکیشن فراهم شود.به دلیل برخی تصمیمات استراتژیک و نیازمندی های سازمان سرویس بازار از داخل اپ حذف شد و خدمات خود را به شکل یک تب در انجین دنبال کرد و به دنبال ان برخی سرویس ها هم اضافه و حذف شدند.یه جمع بندی بکنیم و به ادامه مسیر بپردازیم .به عنوان یک اپلیکیشن مرورگر، هدفمان این است که ویژگی‌ها و امکانات مرور و جستجو را بهبود بخشیم .این باید باعث ایجاد یک تجربه کاربری یکپارچه، جذاب و بهینه شود.در ماه های ابتدایی حضور من در ذره بین بیشتر تمرکز من بر روی تولید فیچر های مرورگری مثل ساخت جرنی و دیزاین صفحات دانلود و ذخیره ها و نشان ها و پروفایل و تنظیمات و بهبود برخی سرویس هایی که سمت من اورده شده بودند بود.توضیح مختصری راجب سرویس هاما به عنوان یک اپلیکیشن جستجوگر، میدانیم که علاوه بر مأموریت اصلی خود به عنوان یک جستجوگر، با چندین سرویس دیگر نیز به کاربران خدمات ارائه میدهیم. هر کدام از سرویس ها با هدف سهولت دسترسی به محتوای فارسی فعالیت میکردند. در ابتدا، هر طراح محصول چندین سرویس را در اختیار داشت که در ادامه مسیر مسولیت سرویس ها هم بر عهده من قرار گرفت.همانطور که مشاهده میکنید، هر سرویس به طور جداگانه دارای یک نویگیشن است که این نیازمندی از سوی مدیران محصول این پروژه مطرح شده بود. پس از بررسی‌های اولیه، ما این نویگیشن‌ها را ایجاد کردیم و در ادامه قصد داریم آنها را به دقت مورد بررسی قرار دهیم. در میان این سرویس‌ها، بخشی مربوط به بازی، بخشی مربوط به تصاویر و بخشی دیگر مربوط به ورزش بود که تمامی این بخش‌ها از سوی من تحت نظر قرار گرفت. البته، بعداً سرویس گیمیفیکیشن نیز به وجود آمد و پس از ایجاد نسخه اولیه، مسئولیت طراحی محصولی را بر عهده گرفتم که یکی از جذاب‌ترین و چالش برانگیزترین تجارب من شد و قطعاً درباره آن تجربه خواهم نوشت.اما کاربر رو چطور نویگیت کنیم ؟برای ایجاد قانونی که کاربرها به راحتی بتونن در اپ گشت و گزار کنند ما چند تا نکته رو در نظر گرفتیم .
۱. جانمایی هر اکشن برای نویگیشن پایین صفحه 
این قانون این طور چیده شد که هر سرویس ۵ صفحه برای نویگیشن پایین صفحه میتواند داشته باشد که قسمت راست ترین برای صفحه اصلی هر سرویس و چپ ترین برای جانمایی پروفایل است . قسمت وسط هم جایی برای دستیار چیده شده . دستیار به صورت یک رفتار ثابت و به صورت یک مکالمه چت بات با کاربر ، در همه نویگیشن ها قرار گرفته و کاری که میکنه سولت دسترسی محتوا در کل اپ است 
2. برگشت به صفحه اصلی ذره بین 
در هر سرویس و در در صفحه اصلی ان ما باید یک دسترسی ای برای رسیدن به صفحه اصلی ذره بین میزاشتیم که این را با یک دکمه خانه در نویگیشن بالایی در نظر گرفتیم .در صفحات داخلی هم از نام صفحه به همراه دکمه بک استفاده میشود.دکمه خانه بازگشت به صفحه اصلی و دکمه بازگشت به صفحه اصلی ان سرویس میرود 
۳. نام هر صفحه و سرویس 
نام هر سرویس هم به صورت ثابت در نویگیشن بالایی برای آگاهی بیشتر کاربر در جایی که قرار داره در صفحه قرار گرفته استبه مرور زمان با گرفتن تست های متفاوت به این نتیجه رسیدیم که داشتن نویگیشن مجزا برای هر سرویس برای کاربرا خوشایند نیست و باعث ایجاد گیجی و گمراهی در طول مسیر کابری ان ها میشود. پس برای حل این مشکل و با توجه به نظرات خود کاربران به این نتیجه رسیدیم که یک نویگیت ثابت و کلی برای سراسر اپ قرار دهیم .نویگیشن بالای صفحهیکی از مهم‌ترین عناصر در طراحی اپلیکیشن‌های دارای چند سرویس، نویگیشن یا ناوبری بالاست که تجربه کاربری را به‌شدت تحت تأثیر قرار می‌دهد.مواردی که من در طراحی نویگیت های کاربر (بالا و پایین صفحه) رعایت کردم این بود که دسترسی هایی برای رسیدن به صفحه اصلی اپ و صفحه اصلی هر سرویس بزارم .
برای این منظور ، کاربر میتواند از طریق نویگیشن پایین صفحه به صفحه اصلی خود اپ دسترسی داشته باشد و برای دسترسی به صفحه اصلی سرویس در صفحات داخلی سرویس ها از طریق بک گوشی و همچین لیبل نام سرویس در نویگیشن بالای صفحه امکان پذیر هست .
همچنین موارد جستجو و بوکمارک هم در این قسمت جا نمایی شده در چه صفحاتی نویگیشن پایین رو میتونیم حذف کنم ؟به عنوان یک اپلیکیشن دارای چند سرویس این قانون مورد بررسی قرار گرفته است .صفحات با محتوای عمیق:صفحات مربوط به جزئیات یک محصول یا خدمات، مانند صفحات مربوط به مشخصات فنی، تصاویر، نظرات کاربران و غیره.صفحات مربوط به یک موضوع خاص، مانند صفحات مربوط به یک مقاله، دستور پخت، ویدیو، پادکست و غیره.صفحات مربوط به فرآیندی خاص، مانند صفحات مربوط به ثبت نام، ورود به سیستم، پرداخت، و غیره.صفحات با پیمایش داخلی:صفحات دارای تب‌های مختلف، مانند صفحات مربوط به پروفایل کاربر، تنظیمات، تاریخچه سفارشات و غیره.صفحات دارای اسکرول عمودی طولانی، مانند صفحات مربوط به لیست محصولات، اخبار، و غیره.صفحات دارای گالری تصاویر یا ویدیو.صفحات موقتی:صفحات مربوط به پاپ آپ، اعلان، پیام‌های تأیید و غیره.صفحات مربوط به اسپلش اسکرین، معرفی برنامه و غیره.صفحات مربوط به بروزرسانی برنامه، خطاها و غیره.نکاتی برای حذف نویگیشن:قبل از حذف نویگیشن، به دقت بررسی کنید که کاربر به چه اطلاعاتی در صفحه نیاز دارد و چگونه می‌تواند به آن اطلاعات دسترسی پیدا کند.از راه‌های جایگزین برای ناوبری در صفحه استفاده کنید، مانند دکمه‌های بازگشت، اسکرول، تب‌ها و غیره.از یک رابط کاربری بصری و ساده استفاده کنید تا کاربر به راحتی در صفحه گشت و گذار کند.در صورت نیاز، از راهنماها و نکات استفاده کنید تا کاربر را در مسیر صحیح راهنمایی کنید.مثال‌هایی از سوپر اپ‌های محبوب:اپلیکیشن دیجی‌کالا: در صفحات مربوط به جزئیات محصول، نویگیشن پایین صفحه حذف می‌شود و کاربر می‌تواند با اسکرول عمودی، به اطلاعات مختلف محصول دسترسی پیدا کند.اپلیکیشن اسنپ: در صفحات مربوط به درخواست سفر، نویگیشن پایین صفحه حذف می‌شود و کاربر می‌تواند با استفاده از دکمه‌های روی صفحه، سفر خود را مدیریت کند.اپلیکیشن اینستاگرام: در صفحات مربوط به پست‌ها و استوری‌ها، نویگیشن پایین صفحه حذف می‌شود و کاربر می‌تواند با اسکرول عمودی، به محتوای مختلف دسترسی پیدا کند.نکته: حذف نویگیشن پایین صفحه می‌تواند به ساده‌تر شدن رابط کاربری و افزایش فضای صفحه برای نمایش محتوا کمک کند. با این حال، باید به دقت بررسی کنید که این کار باعث ایجاد مشکل در ناوبری کاربر نشود.حالا که قراره نویگیشن داخلی هر سرویس حذف شه پس چطور باید کاربر رو نویگیت کرد؟تا به اینجا، هر سرویس دارای نویگیشن‌های منحصر به فرد بوده است که کاربر را به صفحات مختلف هدایت می‌کرده است. با حذف این نویگیشن، لازم است که تمامی سرویس‌ها مورد بازطراحی قرار گیرند تا نویگیشن کاربری به بهترین شکل ممکن انجام شود. برای این منظور، صفحه اصلی هر سرویس باید به گونه‌ای بازطراحی شود که بخش‌های مختلف هر سرویس معرفی شده و کاربر با انتخاب هر بخش، به آن صفحه مورد نیاز هدایت شود.برای جلوگیری از گم شدن کاربر در میان اطلاعات و محتواهای هر سرویس، لازم است یک قانون و چارچوب کلی برای همه سرویس‌ها تدوین شود که ماهیتی اکسپلوراتیو داشته باشد. این کار نیازمند ایجاد یک معماری اطلاعات کلی از هر سرویس است تا مشخص شود که در هر سرویس چه امکاناتی موجود است و چگونه محتواها برای کاربر منظم شوند.در تصویر زیر میبینیم در هر سرویس چه بخش هایی وجود دارد و چه بخش هایی مشترک هستندبعد از بررسی داده‌های آماری کلیک‌های کاربری و مشاوره با مدیران محصول و سایر ذینفعان، تصمیم گرفته شد که بخش‌های ثابتی را در همه سرویس‌ها اعمال کنیم.یکی از نکات مهم که باید در همه سرویس‌ها در نظر گرفته شود، نوع تقسیم‌بندی صفحات است که در ابتدای صفحه، قبل از اینکه کاربر گم شود، دسته‌بندی‌ها را مشاهده کند و مسیر ادامه را به وضوح ببیند. فیچرهایی که بین سرویس‌ها مشترک هستند، مانند جستجو و پروفایل، می‌توانیم آنها را ثابت و هماهنگ نگه داریم.اسکچ چیدمان پیشنهادی برای سرویس هادر این بخش‌ها، تمرکز بیشتر بر روی اولویت‌بندی دسته‌بندی‌ها قرار گرفته است. بزرگ‌ترین چالشی که در این طرح‌ها مواجه شده‌ایم، مربوط به موضوع جستجو بود. دلیل اینکه جستجو از مرکز صفحه حذف شده و به بالای صفحه منتقل شده است، به این دلیل است که با توجه به نیاز مدیران محصول که تاکید بیشتری بر روی نویگیشن کاربری داشتند تا جستجوی کاربری، تصمیم گرفته شد جستجو را از مرکز توجه خارج کنیم و دسترسی به آن را کمی دشوارتر کنیم. به همین دلیل و با رعایت اصل فیتس، نویگیشن را در بالای صفحه، سمت چپ قرار داده‌ایم.در دسترسی پذیری شصت دست با استفاده از گوشی موبایل، قوانین تجربه کاربری مهمی وجود دارند. این شامل سادگی(Simplicity)، قابلیت دسترسی(Accessibility)، پیش‌بینی و یکپارچگی(Predictability) است. هدف این قوانین ارائه یک تجربه استفاده قابل فهم، آسان و بی‌محدود برای همه کاربران است. این اصول باعث بهبود تجربه کاربری و افزایش کارایی در استفاده از گوشی موبایل می‌شوند.اسکچ پیشنهادیوایرفریم طرح پیشنهادیانواع مسیر های پیشنهادی با در نظر گرفتن چالش های هر کدام در جدول زیر بررسی شد بررسی مسیر های پیشنهادینتیجه نهایی در سرویس هادر نهایت، توانستم به این شیوه نتیجه کار را ارائه دهم.طرح یک نیازمندی و چالش در سرویس ها بنا به درخواست مدیر پروژه، عکس بنری به ابتدای هر صفحه لندینگ اضافه شد. با این حال، من به دلیل دو دلیل اصلی مخالفت داشتم: 1. احتمال بروز مشکل بر روی دستگاه‌های کوچک. 2. اختصاص زیاد به بنر در بخشی از صفحه، در حالی که می‌توانستیم توجه را به بخش‌های مهم‌تری مانند دسته‌بندی ها بکشانیم. با این وجود، در نهایت، این طرح تایید شد.✖️یکی از چالش‌های موجود در این مسیر، دسترسی سرویس‌ها به یکدیگر بود، همچنین نباید فراموش کرد که دسترسی به صفحه اصلی ذره‌بین نیز مهم است. برای حل این مسئله، ۳ مسیر را ارائه دادم (تمرکز بر هماهنگی بیشتر در داخل سرویس‌ها بود )بعد از جلسات با تیم های ذی نفع تصمیم گرفته شد که مسیر یک را انجام دهیماکنون که موفق شدیم سرویس‌ها را به نظم و ترتیب بندیم، به اعمال تغییرات مورد نیاز در نویگیشن بازگشتیم.بررسی نویگیشن پایین د راین سند انواع راه های مختلفی که برای صفحه اصلی و نویگیت کاربری وجود دارد را دسته بندی کردم و چالش ها و معایب مزایایش را بررسی کردم.باتوجه به ثابت بودن نویگیشت کاربر ابتدا باید به این سوال پاسخ دهیم که کاربر به چه المان هایی همیشه نیاز داره ؟ما نیاز به 5 جایگاه داریم، که یکی از این جایگاه‌ها مخصوص سرویس دستیار است. حالا، چگونه باید 4 جایگاه دیگر را پر کنیم تا بخش‌های مورد نیاز کاربر در دسترس قرار گیرند؟با توجه به آمار کلیک‌های المان‌ها، مصاحبه‌ها و نیازسنجی‌هایی که انجام دادیم، به این نتیجه رسیدیم که نیاز است یک بخش مخصوص به خانه برای دسترسی همیشگی به صفحه اصلی، بخش بعدی برای جستجو در انجین و ماهیت اصلی که ذره‌بین دارد اختصاص یابد، و بخش برگه‌ها برای جا به جایی بهتر بین صفحاتی که کاربر طی می‌کند و یک جایگاه خالی دیگر!برای بررسی ماهیت جایگاه آخر، نیازمند همدلی بیشتر با کاربر هستیم. کاربر ما دیگر به چه احتیاج دارد؟ در طول مسیر اپ، به چه قسمت‌هایی بیشتر بازگشت دارد؟ چگونه می‌تواند وقتی داخل یک سرویس است، به بقیه سرویس‌ها برود؟ چگونه می‌تواند به پروفایل و تنظیماتش به راحت‌ترین شکل دسترسی داشته باشد؟ چطور می‌تواند اگر چیزی را ذخیره یا نشان کند، ببیند؟ و چطور می‌تواند به تاریخچه‌ها و دانلودهایش دسترسی داشته باشد؟برای دستیابی به نیازهای کاربر، نیاز به یک بخش به نام "برنامه‌ها" وجود دارد. در این بخش، که به صورت یک صفحه باز می‌شود، کاربر می‌تواند به همه نیازهای مطرح شده دسترسی پیدا کند.نتیجه نهایی🤓 اگر میخواهید راجب نحوه معرفی بهتر این سرویس ها در صفحه اصلی بخونید و راجب فرایند و مسیر و چالش هاش بدونید این مقاله رو از دست ندید . رفتن به مقاله بعدیسخن پایانیاین پروژه نه تنها فرصتی ارزشمند برای ارتقای مهارت‌های من در زمینه ارتباطات و تفکر تحلیلی در طراحی محصول بود، بلکه به من آموخت که چگونه با چالش‌ها و موانع به طور خلاقانه روبرو شوم و راه‌حل‌های نوآورانه‌ای برای آن‌ها بیابم. همچنین، از صمیم قلب از تعهد و تلاش بی‌وقفه همکارانم در این پروژه سپاسگزارم. بدون حمایت و همکاری آن‌ها، دستیابی به این دستاوردها میسر نمی‌بود.نمایی از نسخه اولیه و نسخه های باز طراحی شده در قسمت مرورگری ذره بین yeganeh lavarianyeganeh lavarianFri, 24 May 2024 19:38:58 +0330