অ্যান্ড্রয়েড বনাম আইওএসের জন্য বিকাশ: নেভিগেশন প্যাটার্নস

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

আপনার যদি এখনও ফ্ল্যাট বনাম উপাদান সম্পর্কে ভাল ধারণা না থেকে থাকে তবে আমি এই নিবন্ধটি পড়ার আগে আপনাকে এটি পড়ার পরামর্শ দিচ্ছি।

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

এই সপ্তাহে, নেভিগেশন ডিজাইন প্যাটার্নগুলি সম্পর্কে আলোচনা করা যাক।

আপনার ব্যবহারকারীরা কীভাবে আপনার মোবাইল অ্যাপ্লিকেশনটি চালাবেন সে সম্পর্কে আপনি যখন চিন্তাভাবনা করছেন তখন আপনার নিজেকে নিম্নলিখিত ধরণের প্রশ্ন জিজ্ঞাসা করা উচিত:

  • ব্যবহারকারীর কীভাবে আমার অ্যাপ্লিকেশনটির পার্থক্য বিভাগগুলি নেভিগেট করা উচিত?
  • আমার কোনও নেভিগেশন ড্রয়ার বা ট্যাব ব্যবহার করা উচিত?
  • আমার ট্যাবগুলি স্ক্রিনের শীর্ষে বা নীচে থাকা উচিত?
  • আমি কীভাবে আমার ব্যবহারকারীকে তাদের বর্তমান দৃশ্য থেকে ফিরে যেতে দেব?

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

নেভিগেশন অধ্যয়ন কেন বিরক্ত করবেন?

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

ট্যাব

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

আইওএস

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

টুইটারের আইওএস অ্যাপে ট্যাবগুলিট্রেলোর আইওএস অ্যাপে ট্যাব বার

ট্যাবগুলির একটি সাধারণ ব্যবহারের প্রত্যেকটিতে আপনার অ্যাপ্লিকেশনটির একটি অংশ থাকে:

  • হোম (মূল বিষয়বস্তু) ট্যাব
  • ট্যাব অনুসন্ধান করুন (অনুসন্ধান করার জন্য সামগ্রী থাকলে)
  • রচনা করুন / ট্যাব তৈরি করুন
  • বিজ্ঞপ্তি ট্যাব
  • প্রোফাইল ট্যাব
তদ্ব্যতীত, ট্যাবগুলিতে প্রায়শই আইকন বা নম্বর থাকে যা ইঙ্গিত করে যে ব্যবহারকারীর জন্য নতুন সামগ্রী রয়েছে

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

প্রতিকৃতি মোডে আইওএস ডিভাইসে আনুভূমিকভাবে কেবলমাত্র এত বেশি জায়গা রয়েছে। সুতরাং আপনি যদি 6th ষ্ঠ ট্যাব স্থাপন করেন তবে তাদের সকলের জন্য কোনও স্থান থাকবে না এবং সিস্টেমগুলি তাদের আরও ট্যাবে "ফ্লপ" করবে। সেই বিন্দুযুক্ত ট্যাবে টোকা দেওয়া অন্য ট্যাব বিকল্পগুলির একটি তালিকা খোলে যা এটিকে ট্যাব বারে তৈরি করে না।

অ্যাপলের সংগীত অ্যাপ্লিকেশনটিতে আরও ট্যাবের একটি উদাহরণ

অ্যান্ড্রয়েড

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

টুইটারের অ্যান্ড্রয়েড অ্যাপে ট্যাবগুলি

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

swiping

অ্যান্ড্রয়েড অ্যাপ্লিকেশন (ব্যাকড্রপসের মতো) ব্যবহারকারীরা ট্যাবগুলির মধ্যে নেভিগেট করতে সাধারণত স্ক্রিনটিকে অনুভূমিকভাবে সোয়াইপ করতে দেয়।

নীচে নেভিগেশন বার

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

ট্যাবগুলি বিভিন্ন দর্শন এবং এর মধ্যে অন্বেষণ এবং স্যুইচ করা সহজ করে তোলে

নীচে নেভিগেশন বারগুলি একক ট্যাপে শীর্ষ-স্তরের মতামতগুলির অন্বেষণ এবং স্যুইচ করা সহজ করে।

সাইড নেভিগেশন ড্রয়ার

