paint-brush
د خپلو ډیزاینونو پراختیا پیل کړئ (لفظي)لخوا@ivansipilov
240 لوستل

د خپلو ډیزاینونو پراختیا پیل کړئ (لفظي)

لخوا IvanSipilov7m2024/10/28
Read on Terminal Reader

ډېر اوږد؛ لوستل

د ډیزاینرانو څخه تمه کیږي چې د خلاقیت او ټیکنالوژۍ ترمنځ واټن پل کړي. هرڅوک ، حتی پراختیا کونکي ، څوک چې په انٹرفیس کار کوي باید د ډیزاین عالي احساس ولري. ډیزاینران چې په کوډینګ پوهیږي ځانګړې ګټه لري. دوی د ټیمونو په اوږدو کې کار کولو کې غوره دي. دوی کولی شي نظرونه په عملي، ښکیل حلونو بدل کړي.
featured image - د خپلو ډیزاینونو پراختیا پیل کړئ (لفظي)
IvanSipilov HackerNoon profile picture
0-item


ولې دا د ډیزاینرانو لپاره لوړ وخت دی چې کوډ زده کړي

زه ډاډه یم چې د نن ورځې ډیزاینرانو ته اړتیا لري چې یوازې د ښه لید کاروونکو انٹرفیسونو رامینځته کولو څخه ډیر څه وکړي. رول وده کړې، او اوس موږ تمه لرو چې د خلاقیت او ټیکنالوژۍ تر مینځ واټن کم کړو.


یو له غوره مهارتونو څخه چې موږ کولی شو د دې کولو لپاره زموږ په وسیلې کې اضافه کړو؟ کوډ کول


اوس، وګورئ، د ډیزاینرانو په اړه یو ګرم بحث روان دی باید کوډ زده کړي که نه . زه فکر کوم چې د ډیزاینرانو او پراختیا کونکو ترمنځ پخوانی ویش نور کار نه کوي. دا د نن ورځې محصول پراختیا اړتیاوې نه پوره کوي. هرڅوک ، حتی پراختیا کونکي ، څوک چې په انٹرفیس کار کوي باید د ډیزاین عالي احساس ولري.


په ورته وخت کې، د ډیزاین پریکړې باید په سختو قواعدو یا لارښودونو کې بندې نه شي چې د هغو کسانو لخوا ترتیب شوي چې نه پوهیږي:

  • تعامل
  • تخنیک، یا
  • کوډ کول


د پروسې په جریان کې، دا څنګه ډیزاین (ښي لوري ته) او د هغې ریښتینې تطبیق (کیڼ اړخ ته) ډیری وختونه ښکاري:



او تاسو (ډیزاینران) یوازینی څوک یاست چې دا حل کولی شئ. زه تاسو ته کوډ وړاندیز کوم — د جادو ګولۍ په توګه د UI پای ته رسولو لپاره لکه څنګه چې تاسو خوب لیدلی و.


په هرصورت، دا په سمه توګه ویل شوي چې ډیزاین یو شخص نه دی. دا یو فعالیت دی.

کوډ کول موږ ته د بازار بدلونونو ډیزاین کولو لپاره ډیر تطابق کوي

ډیزاین په چټکۍ سره بدلیږي، او همدا ډول هغه مهارتونه دي چې موږ یې ساتلو ته اړتیا لرو. اوس، زه دا نه وایم چې موږ به ډیر ژر د "محصول ډیزاینر - پراختیا کونکي" په نوم رسمي رول وګورو، مګر کارګمارونکي یقینا د هغو خلکو په لټه کې دي چې کولی شي د دودیز ډیزاین بلبل څخه بهر ګام پورته کړي. دوی ډیزاینران غواړي چې:


  • پوهیدل انساني چلند ,

  • کولی شي په ټیمونو کې همکاري وکړي،

  • او یوازې د لیدونو رامینځته کولو هاخوا مرسته وکړئ.


ډیزاینران چې په کوډینګ پوهیږي ځانګړې ګټه لري. دوی د ټیمونو په اوږدو کې کار کولو کې غوره دي. دوی کولی شي نظرونه په عملي، ښکیل حلونو بدل کړي چې د اصلي کاروونکو اړتیاوې پوره کړي.


دودیز UI ډیزاین کافي ندي. په دې پوهیدل چې شیان څنګه جوړیږي — چوکاټونه، کوډبیسونه، او سیسټمونه چې زموږ ډیزاینونو ته ځواک ورکوي — له موږ سره مرسته کوي چې تجربې رامینځته کړي چې نه یوازې ښکلي دي بلکې د تخنیکي چلولو سره په بې ساري ډول کار کوي. موږ نور یوازې د "سترګو کینډي" سکرینونه نه جوړوو.


