Introduction of UI/UX

हमने बहुत बार UI और UX के बारे में सुना होगा लेकिन आज हम इस पोस्ट में जानेंगे UI/UX क्या है ? – Introduction of UI/UX.

UI क्या है?

“UI जिसे हम user interface भी कहते है basically उस layout या group of design element को कहते है जिनसे user interact करता है | “

User interface किसी भी app या प्रोडक्ट का ग्राफिकल layout होता है जो किसी app के look और feel के साथ संबंध रखता है| UI डिज़ाइनर, UX डिज़ाइनर द्वारा बनाये गये app या प्रोडक्ट को एक look और feel देता है की उसे user के सामने present करने के लिए क्या उपर्युक्त कलर, फॉण्ट कलर, font type होना चाहिए, वह इस प्रकार सभी design patterns तथा उस app के छोटी -छोटी details को ध्यान में रखकर उसे design करता है |

उदाहरण के लिए अगर आप अपने फ़ोन में देखेंगे तो वह आपको icons दिखाई देंगे icons के नीचे text होगा, ऊपर status bar होगा, ये सब मिलकर एक फ़ोन के home screen की user interface बनाते है |

ऐसे ही अगर कोई app open करेंगे जैसे की YouTube, इसमें आप देखेंगे की videos और videos के नीचे comments section, और उससे संबंधित videos ये सभी मिलकर इस app की user interface बनाएगी| User interface में हमे सही layout, font-colour, high quality images और icons इत्यादि पर विशेष ध्यान देना होता है जिससे की वह अधिक से अधिक आकर्षित दिखाई दे |

UI केवल एक app नही है इसमें website designer software भी आते है, Example – Figma और Adobe XD.

UX क्या है?

UX जिसे हम User Experience कहते है , “इसका मुख्य अभिप्राय किसी भी app के उपयोगकर्ता के लिए एक सरल, उपयोगी, आनंदमय अनुभव बनाने से सम्बंधित है |”

एक तरह से हम कह सकते है की किसी भी product या apps का Internal functionality जैसे वह किस प्रकार कार्य करेगा, किस प्रकार बनाया जाय कि उपयोगकर्ता को उसे चलाने में कोई समस्या न आये, आसानी से सभी उपयोगकर्ता उपयोग कर सके और उसे बनाने का जो motive था वो भी पूरा हो सके ये सभी चीजो को UX define करता है |

UX डिज़ाइनर किसी भी product या app का research करके उसका एक skeleton तैयार करते है फिर , किस प्रकार उपयोगकर्ता के लिए उसे अधिक से अधिक उपयोगी व आसानी से समझने योग्य बनाया जा सके, इन सभी चीजो को ध्यान मे रखकर एक UX डिज़ाइनर किसी app या product को बनाते है | जिसे फिर UI(User Interface) एक आकर्षित लुक और फील देते है |

किसी screen के साथ आप कैसे interact करते है, कैसे आप उस particular screen की UI(User Interface) पर tap करते है और उस पर क्या define action perform होता है यही किसी भी screen का user experiance होता है | User experience को अच्छा बनाने के लिए सबसे important है उसका simple और User friendly होना जिससे किसी उपयोगकर्ता को उसे प्रयोग करते हुए कोई भी परेशानी न हो और उसे exciting लगे |

Difference between UI and UX designer

UI Designer	UX Designer
User interface designer एक app के लुक और फील के साथ संबंध रखता है|	किसी भी app के उपयोगकर्ता के लिए एक सरल, उपयोगी, आनंदमय अनुभव बनाने से संबंधित है |
User Interface designer किसी product या app के color, font type, design patterns के छोटी-छोटी details को design करते है |	UX designer किसी भी product याapp का research करके एक skeleton तैयार करते है |
UI designing के अंतर्गत Graphic design, Visual design, Typography, colour selection इत्यादि चीजे आती है |	UX designing के अंतर्गत user researcher, wire-framing, prototyping, process flow इत्यादि चीजे आती है |
UI designer, app या product को enjoyable और delightful बनाते है |	UX designer, app या product को आसानी से उपयोग करने योग्य बनाते है |
UI designing, में उपयोगकर्ता किसी app या प्रोडक्ट को कैसा देखना पसंद करता है इसे ध्यान में रखा जाता है |	UX designing में उपयोगकर्ता के किसी app या प्रोडक्ट के साथ के experience को define किया जाता है |

How they work together UI/UX designer

एक UX designer यह तय करता है की (User Interface) UI कैसे काम करेगा, जबकि एक UI डिज़ाइनर यह तय करता है की User interface कैसे दिखेगा, जिससे अधिक से अधिक लोग उससे आकर्षित हो | यह एक बहुत ही cooperative प्रक्रिया होती है जिसमे दो designer team एक साथ मिलकर पूरा करते है | जिसमे जो UX(User Experience) टीम होती है वो पहले research करती है फिर wire framing, prototyping करती है और फिर किसी app के functionality जैसे की उसपर tap करने पर वह किस प्रकार work करेगा, उपयोगकर्ता की उसे प्रयोग करने में किसी भी प्रकार की कोई समस्या न हो, उपयोगकर्ता के लिए helpful हो इत्यादि प्रोसेस को पूरा करती है जबकि (User Interface) टीम, उन सभी Interface elements को screen पर कैसे शो किया जाय जिससे ज्यादा से ज्यादा लोग उससे आकर्षित हो, इस पर कार्य करती है |

Conclusion

उम्मीद है आप सभी को UI/UX के बारे में एक basic idea पता चल गया होगा | और मेरा प्रयास रहेगा की मै इस तरह की और जानकारी आपसे share करू | Thank You !

• Blockchain Technology क्या है?
• Flutter Architecture in Hindi
• Charts in MS Excel: Examples and Types in Hindi
• How to setup Flutter in Android Studio-Hindi

#GeeksPartner