مطالعه موردی UX: MVP برای افزایش مقیاس و نحوه ساخت بلیط برای خوب اعتماد از طریق طراحی بهتر

هر شرکت موفق SaaS باید از جایی شروع کند. برای بسیاری، این به معنای راه‌اندازی فقط با اصول اولیه است: حداقل محصول قابل دوام (MVP)، نسخه‌ای از محصولشان که به آن‌ها اجازه می‌دهد آب را به سرعت آزمایش کنند.

این استارت‌آپ‌هایی که بر اساس منابع کار می‌کنند معمولاً از این استراتژی برای اثبات سودآوری در اسرع وقت استفاده می‌کنند. به طور طبیعی، این رویکرد می‌تواند در بسیج پروژه‌ها بسیار مؤثر باشد، اما زمانی که به‌طور نادرست از استراتژی طراحی MVP استفاده شود، نقطه مقابل طراحی UX است و نتایج اغلب تجربه‌ای غیر استاندارد و ظاهر محصول نادیده گرفته می‌شوند.

این ممکن است برای استراتژی‌های کسب‌وکار ناب قابل توجیه باشد، اما در ادامه، مسائل شروع به آشکار شدن می‌کنند، و اثرات انباشته ویژگی‌ها، اصلاحات و ایده‌های جدید شروع به شبیه شدن به کاغذ دیواری پوست‌کن روی پایه‌های متزلزل می‌کند.

مقیاس‌هایی مانند Tickets for Good (TfG) از این نقطه عطف به عنوان فرصتی برای تقویت پلتفرم خود و رسیدگی به این مناطق معمولاً نادیده گرفته شده استفاده کرده‌اند.

فرصتی برای افزایش مقیاس

با انتقال استارت‌آپ‌ها از MVP به مقیاس‌پذیر، فرصتی منحصربه‌فرد برای رسیدگی به هرگونه نادیده‌گیری در طراحی محصول اولیه و ایجاد تجربه‌ای شیک‌تر و کاربر محور ارائه می‌شود.

چیزی که ما در مورد طراحی می دانیم این است که اولین برداشت ها اهمیت دارد و در عصر محتوا، پنجره های برداشت ما هر روز کوچکتر می شود. اگر قرار است محصولی موفق باشد، باید برای کاربر مدرن آماده باشد و آن را درک کند. یک محصول پولیش نشده ممکن است تنها نسخه محصولی باشد که کاربر تا به حال دیده است.

با استفاده از اصول UX و بازخورد کاربر، می‌توانیم یک MVP کاربردی را به محصولی شیک و کاربرپسند تبدیل کنیم که آماده رشد سریع و رهبری بازار است.

اعتمادسازی با Tickets for Good

TfG پلتفرمی است که بلیط‌های رویداد رایگان و با تخفیف فراوان را به افرادی که در بخش خیریه، NHS و کسانی که از مزایای هزینه زندگی کار می‌کنند، ارائه می‌دهد.

محصولاتی که به امور خیریه یا اجتماعی مربوط می شوند به طور طبیعی بیش از تجارت معمولی مورد بررسی قرار می گیرند. یک وب سایت با طراحی ضعیف می تواند شرکت را کمتر قانونی جلوه دهد.

بنابراین اعتماد برای موفقیت TfG ضروری است، و یکی از ساده‌ترین راه‌ها برای ایجاد اعتماد، استفاده از اثر زیبایی-قابلیت استفاده است که می‌تواند به بهبود درک مشروعیت کمک کند.

TfG با چندین چالش UX مشترک برای بسیاری از پلتفرم‌های در حال رشد مواجه شد:

1. محتوای درهم ریخته مانع کشف رویداد می شود
2. اصطکاک در جریان کاربر به سمت پرداخت
3. رویداد و ارائه اطلاعات غیربهینه
4. نیاز به بهبود سیگنال های اعتماد و ارزش پیشنهادی
5. طراحی UI ناسازگار با فاصله گذاری ضعیف و سلسله مراتب گیج کننده

ما یک ممیزی UX جامع انجام دادیم که بر سه حوزه کلیدی تمرکز داشت: صفحه اصلی (فهرست رویدادها)، صفحات رویداد و فرآیند پرداخت.
راه‌حل‌های ما با اصول تثبیت‌شده UX و بهترین شیوه‌ها هدایت می‌شوند تا درجه بالاتری از اعتماد را در پلتفرم ایجاد کنند. از این طریق، ما توانستیم پلتفرم TfG را به گونه‌ای که حرفه‌ای‌تر و قانونی‌تر به نظر برسد، تکامل دهیم و به نوبه خود، نرخ تعامل و تبدیل را افزایش دهیم.

