বিকাশকারী – ডিজাইনার সহযোগীদের মাধ্যমে মাইক্রো-ইন্টারঅ্যাকশন এবং ইউআই অ্যানিমেশনটি জীবনে আনয়ন

আমরা মাইক্রো-ইন্টারঅ্যাকশন এবং ইউআই অ্যানিমেশনের মাধ্যমে ব্যবহারকারীদের জন্য একটি আনন্দদায়ক অভিজ্ঞতা তৈরি করতে পারি!

হাই, আমার নাম কিয়ো কিম এবং আমি প্রায় দুই বছর ধরে ক্যাপিটাল ওনে প্রোডাক্ট ডিজাইনার হিসাবে কাজ করছি। আপনি নিজেরাই ব্যবহার করেছেন এমন কিছু মোবাইল প্রকল্প সহ আমি এখানে আমার কাজ জুড়ে মাইক্রো-ইন্টারেক্টেশন এবং অ্যানিমেশন ব্যবহার করছি। আমি টেকের কাজ শুরু করার আগে আমার পটভূমি ফিল্মে ছিল। ফিল্মে, শ্রোতাগুলিকে জড়িত এমন একটি গল্প তৈরির জন্য গল্পকর্ম এবং সম্পাদনা সম্পর্কে মনোনিবেশ করা হয়; এবং এটির অনেক কিছুই রূপান্তরগুলির ব্যবহারের মাধ্যমে সম্পন্ন হয়। ডিজিটাল সরঞ্জামগুলির জন্য অভিজ্ঞতা এবং গল্প তৈরি করার সময় আমি সেই দক্ষতাগুলিকে আজ দরকারী বলে মনে করি।

যখন আমি ডিজাইনিং করছি, আমি সেই কারণগুলি সম্পর্কে চিন্তা করি যা ব্যবহারকারীদের স্থানান্তর এবং গল্প বলার সাথে দুর্দান্ত, আনন্দদায়ক অভিজ্ঞতা দেয়।

কোনও পণ্য তার ব্যবহারকারীদের একটি আনন্দদায়ক অভিজ্ঞতা দেওয়ার জন্য, এটি অবশ্যই নান্দনিকভাবে-মনোরম ডিজাইন এবং চিত্তাকর্ষক অ্যানিমেশন প্রভাবগুলির চেয়ে বেশি প্রস্তাব দিতে হবে।

পণ্যটি অ্যাপ-ভিত্তিক, ওয়েব-ভিত্তিক, বা ডিজিটাল পণ্যের অন্য কোনও রূপ যা-ই হোক না কেন, ব্যবহারকারীদের অবশ্যই এটির জন্য তাদের উপভোগ করতে হবে, উপভোগ করতে হবে এবং তাদের সাথে সরাসরি এবং অর্থপূর্ণভাবে জড়িত হওয়ার সুযোগ দিতে হবে উপায়।

মাইক্রো ইন্টারঅ্যাকশনগুলির ব্যবহারকারীর অভিজ্ঞতা এমনভাবে উপভোগ করার এবং সন্তুষ্ট করার ক্ষমতা রাখে যাতে অনেক ডিজাইনের উপাদানগুলি পারে না। পণ্য নকশার প্রসঙ্গে আমরা মাইক্রো-ইন্টারঅ্যাকশনে যাওয়ার আগে, আসুন মূলসূত্রগুলি দিয়ে শুরু করি।

তারা কি? এটি ব্যবহারকারীর অভিজ্ঞতার জন্য কেন ভাল? ডিজাইনার এবং বিকাশকারীদের কেন তাদের কাজের সাথে যুক্ত করা উচিত? পণ্য ডিজাইন দলগুলি কীভাবে তাদের উন্নতি করতে একত্রে কাজ করতে পারে?

মাইক্রো ইন্টারঅ্যাকশনগুলি কী এবং কেন আমাদের তাদের যত্ন নেওয়া উচিত?

মাইক্রো ইন্টারঅ্যাকশন বা ইউআই অ্যানিমেশনগুলি কী কী? লোকেরা প্রায়শই তাদের সুন্দর অ্যানিমেশন, গতি গ্রাফিক্স বা চলন্ত চিত্র নকশা হিসাবে উল্লেখ করে। তবে তারা এর চেয়ে অনেক বেশি।

