টিভিওএস বনাম অন্যান্য ডিভাইসগুলি ইন্টারঅ্যাকশনটিকে মাথায় রেখে ডিজাইন করা

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

টিভিওএস ডিজাইন করার সময় কী মনে রাখা উচিত সে সম্পর্কে এখানে একটি ছোট গাইড রয়েছে

মূল বিষয়গুলি টিভিএসের জন্য ডিজাইনিং

মানব ইন্টারফেস নির্দেশিকা

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

স্ক্রিনের আকার এবং মার্জিনগুলি

টিভিওএস ডিজাইন করার সময় আপনাকে কেবল একটি পর্দার আকার সম্পর্কে চিন্তা করতে হবে! 1920 x 1080 (16: 9)। এটি ডেস্কটপ এবং মোবাইলের সাথে তুলনা করে এমন এক রোমাঞ্চ যেখানে আপনাকে অনেকগুলি ভিন্ন স্ক্রিন আকার বিবেচনা করতে হবে। পুরানো টিভিগুলিতে ওভারস্ক্যানিংয়ের কারণে অনিচ্ছাকৃত ক্রপিং ঘটতে পারে, তাই প্রাথমিক সামগ্রীগুলি প্রান্ত থেকে দূরে রাখুন। একটি ভাল গাইড হ'ল উপরের এবং নীচে থেকে 60 পিক্সেল এবং পাশ থেকে 90 পিক্স এড়ানো। অ্যাপল টিভি 4 টি টিভিতে এইচডি টিভিগুলিতে স্ট্যান্ডার্ড-রেজোলিউশন চিত্র এবং উচ্চ-রেজোলিউশন চিত্র প্রদর্শন করে। আপনার অ্যাপ্লিকেশন উভয় বিন্যাসে চিত্র সরবরাহ করা উচিত। এর জন্য সমস্ত সম্পদ @ 1x রেজোলিউশন (এইচডি) এবং @ 2x (4 কে) হওয়া উচিত।

দূরত্ব

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

টাইপোগ্রাফি এবং পাঠ্য

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

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

টেমপ্লেট এবং গ্রিড লেআউট

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

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

ইঙ্গিত অফস্ক্রিন সামগ্রী

সারি এবং কলামগুলিতে পর্দার বাইরে যে সামগ্রী রয়েছে সেগুলি এমনভাবে বিন্যস্ত করতে হবে যা সেই সামগ্রীর অন্তত 10-20% দেখায়। এটি ব্যবহারকারীকে বুঝতে সহায়তা করে যে এটি আরও চলাচল করা সম্ভব। আপনি যদি অ্যাপলের এইচআইজিতে প্রদর্শিত গ্রিড বিন্যাসটি অনুসরণ করেন তবে সামগ্রীটি যেমনটি করা উচিত ঠিক তেমনভাবে সাজানো হবে।

মিথষ্ক্রিয়া

শেয়ার্ড বনাম ব্যক্তিগত / মোবাইল বনাম স্টেশনারি

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

আলগা বনাম সুনির্দিষ্ট মিথস্ক্রিয়া

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

দূরবর্তী মিথস্ক্রিয়া

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

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

https://developer.apple.com/tvos/human-interface-guidelines/remote-and-controllers/remote/

ফোকাস-ভিত্তিক ইন্টারঅ্যাকশন

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

অ্যাপল টিভিতে ফোকাসযোগ্য আইটেমগুলিতে পাঁচটি পর্যন্ত পৃথক পৃথক রাজ্য থাকতে পারে, যার প্রত্যেকটিরই দৃশ্যত পৃথক হওয়া উচিত।

অনুভূমিক বনাম উল্লম্ব স্ক্রোল

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

কী সংক্ষিপ্তসার

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

উপকারী সংজুক