আপনার গ্রাহকরা ভাঙা বোতাম ঘৃণা. এখন এটি ঠিক করুন।

একটি ভাঙা বোতাম শান্তভাবে একজন প্রস্তুত দর্শককে হারিয়ে যাওয়া গ্রাহকে পরিণত করতে পারে। আমি পণ্য পৃষ্ঠা, যোগাযোগের ফর্ম, বুকিং স্ক্রীন এবং চেকআউট পৃষ্ঠাগুলিতে এটি ঘটতে দেখেছি। পৃষ্ঠাটি পালিশ দেখায়। অফারটি বোঝা সহজ। ভিজিটর "একটি উদ্ধৃতি পান" বা "চেকআউটে চালিয়ে যান" ক্লিক করেন এবং কিছুই ঘটে না। কিছু দর্শক আবার চেষ্টা করুন. অনেকে সমস্যা না জানিয়েই চলে যায়। একটি ছোট বোতাম সমস্যা বিশ্বাস, বিক্রয়, ফর্ম জমা এবং আপনার বিপণন বিচার করার জন্য আপনি যে ডেটা ব্যবহার করেন তা প্রভাবিত করতে পারে। যদি আপনার প্রতিবেদনে কম রূপান্তর দেখায়, তাহলে সমস্যাটি আপনার বিজ্ঞাপনের অনুলিপি বা মূল্য নাও হতে পারে। একটি বোতাম, লিঙ্ক, ফর্ম বা মোবাইল লেআউট পরবর্তী ধাপে বাধা দিতে পারে। ## একজন গ্রাহক যে পথটি অনুসরণ করে তা পরীক্ষা করে আমি যে গ্রাহক পথটি শুরু করি তা দিয়ে শুরু করুন: 1. ল্যান্ডিং পৃষ্ঠা খুলুন। 2. প্রধান অফার পড়ুন. 3. প্রাথমিক বোতামে ক্লিক করুন। 4. ফর্মটি পূরণ করুন বা একটি পণ্য নির্বাচন করুন৷ 5. অনুরোধ জমা দিন বা অর্ডার রাখুন. 6. নিশ্চিতকরণ বার্তা এবং ফলো-আপ ইমেল চেক করুন৷ এই পথটি একটি ফোন, ট্যাবলেট এবং ডেস্কটপ কম্পিউটারে পরীক্ষা করা উচিত। একটি বোতাম একটি মাউসের সাথে ভাল কাজ করতে পারে কিন্তু যখন একটি দর্শক একটি ছোট স্ক্রিনে এটি ট্যাপ করে তখন ব্যর্থ হয়। আমি বিভিন্ন ব্রাউজার পরীক্ষা করি। Chrome, Safari, Edge, এবং Firefox বিভিন্ন উপায়ে স্ক্রিপ্ট, পপ-আপ এবং ফর্ম ক্ষেত্রগুলি পরিচালনা করতে পারে। একটি পৃষ্ঠা যা একটি ব্রাউজারে কাজ করে অন্য ব্রাউজারে সঠিকভাবে প্রতিক্রিয়া নাও দিতে পারে। একটি দরকারী পরীক্ষা প্রথম ক্লিক পরে বন্ধ হয় না. আমি বোতাম অ্যাকশনের আগে এবং পরে কী ঘটবে তা পরীক্ষা করি। পৃষ্ঠাটি কি ডান বিভাগে সরানো হয়? ফর্ম কি খুলবে? লোডিং বার্তা প্রদর্শিত হবে? নিশ্চিতকরণ পৃষ্ঠা লোড হয়? ## বোতামটি দেখা যায় কিনা তা পরীক্ষা করে দেখুন একটি কাজ করা বোতাম এখনও গ্রাহকদের হারাতে পারে যদি লোকেরা এটি খুঁজে না পায়। আমি প্রথমে একটি ফোনে পৃষ্ঠাটি দেখি কারণ মোবাইল দর্শকরা প্রায়শই এক সময়ে স্ক্রিনের শুধুমাত্র অংশ দেখতে পায়। প্রধান বোতামের চারপাশে পর্যাপ্ত জায়গা থাকা উচিত, পাঠ্য পরিষ্কার করা এবং একটি আকার যা অন্য লিঙ্কে আঘাত না করে ট্যাপ করা সমর্থন করে। বোতাম পাঠ্য ব্যবহারকারীর আস্থাকেও প্রভাবিত করে। "জমা দিন" সামান্য প্রসঙ্গ দেয়। "একটি প্রাইসিং কলের অনুরোধ করুন" দর্শককে বলে যে পরবর্তী কি হবে৷ চেকআউটের সময় "চালিয়ে যান" কাজ করতে পারে, কিন্তু এটি একটি পরিষেবা পৃষ্ঠায় অস্পষ্ট বোধ করতে পারে। বোতামটি পৃষ্ঠা দ্বারা প্রতিশ্রুত কর্মের সাথে মেলে। যদি পৃষ্ঠাটি একটি বিনামূল্যে পরামর্শ ব্যাখ্যা করে, তাহলে "ডাউনলোড গাইড" লেবেলযুক্ত একটি বোতাম সন্দেহ তৈরি করতে পারে। ধারাবাহিক শব্দচয়ন দর্শকদের অনুমান ছাড়াই এগিয়ে যেতে সাহায্য করে। ## ক্লিক অ্যাকশন পরীক্ষা করুন একটি বোতাম সক্রিয় দেখাতে পারে যখন তার কোড ব্যর্থ হয়। আমি সাধারণ কারণগুলি পরিদর্শন করি যেমন: - একটি অনুপস্থিত বা ভুল লিঙ্ক - একটি ফর্ম ক্ষেত্র যা জমা দেওয়া ব্লক করে - জাভাস্ক্রিপ্ট ত্রুটি - একটি পপ-আপ ব্রাউজার দ্বারা অবরুদ্ধ - একটি লোডিং স্ক্রিপ্ট যা কখনই শেষ হয় না - একটি পৃষ্ঠার উপাদানের নীচে রাখা একটি বোতাম - একটি অক্ষম অবস্থা যা বন্ধ হয় না - একটি অর্থপ্রদান বা বুকিং টুল যা তার সংযোগ হারিয়ে ফেলার পরে একটি ত্রুটি দেখাতে পারে একটি টুল ব্রাউজার ক্লিক করে। ওয়েবসাইট বিশ্লেষণগুলিও প্রকাশ করতে পারে যে লোকেরা কোথায় থামে। যদি অনেক দর্শক চেকআউট পৃষ্ঠায় পৌঁছায় কিন্তু কিছু লোক অর্থপ্রদানের ধাপে পৌঁছায়, তাহলে সমস্যাটি ল্যান্ডিং পৃষ্ঠার পরিবর্তে চেকআউট প্রবাহের মধ্যে হতে পারে। আমি একটি সফল পরীক্ষার উপর নির্ভর করি না। আমার নিজের কম্পিউটারে একটি একক ক্লিক প্রতিটি গ্রাহকের প্রতিনিধিত্ব করে না। আমি বিভিন্ন ডিভাইস, স্ক্রীনের আকার, ব্রাউজার এবং সংযোগের গতির সাথে পরীক্ষাটি পুনরাবৃত্তি করি। ## মোবাইল আচরণ পর্যালোচনা করুন ওয়েবসাইট পরিদর্শনের একটি বড় অংশ মোবাইল ডিভাইস থেকে আসতে পারে, তাই মোবাইল বোতাম পরীক্ষার নিজস্ব প্রক্রিয়া প্রয়োজন। আমি পরীক্ষা করি: - বোতামটি স্ক্রিনের ভিতরে ফিট করে কিনা - টেক্সটটি পঠনযোগ্য থাকে - ট্যাপ এরিয়ায় পর্যাপ্ত জায়গা রয়েছে - একটি কুকি ব্যানার বোতামটিকে কভার করে - একটি স্টিকি মেনু অ্যাকশনটি ব্লক করে - বোতামটি ট্যাপ করা হলে পৃষ্ঠাটি লাফ দেয় - ফর্মটি দৃশ্যমান এলাকার উপরে বা নীচে খোলে - কীবোর্ড পরবর্তী ক্ষেত্র বা বোতামটি লুকিয়ে রাখে। একজন গ্রাহককে স্ক্রীনটি সম্পূর্ণ করতে, অ্যাকশন পৃষ্ঠাটি সম্পূর্ণ করার জন্য একটি সাধারণ ফোন বা সার্চ পৃষ্ঠাটিকে চিমটি করার প্রয়োজন হবে না। আমি ধীর সংযোগ পরীক্ষা. ভারী ছবি, তৃতীয় পক্ষের স্ক্রিপ্ট এবং ট্র্যাকিং সরঞ্জামগুলি একটি বোতামকে বিলম্বিত করতে পারে বা পৃষ্ঠাটিকে হিমায়িত দেখাতে পারে৷ একটি ছোট লোডিং বার্তা লোকেদের বুঝতে সাহায্য করতে পারে যে অনুরোধটি প্রক্রিয়া করা হচ্ছে৷ ## ত্রুটিগুলি ঠিক করা সহজ করুন ফর্মগুলি প্রায়শই দর্শকদের কী ভুল হয়েছে তা না জানিয়ে ব্যর্থ হয়৷ একটি বার্তা যেমন "অবৈধ ইনপুট" খুব বেশি সাহায্য করে না। আমি প্রভাবিত ক্ষেত্রের কাছাকাছি সরাসরি নির্দেশিকা পছন্দ করি: - "একটি বৈধ ইমেল ঠিকানা লিখুন।" - "একটি ডেলিভারি বিকল্প চয়ন করুন।" - "এই ক্ষেত্রটি প্রয়োজন।" - "আপনার বার্তায় কমপক্ষে 20টি অক্ষর থাকতে হবে।" ভিজিটর ফর্ম সংশোধন করার পরে বার্তাটি দৃশ্যমান থাকা উচিত। পৃষ্ঠাটি যদি একটি ভুলের পরে প্রতিটি ক্ষেত্র পরিষ্কার করে, তবে অনেকে আবার শুরু করার পরিবর্তে চলে যাবে। আমি নিশ্চিত করি যে বোতামটি দুইবার ফর্ম জমা দেয় না। যখন একজন দর্শক বারবার ট্যাপ করে, তখন সাইটের একটি সংক্ষিপ্ত লোডিং অবস্থা দেখাতে হবে এবং ডুপ্লিকেট অনুরোধগুলি প্রতিরোধ করতে হবে। এটি গ্রাহকের অভিজ্ঞতাকে রক্ষা করে এবং এড়ানো যায় এমন অর্ডার বা সীসা সংক্রান্ত সমস্যাগুলি হ্রাস করে। ## লুকানো সমস্যাগুলি খুঁজে পেতে ডেটা ব্যবহার করুন অ্যানালিটিক্স দেখাতে পারে যে একটি পৃষ্ঠা ট্রাফিক পায়, কিন্তু পৃষ্ঠাটি কাজ করে কিনা তা একা ট্র্যাফিক আমাকে বলে না। আমি দরকারী ইভেন্টগুলি ট্র্যাক করি যেমন: - বোতাম দর্শন - বোতাম ক্লিক - ফর্ম শুরু - ফর্ম ত্রুটি - ফর্ম জমা - চেকআউট অগ্রগতি - অর্থপ্রদান ব্যর্থতা - নিশ্চিতকরণ পৃষ্ঠা পরিদর্শন সংখ্যাগুলির প্রসঙ্গ প্রয়োজন৷ কম সমাপ্তির হার সহ একটি উচ্চ ক্লিক হার একটি ফর্ম বা অর্থপ্রদানের সমস্যা নির্দেশ করতে পারে। কম ক্লিক রেট অস্পষ্ট বোতাম পাঠ্য, দুর্বল পৃষ্ঠার গঠন, দুর্বল স্থান নির্ধারণ বা প্রযুক্তিগত সমস্যার পরামর্শ দিতে পারে। আমি ডিভাইস ডেটাও তুলনা করি। যদি ডেস্কটপ ভিজিটররা ফর্মটি পূরণ করে যখন মোবাইল ভিজিটররা ক্লিক করার পরে থামে, আমি অফার পরিবর্তন করার আগে মোবাইল অভিজ্ঞতার উপর ফোকাস করি। একটি সাধারণ সেশন রেকর্ডিং এমন আচরণ প্রকাশ করতে সাহায্য করতে পারে যা সংখ্যা মিস হয়। আপনি দেখতে পারেন যে লোকেরা একটি বোতামের মতো দেখতে একটি ছবিতে ট্যাপ করছে, সামনে পিছনে স্ক্রোল করছে, বা অক্ষম নিয়ন্ত্রণে একাধিকবার ক্লিক করছে। ## একটি ব্যবহারিক উদাহরণ থেকে শিখুন একটি স্থানীয় মেরামত কোম্পানির একটি পৃষ্ঠা যেখানে লেখা আছে, "একটি হোম ভিজিট বুক করুন।" বোতামটি ডেস্কটপে কাজ করে, তবে মোবাইলে একটি গোপনীয়তা ব্যানার স্ক্রিনের নীচের অংশকে কভার করে। দর্শকরা বোতামটি দেখতে পাচ্ছেন কিন্তু এটিতে ট্যাপ করতে পারবেন না। কোম্পানী অনুমান করতে পারে পৃষ্ঠাটির আরও ট্রাফিক প্রয়োজন। আসল সমস্যাটি সমাধান করা সহজ: ব্যানারটি সরান, বোতামের চারপাশে স্থান যোগ করুন এবং বেশ কয়েকটি ফোনে বুকিং ফর্ম পরীক্ষা করুন৷ আরেকটি উদাহরণ একটি অনলাইন স্টোর জড়িত। "কার্টে যোগ করুন" বোতামটি কাজ করে, কিন্তু ক্রেতারা এটিতে ট্যাপ করার পরে কোনও দৃশ্যমান প্রতিক্রিয়া পান না। কিছু লোক আবার ট্যাপ করে, ডুপ্লিকেট আইটেম তৈরি করে। অন্যরা অনুমান করে যে পৃষ্ঠা ব্যর্থ হয়েছে এবং ছেড়ে গেছে। একটি পরিষ্কার লোডিং অবস্থা, একটি কার্ট আপডেট এবং একটি সংক্ষিপ্ত নিশ্চিতকরণ বার্তা পরবর্তী পদক্ষেপটি বোঝা সহজ করে তুলতে পারে৷ ## পরিবর্তনগুলি প্রকাশ করার আগে একটি রুটিন তৈরি করুন আমি একটি ছোট রিলিজ চেকলিস্ট ব্যবহার করি: - ডেস্কটপ এবং মোবাইলে প্রধান বোতামটি পরীক্ষা করুন - একাধিক ব্রাউজারে পৃষ্ঠাটি খুলুন - বৈধ এবং অবৈধ বিশদ সহ ফর্ম জমা দিন - নিশ্চিতকরণ পৃষ্ঠাটি দেখুন - ধীরগতির লোডিং শর্তগুলি পরীক্ষা করুন - বিশ্লেষণ ইভেন্টগুলি রেকর্ড করা হয়েছে তা নিশ্চিত করুন - স্ক্রিন রিডার বা কীবোর্ডের সাহায্যে পৃষ্ঠাটি পর্যালোচনা করুন - শেষ পদক্ষেপটি সম্পূর্ণ করার জন্য অন্য কোনও ব্যক্তি নির্দেশিকা ছাড়াই কাজটি সম্পূর্ণ করতে পারেন৷ শব্দ আমি ইতিমধ্যেই জানি যে বোতামটি কী করতে বোঝায়, তাই আমি এমন একটি সমস্যা উপেক্ষা করতে পারি যা একজন নতুন দর্শকের কাছে স্পষ্ট মনে হয়। একটি ভাঙা বোতাম খুব কমই শুধুমাত্র একটি নকশা বিস্তারিত. এটি একটি গ্রাহকের সিদ্ধান্তকে সঠিক সময়ে বাধা দিতে পারে যেখানে বিশ্বাসকে পদক্ষেপ নিতে হবে। আমি সম্পূর্ণ যাত্রা পরীক্ষা করি, ছোট ছোট বিবরণ পরীক্ষা করি এবং প্রতিটি ফিক্স গাইড করতে গ্রাহকের আচরণ ব্যবহার করি। যখন একজন দর্শক পরবর্তী ধাপটি দেখতে পারে, এটি বুঝতে পারে এবং বিনা বাধায় এটি সম্পূর্ণ করতে পারে, তখন পৃষ্ঠাটির ব্যবসায়িক লক্ষ্যকে সমর্থন করার আরও ভালো সুযোগ থাকে।