কেবলমাত্র চলাচলের মায়া তৈরির জন্য অ্যানিমেশনের অন্যান্য রূপগুলির বিপরীতে, মাইক্রো ইন্টারঅ্যাকশনগুলি সরাসরি ব্যবহারকারীর সাথে জড়িত থাকে, তাকে বিভিন্ন কাজ সম্পাদন করতে এবং স্বজ্ঞাত এবং কার্যকর উপায়ে পণ্যটির সাথে ইন্টারঅ্যাক্ট করতে সক্ষম করে।

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

এমনকি যদি আপনি না জেনেন যে মাইক্রো ইন্টারঅ্যাকশনগুলি কী হয় তবে আপনি নিয়মিতভাবে তাদের সাথে যুক্ত হন। প্রতিবার কোনও নির্দিষ্ট কাজ সম্পাদনের জন্য আপনি যখন অ্যাপ্লিকেশন বা ওয়েব-ভিত্তিক পণ্য ব্যবহার করেন - তা খবরের পড়া, কোনও ক্রয় করা, কোনও খেলা খেলানো, কোনও প্রোফাইল তৈরি করা, বা আপনার সেটিংস এবং বিজ্ঞপ্তি পছন্দগুলি সামঞ্জস্য করা - আপনার প্রতিটি ব্যক্তিগত ক্রিয়াকলাপ গঠন করে একটি অণু-মিথস্ক্রিয়া। মাইক্রো ইন্টারঅ্যাকশনগুলি নির্বিঘ্নে একটি পণ্যের প্ল্যাটফর্মের মধ্যে বোনা হয়, তাদের কার্যকারিতা স্বচ্ছ এবং অ্যাক্সেসযোগ্য করে তোলে, কার্যকরভাবে ব্যবহারকারীর সামগ্রিক অভিজ্ঞতার উন্নতি করে।

যদিও এই "ক্রিয়াগুলি" বিভিন্ন ধরণের রূপ নেয়, কিছু সাধারণ উদাহরণগুলির মধ্যে রয়েছে:

  • যখন আমরা কোনও আইটেমটি ভার্চুয়াল শপিং কার্টে "স্থানান্তরিত করি"।
  • যখন আমরা সিটিএ-তে টগল বোতামের মতো দুটি বিকল্পের মধ্যে নির্বাচন করি।
  • যখন আমরা কোনও নিউজ ফিড রিফ্রেশ করতে "টেনে নামি" এবং সর্বশেষ আপডেটটি দেখি।
  • যখন আমরা দীর্ঘ ফিড বা পৃষ্ঠায় "উপরে এবং নীচে" স্ক্রোল করি।

যখন আমরা একটি মাইক্রো-ইন্টারঅ্যাকশন ডিজাইন করি, তখন এটি আমাদের ব্যবহারকারীর অভিজ্ঞতার পক্ষে সত্যই প্রয়োজনীয় এবং প্রয়োজনীয় কিনা তা আমাদের পরীক্ষা করা দরকার। অন্যথায়, এটি কার্যকরভাবে আপনার পণ্য ব্যবহার করে ব্যবহারকারীর ফর্মটি বিভ্রান্ত করার বা ভিজ্যুয়াল গোলমাল হওয়ার সম্ভাবনা রয়েছে।

মাইক্রো ইন্টারঅ্যাকশন এর নীতিমালা

মাইক্রো-ইন্টারঅ্যাকশন ডিজাইন করার সময় আমি তিনটি নীতিই সর্বদা বিবেচনা করি।

  1. ধারাবাহিকতা (এবং সূক্ষ্মতা)

মাইক্রো-ইন্টারঅ্যাকশন উপাদানগুলি সূক্ষ্ম হওয়া উচিত যাতে কোনও ব্যবহারকারী যখন কোন পদক্ষেপ নেন তখন তার অভিজ্ঞতাতে অবিচ্ছিন্ন প্রবাহ থাকে। উদাহরণস্বরূপ, যদি আমরা একটি দীর্ঘ ফিডে একটি স্ক্রোলিং অ্যানিমেশন তৈরি করি, ব্যবহারকারীর নিজেই স্ক্রোলিং অ্যানিমেশনটির চেয়ে পৃষ্ঠার বিষয়বস্তুগুলিতে ফোকাস করতে সক্ষম হওয়া উচিত।