د بیلګې په توګه، د یوې وروستۍ پروژې په ترڅ کې چې پکې شامل دي وهل ، د یو واحد کوډبیس څخه د ایپسونو جوړولو لپاره د خلاصې سرچینې چوکاټ ، ما پوهیده چې د باخبره ډیزاین انتخابونو کولو لپاره د کوډ کولو پوهه څومره مهمه وه.


د ټیکنالوژۍ د پوهیدو پرته، دا به خورا سخت وي چې د متحرکاتو، لیږدونو، یا حرکت عناصر ډیزاین کړئ چې د dev ټیم محدودیتونو کې کار کوي.


زما د Veggie Grower iOS اپلیکیشن لپاره د آلماني باغبانانو لپاره متحرکات ممکن شو ځکه چې ما زده کړل چې څنګه کوډ وکړم.



د کوډ کولو ګټې هم د مهارتونو هاخوا پراخیږي. دا حتی کولی شي بدلون ومومي چې دماغ څنګه کار کوي. د کوډ کولو هره ننګونه زما په دماغ کې نوې اړیکې رامینځته کوي. دا تطبیق کوي او وده کوي، په نورو برخو کې زما سره مرسته کوي.


ساینس ښیې چې نوې عصبي لارې رامینځته کیږي کله چې موږ یو څه سخت یا ناپیژندل زده کوو ، لکه کوډ کول یا د وسیلې غږول. نوي مهارتونه زموږ د وړتیاوو د پراخولو په پرتله ډیر څه کوي. دوی زموږ دماغونه هم له سره ورغوي. موږ د ننګونو په مقابل کې ډیر تطابق وړ او انعطاف منونکي شو.


کوډ کول د پراختیا کونکي نقطه لیدلو کې مرسته کوي

ډیزاینران چې کوډ کولی شي د پراختیا کونکو سره همکاري اسانه کړي. دا د اسانه پروسو او غوره محصولاتو لامل کیږي. کوډ کول موږ سره مرسته کوي چې نور عملي، ریښتیني ډیزاینونه جوړ کړو. دا د پراختیا کونکو لپاره ژوند اسانه کوي او د ټیمونو تر مینځ اختلال کموي. کله چې موږ په کوډ پوهیږو، موږ د خپلو نظرونو په رسولو او تخلیقي لیدونو ته د کار وړ حلونو بدلولو کې غوره یو.


زه به زما د "ماشوم" سره د Veggie Grower ایپ سره نور تشریح کړم. زما ترټولو لویه تېروتنه د UI خورا پیچلې کول وه ځکه چې پیرودونکي د "واو فکتور" په درلودلو ټینګار وکړ. موږ غوښتل متاثره کړو، مګر نښه مو له لاسه ورکړه — په اپلیکیشن پلورنځي کې د اپلیکیشن اصلي UI ښه نه و (د دې کیسې پوښ پورته وګورئ).


دې ما ته وښودله چې ډیزاینران واقعیا اړتیا لري د پراختیا کونکو لپاره د دفاع لومړۍ کرښې په توګه عمل وکړي. موږ باید بیرته فشار راوړو کله چې د سوداګرۍ نظرونه غیر واقعیت لرونکي ساحې ته تیریږي ، د محصول او UX د خورا پیچلي کیدو څخه ساتي. موږ د اپلیکیشن پیل کولو لپاره ځینې هوښیار کاري حلونه موندلو. ما د لوټي انیمیشنونو ترکیب کارولی او ځینې چې ما پخپله رامینځته کړي — زما د کوډ کولو مهارتونه یقینا دلته په کار دي. دې موږ سره د شیانو پاکولو کې مرسته وکړه یوازې د خوشې کیدو لپاره کافي.


د کوډ زده کول په بشپړ ډول بدل شوي چې ما خپل ډیزاینونه ولیدل. ما د پراختیا کونکي له لید څخه شیان لیدل پیل کړل ، په هغه ننګونو پوهیدل چې دوی ورسره مخ دي - لکه د بودیجې محدودیتونو سره د پیچلو ځانګړتیاو انډول کول او د لوی نظرونو او هغه څه چې واقعیا د ترسره کیدو وړ دي ترمینځ د ریښتیني مینځنۍ ځمکې موندل.


د پراختیا کونکو دردونو پوهیدل په مقابل کې پدې پوهیدل چې کله خپل ځای ودریږئ

کوډینګ ما ته د پروسې د پراختیا اړخ په اړه خواخوږي ښوولې.


دا مهمه ده چې دا وپیژندل شي چې پراختیا کونکي اکثرا د شیانو د فعالولو لپاره خورا ډیر فشار سره مخ کیږي. د ډیبګ کولو ورځو مصرف کولو وروسته ، وروستی شی چې دوی یې غواړي د پیچلي ډیزاین عناصرو سره معامله کول دي چې غیر ضروري پیچلتیاوې اضافه کوي.


