মোবাইল ডিভাইসে ব্যবহারের জন্য অপ্টিমাইজ করা ওয়েব পৃষ্ঠাগুলি ডেস্কটপ এবং ল্যাপটপ কম্পিউটারে প্রদর্শিত পৃষ্ঠাগুলির থেকে আলাদা৷ পরেরটি বড় স্ক্রীন এবং সুনির্দিষ্ট মাউস ক্লিক করার জন্য ডিজাইন করা হয়েছে, যেখানে মোবাইল ওয়েব পৃষ্ঠাগুলি ছোট স্ক্রীনের জন্য এবং অসম্পূর্ণ আঙুল টোকা দেওয়ার জন্য তৈরি করা হয়েছে৷
- ছোট স্ক্রিনের জন্য ডিজাইন করা হয়েছে এবং অস্পষ্ট আঙুল ট্যাপ করা হয়েছে।
- সুনির্দিষ্ট মাউস ক্লিক সহ বড় স্ক্রিনের জন্য ডিজাইন করা হয়েছে৷
প্রদত্ত যে বেশিরভাগ ওয়েবসাইট ভিজিট মোবাইল ডিভাইস থেকে আসে, সাইট ডিজাইনারদের এমন সংস্করণ সরবরাহ করার দায়িত্ব দেওয়া হয় যা মোবাইল ডিভাইস এবং ডেস্কটপ কম্পিউটার উভয়ের সাথেই কাজ করে।সবচেয়ে সাধারণ পদ্ধতি হল প্রতিক্রিয়াশীল ওয়েব ডিজাইন ব্যবহার করা, যা স্বয়ংক্রিয়ভাবে ব্যবহারকারীর ডিভাইস এবং স্ক্রীনের আকারের উপর ভিত্তি করে সঠিক সংস্করণ সরবরাহ করে, যেমন ব্রাউজার দ্বারা সনাক্ত করা হয়েছে।
যেকোন ক্ষেত্রে, মোবাইল-ফ্রেন্ডলি ওয়েব পৃষ্ঠাগুলি বিভিন্ন উপায়ে ডেস্কটপ সংস্করণ থেকে আলাদা৷
পৃষ্ঠা ডিজাইন: মোবাইল স্ক্রীনে জায়গা কম থাকে
- স্মার্টফোন এবং ট্যাবলেট ডিসপ্লে 4 থেকে 10 ইঞ্চি তির্যকভাবে পরিমাপ করে।
- সংকোচনযোগ্য বা প্রসারণযোগ্য মেনু উইজেটগুলি সাধারণত সাইডবার এবং বিশাল হেডার মেনু প্রতিস্থাপন করে।
-
টেক্সটের মধ্যে স্থানের বিচারিক ব্যবহার সহ পূর্ণ-প্রস্থ গ্রাফিক্স।
- বেশিরভাগ ডেস্কটপ মনিটর 19 ইঞ্চি থেকে 24 ইঞ্চি তির্যকভাবে পরিমাপ করে।
- স্পন্সর করা লিঙ্ক এবং বড় ব্যানার বিজ্ঞাপন বেশি সাধারণ।
- গ্রাফিক্সের জন্য আরও অবকাশ সহ ঘন পাঠ্য।
ডেস্কটপ এবং মোবাইল ওয়েব পেজের মধ্যে সবচেয়ে স্পষ্ট পার্থক্য হল স্ক্রীন রিয়েল এস্টেট। বেশিরভাগ ডেস্কটপ মনিটর তির্যকভাবে কমপক্ষে 19 ইঞ্চি থেকে 24 ইঞ্চি পরিমাপ করে, ট্যাবলেটগুলি সাধারণত 10 ইঞ্চির কাছাকাছি হয়। স্মার্টফোনগুলি প্রায় 4 ইঞ্চি তির্যক। সহজভাবে জুম আউট করা একটি ওয়েব পৃষ্ঠাকে সফলভাবে মোবাইল-ফ্রেন্ডলি সংস্করণে রূপান্তরিত করে না কারণ এটি পাঠ্যটিকে অপঠনযোগ্য করে তোলে এবং সাইটে দর্শকদের কাছ থেকে একটি অতিরিক্ত পদক্ষেপের প্রয়োজন হয়৷ এছাড়াও, ক্ষুদ্র উপাদানগুলিতে সঠিকভাবে ট্যাপ করা অসম্ভব হয়ে পড়ে৷
সমস্যার সমাধান করতে ডিজাইনাররা সাইডবার এবং গ্রাফিক্স মুছে ফেলতে পারে যা কঠোরভাবে প্রয়োজনীয় নয়। পরিবর্তে, তারা ছোট গ্রাফিক্স ব্যবহার করে, ফন্টের আকার বাড়ায় এবং সম্প্রসারণযোগ্য উইজেটগুলিতে বিষয়বস্তু সঙ্কুচিত করে। এই রিয়েল এস্টেট সীমাবদ্ধতা ওয়েব ডিজাইনারদের মধ্যে সম্পূর্ণ ভিন্ন ধরনের চিন্তাভাবনাকে চালিত করেছে৷
এছাড়াও, সংকোচনযোগ্য বা প্রসারণযোগ্য মেনু উইজেটগুলি সাধারণত সাইডবার এবং বিশাল হেডার মেনুগুলিকে প্রতিস্থাপন করে৷ প্রতি মিলিমিটার স্ক্রিনের স্থান গণনা করার জন্য তাদের অনুসন্ধানে, ডিজাইনাররা পাঠযোগ্যতার উপর সতর্ক দৃষ্টি রেখে অতিরিক্ত সাদা স্থান সরিয়ে ফেলেন।
স্পন্সর করা লিঙ্কের ভিড় এবং বড় ব্যানার বিজ্ঞাপন শুধু একটি ফোন বা ছোট ট্যাবলেটে কাজ করে না। পরিবর্তে, মোবাইল ওয়েব পৃষ্ঠাগুলিতে ছোট পপ-আপ বিজ্ঞাপনগুলি বেশি দেখা যায়৷
যে লেআউটগুলি একটি গ্রাফিকের চারপাশে মোড়ানো পাঠ্য বৈশিষ্ট্যগুলি মোবাইল ডিভাইসে ভালভাবে চলে না৷ পরিবর্তে, ডিজাইনাররা প্রায়ই সেই গ্রাফিকগুলিকে স্ক্রিনের সম্পূর্ণ প্রস্থ দেয় এবং নীচে বা উপরে পাঠ্য চালায়। একইভাবে, ভাল ওয়েব ডিজাইন পাঠযোগ্যতার জন্য পাঠ্যকে খণ্ডে বিভক্ত করে; কেউ পাঠ্যের কঠিন দেয়াল পড়তে চায় না। ছোট পর্দায় এটি আরও গুরুত্বপূর্ণ হয়ে ওঠে। সাদা স্থানটি সঠিকভাবে ব্যবহার করা অত্যন্ত গুরুত্বপূর্ণ৷
পৃষ্ঠা নিয়ন্ত্রণ: ডেস্কটপ নির্ভুলতা বনাম মোবাইল ব্লবস
- আরো সঠিক নেভিগেশনের জন্য বড় ট্যাপিং এলাকা বা হটস্পট।
-
ভিন্ন URL: "m" অক্ষর যোগ করে। প্রায়শই একটি সাইটের ডেস্কটপ সংস্করণ দেখার বিকল্প।
- লগ-ইন শংসাপত্রগুলিতে প্রায়শই নির্দিষ্ট স্থান থাকে, কখনও কখনও আঙ্গুলের ছাপ অ্যাক্সেসযোগ্যতা সহ৷
- আরো সুনির্দিষ্ট কার্সার-ভিত্তিক লিঙ্ক এবং বোতাম।
আপনার ডেস্কটপে একটি সুনির্দিষ্ট মাউস পয়েন্টারের বিপরীতে, মানুষের আঙুল একটি ব্লব, এবং ট্যাপ করার জন্য হাইপারলিঙ্কগুলির জন্য স্ক্রিনে বড় লক্ষ্যগুলি প্রয়োজন৷ মোবাইল-বান্ধব সাইটগুলি সঠিক নেভিগেশন সুবিধার জন্য বড় ট্যাপিং এলাকা (বা হটস্পট) অফার করে৷
মোবাইল-বান্ধব ওয়েব পৃষ্ঠাগুলি সাধারণত তাদের ঠিকানায় m অক্ষর অন্তর্ভুক্ত করে; উদাহরণস্বরূপ, Facebook এর মোবাইল ঠিকানা হল m.facebook.com। আপনি যখন মোবাইল ট্যাবলেট বা স্মার্টফোন দিয়ে সার্ফ করেন তখন মোবাইল URL সাধারণত আপনার জন্য স্বয়ংক্রিয়ভাবে বেছে নেওয়া হয়। কিছু ক্ষেত্রে, আপনি একটি ট্যাপযোগ্য লিঙ্ক দেখতে পাবেন যা আপনাকে পৃষ্ঠার নিয়মিত ডেস্কটপ সংস্করণে স্যুইচ করতে দেয়।
লগইন এবং পাসওয়ার্ড ক্ষেত্রগুলি ডেস্কটপ এবং ল্যাপটপগুলির জন্য একটি ফোনে ছোট এবং অব্যবহারযোগ্য হয়ে যায়, তাই ওয়েব প্রকাশকরা এটিকে আরও বড় করে তোলে, কখনও কখনও ব্যবহারের সহজতার জন্য তাদের নিজস্ব পৃষ্ঠাগুলি দেয়৷একটি আঙ্গুলের ছাপ বা Google বা Facebook এর মতো অন্য অ্যাকাউন্ট দিয়ে লগ ইন করা ডিভাইস এবং পরিষেবার ক্ষমতার বিকাশের সাথে সাথে ক্রমশ সাধারণ হয়ে উঠছে৷
এটা কেন গুরুত্বপূর্ণ?
মোবাইল ওয়েব পৃষ্ঠাগুলি হ্যান্ডহেল্ড ডিভাইসগুলির জন্য ডিজাইন করা হয়েছে এবং ডেস্কটপ পড়ার জন্য তৈরি পৃষ্ঠাগুলির থেকে বেশ আলাদা৷ যদিও আপনি সাধারণত একটি মোবাইল ডিভাইসে একটি ওয়েবপৃষ্ঠার ডেস্কটপ সংস্করণ দেখতে পারেন, এবং এর বিপরীতে, বিষয়বস্তু দেখতে, পড়া এবং নেভিগেট করা সহজ করার জন্য সেগুলি ভিন্নভাবে ডিজাইন করা হয়েছে৷