2. ভবিষ্যদ্বাণী

গুণমানের মাইক্রো ইন্টারঅ্যাকশনগুলির পূর্বাভাসের একটি উপাদান রয়েছে যা ব্যবহারকারীকে কোনও পণ্য কার্যকর এবং দক্ষতার সাথে নেভিগেট করতে সক্ষম করে। ব্যবহারকারী তাদের কর্মের প্রভাবগুলি সঠিকভাবে পূর্বাভাস দিতে পারে, তাদের বিপরীতে আরামদায়ক বোধ করতে পারে এবং প্রত্যাশার মতো সম্পাদন করার দক্ষতায় আত্মবিশ্বাসী।

3. রূপান্তরযোগ্যতা

একাধিক স্ক্রিন এবং এর মধ্যে থাকা বিভিন্ন সামগ্রীর সু-সংজ্ঞায়িত রূপান্তরগুলির মধ্যে তরল স্থানান্তরগুলি মানের মাইক্রো-ইন্টারঅ্যাকশনগুলির মূল দিক। তারা ব্যবহারকারীদের মধ্যে পর্দা এবং তার মধ্যে থাকা উপাদানগুলির মধ্যে সম্পর্কের একটি স্বজ্ঞাত বোধ তৈরি করতে সক্ষম করে।

যখন এই নীতিগুলি অনুসরণ করে ডিজাইন করা হয়, তখন মাইক্রো ইন্টারঅ্যাকশনগুলি কীভাবে এটির সাথে ইন্টারঅ্যাক্ট করতে হয় তা জানতে ব্যবহারকারীদের একটি ডিজাইনের প্রসঙ্গ সরবরাহ করে। একটি মাইক্রো-ইন্টারঅ্যাকশন হল একটি ক্ষণস্থায়ী ঘটনা যা একটি একক কাজ সম্পূর্ণ করে। কোনও ওয়েবসাইট বা অ্যাপ্লিকেশন ডিজাইনের নিখুঁততম ইন্টারেক্টিভ উপাদানগুলি মাইক্রো-ইন্টারঅ্যাকশনগুলি সবচেয়ে গুরুত্বপূর্ণ যেহেতু তারা বিভিন্ন মূল ফাংশন পরিবেশন করে।

ট্রিগার (ট্যাপ, সোয়াইপ, টেনে আনুন ইত্যাদি) উপরের বিভাগে তালিকাভুক্ত প্রতিটি ক্রিয়াকলাপ (ধারাবাহিকতা, ভবিষ্যদ্বাণী এবং রূপান্তরযোগ্যতা) শুরু করে। প্রক্রিয়াটি শুরু করতে ব্যবহারকারী কোনও ওয়েবসাইট বা অ্যাপে একটি ক্রিয়া সম্পাদন করে (এটি প্রাথমিক পদক্ষেপের পরেও চলতে থাকলেও)। এটি কোনও ব্যবহারকারীর কল-টু-অ্যাকশনের একটি ধরণ অনুসরণ করে, ইন্টারফেস দ্বারা নির্ধারিত ব্যস্ততার জন্য নিয়ম (কী হবে এবং কীভাবে হবে), ব্যবহারকারীর প্রতিক্রিয়া (এটি কাজ করেছিল কি না) এবং নিদর্শনগুলি বা লুপগুলি (ক্রিয়াটি করে একবারে ঘটুন বা তফসিল পুনরাবৃত্তি)।

-হাতে ডেভেলপার এবং ডিজাইনাররা মাইক্রো-ইন্টারঅ্যাকশনগুলিকে জীবনে আনতে একসাথে কাজ করতে পারেন

