Vivasoft-logo

UI/UX ডিজাইন কি?

UI-UX Design

UI/UX ডিজাইন কি?

সাধারনত আমরা UI মানে কি জানি এটা হচ্ছে সব থেকে বড় বিষয়। UI এর পূর্ণরুপ হচ্ছে User Interface(ইউজার ইন্টারফেস) ।

মূলত এইটা আমরা চিন্তা করতে পারি মানুষের শরীর নিয়ে। ধরুন মানুষের শরীর নিয়ে কথা বলতে গেলে আমরা প্রথমে কি দেখি?

আমরা প্রথমে দেখি তার শরীরের একটা দৃশ্য , যেটা দেখে আমরা বুঝতে পারি যে এইটা একটা মানুষ । আমরা যা দেখে বুঝতে পারি যে এইটা একটা মানুষ সেটাই হচ্ছে তার ইউয়াই(UI) । তার মানে যখন আমরা কোন Mobile App বা Website বা Interaction Design ইত্যাদি নিয়ে কাজ করব তখন আমরা দেখেই বুঝব যে এইটা হচ্ছে Mobile App বা Website এর UI(ইউয়াই)। যেমন উপরে যে ছবিটি দেওয়া আছে সেটা দেখে আমরা আসলে বুঝতে পারি যে এইটা একটি মোবাইলে এ্যাপ এর ইউয়াই(UI)। কিছুটা হলেও আমরা বুঝতে পারছি যে ইউয়াই ডিজাইন কি , এইটা দেখতে কেমন হয়।

UI UX 2 2 UI/UX ডিজাইন কি?

UI/UX এই দুইটা ডিজাইনের মধ্যে সব থেকে গুরুত্বপূর্ণ হচ্ছে UX Design । চলুন আমরা এবার ইউএক্স ডিজাইন নিয়ে একটু খেলা ধুলা করি।

আমরা UI মানে জানি । এখন UX এর পূর্ণরূপ হইলো ইউজার এক্সপেরিএন্স(User Experience)। এখন মনে প্রশ্ন জাগতে পারে ইউজার এক্সপেরিএন্স !! এটা আবার কেমন জিনিস??? প্রশ্ন জাগাটা স্বাভাবিক।

জাওজ্ঞা সামনের দিকে আওজ্ঞা………………………………

চলুন একটা উদাহরন দিয়ে আমরা ইউএক্স (UX) টা বুঝার চেস্টা করি। ইউয়াই তে আমরা যেমন মানুষের শরীর নিয়ে উদাহরন দিয়ে বুঝার চেস্টা করসিলাম এইখানেও আমরা সেটা দিয়েও বুঝার চেস্টা করব। আসলে ইউএক্স বলতে বুঝায় কোন কাজ কিভাবে সেটা বুঝায়। এখন এটা যদি আমরা মানুষের শরীর দিয়ে বুঝতে যায় তাহলে ব্যাপার টা হয় এরকম…

যখন আমরা কোন মানুষকে দেখি তখন সরবপ্রথম আমরা তার শরীর এবং চেহারা দেখতে পাই এটা হছহে ইউয়াই, আর যখন আমরা এইটা দেখবো যে মানুষের শরীরের অঙ্গগুলা কিভাবে কাজ করে এইটা হচ্ছে তার ইউএক্স(UX) যে সে কিভাবে কাজ করে। আমরা এখানে লেখার শেষে একটা এ্যানিমেশন দেখতে পাচ্ছি, যেইটা দেখে বুঝতে পারতেসি এইটা একটা Website। চলুন এইটা নিয়ে একটু আলোচনা করি।

UI Prototype 1 1 UI/UX ডিজাইন কি?

এই এ্যানিমেশনটা তে আমরা দেখতে পাচ্ছি যে ইঁদুরের(Mouse) নড়াচড়ার/ক্লিক এর উপর নির্ভর করে Website টি কিভাবে কাজ করছে। এইটাই হচ্ছে মুলত ইউএক্স(UX)। আর এই ফ্লো টা ডিজাইন করা (এটা কিভাবে কাজ করবে) কে ইউএক্স ডিজাইন(UX Design) বলে। আসলে ইউএক্স এর উপর নির্ভর করে ইউয়াই ডিজাইন করা হয়। কারন আমি যদি না জানি যে কোন বাটনে , কোন ইমেজে ক্লিক করলে কি হবে, মাউসে স্ক্রোল করলে কি হবে তাহলে আমরা বুঝতে পারবো না যে ডিজাইন টা কেমন হবে। এই থেকে আমরা বুঝতে পারি যে ইউয়াই ডিজাইনের আগে ইউএক্স ডিজাইন করা কতটা দরকার।

যাই হোক, এই ছিলো ইউয়াই/ইউএক্স ডিজাইনের(UI/UX Design) উপর আমার জানা কিছু কিছু তথ্য। আশা করি আপনারা উপকৃত হবেন।

ধন্যবাদ।

স্প্রিং সিকিউরিটিঃ আপনার অ্যাপ্লিকেশনের সুরক্ষায়

স্প্রিং সিকিউরিটিঃ আপনার অ্যাপ্লিকেশনের সুরক্ষায় যেকোন ওয়েব অ্যাপ্লিকেশন এর ক্ষেত্রে সিকিউরিটি একটি অত্যন্ত গুরুত্বপুর্ণ ব্যাপার। আমরা জানি ইন্টারনেট প্রচুর দুষ্ট লোকজন দিয়ে ভর্তি  । অনেক অনেক...

স্ট্রিং এর আদ্যোপান্ত

কম্পিউটার প্রোগ্রামিং এ বহুল পরিচিত আর ব্যবহৃত একটা বিষয় হল স্ট্রিং। এক কথায় স্ট্রিং হচ্ছে কতগুলো ক্যারেক্টার এর সিকুয়েন্স বা অনুক্রম।সহজ ভাষায় যখন বেশ কিছু  ক্যারেক্টার একসাথে মিলেমিশে কিছু একটা...

লোকাল স্টোরেজ এবং সেশন স্টোরেজ

localStorageএবং sessionStorage হল ওয়েব স্টোরেজ অবজেক্ট যা ব্রাউজারে কী/মান জোড়া সংরক্ষণ করার অনুমতি দেয়। তাদের সম্পর্কে যা মজার তা হল যে ডেটা একটি পেইজ রিফ্রেশ (এর জন্য sessionStorage) এবং এমনকি...

Elasticsearch কি এবং কেন?

আমরা যারা সফটওয়্যার ইঞ্জিনিয়ার বা যারা টেকনোলোজি নিয়ে কাজ করি বা যে যাই নিয়ে আছি না কেন, সবাই আমরা একটা কথায় একমত হব যে, প্রতিটা

Read More

মাইক্রোসার্ভিসের সিকিউরিটি ও সিঙ্গেল সাইন-অন/সাইন-আউট(SSO): IdentityServer4(OAuth2,OpenID Connect), ASP.NET Identity

আজ আমরা দেখব IdentityServer4(OAuth2,OpenID), ASP.NET Identity -র মাধ্যমে কিভাবে মাইক্রোসার্ভিসের সিকিউরিটি ও সিঙ্গেল সাইন-অন/সাইন-আউট(SSO) সুবিধা ইমপ্লিমেন্ট করা যায়। প্রথমে আমরা কিছু বেসিক জেনে নেই- OAuth2:

Read More