مراحل طراحی وب سایت

مراحل طراحی سایت

1. شناسایی و کشف هدف

مرحله اولیه که در آن طراح و مشتری برای درک عمیق مشکلات کاربر و تعریف اهداف مشترک ملاقات می کنند. سوالاتی که مطرح می شوند عبارتند از:

مخاطب هدف کیست؟

وقتی به وب سایت ما می رسند باید انتظار دیدن چه چیزی را داشته باشند؟

هدف اصلی وب سایت چیست؟

چه پیامی باید منتقل شود؟

رقبا در صورت وجود چه کاری انجام می دهند و چگونه باید آنها را متمایز کنیم؟

چگونه این اهداف را اندازه گیری خواهید کرد؟

با مرور این موارد، مستندسازی آنها بسیار مهم است.

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

2. تعریف محدوده

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

در ابتدا کاری دشوار است بسیاری از ایده ها جالب به نظر می رسند.

اما برای باز کردن گفتگو در مورد آنچه برای پروژه مهم است ضروری است.

همچنین به شما کمک می کند تا یک جدول زمانی بسازید.

این جدول زمانی باید نشان دهد که هر مرحله از فرآیند چقدر طول می کشد.

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

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

این مرحله برای تجسم با نمودار یا صفحه گسترده مهم است.

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

3. ایجاد طراحی

اکنون طراحی شروع می شود!

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

سبک بصری کلی به احتمال زیاد توسط برند بصری سازمان تعیین می شود.

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

این قسمت جایی است که طراح شروع به طوفان فکری، ساخت طرح ها، وایرفریم ها و غیره با اهداف و محدوده در ذهن می کند.

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

توسعه دهندگان نیز در این زمان مشغول هستند.

توسعه دهنده باید مطمئن باشد که می تواند آنچه را که طراح پیشنهاد می کند بسازد.

بسته به درخواست شما در مراحل 1 و 2، این مرحله ممکن است نسبتاً سریع باشد یا ممکن است شامل چندین مکالمه بین طراح، توسعه دهنده و مشتری باشد.

همانطور که روند تکامل می یابد، وایرفریم ها و دیگر طرح ها تکمیل خواهند شد.

4. پیاده سازی کد

پس از تایید طراحی اولیه، در نهایت کد نویسی شروع می شود.

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

ویدیوها، اسلاید ها، پادکست ها و رسانه های دیگر را ایجاد کنیم که در سایت ظاهر می شوند و همچنین شروع به کدنویسی HTML و CSS و ... کنیم.

5. تست نمونه اولیه

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

تست وب سایت بسیار مهم است زیرا به ناچار مسائلی وجود دارد که باید قبل از شروع به کار سایت مورد بررسی قرار گیرند.

هیچ چیزی بیش از سایتی که به درستی کار نمی کند یا دارای غلط املایی یا عناصر طراحی شکسته است، برند را از بین نمی برد.

در این مرحله سایت باید در مرورگرهای متعدد (فایرفاکس، سافاری، اینترنت اکسپلورر) و چندین دستگاه (لپ تاپ، تبلت و موبایل) بررسی شود تا ببینیم که آیا مشکلی وجود دارد یا خیر.

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

برخی از سوالاتی که باید در نظر گرفته شوند عبارتند از:

مردم چه چیزی را در مورد این طراحی دوست دارند یا دوست ندارند؟

ابتدا چه دکمه هایی فشار داده می شود؟

توجه کاربر کجاست؟

کاربر چگونه کارهای خاصی مانند یافتن سؤالات متداول یا خرید را انجام می دهد؟

آیا بخشی از طراحی یا گردش کار کاربر را گیج می کند؟

برای پاسخ به این سوالات می توانید از تست های مختلفی مانند تست پنج ثانیه ای، تست کلیکی یا تست A/B استفاده کنید.

البته، می توانید برای جمع آوری اطلاعات، ویژگی ها را به تدریج گسترش دهید.

6. اصلاح بصری

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

همچنین این زمان خوبی برای بررسی اشکالات کد است که باعث ایجاد تجربیات ناخواسته برای کاربر می شود.

به یاد داشته باشید، یک فرآیند طراحی خوب به "نسخه نهایی" شما ختم نمی شود!

در نهایت، کاربران شما به شما اطلاع خواهند داد که آیا به "نسخه نهایی" رسیده اید یا نه.

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

7. راه اندازی سایت

بالاخره زمان راه اندازی وب سایت جدید فرا رسیده است.

اکنون سایت را تست کرده اید، توسط کارفرما پروژه بررسی و تایید شده است و آماده راه اندازی هستید.

