सामग्री
मी माझ्या करिअरची सुरुवात केली तेव्हा मी एक वेब डिझायनर होतो. मी छोट्या छोट्या व्यवसाय साइटपासून आणि अखेरीस मोठ्या ग्राहकांकडे जाण्यासाठी वेब डिझाइनमध्ये काम केले. मला आढळले की ते मला आवडणारे ग्राफिक डिझाइन नव्हते किंवा मोठ्या ब्रँड नावांसाठी काम करत नव्हते. मला वेबपृष्ठाच्या व्हिज्युअल डिझाइनपेक्षा पृष्ठ क्रमांकाच्या नमुन्यांची, लोकांशी ज्याप्रकारे संवाद साधले गेले आणि कामगिरी समजण्यासारख्या गोष्टींमध्ये मला अधिक रस आहे.
मी जेव्हा साय-फाय चित्रपट पाहिले तेव्हा मी इंटरफेसकडे पहात असे. आणि जेव्हा मी व्हिडीओगेम्स खेळत असेन तेव्हा मेनू कशा प्रकारे तयार केले गेले ते मी पाळत असे. यापैकी कोणतीही वैशिष्ट्ये आपल्यास परिचित वाटल्यास आपण हृदयातील UI डिझाइनर देखील असू शकता.
मी माझी एजन्सीची नोकरी सोडली आणि स्वतःची कंपनी सुरू केली. माझ्या लिंक्डइन पृष्ठावर, मी माझ्या करिअरच्या नवीन उद्दीष्टांचा सारांश लावण्याचा प्रयत्न केला: सर्वोत्कृष्ट सॉफ्टवेअर शक्य करणे. मी एक स्वतंत्ररित्या काम करणारा म्हणून सुरू केल्याला चार वर्षे झाली आहेत, आणि माझा प्रवास थांबलेला नाही. आजकाल मी छोटी यूआय डिझाइन कंपनी चालवण्यास मदत करतो मोनो. आम्ही आमच्या चौथ्या टीम सदस्याचे नुकतेच स्वागत केले.
या लेखामध्ये मी यूआय डिझायनर बनण्यासारखे काय आहे त्याचे वर्णन करू इच्छित आहे, नोकरीत नेमके काय आवश्यक आहे, उत्कृष्ट शिक्षणाची संसाधने कोठे शोधावीत आणि आपल्या हस्तकलेवर अधिक चांगले कसे मिळवावे यासह.
यूआय डिझायनर काय करते?
मला असे आढळले आहे की सामान्यत: आपण वापरकर्ता इंटरफेस डिझाइनरचे कार्य चार श्रेणींमध्ये विभागू शकता. आपण क्लायंटशी संवाद साधता, आपण संशोधन करता, आपण डिझाइन आणि नमुना तयार करता आणि विकसकांसह संवाद साधता. चला या टप्प्यांवरील प्रत्येक गोष्टीवर अधिक तपशीलवार नजर टाकूया.
ग्राहक संवाद
क्लायंट कम्युनिकेशन म्हणजे क्लायंटची समस्या समजून घेणे. आपल्या क्लायंटच्या व्यवसायाचे लक्ष वेधून घेणे हे ध्येय आहे, म्हणून एखाद्या प्रोजेक्टची सुरुवात सहसा बर्‍याच बोलण्यापासून बनते. जेव्हा आपण प्रारंभ करता तेव्हा आपल्या क्लायंटच्या डोमेनबद्दल जास्त न जाणून घेणे चांगले आहे - जेव्हा आपण संभाव्य डिझाइन सोल्यूशन्सची कल्पना करता तेव्हा आपण त्यांचा व्यवसाय ताज्या मार्गाने पाहू शकता.
चांगला यूआय डिझायनर होण्यासाठी आपल्या क्लायंटच्या व्यवसायासह आपल्याला शेवटी विचार करण्यास सक्षम होणे आवश्यक आहे. उदाहरणार्थ, आपला ग्राहक कदाचित विमानात असेल. त्यांच्यासाठी कार्य केल्याने अखेरीस त्या उद्योगाबद्दल आपल्याला माहिती असेल. तर, आपल्या स्वत: च्या आनंदासाठी एक टिप्स म्हणजे आपण ज्या उद्योगांचे शहाणपणाने काम करता ते निवडणे, जेणेकरून आपण ज्याची काळजी घेत नाही किंवा त्यामध्ये आपल्याला स्वारस्य नाही अशा गोष्टीमध्ये आपण तज्ञ असणार नाही.
प्रोजेक्ट दरम्यान, संप्रेषण थांबत नाही. एक डिझाइनर म्हणून, आपण आपले कार्य सतत सादर करत असाल. आमच्या कंपनीत आम्ही एक दूरस्थ कार्यसंघ आहोत, म्हणून आमच्याकडे अनेक वैयक्तिक भेट नसतात. त्याऐवजी आम्ही व्हिडिओ कॉन्फरन्सिंगद्वारे स्क्रीन सामायिकरणांचा जबरदस्त वापर करतो. स्काईप आणि स्लॅक सारख्या संप्रेषणाची साधने दररोज वापरली जातात.
सिंक्रोनस आणि अतुल्य संप्रेषण पद्धती एकत्र करणे उपयुक्त आहे. आपल्याला पटकन बर्‍याच माहितीची आवश्यकता असल्यास कॉल चांगला असतो, परंतु त्याच वेळी आपण जवळपास असणे आवश्यक आहे. आम्ही स्लॅकला आपला ‘व्हर्च्युअल वॉटर कूलर’ समजतो आणि जटिल डिझाइन प्रकल्प व्यवस्थापित करण्यासाठी बेसकॅम्पचा वापर करतो. जेव्हा आम्ही एचटीएमएल आणि सीएसएस वापरून नमुना डिझाईन्स करतो तेव्हा आम्ही थेट कोडबद्दल चर्चा करण्यासाठी गिटहब इश्यूज वापरतो.
संशोधन
क्लायंट कम्युनिकेशन तसेच आपण बरेच संशोधन कराल. यात फील्ड स्टडीज, क्लायंटबरोबर वर्कशॉप्स, स्पर्धेचे विश्लेषण करणे किंवा रणनीती निश्चित करणे - मूलत: अशा कोणत्याही गोष्टीबद्दल जे आपल्याला हाताने समस्या समजण्यास मदत करते.
संशोधन हेच आपल्या डिझाइन निवडीची माहिती देते. हा आपण एकदा वाचलेला लेख आहे किंवा Appleपलने नुकतीच प्रकाशित केलेली नवीन गोष्ट आहे. आपण विशिष्ट डिझाइनची निवड का केली हे स्पष्ट करण्याची वेळ आली आहे तेव्हा आपले संशोधन आपल्याला पाठिंबा देते.
संशोधन खूप व्यापक असू शकते. मी बर्‍याचदा संशोधनाच्या उद्देशाने नवीन डिव्हाइसची चाचणी करतो किंवा वापरकर्त्याच्या इंटरफेसचा अभ्यास करण्यासाठी नवीन वेब अ‍ॅपवर साइन अप करतो.
डिझाइन आणि नमुना
एक डिझाइनर म्हणून, आपण बहुधा आपला बहुधा वेळ डिझाइन आणि नमुना काम करण्यात घालवाल. एक यूआय डिझाइन प्रकल्प स्केचिंगपासून, तपशीलवार डिझाइनपर्यंत, कोडिंगपर्यंत अनेक मार्गांनी पुढे जाऊ शकतो.
आपण वापरत असलेली पद्धत प्रोजेक्टच्या प्रकारावर अवलंबून आहे. आपण काय डिझाइन करीत आहात? ही वेबसाइट आहे किंवा आपण त्याऐवजी त्यास अ‍ॅप म्हणता? हे मुळ तंत्रज्ञान वापरते? हे पुन्हा डिझाइन आहे की आपण सुरवातीपासून प्रारंभ करीत आहात?
आमच्या कंपनीमध्ये कोणतीही निश्चित प्रक्रिया नाही, परंतु बहुतेक प्रकल्प समान क्रमाच्या क्रमाने पाळतात: ते स्केचेस आणि वायरफ्रेम्ससह प्रारंभ करतात, तपशीलवार व्हिज्युअल आणि परस्परसंवादी डिझाइनवर जातात आणि एक नमुना घेऊन समाप्त होतात.
डिझाइनर म्हणून आम्ही आमच्या साधनांचा विचार करण्यात बराच वेळ घालवतो. उत्तम साधने महत्त्वाची असली तरी त्या सर्वात महत्वाच्या गोष्टी नाहीत. अ‍ॅडोब क्रिएटिव्ह स्वीट आणि स्केच सारख्या अ‍ॅप्सचा सक्षमपणे वापर करण्यास सक्षम असणे म्हणजे रेखांकन करण्यासाठी पेन्सिल किंवा पेंट करण्यासाठी ब्रश वापरण्यात सक्षम असणे. आपल्याला अद्याप पेंटिंग करणे आवश्यक आहे.
असे म्हटले जात आहे की, साधनांमध्ये निरोगी स्वारस्य चांगली गोष्ट आहे. मला नवीन उपकरणे वापरण्यास आवडते जे मला अधिक उत्पादक होण्यास मदत करतात. माझे आवडते वेक्टर संपादन साधन इलस्ट्रेटर आहे, परंतु माझे बरेच व्हिज्युअल डिझाइन काम आजकाल स्केचमध्ये केले गेले आहे. कार्यसंघाच्या इतर सदस्यांनी अ‍ॅफीनिटी डिझायनर सारख्या नवीन साधनांकडे स्विच केले आहे.
साधने ही एक अतिशय वैयक्तिक निवड आहे. जोपर्यंत आपण सहजपणे एकत्र काम करू शकतो तोपर्यंत प्रत्येकजण स्वत: ची निवड करण्यास मोकळा आहे. क्लायंट्ससह आमच्या डिझाइनबद्दल बोलणे अधिक सुलभ करण्यासाठी आम्ही इनव्हीझन सह प्रोटोटाइप बनवतो. अधिक प्रगत नमुन्यासाठी आम्ही HTML आणि CSS वापरतो. आपल्याला आवश्यक असलेले साधन आपल्यास इच्छित असलेल्या कामावर अवलंबून आहे.
विकसक संप्रेषण
यूआय डिझायनरच्या कार्याचा एक विसरलेला भाग म्हणजे विकसक संप्रेषण. आजकाल आपण आपली डिझाइन्स फक्त देवांना पाठवून आणि ती योग्यरित्या अंमलात आणल्या आहेत या आशेने आपण सुटू शकत नाही. सर्वोत्कृष्ट डिझाइनर्सना हे माहित आहे की हे आव्हान डिझाइन तयार करणे नाही, तर ते संप्रेषण करण्यामध्ये आहे - केवळ त्या हितधारकांनाच नाही ज्यांना त्यांची मंजूरी द्यावी लागेल, परंतु विकसकांना ज्यांना हे अंमलात आणावे लागेल.
डिझाइनशी संवाद साधणे हे बर्‍याच प्रकारांमध्ये येते: तपशीलवार तपशील, मालमत्ता प्रदान करणे, डिझाइनचे एकत्र पुनरावलोकन करणे. प्रोजेक्ट मूळ किंवा वेब अनुप्रयोग आहे की नाही यावर प्रत्येक प्रसंगात वितरित करण्यात काय अर्थ होतो ते मुख्यत्वे अवलंबून असते.
पारंपारिक दृष्टीकोन स्क्रीन डिझाइनच्या पुढे मालमत्ता वितरित करण्याचा आहे. संपूर्णपणे डिझाइन कसे दिसेल हे पहाण्यासाठी स्क्रीन डिझाइनचा वापर केला जाऊ शकतो, परंतु मालमत्ता वापरण्यास तयार पीएनजी आणि आयकॉनच्या एसव्हीजी आहेत, म्हणून विकासकांना ग्राफिक्स संपादकाचा सामना करण्याची गरज नाही.
आमच्या कंपनीत आम्ही त्यापेक्षा जास्त वितरित करण्याचे समर्थक आहोत. आमच्या डिझाइनमध्ये सातत्य राखण्यासाठी आम्ही घटक शैली मार्गदर्शकांचा वापर करतो. जेव्हा आम्ही वेब प्रोजेक्टवर काम करतो तेव्हा आम्ही अंमलबजावणीसाठी तयार एचटीएमएल आणि सीएसएसचे तपशीलवार संच वितरीत करतो. माझा विश्वास आहे की सॉफ्टवेअर डेव्हलपमेंटच्या प्रत्येक टप्प्यात डिझाइन डोळा असणे हा जागतिक स्तरावरील सॉफ्टवेअर तयार करण्याच्या माझ्या ध्येयापर्यंत पोहोचण्याचा एकमेव मार्ग आहे.
वेब वि नेटिव्ह अ‍ॅप्स
जेव्हा आपण प्लॅटफॉर्मसाठी नेटिव्ह अ‍ॅप डिझाइन करता (उदा. IOS किंवा Android), तेव्हा आपण काही मार्गदर्शक तत्त्वांचे अनुसरण करण्याचा कल पाहता. आपण वेबसाठी डिझाइन करता तेव्हा तेथे बरेचसे मार्गदर्शन नसते. सामान्यत: काय घडते ते म्हणजे आपल्या क्लायंटकडे त्यांच्या ब्रँडसाठी ग्राफिक मार्गदर्शक तत्त्वांचा एक सेट असतो जो गोष्टी कशा दिसाव्यात हे ठरवतात.
तथापि, या मार्गदर्शकतत्त्वे विपणन वेबसाइट्सच्या अनुरूप बनवतात आणि त्यामध्ये जे नेहमी चांगले वापरकर्ता इंटरफेस निर्णय घेत नाही. फॉन्टची निवड योग्यतेच्या कारणास्तव नव्हे तर विपणन कारणांसाठी केली जाते. रंग ठळक आणि आश्चर्यकारक असू शकतात, जे जाहिरात मोहिमेमध्ये कार्य करतात परंतु आपण दररोज वापरत असलेल्या अ‍ॅपमध्ये नाही. या मार्गदर्शकांचे अर्थ लावणे आवश्यक आहे.
वेबसाठी काही UI मार्गदर्शक तत्त्वे आहेत. आपण असा तर्क लावू शकता की वेब विविध प्रकारच्या शैलींचे वितळणारे भांडे आहे. आपण वेबसाइटपेक्षा अॅपसारखे वाटत असलेले काहीही तयार करीत असल्यास आपल्याला बूटस्ट्रॅप आणि झेडआरबी फाउंडेशन सारख्या मोठ्या प्रमाणात वापरल्या जाणार्‍या फ्रेमवर्कबद्दल माहित असणे आवश्यक आहे. गोष्टी कशा दिसाव्यात हे ठरविण्यासाठी फ्रेमवर्क सुरू होते, कारण आपण चाक पुन्हा चालू करू इच्छित नाही. आणि कदाचित ही चांगली गोष्ट आहे.
आमच्या कंपनीत, आम्हाला बूटस्ट्रॅप वापरायला आवडते. हे बटण, डेटा सारण्या आणि मॉडेल्स सारख्या सामान्य UI घटकांसाठी संवेदनशील डीफॉल्ट आकार प्रदान करते.
वेब डिझाइनमध्ये, आपण वेबच्या तांत्रिक क्षमतेमुळे अधिक प्रतिबंधित आहात. असे असायचे की वेबसाइटवर गोलाकार कोप्यांसारखे साधे व्हिज्युअल फळफळ लागू करणे कठीण होईल. हे दिवस बरेच गेले आहेत - आता आपण भरपूर सावल्या, संक्रमणे, अ‍ॅनिमेशन आणि अगदी 3D सह वापरकर्ता इंटरफेस काढण्यास मोकळे आहात.
डिझाइनर म्हणून ब्राउझरमधील प्रक्रियेवर आणि डिझाइनवर नियंत्रण ठेवणे अधिक वास्तविक आहे. मी बरेच यूआय डिझाइनर मूळ नेटिव्ह अ‍ॅपची यूआय प्रोग्रामिंग घेतात हे पाहिलेले नाही, परंतु वेब अ‍ॅपचे एचटीएमएल व सीएसएस करणार्‍या डिझायनरची एक सामान्य घटना आहे. आपण आपल्या स्वत: च्या डिझाइनचे कोड बनवू शकत असल्यास आपल्याकडे आपल्या नॉन-कोडिंग तोलामोलाचा एक धार असेल आणि वेब कसे कार्य करते हे खरोखर समजून घेण्याचा एकमेव मार्ग आहे.
वेब अडचणी
आपणास लवकरच कळेल की आपण शिकलेल्या सर्व छान युक्त्या प्रत्येक ब्राउझरमध्ये समर्थित नाहीत आणि तेच वेबसाठी डिझाइन करण्याचे वास्तव आहे. पुरोगामी वर्धक यासारख्या सुप्रसिद्ध तत्त्वांचे अनुसरण करणे चांगले आहे, जिथे आपण शक्य असेल तेव्हा वर्धित सामग्री लोड कराल, परंतु सामग्री कशा कमी होत आहे याचा विचार करा.
अलीकडेच ‘मोहरी कापून’ लोकप्रिय झाली आहे. बीबीसीच्या वेब टीमने जिंकलेले, यात ‘चांगल्या’ आणि ’वाईट’ ब्राउझरमध्ये फरक करणे आणि ‘वाईट’ ब्राउझरना मर्यादित अनुभव प्रदान करणे समाविष्ट आहे. तथापि, हे खरोखर केवळ सामग्री साइटसाठी कार्य करते.
जेव्हा अनुप्रयोग सारख्या अनुभवांचा विचार केला जातो तेव्हा विकास सुलभ करण्यासाठी बरेच लोक केवळ काही आघाडीच्या ब्राउझरचे समर्थन मर्यादित करतात. दुर्दैवाने, हे आम्हाला 1996 च्या परिस्थितीत परत आणते जिथे आपल्याला सामग्री पाहण्यासाठी एका विशिष्ट ब्राउझरची आवश्यकता असते.
आपला कौशल्य सुधारत आहे
तर, वेगवान गतिमान वेब उद्योगासह आपण आपले अद्ययावत कसे रहाल आणि आपला कौशल्य सुधारित कराल? आपल्या कौशल्यांना चालना देण्यासाठी काही भिन्न पद्धती पाहूया ...
व्यासपीठ ज्ञान
डिझायनरच्या शस्त्रागारांचा एक प्रमुख भाग म्हणजे व्यासपीठ ज्ञान. आपल्याला विविध ऑपरेटिंग सिस्टम आणि लोक ते कसे वापरत आहेत याबद्दल माहित असावे. डिझाइनर म्हणून, आम्ही मॅक वापरण्याचा कल करतो, परंतु नंतर हे समजणे सोपे आहे की तेथील बहुतेक लोक आपले काम पूर्ण करण्यासाठी विंडोज बॉक्स वापरत आहेत.
मला वाटते आपण काहीतरी खरोखरच वापरल्यास आपल्याला खरोखरच समजू शकेल. मी माझा मॅक डिझाइन करण्यासाठी वापरण्यास प्राधान्य देतो, परंतु इतर इतर प्लॅटफॉर्मच्या उत्क्रांतीसाठी मी बराच वेळ घालविला आहे. माझ्याकडे विंडोजच्या बर्‍याच प्रती माझ्या मॅकवर आभासी मशीन म्हणून स्थापित केल्या आहेत. मी UI मधील विविध बदल तपासण्यासाठी मायक्रोसॉफ्टच्या इनसाइडर प्रोग्रामचा वापर करून विंडोज 10 च्या नवीन बिल्डच्या चाचणी करण्यात व्यस्त होतो.
ते कसे कार्य करते हे तपासण्यासाठी मी नियमितपणे नवीन हार्डवेअर विकत घेतो. प्लॅटफॉर्मची चाचणी घेण्यासाठी मी Appleपल वॉच खरेदी केले. मी नंतर ते विकले कारण मला वाटले की ते माझ्या आयुष्यात इतके भर घालत नाही.
यापुढे वेबला स्वतःची ऑपरेटिंग सिस्टम म्हणून पाहिले जाऊ शकते. प्रत्येक आठवड्यात प्रत्येक ब्राउझर विक्रेत्यामध्ये नवीन वैशिष्ट्ये जोडल्या जात असताना हे सतत विकसित होत आहे. ब्राउझरच्या तांत्रिक बाबींबद्दल, विशेषत: सीएसएस आणि ग्राफिक क्षमतांविषयी जाणून घेणे अत्यंत फायदेशीर आहे. आपल्याला एसव्हीजी आणि वेबजीएल काय आहेत आणि आपण वेब अ‍ॅनिमेशन एपीआय कसे वापरू शकता हे माहित असणे आवश्यक आहे.
प्रत्येक प्लॅटफॉर्म कालांतराने विकसित होते आणि वापरकर्ता इंटरफेस डिझाइनर म्हणून अद्ययावत रहाणे आपले कार्य आहे. तथापि, आपण जे काही डिझाइन करत आहात ते अलिप्तपणे राहत नाही, परंतु मोठ्या सॉफ्टवेअर इकोसिस्टमचा एक भाग आहे.
मूलभूत गोष्टींकडे परत जा
आपण आज जे संघर्ष करीत आहोत त्यापेक्षा 20 वर्षांपूर्वी आपण संघर्ष करीत असलेल्या गोष्टींपेक्षा वेगळे नाही. पुस्तकांमध्ये एक चांगला सल्ला आहे. जेसन फ्राईड आणि मॅथ्यू लिंडर्मन यांनी वेबसाठी डिफेन्सिव्ह डिझाइन वापरुन पहा आणि स्टार्टर्ससाठी स्टीव्ह क्रूग द्वारा मला विचार करू नका.
आपल्याला मोडसिडी आणि परवडण्यासारख्या संकल्पनांबद्दल माहिती नसल्यास आपल्याला वाचण्याची आवश्यकता आहे. फिट्सचा कायदा काय आहे हे आपण समजावून सांगण्यास सक्षम असले पाहिजे. जवळचा गेस्टल्ट कायदा? ही यूआय डिझाइनची ब्रेड आणि बटर आहे.
खेळ आणि चित्रपटांद्वारे प्रेरित व्हा
एक यूआय डिझायनर म्हणून, मी माझे कार्य करण्यासाठी इतर प्रेरणा स्त्रोतांकडे आकर्षित करतो. मला खेळांमध्ये खूप प्रेरणा मिळाली. काही गेम अतिशय जटिल असतात आणि यूआय डिझाइनर्सना व्यवसाय प्रकल्पांवर काम केलेल्या यूआय डिझायनर सारख्याच जटिल इंटरफेस समस्या सोडवाव्या लागतात.
खेळ देखील ट्रेंड दर्शवू शकतात. कॉलिन मॅकरे रॅलीच्या मेनूमध्ये सापडलेला अतिसूक्ष्मवाद मला iOS7 च्या दिशेची आठवण करून देतो. एक प्रकारे, यूआय अ‍ॅनिमेशन डिझाइन जी आता ट्रेंडी आहे ती अनेक वर्षांपूर्वी आणि गेम्समध्ये दिसत होती. Skeuomorphism पासून बेअर, फंक्शनल इंटरफेस आणि ‘फ्लॅट डिझाईन’ कडे गेलेली खेळी खेळातही उघड आहे. 2006 च्या आकाशवाणीची तुलना २०११ च्या स्कायरीमशी करा. दोन्ही खेळ एकाच मालिकेत आरपीजी आहेत, परंतु फरक उल्लेखनीय आहे.
आयर्न मॅन सारख्या मार्व्हेल चित्रपटांमधील भविष्यकालीन संवाद देखील माझ्यासाठी प्रेरणादायक ठरले आहेत. ती अचूक वापरण्यायोग्य उदाहरणे नाहीत, परंतु ती मला संपूर्ण संगणनाबद्दल अधिक विचार करण्यास उद्युक्त करतात. आम्हाला पडद्याचे भविष्य हवे आहे की पडदे अदृश्य व्हाव्यात अशी आपली इच्छा आहे? डिझाइनरांनी भरलेल्या पबमध्ये उभे राहणे कदाचित हा एक चांगला प्रश्न आहे.
आपण कठोर परिश्रम, चिकाटी, आपल्या तोलामोलांबरोबर बोलणे आणि खूप काही वाचून डिझाइनर म्हणून वाढता. सुमारे एक वर्षापूर्वी मी न्यू यॉर्क टाईम्समध्ये त्यांच्या 80 व्या दशकातील लोकांबद्दलचा एक तुकडा वाचला जो त्यांच्या कलाकुसर चालू ठेवत आहे. मी फक्त सुरू करत आहे असे मला वाटते. तुमचे काय?
