طراحان وبسایت، سازندۀ یک تارنما و مسئول نگهداری از آن می باشند. طراحی سایت در مشهد آنها وظیفۀ توسعۀ وبوبسایت را بر عهده دارند و می بایست یک تارنما جذاب با رابط کاربری (UI) مناسب طراحی کنند.
شاید تصور کنید که یک طراح وب به صورت کلی روز تنها درگیر کدنویسی می باشد؛ اما نادرست می کنید! چراکه ممکن هست شخصی فریلنسر باشد و در حین روز، زمانی را به دریافت پروژههای تازه اختصاص دهد.
برنامۀ تحت نمونهاپای میباشد که یک طراح وب فریلنسر میتواند برای خودش داشته باشد:
نخستین صبح: تنظیم قرارداد مشتریان نو؛
صبح تا ظهر: طراحی یک وایرفریم (وایر کادر نشان می دهد که چه عناصری روی صفحۀ اصلی و سایر صفحات وبوبسایت وجود خواهند داشت)
عصر: کدنویسی و اعمال تستهای در بین پلتفرمی.
از طرفی ممکن هست که یک طراح وب در شرکتی سرگرم به شغل شود. دراینحالت روز متفاوتی را نسبت به یک طراح وب فریلنسر میگذراند.
شما هم اگر قرار است شغل طراحی وب سایتوبسایت را انتخاب کنید، باید با تمرکز به روحیه و ویژگیهای خودتان انتخاب کنید که یا فریلنسر باشید و مجال کارتان دست خودتان باشد یا اینکه یک کارمند آحاد وقت باشید و در ساعتها کاری مشخصی شغل نمایید.
به چه شکل طراح وب شویم؟
در حال حاضر که پاره ای با شیوۀ فعالیت طراحان وب آشنا شدید، می خواهیم در 9 مرحله شمارا با مسیر طراح وب شدن آشنا کنیم. در حالتی که فراهم میباشید برویم سراغ مرحلۀ اول.
1. اصول طراحی را خیال بگیرید
اولین کاری که می بایست بهعنوان یک طراح وب اجرا دهید، مطالعۀ اصول طراحی هست. یک طراح وبسایت در هر قدم از ساخت وب سایت از اصول طراحی امداد می گیرد؛ مثلا در زمان به کار گیری از رنگها، موردنیاز است که روانشناسی رنگها را بلد باشید تا بتوانید توجه کاربران را بهنیکی جلب فرمایید.
درحال حاضر چگونه میتوان اصول طراحی را خیال گرفت؟ به هیچ عنوان عمل مشقت نیست! تا دلتان بخواهد ویدیوهای آموزشی و کتاب در اینترنت می باشد که این اصول را به شما خیال و خاطر می دهد. بهترین مرجع یادگیری هم مثل همیشه یوتیوب است.
چنانچه زبانتان خوب می باشد، عبارت «web design theory course» را در گوگل و یوتیوب جستوجو نمائید تا انواع و اقسام آموزشهای اصول ساخت سایت را پیدا نمائید. در دنیای وب فارسی هم آموزشهای خیلی خیر داریم که میتوانید از آنها به کارگیری نمایید. درصورتیکه هم به یادگیری حضوری عشق دارید، کلاسهای مختلفی میباشند که باز هم با یک جستوجو در اینترنت می توانید آنان را پیدا نمایید. معمولا برگزارکنندگان این فرصتها در نقطه پایان آن بعد از ظهر گواهی هم ارائه میکنند که میتوانید از آن سند برای ارتقای رزومۀ خود استفاده فرمایید.
ناگفته نماند که ما هم در بلاگ وبزی دربارۀ اصول طراحی وب مطالب معتبر و جذابی منتشر میکنیم. برای مثال بهتازگی مقالۀ «11 اصل مهم برای طراحی یک وب سایت مدرن» را آماده کردهایم که توصیه میکنیم مطلقا آن را مطالعه فرمایید.
2. با گویشهای اساسی اپلیکیشننویسی آشنا شوید
صراحت دارد که این روزها وب سایتسازهایی مثل وبزی آمدهاند و شمارا از یادگیری نرم افزارنویسی بینیاز کردهاند؛ ولی چنانچه میخواهید یک طراح وب ماهر شوید، می بایست با زبانهای اپنویسی بهطور کامل آشنا باشید. در دنیای طراحی وب سایت سه لهجه مهم وجود داراست که لازم هست آنهارا خیال و خاطر بگیرید:
HTML: ساختار یک صفحۀ وب را تشکیل می دهد؛
CSS: استایل و همگی اجزای یک صفحۀ وب مشخص میکند؛
JavaScript: به وبوب سایت شما جان می دهد و کمک میکند تا با کاربران خود تعامل داشته باشید.
برای یادگیری زبانهای نرم افزارنویسی منابع زیادی وجود دارااست. در واقع در همان وبسایتها و پلتفرمهایی که اصول طراحی را یاد میگیرید، اکثر زمان ها فراگیری زبانهای اپنویسی هم دیده می گردد.
3. مهارتهای خود را ارتقاء دهید
بهطور کلی مهارتهایی که شما بهعنوان یک طراح وبسایت می بایست خیال بگیرید به دو دسته تقسیم می گردد: مهارتهای سخت و مهارتهای نرم.
مهارتهای سخت مهارتهایی می باشند که لازم است برای طراحی یک وبتارنما دیدنی آنانرا بلد باشید؛ مثل:
اصول طراحی وب؛
UX research؛
طراحی بصری (UI)؛
طراحی تعاملی؛
وایرفریمینگ؛
نمونهسازی (Prototyping)؛
HTML و CSS؛
تست A/B؛
بهینهسازی وبسایت برای موتورهای جستجو (سئو)؛
آشنایی با ابزارها، قالبها و پلاگینهای پلتفرمهای متفاوت.
مهارتهای نرم، مهارتهای مدیریتی و حرفهای میباشند که هرچقدر بیشتر آنهارا تقویت فرمایید، پیروزتر خواهید بود؛ مثل:
ارتباطات مؤثر؛
مذاکره؛
گوشدادن فعال؛
همدلی و همکاری؛
مهارتهای فروش؛
مدیر پروژه و مدیریت زمان؛
مدیر ارتباط با مشتری؛
حسابداری.
نکتۀ مهم: ما دراین بخش تنها به چند مهارت خاص اشاره کردیم که در حالتی که آنها را بلد باشید، شخصیت کاری حرفه ایتری هم خواهید داشت؛ ولی اینکه شما به چه مهارتهایی نیاز دارید، به طور کامل بستگی به جایگاهتان داراست. برای مثال درصورتیکه یک طراح فریلنسر هستید، مورد نیاز میباشد مهارت مدیر ارتباط با مشتریان را خیال بگیرید. یا اینکه در شرایطیکه در یک شرکت بهصورت کلوقت کار میکنید، یادگیری مهارتهایی مثل همکاری و ارتباطات مؤثر برای شما عالی است.
برای پیداکردن منابع یادگیری مهارتهای نرم کافیست یک جستوجوی بی آلایش در اینترنت داشته باشید تا هم کتابهای بهتر را درین حوزه پیدا فرمایید و هم اینکه با وبوب سایتهای آموزشی مختلفی آشنا شوید.
4. یک جعبهابزار بسازید
قطعا تا به در حال حاضر شکل و شمایل جعبهابزار را دیدهاید. گونه های پیچگوشتیها و آچارها با نظم و ترتیب خاصی کنار هم چیده شدهاند. شما هم برای ساخت وب سایت به چنین جعبهابزاری نیاز دارید؛ البته جعبهابزاری که در آن ابزارهای طراحی وب سایت به چشم میخورد. برای پُرکردن آن هم می بایست ابزاری را پیدا نمایید که کارآمد باشد.
پس از اینکه جعبهابزارتان را با ابزارهای طراحی وب سایت پُر کردید، عالی میباشد ابزارهای دیگری را هم اضافه نمایید که به شما در رفتار یک وب سایت فوقالعاده امداد میکند؛ مثل:
UX research؛
پرسونای استفاده کننده؛
نقشههای وبسایت (Sitemaps)؛
وایرفریمینگ؛
نمونهسازی (Prototyping)؛
آزمایشکردن (Testing).
همچنین به ابزارهایی که مهارتهای نرم شما را تقویت میکنند اعتنا نمایید؛ مثل نرمافزارهای CRM که به تعاملات عالی شما با مشتریان امداد میکند.
5. مسیر شغلی خود را معلوم نمایید
هنگامی که یک مسیر مشخص شغلی برای خودتان انتخاب فرمایید، پیداکردن مشتری و استخراج درآمدهای تعدادی میلیونی برایتان وارفتهتر خواهد بود. در دنیای طراحی وب سایت چهار مسیر رایجِ شغلی وجود دارااست که بهتر می باشد با تمرکز به علایق و توانمندیهای خود یک کدام از آنها را انتخاب نمائید:
طراحان گرافیک در زمینۀ برندسازی، طراحی لوگو، طراحی اقلام بازاریابی (مثل کارت ویزیت) و طراحی راهنمای سبکهای طراحی (style guides) یک سازمان کار میکنند.
طراحان UX از اطلاعات بهدستآمده از تحقیقات و آزمایشهای اجراشده روی کاربران برای ترسیم نقشۀ مسافرت مخاطب (user journeys)، توسعۀ پرسونای کاربران، طراحی بهینۀ وایرفریم، طراحی رابطهای بصری و تشکیل داد نمونههای اولیۀ وبسایتها و نرمافزارها به کارگیری میکنند.
طراحان تعاملی (Interaction designers) با مطالعه درپی پاسخ این سؤال هستند که چگونه کاربران با وبسایتها مشغول میشوند تا در نهایت بتوانند تجربه تعاملی اثرگذار و دلپذیری را در یک وبتارنما تولید کنند.
نرم افزارنویسهای فرانتاِند (front-end) گرایش دارا هستند روی وبتارنماهای پیچیدهتری فعالیت کنند که نیاز به طراحی و کدنویسی سفارشی دارد. آنها میتوانند یک گزینه را درک کرده و آن را به طور یک طراحی بصری (Visual Design) به شما تحویل دهند. بهدنبال هم با نرمافزارنویسی به آن طرح بصری جان میدهند.
روش دیگری که برای گزینش مسیر شغلی خود دارید، گزینش بخش کوچک و محدودی از بازار ساخت وب سایت می باشد. سؤالهای زیر به شما در گزینش یک بازار مشخص و معلوم امداد میکند:
در چه صنعتی میخواهید کار کنید؟
علاقه دارید در یک دستیابیوکار B2B حضور داشته باشید یا B2C؟
همکاری با شرکتهای گران قدر برای شما دیدنیتر می باشد یا استخراجوکارهای کوچک؟
به کدام پلتفرم طراحی سایت علاقۀ بیشتری دارید؟
طراحی چه نوع وبسایتی برای شما دیدنیتر هست؟ (برای مثال طراحی فروشگاه اینترنتی یا وبوب سایت شخصی؟)
نکتۀ مهم: مسیر شغلی در طراحی وب چیزی نیست که بتوانید در یک شب و یک لحظۀ انتخاب فرمائید. در واقع این آیتم در طی زمان برایتان پرنورتر میگردد و حتی ممکن است در میانۀ راه و روش مسیرتان متعدد خواهد شد. اغلبِ طراحان وب مسیر شغلی و تخصصی خود را در میان آنچه در آن بهتر می باشند، آنچه علاقه دارا هستند و آنچه تقاضای زیادی دارااست انتخاب میکنند.
شاید تصور کنید که یک طراح وب به صورت کلی روز تنها درگیر کدنویسی می باشد؛ اما نادرست می کنید! چراکه ممکن هست شخصی فریلنسر باشد و در حین روز، زمانی را به دریافت پروژههای تازه اختصاص دهد.
برنامۀ تحت نمونهاپای میباشد که یک طراح وب فریلنسر میتواند برای خودش داشته باشد:
نخستین صبح: تنظیم قرارداد مشتریان نو؛
صبح تا ظهر: طراحی یک وایرفریم (وایر کادر نشان می دهد که چه عناصری روی صفحۀ اصلی و سایر صفحات وبوبسایت وجود خواهند داشت)
عصر: کدنویسی و اعمال تستهای در بین پلتفرمی.
از طرفی ممکن هست که یک طراح وب در شرکتی سرگرم به شغل شود. دراینحالت روز متفاوتی را نسبت به یک طراح وب فریلنسر میگذراند.
شما هم اگر قرار است شغل طراحی وب سایتوبسایت را انتخاب کنید، باید با تمرکز به روحیه و ویژگیهای خودتان انتخاب کنید که یا فریلنسر باشید و مجال کارتان دست خودتان باشد یا اینکه یک کارمند آحاد وقت باشید و در ساعتها کاری مشخصی شغل نمایید.
به چه شکل طراح وب شویم؟
در حال حاضر که پاره ای با شیوۀ فعالیت طراحان وب آشنا شدید، می خواهیم در 9 مرحله شمارا با مسیر طراح وب شدن آشنا کنیم. در حالتی که فراهم میباشید برویم سراغ مرحلۀ اول.
1. اصول طراحی را خیال بگیرید
اولین کاری که می بایست بهعنوان یک طراح وب اجرا دهید، مطالعۀ اصول طراحی هست. یک طراح وبسایت در هر قدم از ساخت وب سایت از اصول طراحی امداد می گیرد؛ مثلا در زمان به کار گیری از رنگها، موردنیاز است که روانشناسی رنگها را بلد باشید تا بتوانید توجه کاربران را بهنیکی جلب فرمایید.
درحال حاضر چگونه میتوان اصول طراحی را خیال گرفت؟ به هیچ عنوان عمل مشقت نیست! تا دلتان بخواهد ویدیوهای آموزشی و کتاب در اینترنت می باشد که این اصول را به شما خیال و خاطر می دهد. بهترین مرجع یادگیری هم مثل همیشه یوتیوب است.
چنانچه زبانتان خوب می باشد، عبارت «web design theory course» را در گوگل و یوتیوب جستوجو نمائید تا انواع و اقسام آموزشهای اصول ساخت سایت را پیدا نمائید. در دنیای وب فارسی هم آموزشهای خیلی خیر داریم که میتوانید از آنها به کارگیری نمایید. درصورتیکه هم به یادگیری حضوری عشق دارید، کلاسهای مختلفی میباشند که باز هم با یک جستوجو در اینترنت می توانید آنان را پیدا نمایید. معمولا برگزارکنندگان این فرصتها در نقطه پایان آن بعد از ظهر گواهی هم ارائه میکنند که میتوانید از آن سند برای ارتقای رزومۀ خود استفاده فرمایید.
ناگفته نماند که ما هم در بلاگ وبزی دربارۀ اصول طراحی وب مطالب معتبر و جذابی منتشر میکنیم. برای مثال بهتازگی مقالۀ «11 اصل مهم برای طراحی یک وب سایت مدرن» را آماده کردهایم که توصیه میکنیم مطلقا آن را مطالعه فرمایید.
2. با گویشهای اساسی اپلیکیشننویسی آشنا شوید
صراحت دارد که این روزها وب سایتسازهایی مثل وبزی آمدهاند و شمارا از یادگیری نرم افزارنویسی بینیاز کردهاند؛ ولی چنانچه میخواهید یک طراح وب ماهر شوید، می بایست با زبانهای اپنویسی بهطور کامل آشنا باشید. در دنیای طراحی وب سایت سه لهجه مهم وجود داراست که لازم هست آنهارا خیال و خاطر بگیرید:
HTML: ساختار یک صفحۀ وب را تشکیل می دهد؛
CSS: استایل و همگی اجزای یک صفحۀ وب مشخص میکند؛
JavaScript: به وبوب سایت شما جان می دهد و کمک میکند تا با کاربران خود تعامل داشته باشید.
برای یادگیری زبانهای نرم افزارنویسی منابع زیادی وجود دارااست. در واقع در همان وبسایتها و پلتفرمهایی که اصول طراحی را یاد میگیرید، اکثر زمان ها فراگیری زبانهای اپنویسی هم دیده می گردد.
3. مهارتهای خود را ارتقاء دهید
بهطور کلی مهارتهایی که شما بهعنوان یک طراح وبسایت می بایست خیال بگیرید به دو دسته تقسیم می گردد: مهارتهای سخت و مهارتهای نرم.
مهارتهای سخت مهارتهایی می باشند که لازم است برای طراحی یک وبتارنما دیدنی آنانرا بلد باشید؛ مثل:
اصول طراحی وب؛
UX research؛
طراحی بصری (UI)؛
طراحی تعاملی؛
وایرفریمینگ؛
نمونهسازی (Prototyping)؛
HTML و CSS؛
تست A/B؛
بهینهسازی وبسایت برای موتورهای جستجو (سئو)؛
آشنایی با ابزارها، قالبها و پلاگینهای پلتفرمهای متفاوت.
مهارتهای نرم، مهارتهای مدیریتی و حرفهای میباشند که هرچقدر بیشتر آنهارا تقویت فرمایید، پیروزتر خواهید بود؛ مثل:
ارتباطات مؤثر؛
مذاکره؛
گوشدادن فعال؛
همدلی و همکاری؛
مهارتهای فروش؛
مدیر پروژه و مدیریت زمان؛
مدیر ارتباط با مشتری؛
حسابداری.
نکتۀ مهم: ما دراین بخش تنها به چند مهارت خاص اشاره کردیم که در حالتی که آنها را بلد باشید، شخصیت کاری حرفه ایتری هم خواهید داشت؛ ولی اینکه شما به چه مهارتهایی نیاز دارید، به طور کامل بستگی به جایگاهتان داراست. برای مثال درصورتیکه یک طراح فریلنسر هستید، مورد نیاز میباشد مهارت مدیر ارتباط با مشتریان را خیال بگیرید. یا اینکه در شرایطیکه در یک شرکت بهصورت کلوقت کار میکنید، یادگیری مهارتهایی مثل همکاری و ارتباطات مؤثر برای شما عالی است.
برای پیداکردن منابع یادگیری مهارتهای نرم کافیست یک جستوجوی بی آلایش در اینترنت داشته باشید تا هم کتابهای بهتر را درین حوزه پیدا فرمایید و هم اینکه با وبوب سایتهای آموزشی مختلفی آشنا شوید.
4. یک جعبهابزار بسازید
قطعا تا به در حال حاضر شکل و شمایل جعبهابزار را دیدهاید. گونه های پیچگوشتیها و آچارها با نظم و ترتیب خاصی کنار هم چیده شدهاند. شما هم برای ساخت وب سایت به چنین جعبهابزاری نیاز دارید؛ البته جعبهابزاری که در آن ابزارهای طراحی وب سایت به چشم میخورد. برای پُرکردن آن هم می بایست ابزاری را پیدا نمایید که کارآمد باشد.
پس از اینکه جعبهابزارتان را با ابزارهای طراحی وب سایت پُر کردید، عالی میباشد ابزارهای دیگری را هم اضافه نمایید که به شما در رفتار یک وب سایت فوقالعاده امداد میکند؛ مثل:
UX research؛
پرسونای استفاده کننده؛
نقشههای وبسایت (Sitemaps)؛
وایرفریمینگ؛
نمونهسازی (Prototyping)؛
آزمایشکردن (Testing).
همچنین به ابزارهایی که مهارتهای نرم شما را تقویت میکنند اعتنا نمایید؛ مثل نرمافزارهای CRM که به تعاملات عالی شما با مشتریان امداد میکند.
5. مسیر شغلی خود را معلوم نمایید
هنگامی که یک مسیر مشخص شغلی برای خودتان انتخاب فرمایید، پیداکردن مشتری و استخراج درآمدهای تعدادی میلیونی برایتان وارفتهتر خواهد بود. در دنیای طراحی وب سایت چهار مسیر رایجِ شغلی وجود دارااست که بهتر می باشد با تمرکز به علایق و توانمندیهای خود یک کدام از آنها را انتخاب نمائید:
طراحان گرافیک در زمینۀ برندسازی، طراحی لوگو، طراحی اقلام بازاریابی (مثل کارت ویزیت) و طراحی راهنمای سبکهای طراحی (style guides) یک سازمان کار میکنند.
طراحان UX از اطلاعات بهدستآمده از تحقیقات و آزمایشهای اجراشده روی کاربران برای ترسیم نقشۀ مسافرت مخاطب (user journeys)، توسعۀ پرسونای کاربران، طراحی بهینۀ وایرفریم، طراحی رابطهای بصری و تشکیل داد نمونههای اولیۀ وبسایتها و نرمافزارها به کارگیری میکنند.
طراحان تعاملی (Interaction designers) با مطالعه درپی پاسخ این سؤال هستند که چگونه کاربران با وبسایتها مشغول میشوند تا در نهایت بتوانند تجربه تعاملی اثرگذار و دلپذیری را در یک وبتارنما تولید کنند.
نرم افزارنویسهای فرانتاِند (front-end) گرایش دارا هستند روی وبتارنماهای پیچیدهتری فعالیت کنند که نیاز به طراحی و کدنویسی سفارشی دارد. آنها میتوانند یک گزینه را درک کرده و آن را به طور یک طراحی بصری (Visual Design) به شما تحویل دهند. بهدنبال هم با نرمافزارنویسی به آن طرح بصری جان میدهند.
روش دیگری که برای گزینش مسیر شغلی خود دارید، گزینش بخش کوچک و محدودی از بازار ساخت وب سایت می باشد. سؤالهای زیر به شما در گزینش یک بازار مشخص و معلوم امداد میکند:
در چه صنعتی میخواهید کار کنید؟
علاقه دارید در یک دستیابیوکار B2B حضور داشته باشید یا B2C؟
همکاری با شرکتهای گران قدر برای شما دیدنیتر می باشد یا استخراجوکارهای کوچک؟
به کدام پلتفرم طراحی سایت علاقۀ بیشتری دارید؟
طراحی چه نوع وبسایتی برای شما دیدنیتر هست؟ (برای مثال طراحی فروشگاه اینترنتی یا وبوب سایت شخصی؟)
نکتۀ مهم: مسیر شغلی در طراحی وب چیزی نیست که بتوانید در یک شب و یک لحظۀ انتخاب فرمائید. در واقع این آیتم در طی زمان برایتان پرنورتر میگردد و حتی ممکن است در میانۀ راه و روش مسیرتان متعدد خواهد شد. اغلبِ طراحان وب مسیر شغلی و تخصصی خود را در میان آنچه در آن بهتر می باشند، آنچه علاقه دارا هستند و آنچه تقاضای زیادی دارااست انتخاب میکنند.
خطاها رایج در طیبندی پستها