ನೀವು ಎಂದಾದರೂ ಒಬ್ಬ ಡೆವಲಪರ್ನನ್ನು “ಲೋಗೋವನ್ನು ದೊಡ್ಡದಾಗಿ ಮಾಡು” ಎಂದು ಕೇಳಿದ್ದರೆ ಅಥವಾ ಒಬ್ಬ ಡಿಸೈನರ್ನಿಗೆ “ಡೇಟಾಬೇಸ್ ದೋಷವನ್ನು ಸರಿಪಡಿಸು” ಎಂದು ಹೇಳಿದ್ದರೆ, ನೀವು ಒಬ್ಬರೇ ಅಲ್ಲ. ತಂತ್ರಜ್ಞಾನ ಕ್ಷೇತ್ರದ ಹೊರಗಿರುವ ಹೆಚ್ಚಿನ ಜನರು "ವೆಬ್ಸೈಟ್ ಡಿಸೈನ್" ಮತ್ತು "ವೆಬ್ಸೈಟ್ ಡೆವಲಪ್ಮೆಂಟ್" ಎಂಬ ಪದಗಳನ್ನು ಒಂದೇ ಎಂದು ಭಾವಿಸುತ್ತಾರೆ. ಆದರೆ ಅವು ಎರಡೂ ಬೇರೆ ಬೇರೆ. ಒಂದು ವೃತ್ತಿಯು ಕಾರು ಹೇಗೆ ಕಾಣಿಸಬೇಕು ಮತ್ತು ಅದರ ನಿಯಂತ್ರಣಗಳು ಎಲ್ಲಿರಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ. ಇನ್ನೊಂದು ವೃತ್ತಿಯು ಎಂಜಿನ್, ಟ್ರಾನ್ಸ್ಮಿಷನ್ ಮತ್ತು ವೈರಿಂಗ್ ಅನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ. ನೀವು ಒಂದು ಸೈಟ್ ನಿರ್ಮಿಸಲು, ತಂಡವನ್ನು ನೇಮಿಸಿಕೊಳ್ಳಲು ಅಥವಾ ವೃತ್ತಿಯನ್ನು ಬದಲಾಯಿಸಲು ಯೋಜಿಸುತ್ತಿದ್ದರೆ, ಈ ವ್ಯತ್ಯಾಸವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ನಿಮ್ಮ ಹಣ, ಸಮಯ ಮತ್ತು ಹತಾಶೆಯನ್ನು ಉಳಿಸುತ್ತದೆ.
ವೆಬ್ಸೈಟ್ ಡಿಸೈನ್ ವಾಸ್ತವವಾಗಿ ಏನನ್ನು ಒಳಗೊಂಡಿದೆ
ಒಂದು ಸಾಲು ಕೋಡ್ ಬರೆಯುವ ಮೊದಲೇ ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಹರಿಸುವುದು ವೆಬ್ ಡಿಸೈನರ್ನ ಕೆಲಸ. ಸೈಟ್ ಹೇಗೆ ಕಾಣಿಸುತ್ತದೆ ಎಂಬುದರ ಬಗ್ಗೆ ಮಾತ್ರವಲ್ಲದೆ, ಮಾನವ ದೃಷ್ಟಿಕೋನದಿಂದ ಅದು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದರ ಬಗ್ಗೆಯೂ ಅವರು ಗಮನ ಹರಿಸುತ್ತಾರೆ. ಅವರ ಕೆಲಸದ ಫಲಿತಾಂಶಗಳು ಮುಂದಿನ ಪ್ರತಿಯೊಂದು ಹಂತಕ್ಕೂ ಮಾರ್ಗದರ್ಶಿಯಾಗಿರುತ್ತವೆ.
ಕೆಲಸವು ಸಾಮಾನ್ಯವಾಗಿ ರಚನೆಯೊಂದಿಗೆ (structure) ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. ಡಿಸೈನರ್ಗಳು ಲೇಔಟ್ಗಳು ಮತ್ತು ವೈರ್ಫ್ರೇಮ್ಗಳನ್ನು (wireframes) ರಚಿಸುತ್ತಾರೆ — ಇವು ನ್ಯಾವಿಗೇಷನ್ ಎಲ್ಲಿರಬೇಕು, ಕಂಟೆಂಟ್ ಹೇಗೆ ಹರಿಯಬೇಕು ಮತ್ತು ಬಳಕೆದಾರರು 'call-to-action' ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಏನಾಗಬೇಕು ಎಂಬುದನ್ನು ತೋರಿಸುವ ಸರಳ ಗ್ರೇಸ್ಕೇಲ್ ನಕ್ಷೆಗಳಾಗಿವೆ. ಉದಾಹರಣೆಗೆ, ಆನ್ಲೈನ್ ಅಪಾಯಿಂಟ್ಮೆಂಟ್ ಬುಕಿಂಗ್ ಪೇಜ್ನ ವೈರ್ಫ್ರೇಮ್, ಬಳಕೆದಾರರು ವೈಯಕ್ತಿಕ ವಿವರಗಳನ್ನು ನಮೂದಿಸುವ ಮೊದಲು ಲಭ್ಯವಿರುವ ಸಮಯದ ಸ್ಲಾಟ್ಗಳನ್ನು ನೋಡಬೇಕೆಂದು ತೋರಿಸಬಹುದು. ಈ ಕ್ರಮ ತಪ್ಪಾದರೆ, ಜನರು ಫಾರ್ಮ್ ಅನ್ನು ಪೂರ್ಣಗೊಳಿಸದೆ ಕೈಬಿಡುತ್ತಾರೆ.
ಒಮ್ಮೆ ಈ ಮೂಲ ರಚನೆಯನ್ನು ಅನುಮೋದಿಸಿದ ನಂತರ, ಡಿಸೈನರ್ಗಳು ದೃಶ್ಯ ಭಾಷೆಯನ್ನು (visual language) ಸೇರಿಸುತ್ತಾರೆ. ಅವರು ಬ್ರ್ಯಾಂಡ್ ಮಾನದಂಡಗಳಿಗೆ ಅನುಗುಣವಾಗಿರುವ ಮತ್ತು ಅಕ್ಸೆಸಿಬಿಲಿಟಿ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರೀಕ್ಷೆಗಳಲ್ಲಿ ಉತ್ತೀರ್ಣವಾಗುವ ಬಣ್ಣದ ಪಟ್ಟಿಯನ್ನು (color palettes) ಆಯ್ಕೆ ಮಾಡುತ್ತಾರೆ. ಪ್ರಖರ ಸೂರ್ಯನ ಬೆಳಕಿನಲ್ಲಿ ಫೋನ್ ಪರದೆಯ ಮೇಲೆ ಸುಲಭವಾಗಿ ಓದಬಲ್ಲ ಅಕ್ಷರ ಶೈಲಿಗಳನ್ನು (typefaces) ಅವರು ಆರಿಸುತ್ತಾರೆ. ಅವರು ಬಟನ್ಗಳು, ಐಕಾನ್ಗಳು ಮತ್ತು ಫಾರ್ಮ್ ಫೀಲ್ಡ್ಗಳನ್ನು ಸ್ಥಿರವಾದ 'hover states' ಮತ್ತು 'feedback loops'ಗಳೊಂದಿಗೆ ವಿನ್ಯಾಸಗೊಳಿಸುತ್ತಾರೆ. ಇವೆಲ್ಲವೂ ಬಳಕೆದಾರರ ಇಂಟರ್ಫೇಸ್ (UI) ಕೆಲಸದ ಅಡಿಯಲ್ಲಿ ಬರುತ್ತವೆ.
ನಂತರ ಬಳಕೆದಾರರ ಅನುಭವ (UX) ಎಂಬ ವಿಶಾಲವಾದ ವಿಷಯವಿದೆ. ಒಬ್ಬ UX ಡಿಸೈನರ್ ಅಡೆತಡೆಗಳ ಬಗ್ಗೆ ಯೋಚಿಸುತ್ತಾರೆ. ಪರೀಕ್ಷಾ ಗುಂಪಿನ ಅರ್ಧದಷ್ಟು ಜನರು ಶಿಪ್ಪಿಂಗ್ ಕ್ಯಾಲ್ಕುಲೇಟರ್ ಅನ್ನು ಕಂಡುಹಿಡಿಯಲು ಏಕೆ ವಿಫಲರಾದರು? ಮೊಬೈಲ್ ಬಳಕೆದಾರರು ಪ್ರಾಡಕ್ಟ್ ಗ್ಯಾಲರಿಯನ್ನು ಏಕೆ ಪಿಂಚ್-ಜೂಮ್ ಮಾಡುತ್ತಾರೆ? ಡಿಸೈನರ್ ನ್ಯಾವಿಗೇಷನ್ ಅನ್ನು ಮರುಹೊಂದಿಸಬಹುದು, ದೀರ್ಘವಾದ ಚೆಕ್ಔಟ್ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸ್ಪಷ್ಟ ಹಂತಗಳಾಗಿ ವಿಂಗಡಿಸಬಹುದು ಅಥವಾ ಪಾಸ್ವರ್ಡ್ ಏಕೆ ತಿರಸ್ಕರಿಸಲ್ಪಟ್ಟಿತು ಎಂಬುದನ್ನು ವಿವರಿಸುವ 'micro-copy' ಅನ್ನು ಸೇರಿಸಬಹುದು. ಇದರ ಗುರಿ ಅಲಂಕಾರ ಮಾಡುವುದಲ್ಲ, ಬದಲಾಗಿ ಸ್ಪಷ್ಟತೆಯನ್ನು ನೀಡುವುದು.
ಆಧುನಿಕ ಡಿಸೈನರ್ನ ಪರಿಕರಗಳಲ್ಲಿ (toolbox) ಸಹಯೋಗದ ಪ್ರೊಟೊಟೈಪಿಂಗ್ಗಾಗಿ Figma, Adobe XD, Sketch (ಇದು ಇಂದಿಗೂ Mac-centric ಏಜೆನ್ಸಿಗಳಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿದೆ) ಮತ್ತು ಚಿತ್ರಗಳ ಕೆಲಸಕ್ಕಾಗಿ Photoshop ಸೇರಿವೆ. ಹೆಚ್ಚಾಗಿ, ಡಿಸೈನರ್ಗಳು ಇಂಟರಾಕ್ಟಿವ್ ಪ್ರೊಟೊಟೈಪ್ಗಳನ್ನು ನೀಡುತ್ತಾರೆ, ಇದು ಡೆವಲಪರ್ಗಳು ಕೆಲಸ ಪ್ರಾರಂಭಿಸುವ ಮೊದಲೇ ಸ್ಟೇಕ್ಹೋಲ್ಡರ್ಗಳು ಪುಟಗಳನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ನೋಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಈ ಆರಂಭಿಕ ಸಿಮ್ಯುಲೇಶನ್ ಸ್ಥಿರ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳು ಮರೆಮಾಚುವ ತಪ್ಪು ತಿಳುವಳಿಕೆಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತದೆ.
ವೆಬ್ಸೈಟ್ ಡೆವಲಪ್ಮೆಂಟ್ ವಾಸ್ತವವಾಗಿ ಏನು ಮಾಡುತ್ತದೆ
ಡಿಸೈನ್ ಒಂದು ನೀಲನಕ್ಷೆಯಾಗಿದ್ದರೆ (blueprint), ಡೆವಲಪ್ಮೆಂಟ್ ಎಂದರೆ ನಿರ್ಮಾಣ ತಂಡ, ಎಲೆಕ್ಟ್ರಿಕಲ್ ಕೆಲಸ ಮತ್ತು ಕಟ್ಟಡದ ತಪಾಸಣೆಯೆಲ್ಲವೂ ಸೇರಿರುವುದು ಎಂದರ್ಥ. ಡೆವಲಪರ್ಗಳು ಅನುಮೋದಿತ ಡಿಸೈನ್ಗಳನ್ನು ತೆಗೆದುಕೊಂಡು, ಬ್ರೌಸರ್ಗಳು ಪ್ರದರ್ಶಿಸಬಲ್ಲ ಮತ್ತು ಸರ್ವರ್ಗಳು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಬಲ್ಲ ಫೈಲ್ಗಳಾಗಿ ಪರಿವರ್ತಿಸುತ್ತಾರೆ.
ಫ್ರಂಟ್-ಎಂಡ್ ಡೆವಲಪರ್ಗಳು ಕಾಣಿಸುವ ಭಾಗವನ್ನು ನಿರ್ವಹಿಸುತ್ತಾರೆ. ಅವರು ಕಂಟೆಂಟ್ ರಚಿಸಲು HTML, ಲೇಔಟ್ ಮತ್ತು ಟೈಪೋಗ್ರಫಿಯನ್ನು ನಿಯಂತ್ರಿಸಲು CSS ಮತ್ತು ಇಂಟರಾಕ್ಟಿವಿಟಿಯನ್ನು ನಿರ್ವಹಿಸಲು JavaScript ಅನ್ನು ಬರೆಯುತ್ತಾರೆ. ಒಬ್ಬ ಡೆವಲಪರ್ React ಅನ್ನು ಬಳಸಿದಾಗ — ಇದು ಅತ್ಯಂತ ಸಾಮಾನ್ಯವಾದ JavaScript ಲೈಬ್ರರಿಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ — ಅವರು ಹೆಚ್ಚಾಗಿ ರಿಯಲ್-ಟೈಮ್ ಸರ್ಚ್ ಫಿಲ್ಟರ್ಗಳು ಅಥವಾ ಪುಟವನ್ನು ರಿಲೋಡ್ ಮಾಡದೆಯೇ ಅಪ್ಡೇಟ್ ಆಗುವ ಡೈನಾಮಿಕ್ ಶಾಪಿಂಗ್ ಕಾರ್ಟ್ಗಳಂತಹ ಸಂಕೀರ್ಣ ಘಟಕಗಳನ್ನು (components) ನಿರ್ಮಿಸುತ್ತಾರೆ. ಡಿಸೈನರ್ ಬಿಡಿಸಿದ ಬಟನ್ ನಿಜವಾಗಿಯೂ ಡೇಟಾವನ್ನು ಸಬ್ಮಿಟ್ ಮಾಡುತ್ತದೆ, ಲೋಡಿಂಗ್ ಸ್ಥಿತಿಯನ್ನು ತೋರಿಸುತ್ತದೆ ಮತ್ತು ದೃಢೀಕರಣ ಸಂದೇಶವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವುದು ಅವರ ಕೆಲಸ.
ಆ ಕಾಣುವ ಪದರದ ಹಿಂದೆ ಬ್ಯಾಕ್ ಎಂಡ್ ಇರುತ್ತದೆ. ಬ್ಯಾಕ್-ಎಂಡ್ ಡೆವಲಪರ್ಗಳು Node.js, Python ಅಥವಾ PHP ನಂತಹ ಭಾಷೆಗಳನ್ನು ಬಳಸಿ ಸರ್ವರ್-ಸೈಡ್ ಲಾಜಿಕ್ ಅನ್ನು ಬರೆಯುತ್ತಾರೆ. ಅವರು ಲಾಗಿನ್ಗಳನ್ನು ದೃಢೀಕರಿಸುತ್ತಾರೆ, ಪಾವತಿಗಳನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುತ್ತಾರೆ ಮತ್ತು ಬಳಕೆದಾರರು “in stock” ಅಥವಾ “out of stock” ಅನ್ನು ನೋಡಬೇಕೆ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸುವ ವ್ಯವಹಾರದ ನಿಯಮಗಳನ್ನು (business rules) ನಿರ್ವಹಿಸುತ್ತಾರೆ. ಅವರು APIs ಅನ್ನು ರಚಿಸಿದಾಗ, ಅವರು ಡೇಟಾವನ್ನು ಸಾಗಿಸುವ ಸಂದೇಶವಾಹಕವನ್ನು ನಿರ್ಮಿಸುತ್ತಿದ್ದಾರೆ ಎಂದರ್ಥ.