دا هغه ځای دی چې موږ د ډیزاینرانو په توګه اړتیا لرو چې د ستونزې حل کونکي په توګه ګام پورته کړو. موږ باید د سادګۍ او روښانتیا لپاره هڅه وکړو - د فارم او فعالیت تر مینځ توازن چې کارونکي او پراختیا کونکي دواړو ته خدمت کوي.


دا پدې معنی ندي چې ټول ډیزاینونه د نرمۍ نقطې ته ساده کول دي. دا پدې مانا ده چې ستراتیژیک وي، د مدیریت وړ، د جوړولو وړ اجزاو کې د انٹرفیسونو ماتول چې د پراختیا کونکو لپاره د پوهیدو او پلي کولو لپاره اسانه دي.


اوس راځئ چې د "دروازې ساتلو" په نوم د یو څه په اړه هم وغږیږو. نن ورځ، په UX کې، دا معمولا د منفي ځانګړتیا په توګه لیدل کیږي. د دروازې ساتنه: د کنټرول فعالیت او معمولا یو څه ته عمومي لاسرسي محدودوي.


مګر په ډیزاین کې، د "دروازه ساتونکي" کیدل د دندې لویه برخه ده. موږ د دفاع کرښه یو مخکې له دې چې یو څه ژوندی شي. زموږ رول دا دی چې ډاډ ترلاسه کړو چې هر هغه څه چې موږ یې په جوړولو کې مرسته کوو په حقیقت کې د کارونکي سفر ته وده ورکوي.


دا "دروازه ساتل" د ستونزمن کیدو په اړه ندي. دا د دې ډاډ ترلاسه کولو په اړه دی چې د کارونکي اړتیاوې مخ او مرکز دي. او دا هغه ځای دی چې د یو څه کوډ پوهیدل کولی شي ټول توپیر رامینځته کړي.


کله چې تاسو د پراختیا اړخ پوهیږئ، تاسو د خبرو اترو لپاره په ښه حالت کې یاست چې ولې د ډیزاین توضیحات مهم دي.


راځئ چې ووایو تاسو په یوه ځانګړتیا کار کوئ چیرې چې تاسو د کارونکي پام ځانته اړولو لپاره ځانګړي حرکت ته اړتیا لرئ ، مګر پراختیا کونکی غواړي د وخت خوندي کولو لپاره دا پریږدي. که تاسو پوهیږئ چې دا حرکت څنګه ترسره کیدی شي، ووایاست، د ساده CSS ټیکیک یا د موجوده جاواسکریپټ کتابتون په کارولو سره، تاسو کولی شئ خپل قضیه په مؤثره توګه استدلال کړئ، او پراختیا ورکوونکي ډیر احتمال لري چې غوږ ونیسي.


دا کلیدي ده: د کوډ کولو څرنګوالي پوهیدل خورا مهم دي ترڅو ستاسو د نظر لپاره په داسې طریقه استدلال کولو کې مرسته وکړي چې رغنده وي او هیڅ یو اړخ نه خفه کوي.


کوډینګ موږ ته اجازه راکوي چې د 'واو فکتور' تر شا جادو وګورو


په ښکته کې "ایوکاډو سړی" د اضافي توکو لپاره بار کول ښیې. دا د پراختیا کونکو لپاره ستونزمن و ، نو ما لوټي کارولی ترڅو دا JSON ته واړوي — کوم چې ادغام بې ځایه کړی او د ورځو پرځای یوازې 15 دقیقې وخت نیسي.


د شیانو د فعالولو په اړه زموږ په تمرکز کې، موږ نشو کولی د "واو فکتور" په اړه هیر کړو.


د حرکت کولو څرنګوالی یا څنګه د UI رنګونه په بشپړ ډول متوازن دي کولی شي تجربه د یادولو وړ کړي. دا احساساتي اړیکه د محصولاتو په جوړولو کې نه یوازې د کارونې وړ بلکې خوندور هم مهم دی.


کاروونکي د لږ کارونې مسلو په اړه ډیر زغم لري کله چې دوی یو انٹرفیس په لید کې زړه راښکونکی ومومي. په هرصورت، جمالیاتي ډیزاینونه یوازې د فعالو په پرتله د بریالیتوب احتمال لري.


په هرصورت، "واو فکتور" یوازې نه پیښیږي. دا موږ ته اړتیا لري چې د پراختیا کونکو سره نږدې کار وکړو ترڅو ډاډ ترلاسه کړو چې د دې شیبو لپاره زموږ لید وروستي محصول ته ژباړل کیږي. وسیلې لکه لوټي یا CSS متحرکات موږ ته اجازه راکوي چې پراختیا کونکو ته په ریښتیا هغه څه وښیو چې موږ یې اراده لرو ، ژوند ته د لیږدونو او تعاملاتو راوستلو کې مرسته کوي.


