আপনি একটি " প্রতিক্রিয়াশীল ওয়েবসাইট " আছে? এটি একটি সজ্জা সহ একটি সাইট যা দর্শকদের ডিভাইস এবং স্ক্রীনের আকারের উপর ভিত্তি করে পরিবর্তিত হয় । প্রতিক্রিয়াশীল ওয়েব ডিজাইন এখন একটি শিল্প শ্রেষ্ঠ অনুশীলন। এটি Google এর দ্বারা সুপারিশ করা হয় এবং ওয়েব জুড়ে লক্ষ লক্ষ সাইটগুলিতে পাওয়া যায়। যাইহোক, এমন একটি ওয়েবসাইট থাকার মধ্যে একটি বড় পার্থক্য রয়েছে যা বিভিন্ন স্ক্রিন মাপের উপর "ফিট করে" এবং সত্যিকারের প্রতিক্রিয়াশীল এমন একটি সাইট ধারণ করে।
আমি নিয়মিতভাবে কোম্পানি তাদের ওয়েবসাইট পুনরায় ডিজাইন এবং তাদের নতুন মোবাইল বন্ধুত্বপূর্ণ ডিজাইন গুণাবলী নড়াচড়া একটি প্রেস রিলিজ ধাক্কা দেখুন। যখন আমি সেই সাইটগুলিতে যাচ্ছি, তখন আমি যা প্রায়ই খুঁজে পাই তা হল একটি লেআউট যা প্রকৃতপক্ষে স্কেল এবং বিভিন্ন স্ক্রিনে মাপসই পরিবর্তন করে, কিন্তু যতক্ষণ তারা প্রতিক্রিয়ার ধারণা গ্রহণ করে ততক্ষণ। এই যথেষ্ট নয়. একটি সত্যিই প্রতিক্রিয়াশীল ওয়েবসাইট একটি ছোট বা বড় পর্দা মাপসই মাত্র স্কেল তুলনায় আরো। এই সাইটে, আপনি নিম্নলিখিত গুরুত্বপূর্ণ বৈশিষ্ট্য পাবেন।
1. অপ্টিমাইজড পারফরম্যান্স
কোনও ওয়েবসাইট লোড করার জন্য অপেক্ষা করতে পছন্দ করে না, এবং যখন কেউ একটি মোবাইল ডিভাইস ব্যবহার করছেন যা আদর্শের চেয়ে কম হতে পারে, তখন একটি সাইটের দ্রুত লোড হওয়ার প্রয়োজন আরও গুরুত্বপূর্ণ।
সুতরাং কিভাবে আপনি আপনার সাইটের কর্মক্ষমতা নিখুত না? যদি আপনি একটি নতুন নকশা অংশ হিসাবে একটি নতুন সাইট দিয়ে শুরু করা হয়, তাহলে আপনি এটি একটি প্রকল্পের একটি অংশ হিসেবে একটি কর্মক্ষমতা বাজেট তৈরি করতে একটি পয়েন্ট করা উচিত । আপনি যদি কোনও বিদ্যমান সাইটের সাথে কাজ করে থাকেন এবং স্ক্র্যাচ থেকে শুরু না করেন, তাহলে আপনি আজ কোথায় দাঁড়িয়ে আছেন তা দেখার জন্য আপনার সাইটের পারফরম্যান্স পরীক্ষা করা প্রথম ধাপ।
একবার আপনার সাইটের যেখানে আপনার সাইটটি পারফরম্যান্স-ভিত্তিক থাকে সেখানে একটি ভিত্তিমান আছে, আপনি ডাউনলোডের গতি বৃদ্ধি করতে প্রয়োজনীয় উন্নতি করতে শুরু করতে পারেন। আপনার সাইট এর ইমেজগুলির সাথে সম্ভবত শুরু করা একটি দুর্দান্ত জায়গা। লোডিং সাইটগুলি ধীরগতির যখনই বড় ইমেজগুলি # 1 অপরাধী হয়, তাই ওয়েব ডিভিউয়ের জন্য আপনার ইমেজগুলি অপ্টিমাইজ করা সত্যিই আপনার সাইটকে একটি পারফরম্যান্স স্ট্যান্ডপয়েন্ট থেকে সাহায্য করতে পারে
বাস্তবতা হল উন্নত ওয়েবসাইটের পারফরম্যান্স এবং দ্রুত ডাউনলোড গতি একটি সুবিধা যা সমস্ত দর্শক প্রশংসা করবে। সব পরে, কোন এক কখনও একটি সাইট "খুব দ্রুত লোড" অভিযোগ করেছে, কিন্তু একটি সাইট লোড অনেক লাগে লাগে যদি, এটা responsively তাদের পর্দায় বা "না।"
2. স্মার্ট বিষয়বস্তু অনুক্রমের
যখন একটি ওয়েবসাইট একটি বৃহৎ স্ক্রিনে প্রদর্শিত হয়, তখন আপনি উপলব্ধ বিভিন্ন পরিমাণে পর্দার রিয়েল এস্টেটগুলির কারণে বিষয়বস্তুগুলি উপভোগ করতে পারবেন। আপনি একযোগে স্ক্রিনে গুরুত্বপূর্ণ বার্তাগুলি এবং চিত্রগুলি, সংবাদ আপডেটগুলি, ইভেন্টের তথ্য এবং সাইট নেভিগেশানগুলি মাপসই করতে পারেন। এটি একটি পরিদর্শককে সম্পূর্ণ পৃষ্ঠাটির বিষয়বস্তু সহজেই এবং দ্রুত স্ক্যান করতে এবং তাদের জন্য কী গুরুত্বপূর্ণ তা নির্ধারণ করে দেয়।
আপনি যখন সেই সাইট ডিজাইনটি গ্রহণ করেন এবং একটি ছোট ফোন ডিভাইসের জন্য এটি রূপান্তর করেন তখন এটি একটি সুন্দর ফোন পরিবর্তন করে সুন্দরভাবে পরিবর্তন করে। হঠাৎ আপনি আগে ছিল পর্দা রিয়েল এস্টেট একটি ভগ্নাংশ সঙ্গে কাজ করছেন। এর মানে হল যে আপনি প্রথমে কী করবেন তা স্থির করতে হবে, এটি কীভাবে অনুসরণ করবে, ইত্যাদি। একবারের মতো সবকিছু দেখা গেলেই আপনার কাছে এক বা দুইটি জিনিস দেখানোর স্থান থাকবে (যার মধ্যে একটি সম্ভবত নেভিগেশান)। এর মানে হল যে অনুক্রমের সিদ্ধান্তগুলি করা প্রয়োজন। দুর্ভাগ্যবশত, স্ক্রিনে প্রথম কী আসে তা নির্ধারণ করে, এবং দ্বিতীয়টি, ইত্যাদি পৃষ্ঠাটি নিজেই কোডেড করা হয়। এটি সবচেয়ে সহজ, একটি প্রতিক্রিয়াশীল সাইট নির্মাণ করার সময়, স্ক্রিনে কোড প্রথম প্রথম যাই হোক না কেন প্রদর্শন করা, কোড দ্বিতীয় আইটেম দ্বারা অনুসরণ এবং তাই ঘোষণা। দুর্ভাগ্যবশত, এক ডিভাইসে সবচেয়ে গুরুত্বপূর্ণ হতে পারে অন্যের মতো সমালোচনামূলক নাও হতে পারে। একটি সত্যিকারের প্রতিক্রিয়াশীল সাইট বুঝতে পারে যে বিভিন্ন অনুষদ উপর নির্ভর করে বিষয়বস্তু অনুক্রম পরিবর্তন করা উচিত এবং এটি যেখানে এটি প্রদর্শন করা সম্পর্কে স্মার্ট করা উচিত
সিএসএস লেয়ার, ফ্লেক্সবক্স, এবং আরও সহ CSS লেআউট কৌশলগুলিতে উন্নতি, ওয়েব ডিজাইনার এবং ডেভেলপারদের আরো বিকল্পগুলি মঞ্জুরি দেয় যখন এটি এইচটিএমএল কোডের বিষয়বস্তু এলাকার যথাযথ ক্রমানুসারে হ্যামস্ট্রং করার পরিবর্তে সামগ্রিক তথ্য প্রদান করে। এই নতুন লেআউট কৌশলগুলি উপভোগ করা ডিভাইসের আড়াআড়ি, এবং আমাদের সাইটের ব্যবহারকারীদের চাহিদাগুলি হিসাবে আরো গুরুত্বপূর্ণ হয়ে উঠবে, বিবর্তিত হচ্ছে।
3. অ্যাকাউন্ট যে একটি ডিভাইস এর শক্তি এবং দুর্বলতা মধ্যে নিতে অভিজ্ঞতা
ডিভাইসের বিষয়গুলিতে থাকুন - যে কেউ আপনার সাইটের পরিদর্শনের জন্য ব্যবহার করতে পারে এমন প্রতিটি ডিভাইসে সেই প্ল্যাটফর্মের অন্তর্নিহিত শক্তি এবং দুর্বলতা রয়েছে। একটি মহান প্রতিক্রিয়াশীল সাইট বিভিন্ন ডিভাইসের ক্ষমতা এবং সীমাবদ্ধতা বোঝায় এবং সেগুলি ব্যবহার করে কোন ভিজিটর যা ব্যবহার করতে পারে এমন কোনও ডিভাইসের জন্য সর্বোত্তম উপযোগী কাস্টমাইজড অভিজ্ঞতা তৈরি করতে তাদের ব্যবহার করে।
উদাহরণস্বরূপ, একটি সেল ফোনটিতে কয়েকটি বৈশিষ্ট্য রয়েছে যা আপনি একটি ঐতিহ্যগত ডেস্কটপ কম্পিউটারে পাবেন না। জিপিএস একটি মোবাইল-কেন্দ্রিক বৈশিষ্ট্যের একটি উদাহরণ (হ্যাঁ, আপনি ডেস্কটপে সাধারণ অবস্থানের তথ্য পেতে পারেন, তবে ডিভাইস GPS আরো অনেক বেশি নির্ভুল)। আপনার সাইট জিপিএস তথ্য ব্যবহার করে একটি ব্যক্তির খুব স্পষ্টভাবে নির্দিষ্ট এবং নির্দিষ্ট ধাপে ধাপে দিকনির্দেশনা তথ্য বা বিশেষ অফারগুলি ঠিক সেই মুহূর্তে ঠিক যেখানে তারা সেই মুহুর্তে পাঠাতে পারেন।
এই প্রিন্সিপালের আরেকটি উদাহরণটি এমন একটি সাইট হতে পারে যা বুঝতে পারে যে আপনি কোন ধরনের পর্দা প্রদর্শন করছেন এবং ছবিটি যে প্রদর্শনীর জন্য উপযুক্ত উপযুক্ত তা পাঠায়। যদি আপনার একটি উচ্চ পিক্সেল ঘনত্বের সাথে একটি স্ক্রিন থাকে তবে আপনি সেই স্ক্রিনে উচ্চ মানের ছবি পাঠাতে পারেন। এই একই ইমেজ একটি কম সক্ষম পর্দায় নির্বোধ হতে হবে, তবে, অতিরিক্ত মানের হারিয়ে যাবে যখন অতিরিক্ত ফাইল আকার কোন প্রকৃত কারণ জন্য ডাউনলোড করা হবে।
সত্যিই মহান প্রতিক্রিয়াশীল সাইট সমগ্র ব্যবহারকারীর অভিজ্ঞতা বিবেচনা করে এবং তার পর্দার একটি ডিভাইসের ধরন বা আকারের উপর ভিত্তি করে যে অভিজ্ঞতাটি উপভোগ করতে পারে, তবে হার্ডওয়্যারের অন্যান্য গুরুত্বপূর্ণ দিকগুলিও একইসাথে কাজ করে।
4. কনটেক্স্টের সাথে বিষয়বস্তু
প্রাথমিকভাবে, প্রতিক্রিয়াশীল ওয়েব ডিজাইনটি বিভিন্ন স্ক্রিনের মাপের একটি সাইটের লেআউটের ধারণাটির কারণে তার নামটি পেয়েছে, কিন্তু আপনি শুধু পর্দার আকারের চেয়ে আরও অনেক বেশি সাড়া দিতে পারেন। একটি ডিভাইসের শক্তি এবং দুর্বলতা ব্যবহার করে পূর্ববর্তী উদাহরণ নির্মাণ, আপনি একটি ওয়েবসাইট অভিজ্ঞতা সত্যিই কাস্টমাইজ করার জন্য, সেইসাথে তারিখ এবং সময় মত অন্যান্য তথ্য, ব্যবহার করতে পারে।
একটি বড় বাণিজ্য শো ইভেন্টের জন্য একটি ওয়েবসাইট কল্পনা করুন। একটি প্রতিক্রিয়াশীল ওয়েবসাইটটি বিভিন্ন স্ক্রিনগুলির সাথে স্কেল করার জন্য সাইটগুলির পৃষ্ঠাগুলির লেআউটটি পরিবর্তন করবে, তবে আপনি যে বিষয়বস্তু প্রদর্শন করতে সবচেয়ে গুরুত্বপূর্ণ তা নির্ধারণ করতে তারিখটি ব্যবহার করতে পারেন। ঘটনাটি আগে যদি সময়ের ব্যাপার হয়ে থাকে, তাহলে সম্ভবত আপনি নিবন্ধন সংক্রান্ত তথ্য প্রদর্শন করতে চান। যাইহোক, ঘটনা আসলে আসলেই সেই মুহূর্তে ঘটছে, নিবন্ধনটি সবচেয়ে গুরুত্বপূর্ণ বিষয়বস্তু হতে পারে না। পরিবর্তে, আপনি decidethat পারে যে দিনের ঘটনাসূচী এর সময়সূচী আরো গুরুতর কারণ এটি যে ব্যবহারকারীর তাত্ক্ষণিক চাহিদা আরো প্রাসঙ্গিক।
আরও একটি পদক্ষেপ গ্রহণ করা, তারা আসলে তারা বাণিজ্য শো যেখানে তারা নির্ধারণ করার জন্য একটি ডিভাইসের জিপিএস মধ্যে টোকা পারে। আপনি তাদের অবস্থানের উপর ভিত্তি করে তাদের ইন্টারেক্টিভ সামগ্রী দিতে পারেন, তাদের কাছাকাছি বুথ বা সেশন শুরু করতে শুরু করতে পারেন।
5. অ্যাক্সেসযোগ্যতা
চূড়ান্ত উদাহরণ আমরা দেখব কিভাবে একটি সাইট প্রকৃতপক্ষে একটি পরিদর্শক এর প্রয়োজন সাড়া দিতে পারে ওয়েবসাইট অ্যাক্সেসযোগ্যতা সম্পর্কে চিন্তা করা হয়। ওয়েবসাইটগুলি যতটা সম্ভব সম্ভব হিসাবে অনেক লোক ব্যবহার করতে সক্ষম হওয়া উচিত, যাদের মধ্যে একটি অক্ষমতা আছে আপনার ওয়েবসাইটটি এমন ব্যক্তির দ্বারা ব্যবহার করতে সক্ষম হওয়া উচিত যা তার কন্টেন্ট অ্যাক্সেস করার জন্য একটি স্ক্রিন রিডার বা অন্য সহায়তা সফটওয়্যারের প্রয়োজন। এই ভাবে, আপনার সাইট তাদের চাহিদাগুলি সাড়া দিচ্ছে কারণ আপনি নিশ্চিত করেছেন যে, অক্ষম দর্শকদের জন্য আলাদা, যদিও এখনও উপযুক্ত।
যতো সম্ভব তথ্য সংখ্যা হিসাবে সাড়া দিয়ে এবং পর্দার সাইজ না শুধুমাত্র একটি ওয়েবসাইট "মোবাইল বন্ধুত্বপূর্ণ" থেকে অনেক বেশি হতে পারে। এটি ফ্রেজের প্রতিটি অর্থে একটি সত্যিকারের প্রতিক্রিয়াশীল অভিজ্ঞতা হতে পারে।