مشاهده
نکته‌ی دییر ۰۱

↓اسکرول کنید
اسکرول۰
سرعت۰٫۰۰۰
زمان۰٫۰ث
→ وبلاگ طراحی طراحی تجربه کاربری

طراحی اپلیکیشن آموزشی: تجربه یادگیری موبایلی که کاربر را نگه می‌دارد

  • تاریخ انتشار۱۴۰۵/۰۸/۰۹
  • زمان مطالعه۱۰ دقیقه
  • نویسندهتیم دییر
طراحی اپلیکیشن آموزشی: تجربه یادگیری موبایلی که کاربر را نگه می‌دارد

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

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

طراحی اپلیکیشن آموزشی چه فرقی با طراحی پلتفرم آموزش آنلاین دارد؟

پلتفرم آموزش آنلاین معمولاً روی دسکتاپ و با فرض «نشستن برای یادگیری» طراحی می‌شود: صفحه‌ی بزرگ، کلاس طولانی، چند پنجره‌ی باز کنار هم. اپلیکیشن آموزشی در شرایط کاملاً متفاوتی استفاده می‌شود. کاربر در مترو، صف بانک یا ده دقیقه قبل از خواب گوشی را باز می‌کند؛ ممکن است اینترنتش ضعیف باشد، صدا را نتواند روشن کند و هر لحظه یک پیام یا تماس رشته‌ی کار را قطع کند.

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

یادگیری روی موبایل چه ویژگی‌هایی دارد؟

پیش از کشیدن اولین وایرفریم باید رفتار یادگیرنده‌ی موبایلی را شناخت. چند ویژگی تقریباً در همه‌ی اپ‌های آموزشی تکرار می‌شود و طراحی خوب از آن‌ها شروع می‌کند:

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

چرخه‌ی یادگیری؛ هسته‌ی طراحی اپلیکیشن آموزشی

اپ‌های آموزشی موفق، فارغ از موضوعشان، یک الگوی مشترک دارند: چرخه‌ای کوچک که کاربر هر روز آن را کامل می‌کند. این چرخه پنج حلقه دارد و اگر یکی از حلقه‌ها ضعیف باشد، کل تجربه می‌لنگد.

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

۱. درس کوتاه با یک هدف مشخص

هر درس باید فقط یک چیز را یاد بدهد و عنوانش همان را بگوید. «آشنایی با زمان گذشته» مبهم است؛ «ساختن جمله‌ی گذشته با فعل‌های باقاعده» روشن است. کاربر قبل از شروع باید بداند درس چند دقیقه طول می‌کشد تا بتواند تصمیم بگیرد همین الان شروعش کند یا نه.

۲. تمرین بلافاصله بعد از آموزش

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

۳. بازخورد فوری و آموزنده

«غلط بود» کافی نیست. بازخورد خوب می‌گوید چرا غلط بود و پاسخ درست چیست، بدون این‌که کاربر را سرزنش کند. لحن این پیام‌ها کار نویسندگی تجربه کاربری است و در اپ آموزشی اهمیتی دوچندان دارد، چون کاربر در لحظه‌ی اشتباه آسیب‌پذیرترین حالت را دارد.

۴. پیشرفت قابل دیدن و ۵. یادآوری به‌موقع

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

چطور پیشرفت را در اپ آموزشی نشان دهیم؟

حس پیشرفت شاید مهم‌ترین موتور ادامه دادن باشد. وقتی کاربر نمی‌داند کجای مسیر است، دوره برایش بی‌پایان به نظر می‌رسد و رها می‌شود. چند الگوی رایج برای نمایش پیشرفت وجود دارد که هر کدام کاربرد خودش را دارد:

درباره‌ی یادآوری‌ها هم یک قاعده‌ی ساده داریم: اعلان باید به کاربر چیزی بدهد، نه این‌که فقط از او چیزی بخواهد. «درس امروزت ۴ دقیقه است» بهتر از «مدتی است سر نزده‌ای» کار می‌کند. اجازه دهید کاربر ساعت یادآوری را انتخاب کند و اگر چند روز پیاپی اعلان‌ها را نادیده گرفت، تعدادشان را کم کنید؛ وگرنه اعلان‌ها را خاموش می‌کند یا اپ را پاک می‌کند.

گیمیفیکیشن در اپ آموزشی؛ کجا کمک می‌کند و کجا آسیب می‌زند؟

