بایگانی دسته ی آموزش طراحی سایت

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

پرسش اساسی اول : آیا این پروژه طراحی سایت را قبول کنم ؟

ابتدا باید به جواب سوالاتی درباره جزییات پروژه برسیم تا بتوانیم تصمیم درست بگیریم :

آیا از پس این کار (پروژه طراحی سایت) بر می آیم ؟

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

آیا فرصت کافی برای انجام پروژه را دارید ؟

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

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

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

پرسش اساسی دوم : آیا این کارفرما فردی مناسب برای بستن قرارداد طراحی سایت و کار کردن می باشد ؟

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

آیا کارفرما نقش خود در به موفقیت رساندن پروژه طراحی سایت را درک می کند ؟

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

آیا انتظارات و توقعات کارفرما واقع بینانه و تحقق پذیر است ؟

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

نگاه واقع بینانه به مسئله پروژه طراحی سایت و کارفرما

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

منبع : سئو سایت وب نوش

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

هزینه سرویس مورد نظر وب هاستینگ با توجه به هدف ما از طراحی سایت چقدر است ؟

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

آیا این سرویس وب هاستینگ از CMS (سیستم مدیریت محتوا) یا پلتفرم مد نظر طراح سایت پشتیبانی می کند ؟

فاکتور بعدی بسیار مهمی که باید به آن توجه شود این است سرویسی خریداری کنیم تا از پلتفرم مد نظرمان پشتیبانی لازم را داشته باشد ؛ چه در طراحی سایت از سیستم مدیریت محتوا (CMS) استفاده کنیم ، چه اینکه بخواهیم سایتمان را با استفاده از اسکریپتها و یکی زبانهای برنامه نویسی تحت وب بسازیم . همانطور که گفتم ، همه شرکتهای ارائه دهنده سرویس هاستینگ ، خدمات یکسان ارائه نمی کنند و هر کدام برای پلتفرمهای متفاوت در نظر گرفته شده اند ، پس مطمئنا پیش از خرید سرویس ، شما باید از پشتیبانی هاست از پلتفرم مد نظر شما اطمینان حاصل کنید . به عنوان مثال ، WordPress که یک CMS پر مصرف توسط طراحان سایت است ، توسط خیلی از سرویسهای هاستینگ پشتیبانی می شود ؛ در نقطه مقابل ، ExpressionEngine که یک CMS کمتر مورد استفاده طراحان است ، تنها توسط تعداد کمی از هاستینگها پشتیبانی می شود . در نهایت اگر شما از پشتیبانی قدرتمند پلن هاستینگی که خریداری می کند مطمئن نباشید ، در اولین باری که از سایت خود بر روی وب بازدید می کنید با یک غافلگیری وحشتناک مواجه می شوید .

تیم پشتیبانی شرکت وب هاستینگ پس از خرید پلن ، چگونه به حل مشکلات شما کمک می کند ؟

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

آیا محدودیتی برای پهنای باند نیز وجود دارد ؟

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

در صورت اتمام پهنای باند ماهانه سایت ، چه اتفاقی می افتد ؟

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

شرکتی که قصد خرید سرویس وب هاستینگ از آن را دارید ، چه مقدار قابل اعتماد است ؟