একটি ভাঙা বোতাম একটি গ্রাহক চেকআউট পৌঁছানোর আগে একটি বিক্রয় বন্ধ করতে পারে. আমি দেখেছি ক্রেতারা পণ্যের বিশদ পড়তে, একটি আকার চয়ন করুন, একটি অর্থপ্রদানের বিকল্প নির্বাচন করুন এবং তারপরে এমন একটি বোতামে ক্লিক করুন যা কিছুই করে না। কেউ কেউ অপেক্ষা করে। কিছু আবার ক্লিক করুন. অনেকেই বিষয়টি রিপোর্ট না করেই চলে যান। গ্রাহকের দৃষ্টিকোণ থেকে, পণ্য এবং পরিষেবা ভাল থাকলেও দোকানটিকে অবিশ্বস্ত মনে হতে পারে। একটি বোতাম একটি ফর্ম পাঠাতে বা একটি কার্টে একটি আইটেম যোগ করার চেয়ে বেশি কাজ করে৷ এটি পরবর্তী পদক্ষেপের নির্দেশনা দেয়। যখন সেই ক্রিয়া ব্যর্থ হয়, ক্রয় প্রক্রিয়া তার পথ হারায়। ## একটি ভাঙা বোতামটি কেমন দেখাচ্ছে একটি ভাঙা বোতাম সবসময় সম্পূর্ণরূপে প্রতিক্রিয়াশীল নয়। এটি হতে পারে: - একটি ক্লিকের পরে কিছুই করবেন না - ডেস্কটপে কাজ করুন কিন্তু মোবাইলে ব্যর্থ হবেন - ভুল পৃষ্ঠা খুলুন - একটি ফর্ম জমা দেওয়ার পরে একটি ত্রুটি দেখান - কার্টে ভুল পণ্য যোগ করুন - প্রয়োজনীয় ক্ষেত্রগুলি সম্পূর্ণ হওয়ার পরে অক্ষম থাকুন - একই অর্ডার একাধিকবার জমা দিন - পৃষ্ঠায় মিশ্রিত করুন যাতে গ্রাহকরা এটি লক্ষ্য না করেন - একটি থিম, প্লাগইন বা স্ক্রিপ্ট আপডেট করার কিছু সহজ সমস্যার পরে কাজ করা বন্ধ করুন। অন্যগুলি শুধুমাত্র নির্দিষ্ট শর্তের অধীনে প্রদর্শিত হয়, যেমন একটি নির্দিষ্ট ব্রাউজার, স্ক্রীনের আকার, পণ্য বিকল্প, বা অর্থপ্রদানের পদ্ধতি। এটি নিয়মিত বোতাম পরীক্ষাকে বিক্রয় রক্ষণাবেক্ষণের অংশ করে তোলে, শুধু একটি নকশা কাজ নয়। ## প্রধান গ্রাহক পথ দিয়ে শুরু করুন আমি এলোমেলোভাবে প্রতিটি পৃষ্ঠা পরীক্ষা করি না। আমি রাজস্বের সবচেয়ে কাছের ক্রিয়াগুলি দিয়ে শুরু করি: 1. একটি পণ্য পৃষ্ঠা খুলুন৷ 2. প্রয়োজনীয় বিকল্পগুলি নির্বাচন করুন৷ 3. কার্টে আইটেম যোগ করুন. 4. কার্টের পরিমাণ আপডেট করুন। 5. চেকআউট শুরু করুন। 6. গ্রাহকের বিবরণ লিখুন। 7. শিপিং এবং পেমেন্ট চয়ন করুন. 8. অর্ডার করুন। 9. একটি যোগাযোগ বা উদ্ধৃতি ফর্ম জমা দিন. একজন গ্রাহক সেগুলি ব্যবহার করবে বলে আমি এই পথগুলি পরীক্ষা করি। একটি পৃষ্ঠা থেকে ক্লিক করা হলে একটি বোতাম কাজ করতে পারে কিন্তু একটি পণ্য বিকল্প পরিবর্তন করার পরে গ্রাহক এটিতে পৌঁছালে ব্যর্থ হয়। একটি সাধারণ পরীক্ষার শীটে অন্তর্ভুক্ত থাকতে পারে: | পাতা | বোতাম কর্ম | ডিভাইস | ব্রাউজার | ফলাফল | |---|---|---|---|---| | পণ্য পাতা | কার্টে যোগ করুন | মোবাইল | ক্রোম | কাজ | | কার্ট পাতা | হালনাগাদ পরিমাণ | মোবাইল | সাফারি | ব্যর্থ | | চেকআউট | অর্ডার করুন | ডেস্কটপ | প্রান্ত | কাজ | এই রেকর্ড আমাকে মেমরির উপর নির্ভর করার পরিবর্তে নিদর্শন খুঁজে পেতে সাহায্য করে। ## মোবাইলের আচরণ পরীক্ষা করুন অনেক গ্রাহক একটি ফোন থেকে ব্রাউজ করেন এবং কিনে থাকেন। একটি বোতাম একটি বড় পর্দায় স্বাভাবিক প্রদর্শিত হতে পারে এবং একটি ছোট পর্দায় ব্যবহার করা কঠিন হয়ে উঠতে পারে। আমি পরীক্ষা করি: - বোতামটি অন্যান্য বিষয়বস্তু কভার না করেই দৃশ্যমান থাকে কি না - টেক্সটটি বোতামের ভিতরে ফিট করে - বোতামটির চারপাশে পর্যাপ্ত জায়গা রয়েছে - একটি আঙুল অন্য নিয়ন্ত্রণে আঘাত না করে এটিকে ট্যাপ করতে পারে - পৃষ্ঠাটি ট্যাপ করার পরে সঠিক বিভাগে চলে যায় - জমা দেওয়ার পরে একটি লোডিং অবস্থা প্রদর্শিত হয় - ফোনটি উল্লম্বভাবে রাখা হলে বোতামটি ব্যবহারযোগ্য থাকে যখন একটি সাধারণ সমস্যা দেখা যায় যখন একটি নির্দিষ্ট পৃষ্ঠার নীচের অংশটি কভার করে। বোতামটি উপস্থিত আছে, কিন্তু গ্রাহক এটি সঠিকভাবে ট্যাপ করতে পারে না। একটি ছোট বিন্যাস পরিবর্তন ব্লক অপসারণ করতে পারেন. ## কোড এবং সাইট টুলগুলি পর্যালোচনা করুন ব্রোকেন বোতামগুলি প্রায়শই বোতামের বাইরের পরিবর্তনগুলি থেকে আসে৷ একটি নতুন স্ক্রিপ্ট চলমান থেকে একটি ক্লিক ইভেন্ট বন্ধ করতে পারে. একটি প্লাগইন চেকআউট প্রক্রিয়ার সাথে বিরোধ করতে পারে। একটি ট্র্যাকিং টুল একটি ফর্ম জমা বিলম্বিত হতে পারে. একটি সাম্প্রতিক থিম আপডেট বোতামের ক্লাস বা লিঙ্ক পরিবর্তন করতে পারে। আমি চেক করি: - ব্রাউজার কনসোল ত্রুটি - বোতাম লিঙ্ক এবং ফর্ম অ্যাকশন - জাভাস্ক্রিপ্ট ক্লিক ইভেন্ট - প্লাগইন এবং থিম আপডেট - চেকআউট সেটিংস - পেমেন্ট গেটওয়ে বার্তা - ফর্ম যাচাইকরণের নিয়ম - পুনঃনির্দেশিত পথ - লোডিং এবং অক্ষম অবস্থা একটি বিকাশকারী ব্রাউজার টুল ব্যবহার করে নিশ্চিত করতে পারেন যে ক্লিকটি পৃষ্ঠার স্ক্রিপ্টে পৌঁছেছে কিনা৷ এটি অনুমান কমাতে পারে এবং একটি প্রযুক্তিগত সমস্যা থেকে একটি নকশা সমস্যাকে আলাদা করতে সাহায্য করতে পারে। ## কাজটি বুঝতে সহজ করুন একটি বোতাম গ্রাহকদের জানাতে হবে পরবর্তী কি হবে। "এখন কিনুন" একটি সরাসরি ক্রয় প্রবাহের জন্য উপযুক্ত হতে পারে। "কার্টে যোগ করুন" এমন একটি দোকানের জন্য উপযুক্ত যেখানে ক্রেতারা ব্রাউজিং চালিয়ে যেতে পারে। "একটি উদ্ধৃতির অনুরোধ করুন" এমন একটি পরিষেবার জন্য আরও ভাল কাজ করে যার গ্রাহকের বিবরণ প্রয়োজন৷ শব্দগুলি কর্মের সাথে মিলিত হওয়া উচিত। যদি একটি বোতাম বলে "শুরু করুন" কিন্তু একটি দীর্ঘ যোগাযোগ ফর্ম খোলে, কিছু দর্শক পরবর্তী পদক্ষেপ সম্পর্কে অনিশ্চিত বোধ করতে পারে। আমি একে অপরের পাশে একই চাক্ষুষ ওজন সহ বেশ কয়েকটি বোতাম স্থাপন করা এড়াই। যখন প্রতিটি বিকল্প প্রধান ক্রিয়াকলাপের মত দেখায়, তখন গ্রাহকরা বেছে নেওয়ার পরিবর্তে বিরতি দিতে পারেন। ## প্রতিটি ক্লিকের পরে দরকারী প্রতিক্রিয়া যোগ করুন গ্রাহকরা একটি বোতামের সাথে ইন্টারঅ্যাক্ট করার পরে তাদের একটি স্পষ্ট প্রতিক্রিয়া প্রয়োজন। পৃষ্ঠাটি দেখাতে পারে: - একটি লোডিং সূচক - একটি নিশ্চিতকরণ বার্তা - একটি কার্ট গণনা আপডেট - প্রভাবিত ক্ষেত্রের কাছাকাছি একটি দৃশ্যমান ত্রুটি - ক্রিয়াটি পুনরায় চেষ্টা করার একটি লিঙ্ক - একটি স্পষ্ট কারণ যখন একটি ফর্ম জমা দেওয়া যায় না একটি নীরব ব্যর্থতা সন্দেহ তৈরি করে৷ একটি দরকারী বার্তা গ্রাহককে এগিয়ে যাওয়ার পথ দেয়। বার্তাটি সরল ভাষা ব্যবহার করা উচিত। "এই আইটেমটি যোগ করার আগে অনুগ্রহ করে একটি আকার নির্বাচন করুন" এর চেয়ে বেশি সাহায্য করে "বৈধকরণ ত্রুটি: বিকল্প প্রয়োজন।" ## প্রতিটি বড় পরিবর্তনের পর পরীক্ষা করি আমি এর পরে বোতামগুলি পরীক্ষা করি: - থিম সম্পাদনা - প্লাগইন আপডেট - চেকআউট পরিবর্তন - অর্থপ্রদান সেটআপ পরিবর্তন - নতুন পণ্য টেমপ্লেট - ফর্ম সম্পাদনা - ট্র্যাকিং কোড আপডেট - পৃষ্ঠার গতির কাজ আমি লগ ইন এবং গেস্ট সেশনগুলিও পরীক্ষা করি যখন উভয়ই উপলব্ধ থাকে৷ ক্যাশে করা পৃষ্ঠাগুলি পরিবর্তনগুলি লুকাতে পারে, তাই আমি একটি নতুন ব্রাউজার সেশন এবং একটি মোবাইল ডিভাইস পরীক্ষা করি৷ একটি ছোট অনলাইন স্টোর যা আমি পর্যালোচনা করেছি একটি অ্যাড-টু-কার্ট বোতাম ছিল যা স্ট্যান্ডার্ড পণ্যগুলির জন্য কাজ করে কিন্তু গ্রাহকরা একটি কাস্টম বিকল্প নির্বাচন করলে ব্যর্থ হয়। পণ্যের পৃষ্ঠাটি একটি স্পষ্ট ত্রুটি দেখায়নি, তাই মালিক বিশ্বাস করেন যে দোকানটি কম আগ্রহ পাচ্ছে। বিষয়টি চাহিদা ছিল না। নির্বাচিত বিকল্পটি কার্টে সঠিকভাবে পাঠানো হচ্ছে না। এই ধরনের সমস্যা লুকিয়ে থাকতে পারে যখন টেস্টিং শুধুমাত্র সবচেয়ে সহজ পণ্য কভার করে। ## ট্র্যাক ক্লিক এবং ব্যর্থ অ্যাকশন অ্যানালিটিক্স দেখাতে পারে যে লোকেরা কোথায় যায়, কিন্তু ডেটার প্রসঙ্গ প্রয়োজন। একটি পণ্য পৃষ্ঠায় একটি উচ্চ প্রস্থান হার দুর্বল বিষয়বস্তু, ধীর লোডিং, বা নির্বাচন করার পরে ব্যর্থ হয় যে একটি বোতাম থেকে আসতে পারে. দরকারী ইভেন্টগুলির মধ্যে রয়েছে: - অ্যাড-টু-কার্ট ক্লিকগুলি - চেকআউট শুরু হয় - ফর্ম জমা দেওয়া - অর্থপ্রদানের ত্রুটি - বারবার বোতাম ক্লিকগুলি - কার্ট আপডেটগুলি - সফল অর্ডার নিশ্চিতকরণ বারবার ক্লিকগুলি একটি দরকারী সংকেত৷ তারা দেখাতে পারে যে পৃষ্ঠাটি কোনও প্রতিক্রিয়া দেয় না, ধীরে ধীরে লোড হয় বা অ্যাকশনটি ব্লক করে। ভাঙা বোতাম হল ছোট প্রযুক্তিগত সমস্যা যা গ্রাহকের বিশ্বাসের উপর সরাসরি প্রভাব ফেলে। আমি সেগুলিকে বিক্রয় পথের অংশ হিসাবে বিবেচনা করি, সাধারণ ডিভাইসগুলিতে সেগুলি পরীক্ষা করি এবং প্রতিটি কাজের পরে গ্রাহকদের স্পষ্ট প্রতিক্রিয়া দিই৷ একটি কাজের বোতাম বিক্রয়ের গ্যারান্টি দেয় না, তবে গ্রাহকের সিদ্ধান্ত নেওয়ার সুযোগ পাওয়ার আগে একটি ব্যর্থ বোতাম পরবর্তী পদক্ষেপটি সরাতে পারে।