امتیاز، نشان، زنجیره‌ی روزهای پیاپی (Streak) و جدول رتبه‌بندی ابزارهای شناخته‌شده‌ی گیمیفیکیشن‌اند و درست به‌کار رفتن آن‌ها می‌تواند عادت یادگیری بسازد. اما گیمیفیکیشن ادویه است، نه غذای اصلی. اگر محتوای آموزشی ضعیف باشد، هیچ نشانی کاربر را نگه نمی‌دارد.

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

چند نکته که در طراحی سازوکارهای بازی‌گونه رعایت می‌کنیم:

اگر به ریشه‌های جذابیت بازی‌ها علاقه دارید، یادتان باشد که هر سازوکار بازی‌گونه باید پیش از ساخت، روی کاربران واقعی آزموده شود؛ چیزی که در یک گروه سنی انگیزه می‌سازد، در گروه دیگر ممکن است کودکانه یا آزاردهنده به نظر برسد.

ویدیو و آموزش آفلاین در اپلیکیشن آموزشی را چطور طراحی کنیم؟

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

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

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

طراحی اپلیکیشن آموزشی برای کودکان و بزرگسالان چه تفاوتی دارد؟

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

مقایسه طراحی اپلیکیشن آموزشی برای کودکان و بزرگسالان از نظر ورودی، پاداش و کنترل
جنبه‌ی طراحیاپ آموزشی کودکاناپ آموزشی بزرگسالان
ورودی و راهنماصدا، تصویر و انیمیشن؛ حداقل متن، چون ممکن است کودک هنوز روان نخواندمتن کوتاه و روشن، زیرنویس و متن درس قابل جست‌وجو
اندازه و تعاملهدف‌های لمسی بزرگ، حرکت‌های ساده، بدون منوهای تودرتوالگوهای استاندارد موبایل، میان‌برها و امکان پرش بین درس‌ها
انگیزهپاداش فوری، شخصیت همراه، تشویق صوتی و تصویریهدف شخصی، دستاورد قابل ارائه مثل گواهی، صرفه‌جویی در زمان
کنترل و امنیتقفل والدین برای خرید و تنظیمات، محدودیت زمان، بدون تبلیغ و لینک بیرونیکنترل کامل کاربر بر برنامه، اعلان‌ها و داده‌ها
گزارش پیشرفتگزارش جداگانه و ساده برای والدینداشبورد شخصی با جزئیات مهارت‌ها و تاریخچه
خطا و شکستبدون حس شکست؛ «دوباره امتحان کن» با تشویقتوضیح دقیق خطا و منبع مرور

در اپ کودکان، تست با خود کودکان (با حضور و رضایت والدین) جایگزین ندارد؛ چیزی که برای بزرگسال واضح است، برای کودک شش‌ساله ممکن است کاملاً نامفهوم باشد. همچنین دسترس‌پذیری برای هر دو گروه مهم است: کنتراست کافی، اندازه‌ی متن قابل تغییر و جایگزین متنی برای محتوای صوتی را در مقاله‌ی طراحی دسترس‌پذیر بیشتر توضیح داده‌ایم.

فرایند طراحی اپلیکیشن آموزشی در دییر چگونه است؟

هر پروژه شرایط خودش را دارد، اما مسیر کلی ما در طراحی اپ آموزشی معمولاً این مرحله‌ها را طی می‌کند:

این فرایند بخشی از خدمات طراحی محصول و UI/UX دییر است. اگر هنوز در مرحله‌ی برآورد بودجه هستید، مقاله‌ی هزینه ساخت اپلیکیشن عوامل اثرگذار بر قیمت را توضیح می‌دهد؛ ویژگی‌هایی مثل ویدیوی آفلاین، آزمون‌های تعاملی و گیمیفیکیشن هر کدام بخش قابل توجهی از کار را تشکیل می‌دهند.

اشتباهات رایج در طراحی اپ آموزشی

در بررسی اپ‌های آموزشی، چند اشتباه را بارها دیده‌ایم که ارزش دارد پیش از شروع پروژه از آن‌ها آگاه باشید:

سؤالات متداول

طراحی اپلیکیشن آموزشی چقدر زمان می‌برد؟

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

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

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

آیا هر اپ آموزشی به گیمیفیکیشن نیاز دارد؟

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

مهم‌ترین شاخص موفقیت اپ آموزشی چیست؟

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

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

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

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

پروژه بعدی
مال شماست؟