CASE STUDY / UX & INFORMATION ARCHITECTURE

بازاندیشی مسیر یادگیری در وب‌سایت آموزشگاه نیکبخت

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

UX AuditInformation ArchitectureUser FlowNavigation StrategyEducational Website
پیش‌نمایش زنده صفحه اصلی
برای اجرای افکت‌ها، ماوس را داخل کادر ببرید و همان‌جا اسکرول کنید.بازکردن سایت اصلی ↗
این قاب سایت را به‌صورت زنده بارگذاری می‌کند؛ تصویر ثابت نیست. نمایش آن به اجازه iframe از سمت سایت مقصد وابسته است.
برند و صنعت
نیکبخت / آموزش تخصصی طراحی و دوخت
محور مطالعه
تحلیل UX، معماری محتوا و مسیر انتخاب دوره
شواهد ارائه‌شده
بردهای تحلیل و تصاویر آرشیوی صفحات
☰   فهرست بخش‌های مطالعه موردی
01 / PROJECT OVERVIEW

پروژه در یک نگاه

یک تجربه آموزشی زمانی موفق است که کاربر بتواند بدون سردرگمی بین «یادگیری»، «انتخاب دوره» و «اقدام بعدی» حرکت کند.

تحلیل ساختار موجود

بررسی جایگاه صفحه اصلی، دوره‌ها، آموزش‌ها، مقالات و راه‌های ارتباطی

طراحی مسیر کشف دوره

تعریف مسیر جست‌وجو، دسته‌بندی، جزئیات دوره و تصمیم برای ثبت‌نام یا مشاوره

نظام‌مندکردن تصمیم‌ها

استفاده از بردهای ممیزی، نقشه محتوا، جریان کاربر و پیشنهاد ناوبری

این مطالعه موردی بر شواهد فرایند طراحی و ساختار مشاهده‌شده سایت تکیه دارد؛ آمار افزایش ثبت‌نام، فروش یا نرخ تبدیل بدون داده تحلیلی مستقل ادعا نشده است.
01 شناخت وضعیت
02 ممیزی محتوا
03 گروه‌بندی
04 مسیر کاربر
05 تصمیم‌های UX
02 / THE CHALLENGE

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

سایت آموزشی هم باید محتوای آموزشی ارائه کند و هم مخاطب را برای انتخاب مسیر مناسب راهنمایی کند؛ این دو هدف نباید یکدیگر را مبهم کنند.

01

هم‌پوشانی اصطلاحات

«دوره‌ها»، «آموزش‌ها»، «آموزش آنلاین»، «آموزش رایگان» و «مقالات» در ساختار پیشین مرز روشنی برای همه کاربران نداشتند.

02

مسیر تصمیم‌گیری ناپیوسته

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

03

اعتمادسازی خارج از مسیر

سابقه آموزشگاه، تجربه مدرس و اعتبار مدارک باید نزدیک تصمیم‌های مهم کاربر قرار بگیرند، نه صرفاً در یک بخش مجزا.

مسئله فقط تغییر ظاهر یک وب‌سایت نبود؛ مسئله، روشن‌کردن نسبت میان «کشف آموزش»، «اعتماد» و «اقدام» در یک تجربه واحد بود.
03 / UX AUDIT

شروع از بررسی، نه طراحی عجولانه

برد ممیزی و جدول موجودی محتوا نقطه آغاز بحث درباره اولویت‌ها، نیاز کاربران و نقاط اصطکاک نسخه قبلی بودند.

01
بررسی هدف هر صفحه

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

02
پرسش درباره جایگاه CTA

آیا اقدام اصلی از همان ابتدای صفحه قابل فهم است و در ادامه مسیر تکرار معنادار دارد؟

03
بررسی اتصال محتوا به دوره

مقالات و ویدئوها باید با هدف یادگیری و همچنین کشف دوره مرتبط ارتباط منطقی داشته باشند.

04 / INFORMATION ARCHITECTURE

هر محتوا در جای درست خودش

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

آموزش‌ها و دوره‌ها

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

محتوای آموزشی

مقالات، ویدئوها و آموزش‌های رایگان با جایگاهی مشخص نسبت به دوره‌های ثبت‌نامی.

اعتماد و معرفی

درباره آموزشگاه، سوابق حرفه‌ای، مدارک و شواهد تخصصی در ساختاری شفاف.

فعالیت‌ها و رویدادها

نمایشگاه‌ها، کارگاه‌ها، اخبار و فعالیت‌هایی که هویت فعال مجموعه را نشان می‌دهند.

ارتباط و پشتیبانی

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

اقدام کلیدی

نمایان‌بودن امکان مشاوره یا ثبت‌نام در نقاطی که کاربر به تصمیم نزدیک شده است.

Content Groups

طبقه‌بندی سطح‌بالای نیازها و محتوای سایت.

Sitemap پیشنهادی

تبدیل گروه‌ها به معماری قابل استفاده برای ناوبری.

05 / USER FLOW

از کشف دوره تا تصمیم نهایی

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