যেমন আপনি দেখতে পাচ্ছেন, ব্যবহারকারীর অভিজ্ঞতা গঠনে মাইক্রো-ইন্টারেক্টেশনের একটি গুরুত্বপূর্ণ ভূমিকা রয়েছে। এ কারণে তারা একটি পণ্য ডিজাইনার হিসাবে আমার কাজের ক্রমবর্ধমান গুরুত্বপূর্ণ অংশে পরিণত হয়েছে। একাধিক প্ল্যাটফর্ম এবং ব্যবহারগুলি জুড়ে বিভিন্ন প্রকল্পে কাজ করে, আমি লক্ষ্য করেছি যে এই উপাদানগুলির মূল্য বা কীভাবে কার্যকরভাবে সেগুলি তৈরি করা যায় তা প্রত্যেকেই স্বীকৃতি দেয় না। আরও গুরুত্বপূর্ণ বিষয়, প্রায়শই দলের সদস্যরা ট্র্যাজিশন ডিজাইন এবং মাইক্রো-ইন্টারঅ্যাকশন সম্পর্কিত একে অপরের কাছে কীভাবে তাদের ধারণাগুলি প্রকাশ করবেন তা জানেন না।

আমি বুঝতে পেরেছিলাম যে এটি সমস্ত যোগাযোগের দিকে সিদ্ধ হয়েছে - অনুবাদে কিছু হারিয়ে গেছে যখন আমি আমার বিকাশকারীদের কাছে আমার নকশা ধারণাটি ব্যাখ্যা করি। আপনি আগে কনফুসিয়াসের এই উক্তিটি শুনে থাকতে পারেন, "আমাকে বলুন, আমি ভুলে যাব। আমাকে দেখান, এবং আমি মনে করতে পারে। আমাকে জড়িত করুন, এবং আমি বুঝতে পারি ”'এবং এটি জড়িত হওয়ার মাধ্যমেই যেখানে আমরা, ডিজাইনার এবং বিকাশকারীদের একটি দল হিসাবে দুর্দান্ত অভিজ্ঞতা তৈরি করি।

প্রথমে, নকশা প্রক্রিয়াটির একটি দ্রুত বিবরণ দিয়ে চলুন ...

একটি আদর্শ পরিস্থিতিতে যখন কোনও ডিজাইনার একটি মাইক্রো-ইন্টারঅ্যাকশন সম্পর্কিত ধারণা নিয়ে আসে, ,তিহ্যবাহী কর্মপ্রবাহটি নিম্নলিখিত ক্রমে এগিয়ে যায়:

  1. ডিজাইনার তার ধারণাটি বাস্তবায়নের জন্য চাক্ষুষ উপাদান এবং অ্যানিমেশন প্রভাবগুলি বিকাশ করে।
  2. ডিজাইনার চূড়ান্ত মডেল এবং এর অন্তর্নিহিত ধারণাগুলি অন্যান্য দলের সদস্যদের কাছে উপস্থাপন করে।

তবে যদি ডিজাইনের প্রক্রিয়াটি তত্ত্বের মতো অনুশীলনে খেলতে না পারে তবে কী হবে? আমরা যদি স্টোরিবোর্ড বা একটি অসম্পূর্ণ মডেল উপস্থাপন করি তবে কী হবে? নাকি দলের অন্য কেউ মডেলটি ডিজাইন করছেন?

যখন এটি ঘটে তখন উপস্থাপনা বা বিকাশে সমস্যা দেখা দিতে পারে। এই সমস্যাগুলি সাধারণত তিনটি বিভাগের মধ্যে পড়ে:

  1. অ্যানিমেশন ধারণাটি যথেষ্ট পরিমাণে পরিষ্কারভাবে জানানো হয়নি।

আপনি যদি শব্দ বা স্থির চিত্র সহ অ্যানিমেশন ধারণাটি বর্ণনা করার চেষ্টা করছেন, আপনি আপনার শ্রোতার মুখে কুসংস্কার দেখতে পাবেন। এর অর্থ তারা আপনার ধারণাটি বোঝার জন্য তাদের যথাসাধ্য চেষ্টা করছে, কিন্তু তারা সত্যিই তা পাচ্ছে না। এমনকি তারা যদি প্রাথমিক ধারণাটি বুঝতে পারে তবে তারা যে চিত্রটি তাদের মনে জাগিয়ে তুলেছে তা সম্ভবত আপনি যা কল্পনা করছেন তার সাথে বেমানান। কারণ লোকেরা চলন্ত চিত্র, স্থির চিত্র এবং মৌখিক বিবরণকে বিভিন্ন উপায়ে বোঝে, অ্যানিমেশন ধারণাটি বোঝাতে শব্দ বা চিত্রের উপর নির্ভর করে ভুল সংযোগের জায়গা তৈরি করে এবং আপনার দলের সদস্যদের মধ্যে প্রায়শই অযৌক্তিক উত্তেজনা তৈরি হয়।