زمان هیجان انگیزی است، اما همچنان نیاز به برنامه ریزی مناسب دارد.

جدول زمانی پروژه شما از مرحله 2 باید نشان دهد که روز راه اندازی چه زمانی فرا می رسد.

باید به این سوالات پاسخ دهید:

آیا آماده راه اندازی هستیم؟

اگر مشکلی پیش بیاید، برنامه اضطراری ما چیست؟

چگونه به جهان اطلاع خواهیم داد؟

وقتی همه در یک راستا قرار گرفتند، پروژه را deploy کنید.

هنوز کارهای بیشتری برای انجام دادن وجود دارد - راه اندازی به این معنی نیست که فرآیند تمام شده است!

به محض راه اندازی سایت، پروژه به پایان نمی رسد!

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

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

وب یک رسانه سیال است که به صورت روزانه، یا حتی ساعتی، تغییر می کند. تغییر اجتناب ناپذیر است.

8. پشتیبانی سایت

حتی پس از راه اندازی، این روند ادامه دارد.

ابتدا، ممکن است نیاز داشته باشید که هر گونه اشکال اضافی یا رفتار غیرمنتظره را اکنون که سایت شما فعال است برطرف کنید.

دوم، نیازهای کاربران شما در طول زمان تغییر خواهد کرد، همانطور که بهترین شیوه ها در طراحی وب سایت تغییر می کند.

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

البته، مشتری خود را سرگردان نگذارید! درگیر بمانید و پیشرفت را دوباره بررسی کنید.

اطمینان حاصل کنید که اهدافی که شناسایی کرده اید به دست می آیند.

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

وب سایت ها موجوداتی زنده هستند و نیاز به مراقبت و نگهداری دائمی دارند.

به روز رسانی محتوا، ایجاد تغییرات در باطن و اصلاح لینک های شکسته همه در یک روز کاری هستند.

همه این مراحل برای فرآیند طراحی وب حیاتی هستند.

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

بیایید نگاهی بیندازیم که استراتژی چیست، چگونه فرموله می شود و چگونه به وب ترجمه می شود.

موفقیت در فرآیند طراحی سایت

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

این فرآیند دایره ای است، نه خطی و تکراری از بازخورد، نیاز به شناسایی، طوفان فکری و اجرا دارد.

اطمینان از وجود یک گردش کار طراحی که در آن همه ذینفعان همسو هستند و با همکاری یکدیگر برای رسیدن به نقاط عطف حرکت می کنند، برای موفقیت بسیار مهم است!

چرا تعیین هدف مهم است ؟

سازمان ها باید مخاطبان را از محصولات و خدمات خود آگاه کنند.

بسیاری از اوقات نیازهای ارتباطی، مانند یک وب سایت، با تغییر جهت استراتژیک یا یک پیشنهاد جدید ایجاد می شود.

شناسایی دلایل وجود سایت و آنچه که قرار است به آن برسد، اولین گام در این فرآیند است.

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

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

اهداف استراتژیک سایت، درک نیازهای مخاطبان کلیدی و شناسایی رقبای کلیدی.

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

چالش در این مرحله محدود کردن تعداد اهداف است.

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

توانایی تمرکز بر اهداف سازمانی، توسعه سایت را آسان تر می کند و محصول نهایی را موثرتر می کند.

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

خلاصه شامل عناصر زیر است.

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

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

مخاطبان هدف: چه کسی سازمان را در دستیابی به اهداف تعیین شده خود یاری خواهد کرد؟ اکثر سازمان ها با چندین سازمان (مانند مشتریان، ذینفعان، مخاطبان داخلی، تامین کنندگان، شرکا، سهامداران و/یا موسسات دولتی) صحبت می کنند.

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

پیام ها: پیام های کلیدی که مخاطبان کلیدی را برای تعامل با سازمان جذب می کنند و انگیزه می دهند چیست؟ پیام های کلیدی برند که به تمایز سازمان از همتایانش کمک می کند چیست؟

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

Wireframe چیست ؟

معماری سایت شامل نقشه سایت و وایرفریم صفحات است.

ایجاد نقشه سایت تضمین می کند که همه موارد را در نظر گرفته اید.

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

وایرفریم نمای دقیقی از محتوایی که در هر صفحه ظاهر می شود ارائه می دهد.

اگرچه هیچ عنصر طراحی واقعی را نشان نمی دهند، اما وایرفریم ها راهنمایی برای تعریف سلسله مراتب محتوا در صفحه ارائه می دهند.