از آنجا که ما می خواهیم سایتمان همیشه در دسترس و قابل مشاهده برای کاربران وب باشد ، مورد دیگری که مطرح می شود مسئله آپ تایم (uptime) سرورهای شرکت ارائه دهنده وب هاستینگ می باشد . آپ تایم به طور خلاصه به معنای ساعات فعال بودن و عملکردن صحیح سرورها می باشد . اگر سایتی در دسترسی و قابل مشاهده بودن برای بازدیدکنندگان دچار مشکل و ضعف باشد ، مطمئنا آن وب سایت با شکست مواجه می شود و کارایی خود را از دست می دهد . شرکتهای بسیاری در تبلیغات خود از عبارت ” آپ تایم ۱۰۰% ” یا ” آپ تایم ۲۴ ساعته ” استفاده می کنند ، اما اینها اغلب یا حیله های تبلیغاتی است ، و یا اگر واقعیت داشته باشد ، آن شرکت هزینه بیشتری برای سرویس خود دریافت می کند . معمولا اغلب هاست سرورها اندکی outage دارند ، یعنی سرورهای آنها به طور اتفاقی در دقائقی از شبانه روز با ضعف عملکرد مواجه می شوند که این مسئله خیلی مهمی نیست . اما برخی دیگر هستند که مدت زمان طولانی تری outage می شوند که این مسئله به شدت برای وب سایت امتیاز منفی محسوب می شود و رتبه سایت در موتور جست و جو و بازدیدکنندگان آن بسیار کم می شوند . به طور کلی مسئله دسترسی سریع به صفحات وب سایت ، یکی از عوامل فوق العاده موثر بر سئو سایت می باشد . البته سایتهایی که دارای بعد امنیتی برای کاربران می باشند ، قطعا نیازمند آپ تایم ۱۰۰% می باشند تا از اطلاعات کاربران به خوبی محافظت شود و سایت مورد هجوم هکرها قرار نگیرد .

در نهایت ، پیش از خرید این نکته را در نظر داشته باشید هاست سروری که میخواهید خریداری کنید دارای میزان outage پایینی باشد و از آپ تایم خوبی برخوردار باشد تا دچار مشکل نشوید .

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

طراحی(سایت) استراتژیک چیست ؟

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

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

مراحل اجرا و پیاده سازی پروژه به سبک طراحی استراتژیک

حال ببینیم که چگونه می شود یک پروژه وب سایت را با طرز تفکر طراحی سایت استراتژیک پیاده سازی کرد :

۱٫     تعیین اهداف

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

۲٫     تشخیص مخاطبان

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

۳٫     داشتن یک تصویر برند

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

۴٫     پیاده سازی هدف محور

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

۵٫     ارزیابی نتایج

پس از اجرا و پیاده سازی پروژه ، حالا در آخرین گام کار قرار داریم ، یعنی ارزیابی نتیجه حاصل و میزان موفقیت در کار . در این مرحله ، باید وب سایت یا اپلیکیشن حاصل را به صورت کاملا دقیق و جزیی و همه جانبه تست کنیم . این تست شامل تمام بخش های سایت از جمله UI ، کاربری آن ، Back-End ، عملکرد و سرعت بارگذاری بخش های مختلف ، ذخیره سازی درست داده ها در دیتابیس که از سمت کاربر وارد می شود ، و سایر موارد می شود . برای بررسی مواردی چون حجم ترافیک بازدید کنندگان به وب سایت نیز می توانید از ابزاری که گوگل (Google Analytics) در اختیارمان قرار داده است استفاده کنیم .

جمع بندی موضوع طراحی استراتژیک

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

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

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

منبع : سئو سایت و پشتیبانی سایت وب نوش

چند مورد از روندهای طراحی وب سایت در سال های ۲۰۱۶-۲۰۱۷– بخش دوم  : در بخش اول این مقاله حول موضوع روندهای طراحی سایت در ۲۰۱۶-۲۰۱۷ سال های اخیر ، به بررسی دو مورد از این روندها پرداختیم . حال در بخش دوم نیز به بررسی و ذکر سایر موارد می پردازیم .

میکرو اینتراکشن ها (Micro-Interactions) – یکی دیگر از موارد روندهای طراحی وب سایت در سال های اخیر

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

۱٫    برقراری ارتباط با یک وضعیت (Status) یا یک بازخورد (FeedBack)
۲٫    مشاهده نتیجه یک عملیات
۳٫    کمک کردن به کاربر برای مدیریت کردن کاری یا مسئله ای

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

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

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

طراحی متریال (Material Design) : یک جایگزین قدرتمندتر برای طراحی فلت (Flat Design)

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

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