2. বিকাশকারীর প্রোটোটাইপ পরীক্ষা না করা এবং পরীক্ষা করা অবধি অ্যানিমেশনটি ভালভাবে কাজ করছে কিনা তা ডিজাইনার জানেন না।

ডিজাইনারদের যখন প্রোটোটাইপিং দক্ষতা থাকে না, তখন তারা স্টোরিবোর্ডের মাধ্যমে তাদের ধারণাগুলি বিকাশকারীদের কাছে সীমাবদ্ধ করে দেয়। এমনকি যদি কোনও ডিজাইনার একটি মাইক্রো-ইন্টারঅ্যাকশন মডেলকে দৃ strongly়ভাবে বিশ্বাস করেন, তবে তিনি বা সে বলতে পারবেন না যে বিকাশকারী প্রোটোটাইপ শেষ না করা পর্যন্ত এটি তার সম্পূর্ণ সম্ভাবনায় কাজ করছে কিনা। এটি বেশ কয়েকটি কারণে সমস্যাযুক্ত, প্রাথমিকটি হ'ল ভুল যোগাযোগের উচ্চ সম্ভাবনা যা এই জাতীয় পদ্ধতির মাধ্যমে প্রক্রিয়াটি প্রবর্তিত হয়। তদ্ব্যতীত, এটি দলের সদস্যদের কাছ থেকে সন্দেহের দ্বার উন্মুক্ত করে এবং ধারণার সম্ভাব্যতা সম্পর্কে প্রশ্ন বাড়ে। এটি উন্নয়নের দৃষ্টিকোণ থেকে সময়ের নিরিখে ব্যয়বহুল হতে পারে।

৩. ডিজাইনার এবং বিকাশকারী একই পৃষ্ঠায় নেই

ডিজাইনাররা যখন ইউআই অ্যানিমেশন বা মাইক্রো-ইন্টারঅ্যাকশনগুলি তৈরি করে তখন তারা কাস্টম ইজেস, স্ক্রিপ্টস, এক্সপ্রেশন এবং অন্যান্য প্রভাবগুলির মতো জটিল নকশার বিবরণ অন্তর্ভুক্ত করার চেষ্টা করে। এই ধারণাগুলি বিকাশকারীদের কাছে উপস্থাপন করার সময় তারা শুনতে পাবে, "এটি আমাদের সময়রেখায় তৈরি করা সম্ভব নয়," বা "আমরা এটিকে ঠিক তেমন করতে পারি না তবে আমরা চেষ্টা করব” "এই মুহুর্তে তারা হ্যাশ করার চেষ্টা করতে পারে বিকাশকারীদের সাথে বিভিন্ন বিবরণ এবং প্রযুক্তিগত সমস্যাগুলি আউট করুন। তবে এই আলোচনার ফলস্বরূপ ফলস্বরূপ হতে পারে যদি ডিজাইনারের কাছে সরঞ্জামগুলি বা ভাষা বিকাশকারীরা ব্যবহার করেন সেগুলির কার্যকরী জ্ঞান না থাকে। ধারণাগুলি তৈরি এবং আলোচনার সময় এই বিষয়গুলি বিবেচনায় নেওয়া উচিত যাতে মাইক্রো ইন্টারঅ্যাকশনগুলি বিকাশকারীদের ডিফল্ট সেটিংসের সাথে সামঞ্জস্যপূর্ণ হয়, চূড়ান্ত পণ্যটি ডিজাইনারের (এবং প্রত্যেকের) মানদণ্ডের সাথে মিলিত হওয়ার সম্ভাবনা বাড়িয়ে তোলে।

এই সমস্যাগুলির কিছু সমাধান কী?