একজন গ্রাহক "কার্টে যোগ করুন", "একটি ডেমো বুক করুন" বা "এখনই অর্থপ্রদান করুন" এ ক্লিক করেন। কিছুই হয় না। পৃষ্ঠাটি মসৃণ দেখাতে পারে, অফারটি দর্শকের প্রয়োজনের সাথে মানানসই হতে পারে এবং চেকআউট প্রক্রিয়া প্রস্তুত হতে পারে। একটি ভাঙা বোতাম এখনও পুরো যাত্রা বন্ধ করতে পারে। কিছু দর্শক পৃষ্ঠাটি রিফ্রেশ করবে। অনেকে সমস্যা না জানিয়েই চলে যাবে। আমি পণ্য পৃষ্ঠা, যোগাযোগের ফর্ম, মোবাইল মেনু এবং চেকআউট স্ক্রীনে এটি ঘটতে দেখেছি। সমস্যাটি প্রায়শই ছোট হয়: একটি ভুল লিঙ্ক, একটি ব্লক করা স্ক্রিপ্ট, একটি লুকানো বোতাম, বা একটি ফর্ম যা ডেটা পাঠায় না৷ প্রভাব এক পৃষ্ঠা ছাড়িয়ে যেতে পারে। ## গ্রাহক পথ দিয়ে শুরু করুন আমি একটি ওয়েবসাইটের প্রতিটি বোতাম চেক করে শুরু করি না। আমি সেই পথ অনুসরণ করি যেটা একজন গ্রাহকের নেওয়ার আশা করা হয়। একটি অনলাইন স্টোরের জন্য, সেই পথটি এইরকম দেখতে পারে: - পণ্য পৃষ্ঠা - কার্টে যোগ করুন - কার্ট পর্যালোচনা - চেকআউট - অর্থপ্রদান - অর্ডার নিশ্চিতকরণ একটি পরিষেবা ব্যবসার জন্য, এটি হতে পারে: - পরিষেবা পৃষ্ঠা - অনুসন্ধান ফর্ম - যোগাযোগের বিশদ - অ্যাপয়েন্টমেন্ট অনুরোধ - নিশ্চিতকরণ বার্তা একজন দর্শক হিসাবে আমি যাত্রা খুলি৷ আমি একটি ফোন এবং একটি ডেস্কটপ কম্পিউটার ব্যবহার করি। বোতামটি কাজ করে বলে ধরে নেওয়ার পরিবর্তে আমি প্রতিটি পৃষ্ঠায় মূল ক্রিয়া পরীক্ষা করি কারণ এটি সঠিক দেখাচ্ছে। একটি ডেস্কটপে খোলা একটি বোতাম একটি ছোট পর্দায় ব্যর্থ হতে পারে। আমি লগ ইন করলে একটি ফর্ম সফলভাবে পাঠাতে পারে কিন্তু একজন সাধারণ দর্শকের জন্য ব্যর্থ হয়। সম্পূর্ণ পথ পরীক্ষা করা সমস্যাগুলি প্রকাশ করতে সাহায্য করে যা একটি দ্রুত ভিজ্যুয়াল চেক মিস করতে পারে। ## একটি কার্যকারী বোতামে ক্লিক করার পরে কী হবে তা পরীক্ষা করে দেখুন একটি পরিষ্কার ফলাফল তৈরি করা উচিত। পৃষ্ঠাটি একটি নতুন URL খুলতে পারে, কার্টে একটি আইটেম যোগ করতে পারে, একটি ফর্ম বার্তা প্রদর্শন করতে পারে, একটি ডাউনলোড শুরু করতে পারে বা একটি নিশ্চিতকরণ স্ক্রীন দেখাতে পারে৷ দর্শক যদি কোন পরিবর্তন না দেখে, আমি পৃষ্ঠার প্রতিক্রিয়া এবং ত্রুটির জন্য ব্রাউজার কনসোল পরীক্ষা করি। সাধারণ কারণগুলির মধ্যে রয়েছে: - একটি ভুল URL - একটি অনুপস্থিত পৃষ্ঠা - একটি অক্ষম ক্লিক ইভেন্ট - একটি স্ক্রিপ্ট যা লোড হতে ব্যর্থ হয় - একটি ফর্ম ক্ষেত্র যা স্পষ্ট নির্দেশিকা ছাড়াই প্রয়োজন হিসাবে চিহ্নিত করা হয়েছে - অন্য উপাদানের পিছনে লুকানো একটি বোতাম - একটি অর্থপ্রদান বা বুকিং টুল যা তার সংযোগ হারিয়েছে - একটি মোবাইল লেআউট যা দৃশ্যমান এলাকার বাইরে বোতামটি রাখে আমি বোতামটি একটি বাস্তব লিঙ্ক বা শুধুমাত্র একটি লিঙ্ক কিনা তাও আমি পরীক্ষা করি। একটি পরিষ্কার HTML লিঙ্ক ব্যবহারকারী এবং সার্চ ইঞ্জিনকে একটি ব্যবহারযোগ্য পথ দেয়। একটি স্ক্রিপ্টের উপর নির্ভর করে এমন একটি বোতামের জন্য উপযুক্ত ফলব্যাক প্রয়োজন যখন সেই স্ক্রিপ্টটি চলে না। ## মোবাইলের প্রতিটি কী বোতাম পরীক্ষা করুন মোবাইল ভিজিটররা প্রায়ই এমন সমস্যার সম্মুখীন হন যা একটি প্রশস্ত স্ক্রিনে দৃশ্যমান হয় না। আমি চেক করি: - বোতামের আকার এবং ব্যবধান - বোতামের ভিতরে ফিট করা টেক্সট - স্পর্শ প্রতিক্রিয়া - স্টিকি ব্যানারগুলি বোতামটি ঢেকে দেয় - কুকি নোটিশগুলি পৃষ্ঠার নীচের অংশকে ব্লক করে - ফর্মগুলি যেগুলি স্ক্রিনের বাইরে চলে যায় - মেনুগুলি যা খোলে কিন্তু বন্ধ করা যায় না - স্লো-লোডিং স্ক্রিপ্ট যা অ্যাকশনে বিলম্ব করে একটি দর্শকের ফোন জুম ইন, কয়েকবার ঘোরানো বা ঘোরানো উচিত নয়৷ ক্লিয়ার টেক্সট যেমন “Send Enquiry” বা “View Cart” এছাড়াও পরবর্তীতে কী ঘটবে তা বুঝতে সাহায্য করে। ## ত্রুটি বার্তাগুলিকে উপযোগী করে তুলুন একটি ব্যর্থ ক্রিয়া দর্শকদের অনুমান করতে ছেড়ে দেওয়া উচিত নয়৷ একটি বার্তা যেমন "কিছু ভুল হয়েছে" সামান্য সাহায্য করে। একটি ভাল বার্তা পরবর্তী ধাপের ব্যাখ্যা করে: "আপনার বার্তা পাঠানো হয়নি৷ ইমেল ক্ষেত্রটি পরীক্ষা করুন এবং আবার চেষ্টা করুন৷" পেমেন্ট সংক্রান্ত সমস্যার জন্য, সাইটটি বলতে পারে: "আমরা এই অর্থপ্রদান প্রক্রিয়া করতে পারিনি। অনুগ্রহ করে আপনার কার্ডের বিশদ বিবরণ দেখুন বা অন্য অর্থপ্রদানের পদ্ধতি বেছে নিন।" বার্তাটি প্রভাবিত ক্ষেত্র বা কর্মের কাছাকাছি উপস্থিত হওয়া উচিত। এটি একটি ফোনে পঠনযোগ্য থাকা উচিত। আমি গ্রাহককে দোষারোপ করা এড়াই, বিশেষ করে যখন সমস্যাটি ওয়েবসাইট থেকে আসে। ## ওয়েবসাইট পরিবর্তনের পরে লিঙ্কগুলি পর্যালোচনা করুন ভাঙা বোতামগুলি প্রায়শই একটি পুনঃডিজাইন, প্লাগইন আপডেট, পণ্য পরিবর্তন বা ডোমেন সরানোর পরে প্রদর্শিত হয়। আমি গুরুত্বপূর্ণ ক্রিয়াগুলির একটি সাধারণ তালিকা রাখি এবং প্রতিটি বড় আপডেটের পরে এটি পর্যালোচনা করি: | পাতা | বোতাম | প্রত্যাশিত ফলাফল | পরীক্ষার ফলাফল | |---|---|---|---| | পণ্য পাতা | কার্টে যোগ করুন | আইটেম কার্টে উপস্থিত হয় | কর্মরত | | যোগাযোগ পাতা | তদন্ত পাঠান | নিশ্চিতকরণ উপস্থিত হয় | পর্যালোচনা প্রয়োজন | | পরিষেবা পাতা | একটি কল বুক করুন | বুকিং পেজ খোলে | কর্মরত | এই তালিকা জটিল হতে হবে না. এটি আমাকে কী গুরুত্বপূর্ণ তার একটি রেকর্ড দেয় এবং ভবিষ্যতের চেকগুলিকে সহজ করে তোলে। একজন ওয়েবসাইটের মালিক লিঙ্ক-চেকিং টুল, অ্যানালিটিক্স, ফর্ম নোটিফিকেশন এবং ব্রাউজার টেস্টিং টুলও ব্যবহার করতে পারেন। এই সরঞ্জামগুলি একটি সমস্যা নির্দেশ করতে পারে, তবে আমি এখনও গ্রাহকের যাত্রা নিজেই পরীক্ষা করি। একটি প্রতিবেদন দেখাতে পারে যে একটি পৃষ্ঠা লোড হয় যখন এই সত্যটি অনুপস্থিত থাকে যে ক্লিকের পরে মূল ক্রিয়া ব্যর্থ হয়। ## অ্যানালিটিক্সে লক্ষণগুলির জন্য দেখুন ওয়েবসাইটের কার্যকলাপে হঠাৎ পরিবর্তন একটি বোতাম সমস্যার পরামর্শ দিতে পারে৷ দরকারী লক্ষণগুলির মধ্যে রয়েছে: - কার্ট সংযোজন কমে যাওয়ার সময় পণ্যের ভিউ স্থির থাকে - জমা কমে যাওয়ার সময় ফর্ম ভিজিট চলতে থাকে - সম্পূর্ণ অর্ডার কমে যাওয়ার সাথে সাথে চেকআউট শুরু হয় - মোবাইল ব্যবহারকারীরা অনেক বেশি হারে একটি পৃষ্ঠা ছেড়ে যায় - একটি নিশ্চিতকরণ পৃষ্ঠা একটি সাইট আপডেটের পরে কোনও ভিজিট পায় না এই পরিসংখ্যানগুলি প্রমাণ করে না যে একটি বোতাম ভেঙে গেছে৷ তারা দেখায় যে আমার কোথায় আরও ঘনিষ্ঠভাবে পরীক্ষা করা উচিত। উদাহরণস্বরূপ, একটি অনলাইন শপ একটি থিম আপডেটের পরে একই সংখ্যক পণ্য পৃষ্ঠা ভিজিট পেতে পারে, তবুও কার্ট কার্যকলাপ হ্রাস পেতে পারে। বেশ কয়েকটি ডিভাইসে "কার্টে যোগ করুন" বোতামটি পরীক্ষা করলে দেখা যাবে যে একটি স্ক্রিপ্ট মোবাইলে আর লোড হয় না। ## গুরুত্বপূর্ণ ক্রিয়াগুলি খুঁজে পেতে সহজ রাখুন একটি পরিষ্কার বোতাম ব্যবহারকারী এবং অনুসন্ধান দৃশ্যমানতা উভয়কেই সমর্থন করে৷ সার্চ ইঞ্জিন একটি পৃষ্ঠার বিষয়বস্তু, লিঙ্ক, শিরোনাম এবং ক্রিয়াগুলি দর্শকের উদ্দেশ্যের সাথে মেলে তখন আরও ভালভাবে বুঝতে পারে। আমি অস্পষ্ট লেবেলগুলির পরিবর্তে বর্ণনামূলক লিঙ্ক পাঠ্য ব্যবহার করি। "মূল্য নির্দেশিকা ডাউনলোড করুন" দর্শককে "এখানে ক্লিক করুন" এর চেয়ে বেশি কিছু বলে। আমি মূল ক্রিয়াটি প্রাসঙ্গিক তথ্যের কাছে রাখি এবং মনোযোগের জন্য প্রতিদ্বন্দ্বিতা করে এমন অ্যাকশনের বারবার কল দিয়ে পৃষ্ঠাটি পূরণ করা এড়াই। একটি পৃষ্ঠায় বেশ কয়েকটি ক্রিয়া থাকতে পারে, তবে তাদের একই গ্রাহকের পথ পরিবেশন করা উচিত। একটি পরিষেবা পৃষ্ঠা দর্শকদের একটি অনুসন্ধান ফর্মের দিকে গাইড করতে পারে, যখন একটি পণ্য পৃষ্ঠা তাদের কার্টের দিকে গাইড করতে পারে। একটি পৃষ্ঠা প্রকাশ করার আগে, আমি নিজেকে একটি সহজ প্রশ্ন জিজ্ঞাসা করি: যদি আমি একটি স্পষ্ট প্রয়োজনে এখানে আসি, তাহলে আমি কি সন্দেহ বা ঘর্ষণ ছাড়াই পরবর্তী পদক্ষেপটি সম্পূর্ণ করতে পারব? একটি কাজের বোতাম একটি নকশা বিস্তারিত চেয়ে বেশি. এটি কর্মের সাথে আগ্রহকে সংযুক্ত করে। নিয়মিত চেক, পরিষ্কার বার্তা, মোবাইল টেস্টিং এবং সহজ ট্র্যাকিং সেই সংযোগটি খোলা রাখতে সাহায্য করে। Allan-zheng-এ আমাদের সাথে যোগাযোগ করুন: longxianghardware@gmail.com/WhatsApp +8618959885227।

