به طور کلی FRONT END مجموعه فعالیت های برنامه نویسی و گرافیگی گفته میشود که ارتباط مستقیم با کاربر دارد و شامل دو بخش اصلی است: رابط کاربری UI و تجربه کاربری UX
User Interface ) UI ) :
به معنای رابط کاربری بوده و منظور از آن نوع نمایش و ارائه امکانات و سرویس هایی است که در اختیار کابر قرار میگیرد مثل : آیکون ها ، تصاویر ، منو ها و تمامی صفحات و امکانات کاربری
User Experience ) UX ) :
به معنای تجربه کاربری بوده و منظور ار آن تجربه و حسی است که کاربر در مواجه و استفاده از نرم افزار ها و سرویس های یک شرکت یا مجموعه دارد مثل : زیبایی ، سادگی و دسترسی راحت و سریع به امکانات
با یک مثال ساده ادامه میدهیم :
وقتی برای خرید یک محصول وارد یک فروشگاه می شویم در مرحله اول ظاهر فروشکاه ، چیدمان ، نور و حتی تمیزی آن ، حس آرامش و اطمینان از خرید را برای ما فراهم میکند . در مرحله بعد دسته بندی اجناس و همچنین وجود برند های مورد درخو است ما باعث حس رضایتمندی و خرید خوب برای ما می شود
در این مثال بالا طراحی دکور و قفسه ها و نیز نورپردازی مشابه کار طراح رابط کاربری UI و همچنین گروه بندی و نوع محصولات و تنوع برند ها مشابه نقش طراح تجربه کاربری UX است .
در واقع چیزی که مشتری یا کاربر را به سمت یک سایت یا ایلیکیشن سوق میدهد مطمئنا وجود محتوی یا محصولاتی است که در آن قرار داده شده است و کاربر میتواند با اطلاع کامل نیاز و درخواست خود را تامین کند . حال هرچقدر ارائه ابزار ها و دسترسی آنها برای کاربر بهتر و سریعتر باشد حس بهتر و اطمینان بیشتری خواهد داشت .
ویژگی های متخصص طراحی UX :
مسئولیت ها :
- طراحی و معماری اطلاعات
- طراحی فرم و قالب های اولیه
- طراحی تعامل کاربر و محتوی
- تحقیق درباره کاربر و نیازها
- تنظیم روش یا سناریو برای موارد فوق
مهارتهای لازم :
- تسلط به زبانهای برنامه نویسی
- HTML
- CSS
- JavaScript و Ajax
- مدیریت پروژه
- مهارتهای ارتباطی
- سئو
- آشنایی با PHP, ASP, Java, Perl, یا C++
ویژگی های متخصص طراحی UI :
مسئولیت ها :
- طراحی چیدمان
- طراحی قالب نمایشی
- کلید ها
- آیکونها
- نوشتار
- استفاده درست از رنگها
- طراحی های گرافیکی و تصاویر
مهارتهای لازم :
- تسلط بر برنامه های گرافیکی
- PhotoShop
- Corel
- Sketchs
- آشنایی با
- HTML
- CSS
- JavaScript و Ajax
- رنگ شناسی
- مدیریت ارتباط با مشتری
اگر می خواهید در زمینه کار در موضوعات مرتبط با FRONT END جزو بهترین ها باشید و مشاغل بهتری داشته باشد بهتر است با نیازهای روز کارفرمایان بیشتر آشنا شوید
در اینجا چند نمونه از آنها را ذکر میکنیم :
- تسلط کامل به زبان های HTML5 , JavaScript , ECMAScript 6
- تسلط به Git
- تسلط به یکی از Preprocessor CSS بخصوص Sass یا Stylus
- تسلط به NPM یا Yarn
- آشنایی کامل با Rest API
- آشنایی به یکی از فریم ورک های React.js یا Vue.js
- تجربه ی کار، تحت فریم ورک و متدولوژی هایی ازجمله Scrum و ESlint و UnitTesting و Vue.js
- آشنایی کافی به زبان انگلیسی