کوډ کول موږ سره مرسته کوي پوه شو چې څه ممکن دي

د کوډ زده کول له موږ سره مرسته کوي چې پوه شو چې څه شی د جوړولو لپاره ریښتیني دي — او څه شی ممکن یوازې اوږد وي. یقینا، یو په زړه پورې ډریبل پورټ فولیو د لیدلو لپاره خورا ښه دی. مګر، که دا ډیزاینونه رامینځته نشي، دوی یوازې ډیجیټل هنر دي، نه فعال محصولات.


کله چې موږ د کوډ کولو ځینې اساسات پوهیږو، موږ پیل کوو چې وګورو څه ممکن دي، پدې معنی چې موږ کولی شو د غیر عملي نظرونو سره زموږ پراختیا کونکي له پامه غورځولو پرته تخلیق ترلاسه کړو.


د مثال په توګه واخلئ، د ننوتلو سکرین لپاره د مایکرو تعامل ډیزاین کول. تصور وکړئ چې تاسو یو فرعي، اطمینان لرونکی حرکت غواړئ. دا باید کاروونکو ته فیډبیک ورکړي ځکه چې دوی خپل پټنوم ټایپ کوي. د مثال په توګه، ساحه باید شنه روښانه شي کله چې سمه بڼه پوره شي. د یو څه سی ایس ایس یا جاواسکریپټ پوهیدو پرته ، تاسو ممکن یو څه خورا پیچلي ولیکئ چې د جوړولو لپاره به د ډیویډ ټیم ساعتونه وخت ونیسي. د ځینې کوډ کولو پوهې سره، تاسو به پوه شئ چې کومې اغیزې واقعیت لري. دا به تاسو سره د نظرونو په مینځلو کې مرسته وکړي چې دواړه ښه او د لاسته راوړلو وړ وي.


ډیزاینر باید "د اوبو په څیر وي" - د تطبیق وړ او مایع (د دې اقتباس لپاره مننه، بروس ). موږ لاهم کولی شو تخلیقي حدود ولرو، مګر موږ زموږ په وړاندې خنډونو ته ځواب ویونکي یو.


غوره ډیزاین هڅوي کاروونکي او پراختیا کونکي یو شان پرته له دې چې د جوړولو لپاره عملي وي هاخوا فشار راوړي.


د اغیزمن ډیزاین لپاره لاس په لاس

ډیزاین د جمالیات په اړه ندي. دا د ستونزې حل کولو پروسه ده چې موخه یې د هغه محصول او خدماتو سره چې تاسو یې وړاندیز کوئ د خلکو تجربو ته وده ورکول دي، او بالاخره ستاسو د برانډ سره.


نن ورځ، موږ یوازې د ډیزاینرانو څخه ډیر یو؛ موږ د ستونزې حل کونکي، د کاروونکي تجربې اتلان، او تر ټولو مهم، همکاران یو. زموږ خلاقیت د تخنیکي بصیرت سره یوځای کولو سره، موږ د سبا محصولاتو لپاره لاره هواره کوو - هغه محصولات چې نه یوازې ښکلي دي بلکې د کاروونکو لپاره واقعیا معنی او اغیزمن دي.


د ډیزاینرانو په توګه زموږ دنده د ښکلي پروټوټایپ جوړولو څخه هاخوا ده — دا د پراختیا کونکو سره د لاس په لاس کار کولو په اړه دی ترڅو دا لید ژوند ته راوړي. دا پدې مانا ده چې د پراختیایي پروسې په اوږدو کې دخیل پاتې کیدل، د تخنیکي ننګونو له لارې د کار کولو لپاره شتون لري، د اړتیا په وخت کې د ډیزاین سمونونه کول، او د اړیکو لین خلاص ساتل. دا روانه همکاري ده چې یو ښه ډیزاین په استثنایی محصول بدلوي.


لکه څنګه چې ډیزاین وده کوي، کوډ کول یوازې په اهمیت کې وده کوي. د ډیزاین او ټیکنالوژۍ په اوږدو کې، د نوښت لپاره د نه منلو وړ ظرفیت شتون لري - مګر دا په ذهن کې بدلون ته اړتیا لري. د اصلي مهارت په توګه د کوډینګ منل ډیزاینرانو ته دا توان ورکوي چې داسې محصولات رامینځته کړي چې نه یوازې په لید کې په زړه پوري وي بلکه فعال ، پراختیا کونکي دوستانه او اغیزناک هم وي.


P. S: زه پوهیږم چې تاسو څه فکر کوئ، تاسو دا رنګین سبزیج کارتونه غواړئ. ما خلاص چمتو کړ Figma ستاسو لپاره د سرچینې فایل: