మీరు ఎప్పుడైనా ఒక డెవలపర్ని “లోగోను పెద్దదిగా చేయండి” అని అడిగినా లేదా ఒక డిజైనర్ని “డేటాబేస్ ఎర్రర్ను సరిచేయండి” అని చెప్పినా, మీరు ఒంటరి వారు కాదు. టెక్నాలజీ రంగం వెలుపల ఉన్న చాలా మంది "వెబ్సైట్ డిజైన్" మరియు "వెబ్సైట్ డెవలప్మెంట్"లను ఒకేలా భావిస్తారు. కానీ అవి వేరు. ఒక వృత్తి కారు ఎలా ఉండాలి మరియు కంట్రోల్స్ ఎక్కడ ఉండాలి అనేది నిర్ణయిస్తే, మరొకరు ఇంజిన్, ట్రాన్స్మిషన్ మరియు వైరింగ్ను నిర్మిస్తారు. మీరు ఒక సైట్ను నిర్మించాలని ప్లాన్ చేస్తున్నా, ఒక టీమ్ను నియమించుకోవాలనుకున్నా లేదా కెరీర్ను మార్చుకోవాలనుకున్నా, ఈ వ్యత్యాసాన్ని అర్థం చేసుకోవడం వల్ల మీ డబ్బు, సమయం మరియు అసహనం ఆదా అవుతాయి.
వెబ్సైట్ డిజైన్ నిజానికి దేనిని కవర్ చేస్తుంది
ఒక్క లైన్ కోడ్ రాయకముందే సమస్యలను పరిష్కరించడమే వెబ్ డిజైనర్ పని. ఒక సైట్ ఎలా కనిపిస్తుంది అనే దానితో పాటు, మానవ దృక్పథం నుండి అది ఎలా పనిచేస్తుంది అనే దానిపై కూడా వారు దృష్టి పెడతారు. వారి ఫలితాలు (deliverables) ఆ తర్వాత జరిగే ప్రతిదానికి మార్గదర్శకంగా ఉంటాయి.
ఈ పని సాధారణంగా నిర్మాణంతో (structure) మొదలవుతుంది. డిజైనర్లు లేఅవుట్లు మరియు వైర్ఫ్రేమ్లను (wireframes) సృష్టిస్తారు — ఇవి నావిగేషన్ ఎక్కడ ఉంటుంది, కంటెంట్ ఎలా ప్రవహిస్తుంది మరియు యూజర్ ఒక కాల్-టు-యాక్షన్ (call-to-action) పై క్లిక్ చేసినప్పుడు ఏమి జరుగుతుంది అనే అంశాలను చూపే సరళమైన గ్రేస్కేల్ స్కెమాటిక్స్. ఉదాహరణకు, ఒక ఆన్లైన్ అపాయింట్మెంట్ బుకింగ్ పేజీ యొక్క వైర్ఫ్రేమ్, యూజర్లు తమ వ్యక్తిగత వివరాలను నమోదు చేసే ముందు అందుబాటులో ఉన్న టైమ్ స్లాట్లను చూడాలని సూచించవచ్చు. ఆ క్రమం తప్పుగా ఉంటే, ప్రజలు ఆ ఫారమ్ను వదిలేస్తారు.
ఒకసారి స్కెలిటన్ (skeleton) ఆమోదించబడిన తర్వాత, డిజైనర్లు దానిపై విజువల్ లాంగ్వేజ్ను జోడిస్తారు. వారు బ్రాండ్ ప్రమాణాలకు అనుగుణంగా మరియు యాక్సెసిబిలిటీ కాంట్రాస్ట్ చెక్లను పాస్ అయ్యేలా కలర్ ప్యాలెట్లను ఎంచుకుంటారు. ఫోన్ స్క్రీన్పై ప్రకాశవంతమైన సూర్యకాంతిలో కూడా స్పష్టంగా కనిపించేలా టైప్ఫేస్లను (typefaces) ఎంచుకుంటారు. వారు బటన్లు, ఐకాన్లు మరియు ఫారమ్ ఫీల్డ్లను స్థిరమైన హోవర్ స్టేట్స్ (hover states) మరియు ఫీడ్బ్యాక్ లూప్లతో డిజైన్ చేస్తారు. ఇవన్నీ యూజర్ ఇంటర్ఫేస్ (UI) పని కిందకు వస్తాయి.
ఆ తర్వాత యూజర్ ఎక్స్పీరియన్స్ (UX) అనే విస్తృతమైన విభాగం ఉంటుంది. ఒక UX డిజైనర్ అడ్డంకులు (friction) గురించి ఆలోచిస్తారు. టెస్ట్ గ్రూప్లో సగం మంది షిప్పింగ్ కాలిక్యులేటర్ను ఎందుకు కనుగొనలేకపోయారు? మొబైల్ యూజర్లు ప్రొడక్ట్ గ్యాలరీని ఎందుకు పించ్-జూమ్ (pinch-zoom) చేస్తున్నారు? డిజైనర్ నావిగేషన్ను పునర్వ్యవస్థీకరించవచ్చు, సుదీర్ఘమైన చెకౌట్ ప్రక్రియను స్పష్టమైన దశలుగా విభజించవచ్చు లేదా పాస్వర్డ్ ఎందుకు తిరస్కరించబడిందో వివరించే మైక్రో-కాపీని (micro-copy) జోడించవచ్చు. దీని లక్ష్యం అలంకరణ కాదు, స్పష్టతను అందించడం.
ఆధునిక డిజైనర్ టూల్బాక్స్లో కొలాబరేటివ్ ప్రోటోటైపింగ్ కోసం Figma, Adobe XD, Sketch (Mac-కేంద్రీకృత ఏజెన్సీలలో ఇప్పటికీ సాధారణం), మరియు ఇమేజ్-హెవీ అసెట్ వర్క్ కోసం Photoshop ఉంటాయి. డెవలపర్లు రంగంలోకి దిగకముందే స్టేక్హోల్డర్లు పేజీలను క్లిక్ చేసి చూడగలిగే ఇంటరాక్టివ్ ప్రోటోటైప్లను డిజైనర్లు క్రమంగా అందిస్తున్నారు. ఈ ప్రారంభ సిమ్యులేషన్, స్టాటిక్ స్క్రీన్షాట్లు దాచిపెట్టే అపార్థాలను పట్టుకోవడానికి సహాయపడుతుంది.
వెబ్సైట్ డెవలప్మెంట్ నిజానికి ఏమి చేస్తుంది
డిజైన్ అనేది బ్లూప్రింట్ అయితే, డెవలప్మెంట్ అనేది నిర్మాణ బృందం, ఎలక్ట్రికల్ వర్క్ మరియు బిల్డింగ్ ఇన్స్పెక్షన్ వంటివి. డెవలపర్లు ఆమోదించబడిన డిజైన్లను బ్రౌజర్లు రెండర్ చేయగల మరియు సర్వర్లు ప్రాసెస్ చేయగల ఫైల్లుగా మారుస్తారు.
ఫ్రంట్-ఎండ్ డెవలపర్లు కనిపించే వైపును నిర్వహిస్తారు. వారు కంటెంట్ను స్ట్రక్చర్ చేయడానికి HTMLని, లేఅవుట్ మరియు టైపోగ్రఫీని నియంత్రించడానికి CSSని, మరియు ఇంటరాక్టివిటీని నిర్వహించడానికి JavaScriptని రాస్తారు. ఒక డెవలపర్ React — అత్యంత సాధారణ JavaScript లైబ్రరీలలో ఒకటి — ఉపయోగించినప్పుడు, వారు తరచుగా పేజీని రీలోడ్ చేయకుండానే అప్డేట్ అయ్యే రియల్-టైమ్ సెర్చ్ ఫిల్టర్లు లేదా డైనమిక్ షాపింగ్ కార్ట్ల వంటి సంక్లిష్టమైన భాగాలను (components) నిర్మిస్తుంటారు. డిజైనర్ గీసిన బటన్ నిజంగా డేటాను సబ్మిట్ చేయాలి, లోడింగ్ స్టేట్ను చూపాలి మరియు కన్ఫర్మేషన్ మెసేజ్ను ప్రదర్శించాలి అని నిర్ధారించడం వారి పని.
ఆ కనిపించే పొర వెనుక బ్యాక్ ఎండ్ ఉంటుంది. బ్యాక్-ఎండ్ డెవలపర్లు Node.js, Python లేదా PHP వంటి భాషలను ఉపయోగించి సర్వర్-సైడ్ లాజిక్ను రాస్తారు. వారు లాగిన్లను ధృవీకరిస్తారు (authenticate), పేమెంట్లను ప్రాసెస్ చేస్తారు మరియు యూజర్ “ఇన్ స్టాక్” లేదా “అవుట్ ఆఫ్ స్టాక్” అని చూడాలో నిర్ణయించే బిజినెస్ రూల్స్ను నిర్వహిస్తారు. వారు APIsని సృష్టించినప్పుడు, వారు డేటాను మోసుకెళ్లే మెసెంజర్ను నిర్మిస్తున్నారు.