কিভাবে প্রতিক্রিয়াশীল ওয়েব ডিজাইন সমস্ত দর্শকদের জন্য ব্যবহারকারীর অভিজ্ঞতা উন্নত হবে
একটি মুহূর্ত নিন এবং আপনার মালিকানাধীন সব ডিভাইসের সম্পর্কে চিন্তা করুন যেগুলি ওয়েবসাইটগুলি দেখার জন্য ব্যবহার করা যেতে পারে। আপনি যদি বেশিরভাগ লোকের মত হন তবে এই তালিকাটি গত কয়েক বছরে বেড়েছে। এটি সম্ভবত স্মার্টফোন, ট্যাবলেট, পরিধেয়, গেমিং সিস্টেম এবং আরও সহ, গত কয়েক বছরে ডিভাইসগুলির সাথে একটি ডেস্কটপ এবং / বা ল্যাপটপ কম্পিউটারের মত ঐতিহ্যগত ডিভাইসগুলি অন্তর্ভুক্ত। আপনি এমনকি আপনার বাড়িতে বা আপনার গাড়ী যে আপনি ইন্টারনেট সংযোগ করতে পারবেন পর্দায় একটি ডিভাইস থাকতে পারে! নিচের লাইন হল ডিভাইসের আড়াআড়ি বৃহত্তর এবং আরো বৈচিত্র্যময় সব সময় ধরে, যা আজকে ওয়েবকে (এবং ভবিষ্যতে) উন্নতির জন্য ব্যবহার করা হয়, ওয়েবসাইটগুলি একটি প্রতিক্রিয়াশীল পদ্ধতি এবং CSS মিডিয়া প্রশ্নগুলির সাথে তৈরি করা উচিত এবং কীভাবে বিবেচনা করা উচিত লোকেরা সম্ভবত এই বিভিন্ন ডিভাইসগুলিকে এক ওয়েব ব্রাউজিংয়ের অভিজ্ঞতায় সংযুক্ত করবে।
মাল্টি ডিভাইস ব্যবহারকারী প্রবেশ করুন
আমরা দেখেছি যে একটি সত্য যে খেলাটি ওয়েবে অ্যাক্সেস করার জন্য মানুষকে একাধিক উপায় দেওয়া হলে, সেগুলি তাদের ব্যবহার করবে। ওয়েবসাইট সামগ্রী অ্যাক্সেস করার জন্য শুধুমাত্র বিভিন্ন ডিভাইস ব্যবহার করে না এমন ব্যক্তিরা, কিন্তু একই ব্যক্তি সেই বিভিন্ন ডিভাইসগুলি ব্যবহার করে একই সাইটের পরিদর্শন করছে। এই যেখানে "মাল্টি-ডিভাইস" ব্যবহারকারীর ধারণা থেকে আসে।
একটি আদর্শ মাল্টি-ডিভাইস দৃশ্যকল্প
একটি সাধারণ ওয়েব মিথস্ক্রিয়া বিবেচনা করুন যে অনেক মানুষ প্রতিটি দিন অভিজ্ঞতা - একটি নতুন বাড়িতে একটি অনুসন্ধানের মধ্যে রিয়েল এস্টেট ওয়েবসাইট ব্রাউজিং। এই অভিজ্ঞতা এমন একটি ডেস্কটপ কম্পিউটারে শুরু হতে পারে যেখানে কেউ তাদের অনুসন্ধানের মানদণ্ডে প্রবেশ করে এবং বিভিন্ন অনুসন্ধান তালিকাগুলি পর্যালোচনা করে যা সেই প্রশ্নের সাথে মেলে। দিনের মাধ্যমে, এই ব্যক্তি তাদের মোবাইল ডিভাইসে আবার নির্দিষ্ট বৈশিষ্ট্যের দিকে নজর দিতে পারে, অথবা তারা তাদের অনুসন্ধান প্যারামিটারের সাথে মেলে এমন নতুন তালিকাগুলির জন্য তাদের ইমেলগুলিতে (যা তারা তাদের মোবাইল ডিভাইসে পরীক্ষা করবে) সতর্কতা পেতে পারে। তারা এমন একটি ঘনঘন যন্ত্রের মতো সতর্কতাগুলি পেতে পারে যেমনটি একটি স্মার্টওয়াচ, এবং সেই ক্ষুদ্র পর্দায় মৌলিক তথ্য পর্যালোচনা করে।
এই প্রক্রিয়াটি দিনে একটি ভিন্ন ডেস্কটপ কম্পিউটারের সাইটে আরো ভিজিটর দিয়ে চালিয়ে যেতে পারে, সম্ভবত কর্মক্ষেত্রে তাদের অফিস থেকে। সেই সন্ধ্যায়, তারা এমন কোনও ট্যাবলেট ডিভাইস ব্যবহার করতে পারে যা তাদের বৈশিষ্ট্যগুলিতে তাদের প্রতিক্রিয়া পেতে বিশেষ করে তাদের পরিবারের জন্য আকর্ষণীয়।
এই পরিস্থিতিতে, আমাদের ওয়েবসাইটের গ্রাহক চার বা পাঁচটি বিভিন্ন ডিভাইস ব্যবহার করতে পারে, প্রতিটি ভিন্ন স্ক্রীন মাপের সাথে, একই সাইট দেখার জন্য এবং একই বিষয়বস্তু দেখার জন্য। এটি একটি মাল্টি-ডিভাইস ব্যবহারকারী, এবং যদি এই ওয়েবসাইটটি পরিদর্শন করা হয় তবে এই সমস্ত স্ক্রিনগুলিতে তাদের মিটমাট করা হয় না, তবে তারা সহজেই চলে যাবে এবং সেটি খুঁজে পাবে।
অন্যান্য দৃশ্য
রিয়েল এস্টেট জন্য অনুসন্ধান শুধুমাত্র একটি উদাহরণ যেখানে ব্যবহারকারীরা একটি ডিভাইস সঙ্গে তাদের সামগ্রিক অভিজ্ঞতা ডিভাইস থেকে ডিভাইস থেকে তিড়িং লাফ হবে। অন্যান্য উদাহরণ অন্তর্ভুক্ত:
- ক্রয় করার জন্য একটি অটোমোবাইল জন্য অনুসন্ধান
- একটি ছুটির পরিকল্পনা
- সংবাদ নিবন্ধ পড়া
- হোম উন্নতি ধারণা গবেষণা
- স্থানীয় ঠিকাদার / সেবা খুঁজছি
- একটি বিবাহ বা অন্যান্য বড় ইভেন্ট পরিকল্পনা
- একটি স্পোর্টস টিম বা স্পোর্টিং ইভেন্ট অনুসরণ করে
এই প্রতিটি ক্ষেত্রে, ওয়েব অভিজ্ঞতাটি একাধিক সেশনে প্রসারিত হতে পারে, যার অর্থ এমন একটি সুযোগ রয়েছে যে একটি ব্যবহারকারী বিভিন্ন ডিভাইস ব্যবহার করবে যা কোন সময় তাদের পক্ষে সুবিধাজনক হবে।
অনুসরণ করার সেরা অভ্যাস
যদি আজকের ওয়েবসাইটগুলি শ্রোতাদের ব্যবহার করে একটি ক্রমবর্ধমান মাল্টি-ডিভাইসের প্রয়োজন হয়, তবে কিছু কিছু মৌলিক নীতিমালা এবং সর্বোৎকৃষ্ট পদ্ধতিগুলি অনুসরণ করা উচিত যা এই সাইটগুলি এই দর্শকদের সঠিকভাবে পরিচালনা করার জন্য প্রস্তুত এবং তারা অনুসন্ধান ইঞ্জিনগুলির মধ্যে ভাল অবস্থান করে তা নিশ্চিত করার জন্য অনুসরণ করা উচিত।
- প্রতিক্রিয়াশীল ওয়েবসাইট - একটি প্রতিক্রিয়াশীল লেআউট যা বিভিন্ন স্ক্রিন মাপের জন্য অ্যাডাপট এবং পরিবর্তন করতে পারে আজকের উপলব্ধ ওয়েব-সংযুক্ত ডিভাইসগুলির বিভিন্নটি সমর্থন করতে গুরুত্বপূর্ণ।
- সমস্ত সামগ্রী উপলভ্য হওয়া উচিত - যদি কেউ একটি নির্দিষ্ট সামগ্রী বা বৈশিষ্ট্যগুলি অ্যাক্সেস করতে পারে তবে সেগুলি এক ডিভাইসে সাইটে গেলে, তারা আশা করে যে তারা অন্য ডিভাইসগুলিতে ফিরে আসার সময়ও উপলব্ধ হবে। বিষয়বস্তু প্রতিটি ডিভাইসের জন্য উপযুক্ত এমন একটি পদ্ধতিতে উপস্থাপিত হওয়া উচিত, তবে নির্দিষ্ট ডিভাইসগুলির জন্য কোনও সামগ্রী "লুকানো" বা "বন্ধ করা" উচিত নয়।
- পঠনযোগ্যতা কী - কোনও ব্যাপার না কোনও ধরণের ডিভাইস বা কোনও স্ক্রিন কোনও ওয়েবসাইট দেখার জন্য ব্যবহার করা হচ্ছে, সেই সাইটটি পড়ার সহজতা গুরুত্বপূর্ণ। এই অর্থোপকরণটি ফোকাস করার জন্য একটি গুরুত্বপূর্ণ নকশা উপাদান। কেউ যদি কোন সাইট এর সামগ্রী পড়ার সময় হার্ডডিস্ক থাকে, তবে তারা সম্ভবত সাইটটিকে সম্পূর্ণরূপে ছাড়িয়ে নেবে।
- বৈচিত্র্যের মধ্যে সঙ্গতিপূর্ণতা - যখন প্রতিটি পৃথক স্ক্রিনের আকারের জন্য উপস্থাপিত লেআউট ভিন্ন হবে, তখন এক ডিভাইস থেকে অন্য একটিকে সুসংহত হওয়া উচিত সামগ্রিক অভিজ্ঞতা সংযুক্ত করা উচিত যাতে ব্যবহারকারীদের একটি নতুন পর্দায় এটি দেখার সময় তারা সাইট রিলવલ করতে হবে না।
- পারফরমেন্স একটি অগ্রাধিকার করুন - ওয়েবসাইটগুলি দ্রুত লোড করা উচিত এবং নিখুঁত ডাউনলোড গতির তুলনায় কম মোবাইল ডিভাইস সহ সকল ডিভাইসে ভাল কাজ করে। সামগ্রিকভাবে ওয়েবসাইটের পারফরম্যান্স একটি সাইটের নকশা এবং উন্নয়নের সকল দিকের অগ্রাধিকার হওয়া উচিত - সবশেষে, কেউ কখনও কখনও একটি ওয়েবসাইট খুব দ্রুত লোড বা খুব ভাল কাজ করে বলে দেবে !
1/26/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত