⌘ K
فارسی
فرایند طراحی

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

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

تیم تحریریه ScreenKits6 دقیقه مطالعه
صفحه‌های مفهومی خرید که با پیکان از انتخاب محصول تا تکمیل به هم وصل شده‌اند.
اثر هنری مفهومی برای مقاله؛ تصویر ثبت‌شده از رابط اپلیکیشن نیست.

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

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

نکته‌های کلیدی

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

۱. نمونه یک صفحه را از یک جریان جدا کنید

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

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

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

۲. از کار شروع کنید، نه از انبوه تصاویر

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

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

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

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

۳. تغییرات میان صفحه‌ها را بررسی کنید

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

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

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

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

۴. شاهد مناسب پرسش را انتخاب کنید

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

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

۵. بررسی تکرارپذیر یک جریان با یادداشت‌گذاری

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

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

پرسش‌های رایج

آیا توالی تصاویر صفحه همان جریان اپلیکیشن است؟

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

صفحه‌ها یا گذارهای گمشده را چگونه یادداشت‌گذاری کنم؟

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

آیا می‌توانم از نمونه‌های تصاویر صفحه برای پژوهش کاربر استفاده کنم؟

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

منابع و مطالعه بیشتر

الهام را به جریان بعدی خود تبدیل کنید.

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

کاوش در صفحه‌های اپلیکیشن