در زیر چند پیروزی کلیدی از کار ما آورده شده است:

1. افزایش قوام طراحی و شخصیت برند

مشکل
سایت فاقد ثبات بصری در برندسازی و فاصله گذاری عناصر بود که در نتیجه احساس غیرحرفه ای و کاهش وابستگی به نام تجاری ایجاد کرد.

راه حل
ما یک بازنگری جامع طراحی را اجرا کردیم، با تمرکز بر اصول سازگاری و اثر زیبایی شناختی-قابلیت استفاده:
● ایجاد الگوها و قوانین طراحی سازگار در سراسر پلت فرم.
● ایجاد یک زبان بصری منسجم، از جمله تایپوگرافی ثابت، طرح‌های رنگی، و عناصر رابط کاربری.
● ترکیب بیشتر شخصیت برند در سراسر سایت، القای شخصیت آن در عناصر بصری.

مزایا” loading=”lazy” width=”298″ height=”168″/>

● قابلیت استفاده بهبود یافته– الگوهای طراحی منسجم ما بار شناختی را کاهش می دهد و به کاربران امکان می دهد به طور موثرتری با سایت حرکت کنند و با آن تعامل داشته باشند.
● حرفه ای شدن افزایش یافته است– طراحی صیقلی و ثابت، اعتبار و قابلیت اطمینان پلت فرم را افزایش می دهد.
● تمایل قوی تر به برند— با وارد کردن بیشتر شخصیت برند به سایت، شخصیت آن را تقویت کرده و وابستگی به برند را افزایش داده‌ایم، زیرا کاربران از نظر احساسی با پلتفرم ارتباط برقرار می‌کنند.
● اعتماد بهبود یافته– یک طراحی حرفه ای و ثابت به کاربران نشان می دهد که قابل اعتماد هستند و به طور بالقوه اعتماد آنها را در خرید افزایش می دهد.
● حفظ کاربر بهتر– یک رابط بصری جذاب و سازگار می تواند به رضایت کاربر، تشویق بازدیدهای تکراری و تعامل طولانی مدت کمک کند.

2. حذف چرخ و فلک های باستانی

مشکل
حتی بهترین چرخ و فلک ها یک کابوس UX هستند، و قهرمان اصلی صفحه اصلی TfG یکی را نشان می دهد که به شدت به طراحی دارایی متکی بود که اطلاعاتی را در تصاویر ذخیره می کرد و کنتراست ضعیفی روی دکمه های ناوبری داشت. با حذف چرخ فلک، یک نقطه ورود موثر به پلتفرم ایجاد کرده‌ایم که پویاتر و قابل مدیریت‌تر است و به طور بالقوه منجر به درگیری کاربر و نرخ تبدیل بالاتری می‌شود.

راه حل
● یک ناحیه قهرمان پویا قابل استفاده مجدد با سلسله مراتب اطلاعات واضح پیاده سازی شد.
● شامل یک تماس برای اقدام اولیه (CTA) برای راهنمایی کاربران به سمت اقدامات کلیدی.
● اضافه شدن برچسب‌های دسته برای ارائه زمینه فوری و بهبود ناوبری.
● بخش قهرمان را طوری طراحی کرد که قابل استفاده مجدد باشد و به راحتی به روز شود.

” loading=”lazy” width=”298″ height=”168″/>

مزایا
● افزایش دسترسی برای همه کاربران، از جمله کاربرانی که به صفحه‌خوان‌ها یا پیمایش صفحه‌کلید متکی هستند.
● بهبود حفظ اطلاعات با اجازه دادن به کاربران برای جذب محتوا با سرعت خود.
● افزایش تعامل از طریق CTAهای واضح و همیشه قابل مشاهده.
● ساده سازی تعمیر و نگهداری تیم Tickets for Good.

3. افزایش قابلیت کشف

مشکل
بخش فیلتر پیچیده بود، اندازه بدی داشت و از نتایج جستجو جدا بود.

راه حل
ما اصول دید و بازخورد را اعمال کردیم:
● طراحی مجدد بخش فیلتر برای ارتباط بصری با نتایج جستجو.
● بازخورد بصری واضح برای اعمال فیلتر با استفاده از قرص ها اجرا شده است.
● رویدادها به وضوح طبقه‌بندی شده و صفحات فرعی دسته‌بندی را برای قابلیت کشف بهتر معرفی کنید.