সমস্ত ডিজাইনার এবং বিকাশকারীদের তাদের অ্যানিমেশন ধারণাগুলি সম্পর্কে যোগাযোগ করার নিজস্ব নিজস্ব পদ্ধতি থাকলেও, আমার দলটি যে পদ্ধতিগুলি ব্যবহার করছে সেগুলির মধ্যে একটি ভাগ করতে চাই। এই পদ্ধতিটি বেশ সফল হয়েছে এবং এর ফলে কম সভা হয়েছে এবং আমাদের দলের যোগাযোগের উন্নতি হয়েছে।

এখন, আমরা আর মাইক্রো-ইন্টারঅ্যাকশনগুলি অন্তর্ভুক্ত করবেন কিনা সে বিষয়ে তর্ক করছি না, আমরা তাদের আরও উন্নত করার উপায়গুলি অন্বেষণ করছি!

কঙ্কাল মিথস্ক্রিয়া ধারণা এবং মিথস্ক্রিয়া গাইড

"কঙ্কাল মিথস্ক্রিয়া ধারণা এবং মিথস্ক্রিয়া গাইড ব্যাখ্যা করার কোন অবকাশ রাখেনি যা আমাকে তাত্ক্ষণিকভাবে কাজ শুরু করতে এবং ডিজাইনারের দৃষ্টিভঙ্গির সাথে মেলে আত্মবিশ্বাসী হতে সক্ষম করে” "- জেস এম এম মাজার / লিড আইওএস প্রকৌশলী

ইউএক্স ডিজাইন সম্পর্কে যোগাযোগ করার জন্য আমরা যে স্ট্যান্ডার্ড প্রক্রিয়াটি ব্যবহার করি তা ইউআই অ্যানিমেশনগুলির জন্য ভাল অনুবাদ করে না। প্রথমে, ইউএক্স ডিজাইন এবং প্রবাহগুলি এখনও পর্দার দ্বারা স্ক্রিন ডিজাইন করা হয়েছে এবং স্থিতিশীল। ইউআই অ্যানিমেশনগুলি নিজের মধ্যে প্রবাহিত হয়, সেগুলি তরল এবং সময় ভিত্তিক। যখন আমরা একটি স্ট্যাটিক ডিজাইন তৈরি করি, আমরা একটি রুক্ষ ওয়্যারফ্রেম তৈরি করি যাতে আমরা ধারণাটি বুঝতে পারি এবং প্রবাহটি নিয়ে আলোচনা করতে পারি। এটি আমাদের চূড়ান্ত সংস্করণ তৈরি করার আগে ডিজাইনটিকে সহজেই সংশোধন এবং সূক্ষ্ম-সুরের অনুমতি দেয়। একবার প্রতিটি দলের সদস্য একমত হন যে ডিজাইনটি বিকাশকারীদের হাতে তুলে দেওয়ার জন্য প্রস্তুত, ডিজাইনার বিকাশকারীকে একটি স্টাইল-গাইড এবং একটি লাল রেখা সরবরাহ করে যাতে বিশদ, চশমা এবং নকশা সম্পর্কিত অন্যান্য গুরুত্বপূর্ণ তথ্য থাকে।

যদি আমরা অ্যানিমেশনগুলির জন্য অনুরূপ প্রক্রিয়াটি ব্যবহার করি তবে আমাদের প্রক্রিয়াটি আরও দ্রুত এবং ভাল হতে পারে।

  1. কঙ্কাল মিথস্ক্রিয়া ধারণা (গতি অধ্যয়ন)

একটি কঙ্কাল কথোপকথন ধারণা প্রবাহ ডিজাইনের সময় আপনি যে ওয়্যারফ্রেমের তৈরি করেছিলেন তার অনুরূপ, মূল পার্থক্য হ'ল এটি একটি প্লেযোগ্য / ক্লিকযোগ্য প্রোটোটাইপ ডেমো। যদি আমরা এটি একটি সভায় নিয়ে আসি তবে আমাদের দলের সদস্যদের ধারণাটি বুঝতে তাদের কল্পনা ব্যবহার করতে হবে না। ডিজাইনারটি ডিজাইনের ভিজ্যুয়াল এবং অ্যানিমেশন উপাদানগুলিকে সরাসরি উল্লেখ করতে প্লেযোগ্য / ক্লিকযোগ্য ডেমো বা স্ট্যাটিক স্টোরি বোর্ড ব্যবহার করতে পারে। এটি প্রত্যেককে তার ধারণা সম্পর্কে একটি পরিষ্কার এবং সঠিক ধারণা দেবে। পরিবর্তে, অংশীদাররা অত্যন্ত নির্দিষ্ট এবং এইভাবে ডিজাইনারের কাছে অত্যন্ত মূল্যবান প্রতিক্রিয়া সরবরাহ করতে পারে। একই সময়ে, পণ্য পরিচালনা এবং উন্নয়ন দলগুলি এমন তথ্য অর্জন করবে যা প্রকল্পের জন্য তাদের অভ্যন্তরীণ যোগাযোগ এবং সময় অনুমানের উন্নতি করতে সক্ষম করবে।

