গতি

মোশন একটি শক্তিশালী টুল যা ড্রাইভিং প্রসঙ্গে অল্প ব্যবহার করা উচিত। এটি তখনই উপযুক্ত যখন এটি চালকদের রাস্তা থেকে তাদের মনোযোগ বিভ্রান্ত না করে তাদের জানাতে সাহায্য করতে পারে৷

এক নজরে নির্দেশিকা (TL;DR):

  • অপ্রয়োজনীয় গতির সাথে ব্যবহারকারীদের বিভ্রান্ত করা এড়িয়ে চলুন
  • ব্যবহারকারীদের বোধগম্যতা বাড়াতে এবং তাদের দক্ষতা তৈরি করতে গতি ব্যবহার করুন
  • সমস্ত প্রাসঙ্গিক হার্ডওয়্যারের জন্য আপনার গতি ভাষা যথেষ্ট নমনীয় করুন
  • আপনার পরিস্থিতির জন্য প্রস্তাবিত গতি প্যাটার্ন ব্যবহার করুন

গতি নীতি

গাড়ির ইন্টারফেসের জন্য Android এর জন্য গতি ডিজাইন করার সময়, তিনটি মৌলিক নীতি মাথায় রাখুন: নিরাপদ থাকুন, তথ্যপূর্ণ হন এবং নমনীয় হন৷

নিরাপদ

ড্রাইভিং হল ব্যবহারকারীর প্রাথমিক কাজ – বাকি সবই গৌণ৷ ব্যবহারকারীর মনোযোগকে একটি সীমিত সম্পদ হিসাবে বিবেচনা করুন এবং অপ্রয়োজনীয় বিভ্রান্তি তৈরি করতে গতি ব্যবহার এড়িয়ে চলুন।

চোখের জিআইএফ

তথ্যপূর্ণ

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

তথ্যপূর্ণ জিআইএফ

নমনীয়

একটি মোশন ল্যাঙ্গুয়েজ সংজ্ঞায়িত করুন যা সমস্ত আকার এবং আকারের স্ক্রীনগুলির পাশাপাশি সমস্ত ধরণের ব্যবহারকারীর ইনপুটের সাথে সামঞ্জস্য করার জন্য যথেষ্ট পরিমাণে স্কেলযোগ্য এবং নমনীয়।

ফ্লেক্স স্ক্রিন জিআইএফ

মোশন প্যাটার্ন

সমস্ত অ্যাপ জুড়ে একটি সামঞ্জস্যপূর্ণ ব্যবহারকারীর অভিজ্ঞতা সমর্থন করার জন্য, Android Automotive নিম্নলিখিত পরিস্থিতিতে ব্যবহার করার জন্য নির্দিষ্ট গতির ধরণগুলির জন্য সুপারিশ প্রদান করে:

  • একই-স্তরের দৃশ্যগুলির মধ্যে স্যুইচ করা হচ্ছে
  • একটি বিস্তারিত ভিউ সরানো
  • একটি বিদ্যমান কর্ম প্রসারিত
  • একটি ক্রিয়াকে ছোট করা এবং প্রসারিত করা
  • একটি কর্ম ব্যাহত

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


একই-স্তরের দৃশ্যগুলির মধ্যে স্যুইচ করা হচ্ছে

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

পিয়ার ট্রানজিশন উদাহরণ
একটি সুইফ্ট ক্রসফেড ব্যবহারকারীকে একটি নেভিগেশনাল অ্যাপ থেকে একটি মিডিয়া অ্যাপে নিয়ে যায় এবং আবার Android Automotive-এ ফিরে আসে

উদাহরণ

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

একটি বিস্তারিত ভিউ সরানো

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

পিতা-মাতা থেকে সন্তানের রূপান্তর
একটি অভিভাবক স্ক্রীন থেকে, শিশু উপাদানটি উপরে উঠে যায় এবং জায়গায় প্রসারিত হয়

উদাহরণ

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

একটি বিদ্যমান কর্ম প্রসারিত

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

গৌণ ক্রিয়া বন্ধ করার সময়, এই গতির বিপরীত ব্যবহার করুন। বিপরীত গতিতে মূল গতির চেয়ে কম সময় নেওয়া উচিত, যেহেতু ব্যবহারকারী সেকেন্ডারি অ্যাকশনটি সম্পন্ন করেছেন এবং প্রস্থান করতে প্রস্তুত৷

কলআউট আইকন
সময়কাল
ট্রানজিশনে কতক্ষণ সময় লাগবে সে বিষয়ে ম্যাটেরিয়াল ডিজাইন নির্দেশিকা
সেকেন্ডারি অ্যাকশন ওভারলে
এখানে, গৌণ ক্রিয়াটি একটি ওভারলেতে প্রাথমিক ক্রিয়া থেকে উঠে আসে, যখন প্রাথমিক ক্রিয়াটি স্ক্রিমের পিছনে আংশিকভাবে দৃশ্যমান থাকে

উদাহরণ

অ্যান্ড্রয়েড অটো ওএস অ্যাকশন ওভারলে উদাহরণ
অ্যান্ড্রয়েড অটোমোটিভ ওএস মিডিয়া টেমপ্লেটে, যখন ব্যবহারকারী কন্ট্রোল বার প্রসারিত করতে ওভারফ্লো বোতামে ট্যাপ করে, তখন অতিরিক্ত নিয়ন্ত্রণ উঠে যায় এবং ওভারলেতে প্রদর্শিত হয়

একটি ক্রিয়াকে ছোট করা এবং প্রসারিত করা

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

একটি চলমান ক্রিয়াকে ছোট করার সময়, এই গতির বিপরীতটি ব্যবহার করুন। মিনিমাইজিং মোশনে প্রসারিত গতির চেয়ে কম সময় নেওয়া উচিত, যেহেতু ব্যবহারকারী মূলত এই ক্রিয়াটি ত্যাগ করছে এবং এটিকে পথ থেকে বের করার জন্য প্রস্তুত।

কলআউট আইকন
সময়কাল
ট্রানজিশনে কতক্ষণ সময় লাগবে সে বিষয়ে ম্যাটেরিয়াল ডিজাইন নির্দেশিকা
একটি মিনিমাইজড স্ক্রিন প্রসারিত করা হচ্ছে
ন্যূনতম অ্যাকশনটি পূর্ণ স্ক্রিনে প্রসারিত হয় কারণ এটি বর্তমান অ্যাকশনের উপরে বিবর্ণ হয়ে যায়

উদাহরণ

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

একটি কর্ম ব্যাহত

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

সংক্ষিপ্ত কর্ম উদাহরণ
যখন বিঘ্নকারী ক্রিয়াটি স্ক্রিনের শীর্ষের কাছে উপস্থিত হওয়া উচিত, তখন এটিকে আংশিক স্ক্রিম দিয়ে উপরে থেকে স্লাইড করুন

উদাহরণ

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