طراحان وبسایت، سازندۀ یک تارنما و مسئول نگهداری از آن میباشند. طراحی سایت آنها وظیفۀ توسعۀ وبوبسایت را بر عهده دارا هستند و باید یک سایت جالب با رابط کاربری (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؟
همکاری با شرکتهای گرانقدر برای شما دیدنیتر میباشد یا استحصالوکارهای کوچک؟
به کدام پلتفرم طراحی سایت علاقۀ بیشتری دارید؟
طراحی چه نوع وبسایتی برای شما دیدنیتر میباشد؟ (برای مثال طراحی فروشگاه اینترنتی یا وبتارنما شخصی؟)
نکتۀ مهم: مسیر شغلی در ساخت وب سایت چیزی نیست که بتوانید در یک شب و یک لحظۀ گزینش فرمائید. در واقع این گزینه در طول زمان برایتان پرنورتر میگردد و حتی ممکن است در میانۀ نحوه مسیرتان متفاوت شود. اغلبِ طراحان وب مسیر شغلی و تخصصی خود را در میان آنچه در آن خوب میباشند، آنچه علاقه داراهستند و آنچه تقاضای زیادی داراست انتخاب میکنند.
طراحان وبسایت، سازندۀ یک تارنما و مسئول نگهداری از آن میباشند. طراحی سایت آنها وظیفۀ توسعۀ وبوبسایت را بر عهده دارا هستند و باید یک سایت جالب با رابط کاربری (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؟
همکاری با شرکتهای گرانقدر برای شما دیدنیتر میباشد یا استحصالوکارهای کوچک؟
به کدام پلتفرم طراحی سایت علاقۀ بیشتری دارید؟
طراحی چه نوع وبسایتی برای شما دیدنیتر میباشد؟ (برای مثال طراحی فروشگاه اینترنتی یا وبتارنما شخصی؟)
نکتۀ مهم: مسیر شغلی در ساخت وب سایت چیزی نیست که بتوانید در یک شب و یک لحظۀ گزینش فرمائید. در واقع این گزینه در طول زمان برایتان پرنورتر میگردد و حتی ممکن است در میانۀ نحوه مسیرتان متفاوت شود. اغلبِ طراحان وب مسیر شغلی و تخصصی خود را در میان آنچه در آن خوب میباشند، آنچه علاقه داراهستند و آنچه تقاضای زیادی داراست انتخاب میکنند.
آشنایی نیاز استفاده کننده و نیت کاوش