بهره مند شوند
کاربران اکنون می توانند به سرعت رویدادهای مرتبط را برای آنها پیدا کنند، تعامل را بهبود بخشند و فروش بلیط را به طور بالقوه افزایش دهند.

1. بهینه سازی کارت های رویداد

مشکل
کارت‌های رویداد فاقد جذابیت بصری بودند و سلسله مراتب اطلاعاتی پایین‌تری داشتند.

راه حل
ما کارت های رویداد را برای اولویت بندی اطلاعات و تبدیل مجدد طراحی کردیم.
● تصاویر رویداد بزرگ برای جذابیت بصری بهتر.
● اطلاعات را در یک سلسله مراتب واضح سازماندهی کرد.
● ذخیره و USP پلت فرم در هر رویداد برجسته شده است.
● دکمه های CTA همگی دارای عملکردهایی به عنوان برچسب هستند. به عنوان مثال، “فهرست انتظار” بهتر از “اطلاعات رویداد” برای رویدادهای فروخته شده است.

بهره مند شوند
کاربران اکنون می توانند به سرعت رویدادها را اسکن و مقایسه کنند و تصمیم گیری سریعتر را تسهیل کنند.

5. بهبود صفحه رویداد

مشکل
تشخیص اطلاعات حیاتی در صفحه‌ای با متن سنگین دشوار بود – عدم وجود سلسله مراتب واضح آن، بار شناختی بالایی ایجاد می‌کند و افت کاربر را افزایش می‌دهد.

راه حل
ما صفحه رویداد را با تمرکز بر قابلیت دسترسی و سلسله مراتب اطلاعات دوباره طراحی کردیم، نمایش ساختار قیمت‌گذاری را برای کاهش سردرگمی بهبود دادیم، هر صفحه رویداد CTA اولیه را همیشه قابل مشاهده است.
● جداسازی متن از تصاویر برای سازگاری بهتر با صفحه‌خوان.
● از طریق ساختار واضح و برچسب‌گذاری، و همچنین CTA اولیه، قهرمان را انعطاف‌پذیرتر کرد.
● سلسله مراتب بصری را برای راهنمایی کاربران به سمت عمل رزرو بهبود بخشید.
● برای قابلیت اسکن کاربر، اطلاعات را به قطعات قابل هضم تقسیم کنید.
● اطلاعات «نحوه بازخرید بلیط» را برای پاسخ دادن به سؤالات رایج کاربران در مراحل اولیه معرفی کرد.
● رویدادهای مرتبط با فروش متقابل را برای درگیر نگه داشتن کاربر.

بهره مند شوند
کاربران می توانند اطلاعات رویداد را راحت تر هضم کنند و به طور بالقوه پایگاه کاربری پلتفرم را گسترش دهند. اطلاعات با سرفصل‌ها و سلسله مراتب واضح‌تر نمایش داده می‌شوند. قیمت گذاری شفاف تر است و CTA اولیه همیشه برای کمک به تبدیل در دسترس است.

6. ساده کردن نوار ناوبری

مشکل
نوار پیمایش درهم بود، با عناصر نادرست و الگوهای طراحی غیراستاندارد، که می‌تواند برای کاربرانی که بیشتر وقت خود را در سایت‌های دیگر با الگوهای طراحی استاندارد می‌گذرانند، آزاردهنده باشد.

راه حل
ما ناوبری را با رعایت اصل سازگاری و استانداردها دوباره طراحی کردیم.
● جابجایی سبد خرید برای پیروی از الگوهای تجارت الکترونیکی مورد انتظار که کاربران انتظار دارند.
● اضافه کردن نشانگرهای کشویی برای استطاعت بهتر.
● اولویت بندی پیوندهای ضروری و حذف موارد کم اولویت مانند پیوندهای رسانه های اجتماعی.
● افزایش کنتراست در نوار جستجو.

بهره مند شوند
با کم کردن حواس پرتی نوار ناوبری و شهودی بیشتر، کاهش بار شناختی و بهبود قابلیت استفاده کلی، تردید کاربر را کاهش داد.

7. ساده کردن فرآیند پرداخت

مشکل
مطالعات نشان می دهد که در سال 2024 میانگین نرخ رها کردن سبد خرید 70.19٪ است و تا حد زیادی به تعداد کلیک هایی که کاربر برای تکمیل فرآیند پرداخت نیاز دارد بستگی دارد. PYMNTS Checkout Conversion Index نشان می دهد که «اصطکاک پرداخت» یک عامل کلیدی در کاهش رها شدن سبد خرید است. فرآیند پرداخت TfG دارای مراحل غیرضروری و یک طرح گیج کننده با بازخورد محدود کاربران از مکان آنها در سیستم بود.

