آئی ٹی انڈسٹری میں ڈیزائن سے متعلق بہت سارے شعبے ہیں۔ ان میں سب سے عام ڈیزائنرز ہیں، جو مخففات UX اور UI کے پیچھے چھپے ہوئے ہیں۔ ٹھیک ہے، کچھ لوگ فرنٹ اینڈ ڈویلپرز کو بطور ڈیزائنر شامل کرنے کا انتظام کرتے ہیں۔ آئیے یہ جاننے کی کوشش کرتے ہیں کہ آئی ٹی کی دنیا میں ڈیزائنرز کون ہیں، UI اور UX میں کیا فرق ہے، اور فرنٹ اینڈ انجینئرز کو ڈیزائن کرنے کا کیا تعلق ہے۔
ڈیزائنرز
ایپلی کیشنز، ویب سائٹس یا گیمز کا انٹرفیس تیار کرنا ایک پیچیدہ عمل ہے اور اس کے لیے مختلف شعبوں سے علم کے استعمال کی ضرورت ہوتی ہے: انجینئرنگ، نفسیات اور ڈیزائن۔ یوزر انٹرفیس ڈیزائنرز (انگریزی میں - User Interface یا UI) سائٹ کی فعالیت کو ظاہر کرنے کے طریقے (تلاش، ٹیبز، مینیو) اور کلائنٹ اور انٹرفیس کے درمیان تعامل کی تفصیلات پر توجہ مرکوز کرتے ہیں۔ UI ڈیزائنر کا ہدف جمالیاتی اعتبار سے قابل قبول جدید پروڈکٹ ڈیزائن ہے ۔ UX کا مطلب ہے User Experience، جس کا مطلب ہے "صارف کا تجربہ"۔ ایک UX ڈیزائنر ممکنہ صارف کے ذریعہ انٹرفیس کے استعمال اور سمجھنے پر زیادہ توجہ مرکوز کرتا ہے۔ ایسا ماہر اکثر تحقیق اور سروے کرے گا جو ڈیزائن کے تصور کو بنانے کی بنیاد بنائے گا، اور ترقی کے دوران اور بعد میں تصورات کی جانچ بھی کرے گا۔ یہ عام طور پر ساخت، مواد، نیویگیشن، اور صارف ان عناصر کے ساتھ کیسے تعامل کرتا ہے اس پر فوکس کرتا ہے۔
یہ سائٹ کے نقشے، پروٹو ٹائپس تیار کرتا ہے، جو سافٹ ویئر بناتے وقت بنیادی ڈھانچہ ہوتے ہیں۔ UX ڈیزائنر کے کام کا مقصد یہ ہے کہ صارف اس سائٹ سے جلدی اور بغیر کسی تکلیف کے حاصل کرے جس کے لیے وہ یہاں آیا تھا ۔ تاہم، آج کل ان دونوں تخصصات کو سلیش کے ساتھ لکھا ہوا دیکھنا بہت عام ہے۔ یعنی دونوں سمتوں کے کام ایک ماہر انجام دیتا ہے۔ ایک UX/UI ڈیزائنر صارف کے انٹرفیس کے ساتھ تعامل کو ڈیزائن کرتا ہے، فیصلہ کرتا ہے کہ اسے بالکل کیا کرنے کی ضرورت ہے اور اس کے نتیجے میں یہ انٹرفیس کیسا نظر آئے گا اس کا ذمہ دار ہے۔
ایک UX/UI ڈیزائنر کو کیا جاننے کی ضرورت ہے۔
گرافک ایڈیٹر ۔ مارکیٹ میں سب سے زیادہ مقبول ٹولز ایڈوب فوٹوشاپ، ایڈوب السٹریٹر کے ساتھ ساتھ اسکیچ، فگما ہیں۔ ایک ایسا ایڈیٹر منتخب کریں جو آپ کے لیے آسان ہو اور پہلے کسی ویب سائٹ یا ایپلیکیشن کے اسکرین شاٹس کھینچنے کی کوشش کریں، انہیں تھوڑا سا جدید بنائیں۔
پروٹو ٹائپنگ ٹولز (Mockplus، Axure ) پروٹو ٹائپنگ ٹول کسی آئیڈیا اور اس کے نفاذ کے درمیان ربط ہے۔ اس سے کوئی فرق نہیں پڑتا ہے کہ آپ کون سا ٹول استعمال کرتے ہیں۔ آپ کئی کوشش کر سکتے ہیں اور آپ کے انداز اور ترجیحات کے مطابق ایک کا فیصلہ کر سکتے ہیں۔
صارف کی نفسیات۔ پہلے سے ہی ڈیزائن کے مرحلے پر، آپ کو سوچنا چاہیے کہ آیا یہ آپ کے لیے یا کسی اور کے لیے اس انٹرفیس کو استعمال کرنا آسان ہوگا۔ اپنے آپ کو کلائنٹ کے جوتے میں ڈالیں، اس کے ساتھ مضبوط تعلق قائم کریں اور اس کی ضروریات پر توجہ دیں۔ سب کے بعد، ایک مصنوعات کامیاب ہو گی اگر اس کی مانگ ہو.
آپ کو رنگ تھیوری کے علم کی بھی ضرورت ہوگی ۔ ہم بچپن سے کچھ چیزیں جانتے ہیں، خاص طور پر وہ لوگ جو آرٹ اسکول گئے تھے۔ تاہم، ڈیزائنرز کے کام کے بارے میں کچھ وضاحتیں ہیں. بنیادی معلومات انٹرنیٹ پر موجود کتابوں یا مضامین سے حاصل کی جا سکتی ہیں۔
کام کی تفصیلات پر منحصر ہے، آپ کو ایچ ٹی ایم ایل اور سی ایس ایس یا (کچھ) پروگرامنگ زبانوں کی سمجھ کی ضرورت ہو سکتی ہے (وسائل کے لنکس ذیل میں "فرنٹ اینڈ ڈیولپر کو کیا جاننا چاہیے" کے سیکشن میں مل سکتے ہیں)۔
فرنٹ اینڈ ڈویلپر
فرنٹ اینڈ ڈویلپر کا بنیادی کام انٹرفیس کے کلائنٹ حصے کو تیار کرنا ہے۔ یعنی، ایسا ماہر ڈیزائنرز کے ڈیزائن کردہ چیزوں کو "دوبارہ زندہ" کرتا ہے۔ وہ انٹرفیس کے آپریشن اور آپریشن کے لیے ذمہ دار ہے اور بصری مواد کے لیے کم۔ ایک فرنٹ اینڈ ڈویلپر کو اکثر اس کی ترقی کے مرحلے کے دوران یوزر انٹرفیس کے لیے ایک اچھا حل تلاش کرنے کی ضرورت ہوتی ہے، اس لیے وہ اکثر UX/UI ڈیزائنر کے ساتھ تعاون کرتا ہے۔ فرنٹ اینڈ ڈویلپر کا لکھا ہوا کوڈ صارف کے براؤزر میں چلتا ہے (جیسا کہ وہ کہتے ہیں، "کلائنٹ کی طرف")۔ اس کے علاوہ، سب سے اہم کاموں میں سے ایک یہ یقینی بنانا ہے کہ سائٹ یا ویب ایپلیکیشن تمام پلیٹ فارمز اور براؤزرز پر یکساں نظر آئے۔
فرنٹ اینڈ ڈویلپر کو کیا معلوم ہونا چاہئے۔
ایک اصول کے طور پر، فرنٹ اینڈ تین ستونوں پر مبنی ہے: HTML صفحہ مارک اپ لینگویج، CSS اسٹائل شیٹس اور JavaScript پروگرامنگ لینگویج۔ اس کے علاوہ، فرنٹ اینڈ ڈویلپر کو HTTP پروٹوکول، سرورز اور براؤزرز کے آپریشن کے اصولوں اور مارکیٹ میں موجود مختلف آلات پر انٹرفیس ڈسپلے کرنے کی خصوصیات کو سمجھنا چاہیے۔ ویب انٹرفیس بنانے کے لیے ٹولز اور طریقے مسلسل تیار اور بدل رہے ہیں، اس لیے ڈویلپر کو اس کی مسلسل نگرانی کرنی چاہیے۔
HTML اور CSS (لے آؤٹ)
یہ وہ ترتیب ہے، بالکل وہی اینٹیں جن سے سائٹ بنائی گئی ہے۔ ایچ ٹی ایم ایل مارک اپ لینگویج سائٹ کی تنظیم، مواد اور ان کے درمیان ہونے والے تمام تعاملات کا حکم دیتی ہے۔ یہ آپ کو صفحہ کے اوپری حصے، نیچے، مواد کے ساتھ سائیڈ بلاکس، عنوانات، متن کی نمائش اور ملٹی میڈیا عناصر کو نامزد کرنے کی اجازت دیتا ہے۔ HTML عناصر کو سجانے کے لیے CSS اسٹائل شیٹس کا استعمال کیا جاتا ہے۔ وہ بالکل اس بات کا تعین کرتے ہیں کہ صفحہ پر موجود ہر گرافک عنصر کو کس طرح ظاہر کیا جاتا ہے۔ HTML5 اور CSS3 کے تازہ ترین ورژنز کا استعمال کرتے ہوئے، آپ صفحہ پر ویڈیو اور آڈیو اجزاء رکھ سکتے ہیں، 2D تصاویر اور اینیمیشن بنا سکتے ہیں، اور یہاں تک کہ سادہ گیمز بھی لکھ سکتے ہیں۔ ایک ساتھ تمام ٹیگز اور اسٹائل کو یاد رکھنے کی کوشش کرنے کی ضرورت نہیں ہے۔ بنیادی باتیں سیکھنا اور انہیں فوراً عمل میں لانا مددگار ثابت ہوگا۔ ایک بہت اچھی سائٹ جہاں آپ HTML اور CSS کی بنیادی باتیں سیکھ سکتے ہیں وہ W3School ہے۔ لیکن صرف اس صورت میں جب آپ کو انگریزی کا کم از کم بنیادی علم ہو۔
نیز، فرنٹ اینڈ ڈویلپر کو کراس براؤزر اور کراس پلیٹ فارم کی ترقی، انکولی اور جوابی ترتیب کو سمجھنا چاہیے۔
بوٹسٹریپ
یہ HTML، CSS اور JavaScript کے لیے ایک فریم ورک ہے۔ یعنی، کچھ ٹیمپلیٹس جن سے، جیسا کہ کنسٹرکٹر سے، آپ ان کے بغیر سائٹس کو زیادہ تیزی سے جمع کر سکتے ہیں۔ لیکن، یقیناً، آپ کو اپنی ضروریات کے مطابق اسے اپنی مرضی کے مطابق کرنے کی ضرورت ہے۔ اگر آپ انگریزی جانتے ہیں، تو ہم getbootstrap ویب سائٹ اور اسی w3schools کی تجویز کرتے ہیں ۔
جاوا اسکرپٹ
جاوا اسکرپٹ فرنٹ اینڈ ڈیولپمنٹ کا مرکز ہے۔ یہ پہلی اور سب سے زیادہ عام انٹرفیس پروگرامنگ زبان ہے۔ یہ سائٹ میں بہت ساری خصوصیات شامل کرسکتا ہے۔ بنیادی سطح پر، یہ زبان آپ کو صفحہ میں متعامل عناصر شامل کرنے کی اجازت دیتی ہے۔ اس کا استعمال ایسے نقشے بنانے کے لیے کیا جاتا ہے جو ریئل ٹائم، انٹرایکٹو آن لائن گیمز اور فلموں میں اپ ڈیٹ ہوتے ہیں۔ ہمارے سینئر JavaRush کورسز میں، ہم تھوڑا سا JavaScript سیکھتے ہیں۔ آپ اسے اسی W3School میں بھی پڑھ سکتے ہیں یا ویب سائٹ javascript.ru پر روسی زبان میں اس کے بارے میں پڑھ سکتے ہیں ۔
jQuery
jQuery ایک جاوا اسکرپٹ لائبریری ہے جس میں پلگ ان اور ایکسٹینشنز شامل ہیں جو ترقی کو مزید آسان اور تیز تر بنا سکتے ہیں۔ شروع سے کوڈ لکھنے کے بجائے، لائبریریاں آپ کو ریڈی میڈ اجزاء شامل کرنے کی اجازت دیتی ہیں، جنہیں پھر کسی مخصوص پروجیکٹ کے لیے اپنی مرضی کے مطابق بنایا جا سکتا ہے۔ آپ خود کار طریقے سے تلاش کے فارم بھرنے، گرڈ کو دوبارہ ترتیب دینے اور اس کا سائز تبدیل کرنے، اور الٹی گنتی ٹائمر ترتیب دینے کے افعال استعمال کر سکتے ہیں۔ w3school میں ہینڈ آن jQuery کورس
جاوا اسکرپٹ فریم ورک
فریم ورک کی مختلف قسمیں ہیں، لیکن آپ ایک ایسا انتخاب کر سکتے ہیں جو آپ کے لیے استعمال کرنا آسان ہو۔ سب سے مشہور کونیی، ریڑھ کی ہڈی، امبر اور رد عمل ہیں۔ وہ کوڈ کے لیے تیار ساخت کی نمائندگی کرتے ہیں۔ وہ ترقی کو تیز کرنے میں مدد کرتے ہیں۔ اور لائبریریوں کے ساتھ مل کر وہ کسی ویب سائٹ یا ایپلیکیشن کی ترقی کو شروع سے ہی کم کر سکتے ہیں۔ 2017 کے 5 مقبول ترین JavaScript فریم ورک اور لائبریریوں کا جائزہ
گٹ ورژن کنٹرول سسٹم
ورژن کنٹرول سسٹم وقت کے ساتھ کوڈ میں کی گئی تبدیلیوں کو ٹریک کر سکتا ہے۔ وہ آپ کو پروجیکٹ کے پچھلے ورژن پر واپس جانے کی بھی اجازت دیتے ہیں۔ گٹ سب سے زیادہ استعمال شدہ ورژن کنٹرول سسٹم ہے۔ Git کے ساتھ کام کرنے کا طریقہ جاننا ہر ڈویلپر کے لیے ایک اہم ہنر ہے۔ روسی میں گٹ ٹیوٹوریل
مختصر نتائج
UI کا مطلب ہے User Interface، جس کا مطلب ہے "یوزر انٹرفیس"۔ یعنی، UI ڈیزائنر بنیادی طور پر اس بات کا ذمہ دار ہے کہ صارف کو پروڈکٹ کیسے پیش کیا جاتا ہے۔ وہ بٹن، شبیہیں تیار کرتا ہے، فونٹس کا انتخاب کرتا ہے، اور ایک ترتیب تیار کرتا ہے۔ UX کا مطلب ہے صارف کا تجربہ۔ لہذا ایک UX ڈیزائنر ویب سائٹ، ایپلیکیشن - یا کسی بھی چیز کا ڈیزائن ڈیزائن کرتا ہے تاکہ صارف آرام سے اور سمجھ سکے کہ کیا ہے، اور وہ کم سے کم کوشش کے ساتھ سائٹ سے اپنی ضرورت کی چیز حاصل کر سکتا ہے۔ اکثر، دونوں قسم کے کام ایک آدمی آرکسٹرا کے ذریعہ انجام دیئے جاتے ہیں: ایک UI/UX ڈیزائنر۔ فرنٹ اینڈ ڈویلپر اس میں ڈائنامکس متعارف کروا کر ڈیزائنرز کے کام کو جاندار بناتا ہے: بٹن دبانے لگتے ہیں، اور تصویر بدلنا شروع ہو جاتی ہے۔ اسے پروگرامنگ زبانوں کا علم ہونا چاہیے، جو فریم ورک، پری پروسیسرز اور لائبریریوں کے ساتھ تجربہ کار ہو۔
GO TO FULL VERSION