تصویر مفهومی چک‌لیست تحویل طراحی سایت در موبایل و دسکتاپ

سفارش طراحی سایت؛ چک‌لیست کامل از نیازسنجی تا تحویل

۲۷ شهریور ۱۴۰۵
زمان مطالعه:
دقیقه
نویسنده: تحریریه ایرانیک · بازبینی محتوا:

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

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

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

مرحله اول: شرح نیاز را از کار مشتری شروع کنید

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

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

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

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

مرحله دوم: محدوده کار را قابل شمارش کنید

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

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

هر قابلیت را با یک سناریو تعریف کنید

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

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

مرحله سوم: پیشنهادهای فنی را هم‌سطح مقایسه کنید

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

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

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

مرحله چهارم: قبل از برنامه‌نویسی، مسیر و محتوا را تأیید کنید

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

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

بازخوردی بدهید که قابل اجرا باشد

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

مرحله پنجم: چک‌لیست تحویل سایت را با سناریوی واقعی اجرا کنید

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

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

سرعت و سئو را با گزارش قابل تکرار تحویل بگیرید

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

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

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

مرحله ششم: انتشار را با یک فهرست مسئولیت انجام دهید

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

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

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

مرحله هفتم: در ماه اول دنبال چه چیزی باشید؟

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

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

پرسش‌های رایج هنگام سفارش طراحی سایت

پیش از جلسه اول باید همه محتوا آماده باشد؟

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

چگونه بفهمیم سایت برای تحویل آماده است؟

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

آیا باید قبل از تحویل رتبه گوگل مشخص شده باشد؟

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

تفاوت رفع اشکال و توسعه جدید چیست؟

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

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