[av_one_full first min_height=” vertical_alignment=” space=” custom_margin=” margin=’0px’ padding=’0px’ border=” border_color=” radius=’0px’ background_color=” src=” background_position=’top left’ background_repeat=’no-repeat’ animation=” mobile_breaking=” mobile_display=”]
[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=”]

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

[/av_textblock]

[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=”]
সাধারনত আমরা UI মানে কি জানি এটা হচ্ছে সব থেকে বড় বিষয়। UI এর পূর্ণরুপ হচ্ছে User Interface(ইউজার ইন্টারফেস) ।
[/av_textblock]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_image src=’https://www.vivasoftltd.com/wp-content/uploads/2018/05/UIUX-Design-1.png’ attachment=’1437′ attachment_size=’full’ align=’center’ styling=” hover=’av-hover-grow’ link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ admin_preview_bg=”][/av_image]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=”]

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

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

[/av_textblock]

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

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

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

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

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

[/av_textblock]

blank

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_image src=’https://www.vivasoftltd.com/wp-content/uploads/2018/05/UI-Prototype-1.gif’ attachment=’1548′ attachment_size=’full’ align=’center’ styling=” hover=’av-hover-grow’ link=” target=” caption=” font_size=” appearance=” overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’no-animation’ admin_preview_bg=”][/av_image]

[av_textblock size=” font_color=” color=” av-medium-font-size=” av-small-font-size=” av-mini-font-size=” admin_preview_bg=”]

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

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

ধন্যবাদ।

[/av_textblock]
[/av_one_full]

[av_hr class=’invisible’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=” custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=” icon=’ue808′ font=’entypo-fontello’ admin_preview_bg=”]

[av_comments_list ]