اپلیکیشن

یک اپلیکیشن موبایل و وب‌اپلیکیشن واکنش‌گرا با نام «خدمت‌یار نزدیک من» بساز؛ رابط کاملاً فارسی و راست‌به‌چپ باشد و هدف اصلی آن پیدا کردن خدمات محلی و ثبت درخواست خدمت برای یک ارائه‌دهنده باشد، نه رزرو ساده‌ی نوبت. اپ باید کاملاً روی خود دستگاه کار کند و برای دمو از فهرست داخلی ارائه‌دهنده‌ها و خدمات نمونه استفاده کند. اطلاعات ارائه‌دهنده‌ها، تنظیمات کاربر و درخواست‌های ثبت‌شده در حافظه‌ی محلی دستگاه ذخیره شوند و بعد از بستن و بازکردن اپ باقی بمانند. چون سرور و داده‌ی مشترک بین کاربران وجود ندارد، ثبت درخواست به‌صورت محلی شبیه‌سازی شود و وضعیت درخواست داخل خود اپ پیگیری شود. برای هر درخواست یک کد پیگیری محلی تولید شود. امکان استفاده از موقعیت مکانی فعلی دستگاه، انتخاب دستی شهر یا نشانی در صورت نبود موقعیت، و مرتب‌سازی ارائه‌دهنده‌ها بر اساس فاصله وجود داشته باشد. قبل از استفاده از موقعیت، یک توضیح کوتاه درباره‌ی حریم خصوصی و کنترل روشن/خاموش‌کردن موقعیت نمایش داده شود. اگر دسترسی واقعی موقعیت در محیط موجود نبود، خطای مناسب و راه انتخاب دستی شهر/نشانی نشان داده شود. صفحه‌ها و قابلیت‌ها: ۱) خانه: نمایش موقعیت فعلی یا شهر انتخاب‌شده، نوار جست‌وجو، دسته‌بندی‌های تعمیرات، نظافت، آموزش، زیبایی، حمل‌ونقل و خدمات فنی، و کارت چند خدمت نزدیک همراه فاصله، امتیاز و وضعیت دسترسی. ۲) فهرست خدمات: جست‌وجو، فیلتر دسته‌بندی، فاصله، امتیاز و در دسترس بودن، مرتب‌سازی بر اساس نزدیک‌ترین و بالاترین امتیاز، نمای فهرستی و نمای نقشه‌ی ساده با نشانگرهای نمونه. تغییر بین نماها باید برای لمس مناسب باشد. ۳) جزئیات ارائه‌دهنده: نام، دسته‌بندی، امتیاز، فاصله، محدوده‌ی خدمت‌رسانی، توضیحات، ساعت کاری نمونه، خدمات قابل ارائه و دکمه‌ی بزرگ و برجسته‌ی «ثبت درخواست». ۴) فرم ثبت درخواست: انتخاب نوع خدمت، توضیح نیاز، نشانی یا موقعیت خدمت، زمان ترجیحی، شماره تماس اختیاری و یادداشت. اعتبارسنجی کامل و پیام خطای فارسی برای موارد لازم انجام شود. بعد از ثبت، خلاصه‌ی درخواست و کد پیگیری محلی نمایش داده شود. ۵) درخواست‌های من: درخواست‌های فعال و گذشته با وضعیت‌های «ثبت شد»، «در حال بررسی»، «تأیید شد» و «پایان یافت». برای دمو امکان تغییر مرحله‌ی وضعیت به‌صورت کنترل‌شده/شبیه‌سازی‌شده فراهم شود تا کاربر جریان پیگیری را ببیند. مشاهده‌ی جزئیات، لغو درخواست فعال با تأیید، و حذف سوابق وجود داشته باشد. حالت خالی و نبود درخواست هم طراحی شود. ۶) پروفایل و تنظیمات: نام نمایشی، شهر یا نشانی پیش‌فرض، اجازه‌ی موقعیت مکانی، روشن/خاموش کردن استفاده از موقعیت، پاک‌کردن همه‌ی داده‌های محلی با تأیید، و راهنمای کوتاه استفاده. ظاهر مدرن، تمیز و قابل‌اعتماد با رنگ اصلی فیروزه‌ای/آبی، پس‌زمینه‌ی روشن، کارت‌های خوانا، آیکون‌های ساده، گوشه‌های نرم، فاصله‌گذاری مناسب و دکمه‌های برجسته باشد. همه‌ی متن‌ها فارسی و لحن ساده و خودمانی باشند. حالت‌های خالی، خطای موقعیت، نبود نتیجه، خطای اعتبارسنجی و موفقیت ثبت درخواست به‌خوبی طراحی شوند. از داده‌های نمونه‌ی متنوع برای شهرها، دسته‌ها، فاصله‌ها، امتیازها، ساعت کاری و خدمات استفاده شود. چیدمان کاملاً واکنش‌گرا و موبایل‌اول باشد: ابتدا برای عرض کوچک طراحی شود و از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و از flex یا grid، درصد و واحدهای نسبی استفاده شود. دکمه‌ها و همه‌ی عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل باشند و فاصله‌ی کافی داشته باشند. هیچ قابلیتی فقط با hover در دسترس نباشد. safe-area inset برای ناچ و نوار پایین رعایت شود و meta viewport استاندارد وجود داشته باشد. در عرض بزرگ، فضای اضافه با ستون‌بندی یا محدودکردن عرض متن مدیریت شود، نه با کش‌آمدن یک ستون. رابط برای نصب روی اندروید و استفاده در مرورگر دسکتاپ مناسب باشد. از نوار پیمایش پایین در موبایل و چیدمان مناسب‌تر در دسکتاپ استفاده کن. داده‌ها با localStorage یا سازوکار محلی پایدار ذخیره شوند و در پاک‌کردن داده‌ها همه‌ی داده‌های ساخته‌شده توسط کاربر حذف شوند.