কীবোর্ড এবং মাউস থেকে আলাদাভাবে টাচস্ক্রিনগুলি কাজ করে
মোবাইল ডিভাইসের জন্য ডিজাইনিং ওয়েবসাইটের প্রথম দিনগুলিতে, বেশিরভাগ ডেভেলপাররা তাদের প্রোডাক্ট অফারটি ভাগ করে নেয়। তারা একটি সম্পূর্ণ কার্যকরী ডেস্কটপ সংস্করণ এবং তারপর একটি "মোবাইল অপ্টিমাইজড" সংস্করণ প্রকাশ করে যা ক্যান্ডিকে-বার ফোন এবং 3G ওয়্যারলেস নেটওয়ার্কগুলির সীমিত ক্ষমতা এবং নেটওয়ার্ক গতির মিটমাট করার জন্য বেশিরভাগ ব্র্যান্ডিং এবং চিত্রাবলী ছিন্ন করেছে।
সমসাময়িক স্মার্টফোনগুলি, তবে ডেস্কটপ পিসি হিসাবে দক্ষতার সাথে ওয়েব পৃষ্ঠাগুলিকে রেন্ডার করতে পারে, নেটওয়ার্কে গতকালের DSL লাইনের চেয়ে ভাল বা ভাল।
ডিজাইন, তারপর, একক ব্যবহারকারীর ইন্টারফেসে ফিরে আসে। কিন্তু ডিজাইনারদের ঝুঁকি এমন নয় যে একটি স্মার্টফোন বা ট্যাবলেট একটি আধুনিক প্রতিক্রিয়াশীল ওয়েবসাইট রেন্ডার করতে পারে না। পরিবর্তে, এটি একটি টাচ স্ক্রিন ডিভাইসে ব্যবহারকারীর ইনপুট পদ্ধতিটি অন্তর্নিহিত সাইট নকশাতে অর্থপূর্ণ পরিবর্তনগুলির প্রয়োজন। একটি ওয়েবসাইট ভবন দিন দর্শক অভিবাদন একটি কীবোর্ড আছে এবং একটি মাউস শেষ হয়।
বেসিক টাচস্ক্রিন নকশা নিয়ম
একটি টাচস্ক্রিন-সচেতন ওয়েব ইন্টারফেসের জন্য ডিজাইন করার জন্য অতীতের ঐতিহ্যগত মনিটর-মাউস-কীবোর্ড পদ্ধতির একটি বিবর্তন প্রয়োজন। বিশেষ করে, আপনি অঙ্গভঙ্গি, নল এবং মাল্টিচুচ ইনপুট মত মিথস্ক্রিয়া মিটমাট করা আবশ্যক।
- লঘুপাত সঠিক নয়। যদি গ্রাহক একটি বাচ্চাদের আঙ্গুলের না থাকে, এমনকি খুব নির্ভুল সফ্টওয়্যার কন্ট্রোল এমনকি, এটি ট্যাপ করা এবং সঠিক হতে পারে।
- অঙ্গভঙ্গি নল থেকে ভিন্ন। একটি টাচ স্ক্রিনে একটি দীর্ঘ পৃষ্ঠা স্ক্রোল করার জন্য, ব্যবহারকারী ব্রাউজার উইন্ডোতে একটি আঙুল swipes। এটি একটি উল্লেখযোগ্য নাও হতে পারে যতক্ষণ না আপনি উপলব্ধি করেন যে মাউস দিয়ে ব্রাউজ করা, আপনি মাউসটি নিচে সরান।
- দুই (এবং আরও) আঙুলের নল ব্যবহারকারী নিয়ন্ত্রণ করতে একই সময়ে ডিভাইসে একাধিক আঙুলের ট্যাপ ব্যবহার করতে পারেন। যারা অতিরিক্ত ট্যাপ ব্যবহারকারীর ডিভাইসের অপারেটিং সিস্টেমের উপর নির্ভর করে নির্দিষ্ট কিছু হতে পারে।
- উচ্চ- একদৃষ্টি ডিভাইস বেশিরভাগ টাচস্ক্রিন ট্যাবলেটের পর্দার একটি শক্তিশালী কাচ তৈরি করা হয়। এই উপাদানটি উজ্জ্বল আলো পরিস্থিতিতে, একদৃষ্টি সঙ্গে অনেক মাধ্যমে পড়তে খুব কঠিন হতে পারে প্লাস, সমস্ত স্পর্শিং সঙ্গে, তারা পর্দা উপর আঙ্গুলের ছাপ এবং smudges পাবেন যা আপনার পেজ চেহারা কি প্রভাবিত করতে পারে।
- অন স্ক্রিন কিবোর্ড. যদিও কিছু ব্যবহারকারীর একটি বেতার কীবোর্ড আছে তারা তাদের ট্যাবলেটগুলির সাথে সংযুক্ত, অধিকাংশ ট্যাবলেট ব্যবহারকারী ডেটা এন্ট্রির জন্য অন-স্ক্রিন কীবোর্ড ব্যবহার করে। OSK এন্ট্রি কিছু মৃদু টাইপস হিসাবে ভাল সময় বর্ধিত সময়ের জন্য ব্যবহার অস্বস্তিকর হতে পারে।
ডিভাইসটির এই বৈশিষ্ট্যগুলির কারণে, ওয়েব ডিজাইনারদের টাচস্ক্রীন ব্যবহারকারীদের জন্য বেশ কয়েকটি মৌলিক নকশা নিয়ম জোর করা উচিত:
- একসাথে একসাথে বন্ধযোগ্য আইটেমগুলি স্থাপন করবেন না। কোন কঠোর ও দ্রুততম নিয়ম নির্ণয় করা কত ঘনিষ্ঠ হয় তা নির্ণয় করা যায়, তবে লিঙ্কগুলির তালিকা, বিশেষ করে ছোট ফন্টের আকারে, চর্বি আঙ্গুল দিয়ে (টেপ করা) ক্লিক করে নেভিগেট করা কঠিন হতে পারে। এটি চেষ্টা করতে এবং একটি লিঙ্ক ক্লিক করুন জুম করতে হবে বিরক্তিকর হতে পারে। এই নীতিটি বোতামগুলির পাশাপাশি লিঙ্কগুলির জন্য সত্য।
- অনুক্রমের খোলা রাখা কঠিন হতে পারে। ডায়নামিক মেনুর একটি জনপ্রিয় ফর্ম জাভাস্ক্রিপ্ট ব্যবহার করে একটি সাবমেনু খুলতে যখন ব্যবহারকারী ক্লিক করে মাউসকে সাবমেনুতে ধরে। এই রাজ্যগুলি স্পর্শস্ক্রীনে ব্যবহার করা খুব কঠিন বা অসম্ভব হতে পারে কারণ তারা খোলা থাকে না বা বন্ধ হবে না।
- লিঙ্কটি এবং ক্লিকযোগ্য এলাকাগুলি উইন্ডোটির ডান প্রান্ত থেকে দূরে সরান। বেশিরভাগ মানুষ ডান হাতে এবং পর্দার যে দিকে স্ক্রল ঝোঁক। স্ক্রোলিং একটি অঙ্গভঙ্গি সঙ্গে সম্পন্ন করা হয়, যেহেতু, কখনও কখনও ভুল দ্বারা একটি লিঙ্ক উপর সোয়াইপ করা সম্ভব। ব্যবহারকারীরা পৃষ্ঠায় স্ক্রোল করতে চাইলেও বিরক্ত হতে পারে এবং পরিবর্তে একটি লিঙ্কটি আলতো চাপার সাথে সাথে শেষ হয়ে যায়। আপনার লিঙ্কগুলিকে ডান দিক থেকে দূরে সরিয়ে দিয়ে, আপনি এই অসুবিধার এড়াতে তাদের সাহায্য করতে পারেন।
- কোন মাউস আছে এবং এর অর্থ কোন মাউস পয়েন্টার নেই আপনি যে কিছু ক্লিকযোগ্য তা নির্দেশ করতে সাহায্য করার জন্য মাউস পয়েন্টার পরিবর্তন নির্ভর করা উচিত নয়।
- হাভার রাষ্ট্রগুলি বিদ্যমান নেই উপরে একটি corollary হিসাবে, কোন মাউস আছে, কারণ সঙ্গে হভার করা কিছুই নেই। একটি লিঙ্কটি টাচস্ক্রিন ডিভাইসে ক্লিক করা হয় (ট্যাপ করা) বা না, তাই ব্যবহারকারীরা এই ধরনের হভার স্টেট থেকে কোনও পরিবর্তনশীল তথ্য যেমন রঙ পরিবর্তন, টুল টিপস, বা স্ট্যাটাস-বার পরিবর্তনগুলি নির্ণয় করতে পারবে না।
- কালো ব্যাকগ্রাউন্ড একদৃষ্টি উন্নত। একটি কালো পটভূমি সঙ্গে একটি সাইট কারণ স্পর্শ একটি touchscreen ডিভাইস পড়তে খুব কঠিন হতে পারে। ব্ল্যাক ডিভাইসগুলির আঙ্গুলের ছাপগুলি আরও স্পষ্টভাবে দেখায়, পর্দার ঝাপসা করে। এবং কালো স্ক্রিনটি স্ক্রিনের পাঠ্যের তুলনায় ব্যবহারকারীদের মুখোমুখি প্রতিফলিত একটি আয়নাতে পর্দাটি চালু করতে পারে।
- ফরমের লম্বা ব্লকগুলি লেখা কঠিন। যদিও আইপ্যাড বা একটি অ্যানড্রইড বা উইন্ডোজ ট্যাবলেটের পুরো উপন্যাস লিখতে পারে, বেশিরভাগ লোকই পাঠের লম্বা লাইনের জন্য অন-স্ক্রিন কীবোর্ড ব্যবহার করতে পছন্দ করেন না। যতটা সম্ভব আপনার নকশা ডেটা এন্ট্রির হিসাবে ছোট এবং সহজ হতে পারে, ভাল।
টাচস্ক্রিনের সাথে ডিজাইনের সবচেয়ে গুরুত্বপূর্ণ দিক হল আপনার পৃষ্ঠাগুলি একটি টাচস্ক্রিন ডিভাইসে পরীক্ষা করা । অনেকগুলি আইপ্যাড এবং অ্যান্ড্রয়েড এমুলেটর পাওয়া যায়, এবং প্রচুর উইন্ডোজ ট্যাবলেট, তারা এখনও একটি টাচস্ক্রিনের অনুভূতি প্রদান করে না। আপনি বলতে পারেন না যে লিঙ্কটি খুব ঘনিষ্ঠ হয়েছে বা যে বোতামটি খুব ছোট - অথবা এটির সাহায্যে পৃষ্ঠাটি খুব কঠিন পড়তে পারে- যদি না আপনি একটি ট্যাবলেট পান এবং আপনার নতুন ওয়েবসাইট ডিজাইন মুক্ত করার আগে তাদের পরীক্ষা করে দেখুন।