যদি আপনার অ্যাপ্লিকেশনটিতে মুষ্টিমেয় মূল বিভাগগুলি (বা "সেকেন্ডারি" বিভাগ যেমন সেটিংস এবং প্রতিক্রিয়া) বেশি থাকে তবে একটি নেভিগেশন ড্রয়ারটি অন্য একটি খুব জনপ্রিয় ডিজাইনের ধরণ। এটি আপনাকে বিভাগগুলির একটি তালিকা সরবরাহ করতে সহায়তা করে যা তারা যখন প্রয়োজন হয় না তখন তারা তা কেড়ে নিতে পারে।

আইওএস

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

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

অ্যান্ড্রয়েড

অ্যান্ড্রয়েডে, নেভিগেশন ড্রয়ারগুলি একটি দেশীয় নকশার প্যাটার্ন, সুতরাং গুগল আপনাকে এমন একটি API সরবরাহ করে যা আপনাকে নেভিগেশন ড্রয়ার তৈরি করতে হবে, তৃতীয় পক্ষের API গুলি অনুসন্ধান করার দরকার নেই।

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

শীর্ষ বারগুলি

আইওএস

আইওএসে উপরের বারটিকে নেভিগেশন বার বলা হয়। নেভিগেশন বারগুলি সাধারণত অন্তর্ভুক্ত করে:

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

নেভিগেশন বারের মূল উদ্দেশ্যটি পিছনের বোতামটি ব্যবহারের মাধ্যমে ক্রমবর্ধমান অ্যাপ্লিকেশন স্ক্রিনগুলির মাধ্যমে ব্যবহারকারীকে নেভিগেশনের অনুমতি দেওয়া।

অ্যান্ড্রয়েড

অ্যান্ড্রয়েডে উপরের বারটিকে টুলবার বলা হয়। অ্যান্ড্রয়েডের সরঞ্জামদণ্ডটি আইওএসের চেয়ে বেশি মানকযুক্ত এবং সাধারণত অন্তর্ভুক্ত:

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

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

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

পিছনে বোতামগুলি (এবং অ্যান্ড্রয়েডের নেভিগেশন বার)

কোনও স্ক্রিনে নেভিগেট করা দুর্দান্ত but তবে এটি কীভাবে ফিরে যেতে হবে তা ব্যবহারকারীদের কাছে স্পষ্ট করে দেওয়াও গুরুত্বপূর্ণ।

আইওএস

আইওএস-এ নেভিগেশন বারের বাম পাশে একটি ব্যাক / ক্লোজ বোতামের মাধ্যমে ব্যবহারকারীকে ফিরে নেভিগেট করার একমাত্র উপায় হ'ল আইওএস এ।

অ্যান্ড্রয়েড

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

আপ বোতাম

আপ বোতামটি সাধারণত একটি সরঞ্জামদণ্ডে অন্তর্ভুক্ত থাকে এবং ব্যবহারকারীকে তারা আপনার অ্যাপ্লিকেশনটিতে দেখানো শেষ স্ক্রিনে ফিরে যায় (যতক্ষণ না তারা অ্যাপের হোম স্ক্রিনে পৌঁছায়)।

অ্যান্ড্রয়েড নেভিগেশন বার এবং পিছনে বোতাম

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

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

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

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

উপসংহার

এটি আইওএস এবং অ্যান্ড্রয়েড নেভিগেশন প্যাটার্নস উপর এই সপ্তাহে নিবন্ধ জন্য।

পরবর্তী নিবন্ধে, আমরা মোবাইল অ্যাপ্লিকেশনগুলির জন্য নেটিভ বনাম হাইব্রিড বিকাশকে এগিয়ে যাব।

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

এই নিবন্ধটি সহ-রচনা করেছেন:

জর্ডান রেজাউদ, একটি সফটওয়্যার ইঞ্জিনিয়ারিং পরামর্শদাতা যিনি মোবাইল স্পেসে ক্লায়েন্টদের তাদের প্রয়োজনীয় সফ্টওয়্যারটি আর্কিটেকিং এবং লেখার মাধ্যমে সহায়তা করেন।

এবং

অ্যালেক্স বুশ, স্মার্টক্লাউডের একটি সফটওয়্যার ইঞ্জিনিয়ার। তিনি উন্নত আইওএস বিষয়গুলি এবং রবি অন রেল সম্পর্কে ব্লগ করেন।