2. ইন্টারঅ্যাকশন গাইড

দলটি একবার কনসেপ্টে সম্মতি জানালে ডিজাইনার ইন্টারঅ্যাকশন গাইড তৈরি করে। এটি কোনও স্টাইল গাইডের সমান যা এতে উপাদানগুলির অবস্থান, আবর্তন, স্কেল এবং সময়ক্রমের রূপরেখা দেয়। অ্যানিমেশনগুলি সম্পর্কে আমরা প্রতিটি বিশদ যুক্ত করতে পারি, যা আমাদের অংশীদারদের এটি পরিষ্কারভাবে বুঝতে সহায়তা করবে। ডিজাইনার যখন তাদের অংশীদারদের জন্য ইন্টারঅ্যাকশন গাইড দেখায়, তখন সে অ্যানিমেশন ধারণার গতিবিধি এবং পরিমাপ সম্পর্কে আরও পরিষ্কার হতে পারে। এটি সহযোগিতার মাধ্যমে কাজ চূড়ান্ত করার জন্য খুব সহায়ক। এটি ডিজাইনারদের তাদের অ্যানিমেশন / মাইক্রো-ইন্টারঅ্যাকশন ডিজাইনে আরও চিন্তাশীল হতে সহায়তা করে।

৩. ডিজাইনারদের জন্য প্রোটোটাইপিং দক্ষতা

আমার অভিজ্ঞতায় নিজেকে সফল ডিজাইনের সহযোগিতার জন্য দাঁড় করানোর জন্য পণ্য ডিজাইনারকে অ্যানিমেশনের চালক হওয়া উচিত এবং বিকাশকারীকে সমর্থন সরবরাহ করা উচিত। এর অর্থ হল পণ্য ডিজাইনার অংশীদারিত্বের বেশিরভাগ দায়িত্ব বহন করে। তারা কেবল তাদের ধারণাটি খুব স্পষ্টভাবে ব্যাখ্যা করার জন্যই দায়বদ্ধ নয়, তাদের অবশ্যই ধারণার প্রমাণ সরবরাহ করে তারা প্রযোজ্য তা প্রদর্শন করতে হবে। এর অর্থ হ'ল পণ্য ডিজাইনারদের তাদের নিজস্ব অ্যানিমেশন প্রোটোটাইপ তৈরি করতে সক্ষম হওয়া দরকার। যদি কোনও প্রোডাক্ট ডিজাইনার একটি প্রোটোটাইপ তৈরি করতে পারেন এবং একটি সভার সময় এটি উপস্থাপন করতে পারেন, এরপরে আলোচনাটি আরও স্পষ্ট এবং কম সময় সাপেক্ষ হবে এবং সামগ্রিকভাবে আরও কার্যকর যোগাযোগের প্রক্রিয়া পরিচালিত করবে।

সুতরাং, ডিজাইনারদের কি ধরণের প্রোটোটাইপিংয়ের সরঞ্জামগুলির সাথে পরিচিত হওয়া উচিত? সেখানে অনেকগুলি সরঞ্জাম রয়েছে তবে নির্দিষ্ট মাইক্রো-ইন্টার্যাকশন কাজের জন্য কোনটি সবচেয়ে ভাল কাজ করে তা সকলেই জানেন না। এই উপাদানগুলি নকশা করার আমার ব্যক্তিগত অভিজ্ঞতার ভিত্তিতে আমার প্রস্তাবনাগুলি এখানে দেওয়া হল।

আপনি কোডিংয়ের সাথে পরিচিত হলে:

  • মোবাইল: এক্সকোড, অ্যান্ড্রয়েড স্টুডিও
  • মোবাইল বা ওয়েব: ফ্রেমার
  • ওয়েব: সিএসএস অ্যানিমেশন

