10 گام فرایند طراحی حرفه ای وب سایت برای مشتریان

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

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

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

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

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

برخی از سؤالاتی که با پرسیدن آنها از مشتری به شما کمک خواهد کرد:
•    محصولات یا خدمات شما چیست؟
•    مدل کسب و کارتان چیست؟
•    مهمترین مشتریان تان چه کسانی هستند و می خواهید آنها در وب سایت شما چه کاری انجام دهند؟
•    مشتری از وب سایت جدیدتان چه انتظاراتی دارد؟
•    مشتری چگونه اثربخشی پروژه را اندازه گیری می کند؟

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

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

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

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

با تمام ایده هایی که دارید، اکنون می توانید تجزیه و تحلیل SWOT را سریع برای وب سایت خود انجام دهید.

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

شما می توانید سوال های بیشتری همراه با جزییات بیشتر از مشتری بپرسید، به هر حال پرسیدن این سه سؤال از مشتری ضروری می باشد.

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

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

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

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

گام چهار : ایجاد معماری اطلاعات
در این مرحله، ما یک نقشه ذهنی دقیق از وب سایت خود داریم. اکنون باید روی جنبه مهم بعدی، یعنی معماری اطلاعات (IA) سایت کار کنیم.

IA  مخفف Information Architecture (معماری اطلاعات) درمورد سازماندهی و جریان صحیح محتوای وب سایت است. هنگامی که در مورد معماری اطلاعات تصمیم می گیرید، در واقع شما دارید به چشم انداز کاربر می اندیشید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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