تا قبل از حال حاضر ، عمدتا طراحی متریال در پروژه های طراحی اپلیکیشن بیشتر مورد استفاده قرار گرفته است . گوگل در ماه ژولای ، از Material Design Lite رونمایی کرد ، سبکی که برای طراحی سایت مناسب تر است . با وجود این ، متریال دیزاین به هدف طراحی واسط کاربری (UI) و تجربه کاربری (UX) با کیفیت عالی بر روی دستگاه های مختلف ایجاد شده است . نسخه lite نیز به هدف ساده تر کردن استفاده از متریال دیزاین در طراحی سایت با استفاده از vanilla CSS ، HTML و JavaScript منتشر شد .
سبک طراحی وب سایت متریال لایت به هیچ فریم ورک (framework) خاصی متکی نیست ، پس طراحان وب می توانند از دامنه وسیعی از ابزارها برای طراحی front-end وب سایت استفاده کنند . همچنین کدنویسی به این سبک برای طراحی سایت بسیار سبک و کم حجم است .

طراحی سایت ریسپانسیو – Responsive Design ، یکی از محبوب ترین روندهای طراحی وب سایت در سال های اخیر

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

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

برای اطمینان از اینکه سایت به درستی با روش طراحی وب ریسپانسیو پیاده سازی شده است ، طراحان باید به نکات زیر توجه کنند :

۱٫    از به کاربردن تگ display:none برای نمایش ندادن تصاویری که از طریق CSS و JavaScript بر روی منابع سایت بارگذاری شده اند خودداری کنید ، چون باز هم تصویر غیرضروری بر دستگاه کاربر بارگذاری می شود و این باعث کندی سرعت بارگذاری می شود .

۲٫    از تصاویر ریسپانسیو که به صورت درصدی تعریف شده اند استفاده کنید .

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

۴٫    از RESS استفاده کنید . – Responsive and Server Side

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

عملکرد و سرعت بالا و بهینه بودن سایت نه تنها در مورد تجربه کاربری (UX) مهم است ، بلکه در به روزرسانی پلتفرم mobile-friendly گوگل در آپریل ۲۰۱۵ نیز بسیار به آن توجه شده است .
طراحی وب ریسپانسیو دیگر از یک روند وب تبدیل  به یک سبک طراحی سایت محبوب و رایج شده است و طراحان ترفندهای زیرکانه ای را برای حل کردن مشکل پایین آمدن سرعت بارگذاری سایت یاد گرفته اند و دیگر ضعف عملکرد سایت های ریسپانسیو یک دغدغه نیست . شکی به پرکاربردی طراحی ریسپانسیو نیست ، اما هنوز برای افزایش سرعت وب سایت ها و تجربه کاربری مناسب باید بر روی این سبک کار شود .
طراحی فلت (Flat Design) نیز به این زودی ها منسوخ نمی شود
طراحی سایت به سبک فلت دیزاین نیز مدت هاست که مورد استفاده قرار گرفته و با روندهایی چون مینیمالیسم ، ریسپانسیو وب دیزاین و متریال دیزاین سازگاری دارد .
همینطور که پیش می رویم ، پیشرفت های زیر را بیشتر و بیشتر در سبک فلت دیزاین مشاهده می کنیم :

1. سایه های بلند : این کار باعث می شود تا عمق طرح قالب سایت افزایش یابد .
2. طرح های رنگی پر جنب  و جوش : فریم ورک های معروف طراحی UI و قالب و سایت خیلی از طراحان را به سمت استفاده بیشتر از رنگ های پر جنب و جوش در طرحشان سوق داده است .
3. سادگی تایپوگرافی وب سایت : انتخاب سبک حروف و متون به شکل ساده از بابت خوانا بودن مطالب شما در طرح فلت به شما اطمینان می دهد .
4. مینیمالیسم : برای کم کردن از تعداد عناصر صفحه برای داشتن یک UI منظم و تمیز استفاده می شود .
5. دکمه های نامریی : استفاده از این سبک قرار دادن دکمه بر روی صفحه باعث می شود تا تجربه کاربری بهتری را برای کاربر فراهم کنید تا در وب سایت شما با شلوغی و سردرگرمی مواجه نشود و تنها با قرار دادن نشانگر موس بر روی دکمه ها آن ها به نمایش در بیایند .

توصیه ای درباره روندهای طراحی وب سایت

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