1. স্টিভ ক্রুগ — 2014 — ডোন্ট মেক মি থিঙ্ক রিভিজিটেড: একটি কমন সেন্স অ্যাপ্রোচ টু ওয়েব ইউসেবিলিটি 2. জ্যাকব নিলসেন — 1999 — ডিজাইনিং ওয়েব ইউসেবিলিটি: দ্য প্র্যাকটিস অফ সিমপ্লিসিটি 3. লুক রব্লেউস্কি — 2008 — ওয়েব ফর্ম ডিজাইনে: Kve204. — রকেট সার্জারি সহজ করা হয়েছে: ব্যবহারযোগ্য সমস্যাগুলি খুঁজে বের করার এবং ঠিক করার জন্য নিজে নিজে করুন-এ নির্দেশিকা 5. ওয়ার্ল্ড ওয়াইড ওয়েব কনসোর্টিয়াম — 2018 — ওয়েব সামগ্রী অ্যাক্সেসিবিলিটি নির্দেশিকা 2.1 6. অবিনাশ কৌশিক — 2009 — ওয়েব অ্যানালিটিক্স 2.0: দ্য আর্ট অফ অনলাইন সায়েন্স অ্যাকাউন্টিবিলিটি এবং সেন্ট্রিক অ্যাকাউন্টিবিলিটি