আপনি যদি স্ক্রিনের মতো ধাক্কা এবং মডিউলটির মধ্যে একটি ইন্টারঅ্যাকশন ডিজাইন করতে চান:

  • আমন্ত্রণ এবং মার্বেল

আপনি যদি আরও বিস্তারিত ইন্টারঅ্যাকশন তৈরি করতে চান:

  • অধ্যক্ষ, অ্যাডোব সিসি, অরিগামি স্টুডিও এবং পিক্সেট

আপনি যদি বিস্তারিত ইন্টারঅ্যাকশন + অ্যানিমেশন তৈরি করতে চান:

  • পরবর্তী প্রভাব

বর্তমানে, আমি আমার প্রোটোটাইপিংয়ের পরে প্রভাব ব্যবহার করার অনুরাগী। এটি ইন্টারেক্টিভ না হলেও (অর্থাত্ ক্লিকযোগ্য), এটি অ্যানিমেশন ধারণা উপস্থাপনের সঠিক উপায়। এছাড়াও, প্রভাবের কোনও সীমাবদ্ধতা নেই এবং আপনি বিশদ আন্দোলন নিয়ন্ত্রণ করতে সক্ষম হন। এটি এআর এবং ভিআর এর মতো 3 ডি স্পেসে ইন্টারঅ্যাকশন করার জন্য এটি ব্যবহার করা এমনকি সম্ভব।

আনন্দদায়ক টিমের ইন্টারঅ্যাকশনগুলি আনন্দদায়ক পণ্যগুলির জন্য তৈরি করে

মাইক্রো-ইন্টারঅ্যাকশনগুলি ক্রমবর্ধমান গুরুত্বপূর্ণ হয়ে উঠেছে - যদি তা গুরুত্বপূর্ণ না হয় - ওয়েব, মোবাইল ডিজাইন এবং আরও অনেক কিছু। এমনকি ডিজাইনার এবং বিকাশকারী উভয়ই ইউআই অ্যানিমেশনগুলির মান স্বীকৃতি দেয় এবং সেগুলি তৈরি করতে অনুপ্রাণিত হয়, তারা প্রায়শই একটি দক্ষ, কার্যকর উপায়ে সহযোগিতা করার জন্য সংগ্রাম করে। সময়মতো দুর্দান্ত মাইক্রো-ইন্টারঅ্যাকশন পাঠাতে একটি শক্তিশালী দল লাগে; এই জাতীয় দলগুলির জন্য কার্যাদি সম্পাদনের জন্য কার্যকর ভূমিকা, কার্যকর যোগাযোগ দক্ষতা এবং সঠিক প্রোটোটাইপিং সরঞ্জামগুলি প্রয়োজন।

সাফল্যের জন্য আপনার মাইক্রো-ইন্টারঅ্যাকশন সেট আপ করতে, আপনার দলটি এই বৈশিষ্ট্যগুলি ধারণ করেছে এবং এই প্রক্রিয়াগুলির সাথে জড়িত তা নিশ্চিত করুন। এবং আপনার নিজের মাইক্রো-মিথস্ক্রিয়া ভ্রমণের জন্য শুভকামনা!

প্রকাশের বিবৃতি: এই মতামত লেখকের মতামত। এই পোস্টে অন্যথায় উল্লিখিত না হলে, মূলধন ওয়ান উল্লেখ করা কোনও সংস্থার সাথে অনুমোদিত নয়, বা এটির দ্বারা অনুমোদিতও নয়। ব্যবহৃত বা প্রদর্শিত সমস্ত ট্রেডমার্ক এবং অন্যান্য বৌদ্ধিক সম্পত্তি হ'ল তাদের নিজ নিজ মালিকদের মালিকানা। এই নিবন্ধটি © 2017 মূলধন।

মূলধন ওয়ান এপিআই, ওপেন সোর্স, সম্প্রদায় ইভেন্ট এবং বিকাশকারী সংস্কৃতি সম্পর্কে আরও তথ্যের জন্য আমাদের ওয়ান স্টপ বিকাশকারী পোর্টাল: ডেভেলপার।