ورود و کشفصفحه دوره‌ها / جست‌وجو
محدودکردن انتخابدسته‌بندی و نتایج دوره‌ها
ارزیابی دورهجزئیات و شرایط آموزشی
اقدام بعدیثبت‌نام یا مشاوره
جریان ثبت‌نام و مشاوره در مستندات به‌عنوان مسیر طراحی مدل شده است؛ این نمودار به‌تنهایی اثبات‌کننده اجرای کامل فرایند ثبت‌نام آنلاین در نسخه فعلی سایت نیست.
06 / DESIGN DECISIONS

تصمیم‌های طراحی، مستند و قابل توضیح

بررسی تداخل نام‌گذاری صفحات و جایگاه اقدام اصلی، مبنای گفت‌وگو درباره ناوبری و معماری محتوا شد.

موضوع تصمیممشکل / نیاز کاربرجهت‌گیری پیشنهادی در مستندات
آموزش‌ها و دوره‌هاپیداکردن دوره مناسب در کنار محتوای آموزشی رایگانتفکیک مفهوم و اصلاح نام‌گذاری برای جلوگیری از هم‌پوشانی
آموزش آنلاینتشخیص نحوه برگزاری و تفاوت دوره با محتواشفاف‌کردن نوع ارائه در دسته‌بندی و جزئیات هر دوره
رویدادهادسترسی مستقل به فعالیت‌های آموزشگاهحفظ هویت مستقل این بخش
درباره ما و اعتمادشناخت مجموعه پیش از تصمیم‌گیریحفظ صفحه معرفی و تقویت شواهد اعتماد در مسیرهای کلیدی
مشاوره و ثبت‌نامتبدیل بررسی دوره به یک اقدام مشخصتأکید بر CTA واضح و در دسترس

Navigation Decisions

هر تغییر پیشنهادی در ارتباط با هدف واقعی کاربر سنجیده شد.

Notes & Insights

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

07 / WORKING DOCUMENTS

پشت هر تصمیم، یک برد تحلیلی

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

Overlap & Missing Content

شناخت هم‌پوشانی‌ها و نقاطی که به توضیح بیشتر نیاز داشتند.

Content Cards

دسته‌بندی محتوایی برای کاهش پیچیدگی مسیرها.

Primary Navigation

تعریف گروه‌های اصلی و جایگاه دکمه مشاوره.

از تحلیل تا انتخاب ساختار

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

تفاوت «پیشنهاد» و «پیاده‌سازی»

بردها مسیر تحلیل و تصمیم را نشان می‌دهند. نسخه زنده سایت مرجع بررسی وضعیت فعلی است؛ هر تصمیم ثبت‌شده در برد لزوماً به معنای اجرای بدون تغییر همان پیشنهاد نیست.

08 / VISUAL ARCHIVE

نگاهی به نسخه پیشین سایت

این تصاویر، ثبت تاریخی ظاهر صفحات در شهریور ۱۴۰۵ هستند. آن‌ها را با نسخه فعلی که در قاب زنده ابتدای صفحه باز می‌شود اشتباه نگیرید.

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

خروجی این مسیر چه بود؟

ارزش مستندشده این فرایند، روشن‌ترشدن منطق طراحی و ارائه راه‌حل بر اساس نیاز کاربر بود؛ نه صرفاً تغییر رنگ و چیدمان صفحه.

از یک مجموعه صفحه، به یک مسیر قابل تحلیل

در این پروژه، مسائل ساختاری و محتوایی مستند شدند و برای آن‌ها راه‌حل‌های طراحی در قالب گروه‌های محتوایی، جریان انتخاب دوره و تصمیم‌های ناوبری پیشنهاد شد.

شفافیت معماری اطلاعات

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

مسیر مشخص‌تر برای هنرجو

از پیداکردن دوره تا بررسی جزئیات و تصمیم برای مشاوره یا ثبت‌نام.

مستندسازی برای طراحی و توسعه

بردهایی که مبنای بررسی، مقایسه و گفت‌وگو درباره تغییرات باشند.

نشانه‌هایی که در سایت فعلی دیده می‌شوند

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

بازدید از نسخه فعلی ↗

چه چیزی را بدون داده ادعا نمی‌کنیم؟

بهبود نرخ تبدیل، افزایش تعداد هنرجویان، رشد ترافیک و بهبود شاخص‌های Core Web Vitals تنها با گزارش‌های قابل استناد قبل و بعد قابل بیان است. در این مطالعه آماری برای این موارد ارائه نشده است.

10 / QUESTIONS

پرسش‌هایی درباره مطالعه پروژه

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

چرا مطالعه موردی از ممیزی و معماری اطلاعات آغاز می‌شود؟

چون تا نقش هر صفحه و مسیر کاربر مشخص نباشد، زیباتر شدن ظاهر الزاماً مسئله انتخاب دوره یا سردرگمی مخاطب را حل نمی‌کند.

آیا تصاویر آرشیوی، نسخه جدید سایت هستند؟

خیر. تصاویر بخش آرشیو مربوط به ظاهر پیشین سایت‌اند. نسخه فعلی از نشانی رسمی nikbakht.net در قاب زنده بالای صفحه لود می‌شود.

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

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

YOUR PROJECT / NEXT STEP

سایت آموزشی شما هم به یک مسیر روشن‌تر نیاز دارد؟

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

نمایش تصویر
تصویر بزرگ شده مستند UX