راه حل
ما با رعایت اصول پیشگیری از خطا و انعطاف پذیری/کارایی استفاده، فرآیند پرداخت را ساده کردیم:
● تعداد کلیک های مورد نیاز را کاهش داد.
● تعداد مراحل لازم برای تکمیل خرید را به وضوح نشان داده است.
● به طور مداوم نشان دهید که کاربر در کجای فرآیند است.
● منوهای کشویی را با کادرهای انتخاب گزینه‌های بله/خیر جایگزین کرد.
● چیدمان و فاصله گذاری بهبود یافته برای ظاهر حرفه ای تر.
● از ارائه واضح اطلاعات مهم مانند دستورالعمل‌های بازخرید اطمینان حاصل کنید.

بهره مند شوند
فرآیند پرداخت تمیزتر و روان‌تر می‌تواند منجر به نرخ تبدیل بالاتر و سبدهای رها شده کمتر شود.

بیشتر از خوب باش

ناشناخته بودن نسبتاً برای صنعت فروش بلیط به این معنی است که شما همیشه در مورد شهرت عقب هستید. اما این فرصتی را برای طراحان فراهم می‌کند تا تأثیر خوبی بگذارند و تجربه‌ای را ایجاد کنند که به رشد شرکت آسیبی نرساند.

طراحی UX ما بسیار ارزشمند است زیرا ما قادریم:
● افزایش اعتماد و اعتبار کاربر: یک رابط طراحی شده به خوبی نشان دهنده حرفه ای بودن و قابلیت اطمینان است که برای حفظ کاربران فعلی و جذب کاربران جدید با رشد شرکت بسیار مهم است.
● بهبود حفظ کاربر: با پرداختن به نقاط درد شناسایی شده از طریق ممیزی و بازخورد کاربر، می توانیم رضایت و وفاداری کاربر را به میزان قابل توجهی افزایش دهیم.
● کاهش هزینه های بلند مدت: سرمایه گذاری در UX در مرحله افزایش مقیاس می تواند از طراحی مجدد پرهزینه جلوگیری کند و با ایجاد رابط های بصری تر، هزینه های پشتیبانی را کاهش دهد.
● رقابت در یک بازار شلوغ: با تشدید رقابت، UX برتر می تواند یک تمایز کلیدی باشد و محصول را از پیشنهادات مشابه متمایز کند.

در حالی که درست است که کاربران محصولات زیبایی شناختی را آسان‌تر برای استفاده درک می‌کنند، طراحی UX چیزی بیش از یک سری انتخاب‌های هنری است، اما در عوض عمیقاً بر اصول روان‌شناسی مصرف‌کننده متکی است. از طریق استفاده هوشمندانه از اصول UX، می‌توانیم کاربر را به سمت استفاده مؤثرتر از محصول و در نتیجه تبدیل‌های بیشتر راهنمایی کنیم.

خلاصه

در حالی که استراتژی‌های MVP می‌توانند به یک شرکت نوپا کمک کنند تا کارآمد و ناب کار کند، اما می‌تواند منجر به مشکلات UX شود که در مسیر پایین قرار می‌گیرد و توسط کاربران آگاهانه یا غیرقابل احساس احساس می‌شود.

نه تنها تمرکز زودهنگام بر روی طراحی UX امکان راه اندازی موفق تر محصول را فراهم می کند، بلکه به طراحان و توسعه دهندگان این امکان را می دهد تا در مورد نیازهای فنی و محدودیت های محصول خود بحث کنند.

کار ما با Tickets for Good به آنها این امکان را داده است که موقعیت خود را در یک بازار دشوار تقویت کنند تا کاربران هنگام استفاده از پلتفرم خود احساس خوبی داشته باشند. از طریق ترفندهای ساده طراحی و تغییرات جریان، ما توانسته ایم:
● بستر را برای مقیاس پذیری جریان اصلی آماده کنید.
● قابلیت اعتماد داخلی.
● جریان کاربر ساده برای افزایش حفظ کاربر.
● کاهش بار شناختی از طریق حذف بهم ریختگی بینایی.
● طراحی را به گونه‌ای تکامل داد که با شخصیت منعکس کننده برند سازگار باشد.

در زمان نگارش این مقاله، این راه حل ها هنوز به کار گرفته نشده اند.