১. শুরু করার আগে
ম্যাটেরিয়াল ডিজাইনের যোগাযোগ নির্দেশিকা সম্পর্কে জেনে নিন !
ব্যবহারকারীর অভিজ্ঞতার মানের ক্ষেত্রে স্পষ্ট এবং সংক্ষিপ্ত লেখা একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। ম্যাটেরিয়াল ডিজাইনের ইউএক্স রাইটিং নির্দেশিকাগুলো সম্পর্কে জানুন এবং ইউআই টেক্সটের জন্য এমন নীতিগুলো প্রয়োগ করা শুরু করুন যা আপনার ব্যবহারকারীদের তাদের কাঙ্ক্ষিত গন্তব্যে পৌঁছাতে সাহায্য করবে।
আপনি কি জানেন যে ম্যাটেরিয়ালের কমিউনিকেশন সেকশনে ইউএক্স রাইটিংয়ের চেয়েও অনেক বেশি কিছু রয়েছে? ডেটা ভিজ্যুয়ালাইজেশন থেকে শুরু করে অনবোর্ডিং এবং এম্পটি স্টেট প্যাটার্ন পর্যন্ত বিভিন্ন বিষয় দেখে নিন।
একজন লেখকের মতো চিন্তা করুন!
আপনি একজন ইউএক্স রাইটার বা কন্টেন্ট স্ট্র্যাটেজিস্টের সাথে কাজ করুন বা না করুন, এই কোডল্যাবটি যে কাউকেই ইন্টারফেসের জন্য কার্যকরী ভাষা ব্যবহারের উপায় শেখাবে। আপনি এমন কিছু প্রশ্ন করতে শিখবেন, যেগুলোর ওপর একজন লেখক পণ্যের অভিজ্ঞতা উন্নত করার জন্য মনোযোগ দিতে পারেন; যেমন লেবেল এবং নোটিফিকেশনের মতো ব্যবহারকারী-মুখী লেখায় স্পষ্টতা এবং সংক্ষিপ্ততা আনা।
আপনি যা শিখবেন
- ইউএক্স রাইটিং কী এবং কেন এটি গুরুত্বপূর্ণ
- বিভিন্ন প্রেক্ষাপটের জন্য সঠিক সুর ও বাচনভঙ্গি কীভাবে নির্ধারণ করবেন
- উপাদান-নির্দিষ্ট লেখার বিবেচ্য বিষয়
- আরও শেখার জন্য তথ্যসূত্র
আপনার যা যা লাগবে
- কোডল্যাব অনুশীলনগুলো অনুসরণ করার জন্য একটি ডক শুরু করুন অথবা এক টুকরো কাগজ নিন।
পূর্বশর্ত
এই ল্যাবটি ম্যাটেরিয়াল ডিজাইনের মৌলিক লিখন, ব্যাকরণ এবং ডিজাইন ধারণার উপর ভিত্তি করে তৈরি। একটি UI-এর ইন্টারেক্টিভ উপাদান সম্পর্কে সাধারণ ধারণা থাকা সহায়ক।
ইংরেজি-কেন্দ্রিক, কিন্তু ব্যাপকভাবে উপযোগী
এই ল্যাবে উন্নততর ব্যবহারকারী অভিজ্ঞতার জন্য যোগাযোগের মূলনীতিগুলো আলোচনা করা হয়েছে। তবে, উদাহরণ এবং শব্দচয়ন আমেরিকান ইংরেজির প্রচলিত রীতি অনুসারে করা হয়েছে।
প্রসঙ্গ ও সংস্কৃতির পরিবর্তনের প্রতি সংবেদনশীলতা রেখে, এই নির্দেশিকা যেকোনো ভাষার UI-তে প্রয়োগ করা যেতে পারে। ইংরেজি ছাড়া অন্য ভাষার জন্য নির্দিষ্ট বিবেচ্য বিষয়গুলো সম্পর্কে আরও তথ্য আপনি ধাপ ৯-এ তালিকাভুক্ত রিসোর্সগুলোতে পাবেন।
২. ইউএক্স রাইটিং বলতে কী বোঝায়?
সংক্ষিপ্ত বিবরণ
ইউএক্স রাইটিং (UXW)-কে কন্টেন্ট স্ট্র্যাটেজি বা কন্টেন্ট ডিজাইনও বলা হয়। এটি ইউজার ইন্টারফেসে ব্যবহৃত টেক্সট সম্পর্কিত একটি শাখা এবং একটি স্বতন্ত্র ক্ষেত্র, যা স্পষ্ট বর্ণনা, শব্দচয়ন, তথ্যের স্তরবিন্যাস এবং আরও অনেক কিছুর মাধ্যমে ব্যবহারকারীর অভিজ্ঞতা উন্নত করার উপায় হিসেবে ভাষাকে দেখে।
একজন ইউএক্স রাইটারের মতো চিন্তা করলে কাজের সমাপ্তি, ব্যবহারকারীর সন্তুষ্টি এবং সার্বিক ব্যবহারযোগ্যতা বৃদ্ধি পেতে পারে!
ইউএক্স রাইটিংকে কী আলাদা করে তোলে?
ইউএক্স রাইটিং হলো সাধারণ মানুষের জন্য লেখা।
ব্যবহারকারীর অভিজ্ঞতা নিয়ে লেখা শুরু করার সময় এই ধারণাটি মাথায় রাখতে হবে যে, ইউআই টেক্সটের একটি প্রধান লক্ষ্য হলো ব্যবহারকারীর যাত্রাপথকে (ইউজার জার্নি) সমর্থন করা ।
যেকোনো লেখার শব্দচয়ন, দৈর্ঘ্য, শৈলী এবং গঠনশৈলী একজন ব্যবহারকারী কোনো ফিচার বা কাজের উদ্দেশ্য ও সুবিধাগুলো কতটা ভালোভাবে বুঝতে পারবে, তার ওপর প্রভাব ফেলতে পারে।
শৈলী
লেখার শৈলী আপনার পাঠকের চাহিদা ও লক্ষ্যের ওপর ভিত্তি করে হওয়া উচিত। ইউএক্সডব্লিউ (UXW) আনুষ্ঠানিক লেখার অ্যাকাডেমিক নিয়মকানুন (যা আপনি সংবাদপত্র বা নন-ফিকশন বইয়ে পড়েন) এবং অনলাইনে যোগাযোগের জন্য ব্যবহৃত অনানুষ্ঠানিক শৈলীকে (ইমেল, টেক্সট, চ্যাট) একত্রিত করে।
দুটি প্রধান কারণে অ্যাপ ও ইন্টারফেসের জন্য লেখার ক্ষেত্রে কিছুটা কম আনুষ্ঠানিকতা অবলম্বন করা হয়:
- অনলাইন যোগাযোগ ছাপা বা প্রাতিষ্ঠানিক লেখার চেয়ে কম আনুষ্ঠানিক।
- স্ক্রিনের স্থান দ্বারা UI টেক্সট সীমাবদ্ধ; অক্ষরের দৈর্ঘ্য সীমিত।
ব্যবহারকারী-কেন্দ্রিক লেখা, যা "কাজ চালিয়ে নেওয়ার" নামেও পরিচিত।
ইউএক্স রাইটিং ব্যাকরণের প্রতি আনুগত্যের চেয়ে লক্ষ্য-ভিত্তিক শৈলীকে বেশি প্রাধান্য দেয়। এর মানে এই নয় যে স্পষ্টতা এবং সামঞ্জস্যের জন্য ব্যাকরণ মূল্যবান নয়, তবে প্রথমে ব্যবহারকারীর চাহিদা বিবেচনা করা এবং তারপরে ব্যাকরণের সিদ্ধান্ত নেওয়া সহায়ক।
শব্দচয়ন ও শৈলীর ক্ষেত্রে, সিদ্ধান্ত গ্রহণের একটি মূলনীতি হতে পারে— বিষয়টিকে কার্যকর করে তোলা । ইন্টারফেসের জন্য সেরা পছন্দগুলো সবসময় আনুষ্ঠানিক লেখার নিয়মের মতো হয় না ।
মানুষ যেভাবে পড়ে, সেভাবে লিখুন।
ইউএক্সডব্লিউ (UXW) এমন হওয়া উচিত যা বিভিন্ন ভাষার পাঠকদের পুরো অনুচ্ছেদ পড়ার পরিবর্তে এফ-আকৃতির প্যাটার্নে পৃষ্ঠা স্ক্যান করার পদ্ধতিকে প্রতিফলিত করে। পাঠকের আচরণ আগে থেকে অনুমান করার মাধ্যমে, আপনি পাঠ্যবস্তু বাস্তবে যেভাবে অনুভূত হয়, সেই অনুযায়ী লিখতে পারেন।
ওয়েব কন্টেন্টের ক্ষেত্রে এর অর্থ প্রায়শই দাঁড়ায় ছোট ছোট অনুচ্ছেদ, সহজে পড়া যায় এমন বর্ণনামূলক শিরোনাম এবং কৌশলগত বিন্যাস ।
অনলাইন পঠন-প্যাটার্ন গবেষণা থেকে আই ট্র্যাকিং-এর উদাহরণ। চিত্র ও গবেষণা nngroup.com থেকে (২০০৬; ২০১৭) ।
পরীক্ষা
একই লেখা দিয়ে বিভিন্ন সংস্কৃতি বা বয়সভিত্তিক গোষ্ঠীর চাহিদা মেটানো বেশ কঠিন হতে পারে। আপনার বার্তাটি পৌঁছে দেওয়ার জন্য সঠিক শব্দ খুঁজে বের করা সহজ মনে হতে পারে, কিন্তু ভাষা এবং তার বোধগম্যতা অত্যন্ত ব্যক্তিগত একটি বিষয়।
আপনার লেখাটি আসলেই আপনি যা বোঝাতে চাইছেন তা-ই কিনা, তা নিশ্চিত করার জন্য বাস্তব জগতের স্পষ্টতা, অর্থ এবং কার্যকারিতা মূল্যায়ন করতে পরীক্ষা একটি গুরুত্বপূর্ণ পদক্ষেপ ।
পদ্ধতি
সহজ এবং সাশ্রয়ী
- আপনি যা লিখেছেন তা জোরে জোরে পড়ুন। এটা কি এমন কিছু যা আপনি একজন সত্যিকারের মানুষকে বলবেন বলে মনে হচ্ছে? যদি তা না হয়, তবে আবার লেখার চেষ্টা করুন।
- অন্য কাউকে আপনার কথাগুলো পড়তে বলুন এবং আপনার কথাগুলোর অর্থ কী বলে তারা মনে করে, তা আপনাকে ব্যাখ্যা করতে বলুন।
- একটি UI-এর প্রেক্ষাপটে আপনার লেখার উদাহরণ দিয়ে একাধিক ব্যক্তির সমীক্ষা করুন।
- কোনো নির্দিষ্ট শব্দ বা বাক্যাংশ অন্যটির চেয়ে বেশি প্রচলিত কিনা তা জানতে গুগল ট্রেন্ডস বা গুগল বুকস এনগ্রাম ভিউয়ার ব্যবহার করুন।
বিস্তৃত বিষয়বস্তু পরীক্ষায় হিউরিস্টিকস ব্যবহার করা হয়, যেমন:
- বোধগম্যতা এবং পঠনযোগ্যতা
- কাজ সম্পন্নকরণ এবং কাজে ব্যয়িত সময়
- সুর এবং উপলব্ধি মূল্যায়ন
৩. নীতিমালা
সংক্ষিপ্ত বিবরণ
ম্যাটেরিয়ালের লিখন নির্দেশিকার নীতিগুলি নির্ভুল ও সংক্ষিপ্ত ভাষার মাধ্যমে আস্থা তৈরি করতে এবং স্বচ্ছতা বাড়াতে প্রণীত হয়েছে। আপনি আপনার নিজস্ব প্রয়োজন মেটাতে ম্যাটেরিয়ালের নীতিগুলি থেকে কিছু যোগ বা বিয়োগ করতে পারেন।
নির্দেশিকা একাধিক ব্যক্তিকে দলবদ্ধভাবে আরও সামঞ্জস্যপূর্ণ সিদ্ধান্ত নিতে সাহায্য করে।
সংক্ষিপ্ত হোন, কিন্তু যান্ত্রিক হবেন না।
সীমিত সংখ্যক ধারণার উপর আলোকপাত করে সংক্ষিপ্ত ও সহজে পাঠযোগ্য পাঠ্যাংশ লিখুন।
সহজ ও সরাসরিভাবে লিখুন
সহজ ও সরাসরি ভাষা ব্যবহার করুন, যাতে লেখাটি সহজে বোঝা যায়। যখনই কিছু লিখবেন, নিজেকে জিজ্ঞেস করুন যে ধারণাটি প্রকাশ করার আরও সহজ কোনো উপায় আছে কি না।
ব্যবহারকারীদের স্পষ্টভাবে সম্বোধন করুন
ইংরেজিতে, দ্বিতীয় পুরুষ (you বা your) প্রায়শই বেশি সরাসরি এবং স্পষ্ট হয়। মালিকানার উপর জোর দেওয়ার জন্য প্রথম পুরুষ (I, me বা my) ব্যবহার করা যেতে পারে।
কোনো ব্যবহারকারীকে সরাসরি সম্বোধন করার জন্য 'You' এবং 'your' ব্যবহার করা হয়।
'আমি' বা 'আমার' বিভ্রান্তিকর হতে পারে, কারণ এটি ব্যবহারকারীর অবস্থান বা বাচনভঙ্গির সাথে অ্যাপের বাচনভঙ্গিকে মিলিয়ে ফেলে। কোনো বিষয়বস্তু বা কাজের ওপর সুস্পষ্ট মালিকানার ওপর জোর দিতে 'আমি' বা 'আমার' ব্যবহার করা যেতে পারে।
প্রথম ও দ্বিতীয় পুরুষকে একত্রিত করা পরিহার করুন
বিভ্রান্তি এড়ানোর জন্য, 'me'/'my' এবং 'you'/'your' একই বাক্যাংশে ব্যবহার করা উচিত নয়।
প্রয়োজনীয় বিবরণগুলো জানান।
একটি নির্দিষ্ট প্রেক্ষাপটের জন্য কেবল অপরিহার্য বিবরণগুলোই জানান, যাতে ব্যবহারকারীরা অনেকগুলো বিকল্প বোঝার পরিবর্তে হাতের কাজটিতে মনোযোগ দিতে পারেন। যেকোনো ডায়ালগ বা বিজ্ঞপ্তিতে, কোনো একটি কার্যক্রম এবং তার যেকোনো গুরুতর পরিণতি ব্যাখ্যা করার জন্য কী কী তথ্য প্রয়োজন, তা বিবেচনা করুন।
৪. কণ্ঠস্বর ও সুর
সংক্ষিপ্ত বিবরণ
কোনো অভিজ্ঞতার জন্য আপনি কেমন আবহ ও ভঙ্গি তৈরি করতে চান, তা বিবেচনা না করলে সামঞ্জস্য ও স্পষ্টতা অর্জন করা কঠিন।
ভাবুন তো, আপনি একসাথে পাঁচটি বাক্য পড়ছেন, কিন্তু প্রতিটি বাক্য এমন ভিন্ন ভিন্ন মানুষ লিখেছেন যারা আগের চারটি বাক্য দেখেননি। কখনও কখনও একটি ইউজার ইন্টারফেস (UI) ব্যবহার করা অসংলগ্ন মনে হতে পারে, কারণ ব্যক্তিরা তাদের নিজস্ব বাচনভঙ্গি ও সুরে লেখে।
যখন একাধিক ব্যক্তি কোনো পণ্যে লেখা যোগ করেন, তখন লেখার সুর ও বাচনভঙ্গির নির্দেশিকা এটা নিশ্চিত করতে সাহায্য করে যে, শব্দগুলো যেন একটি অভিন্ন অর্থ ও উদ্দেশ্য নিয়ে বেছে নেওয়া হয় ।
অতীতের একটি অ্যান্ড্রয়েড ক্যাম্পেইনের উদাহরণ যেখানে স্পষ্ট, অন্তর্ভুক্তিমূলক এবং সরাসরি সুর ব্যবহার করা হয়েছে।
কণ্ঠস্বর এবং সুর বলতে কী বোঝায়?
একটি অভিজ্ঞতার বিভিন্ন পর্যায়ে কণ্ঠস্বর সামঞ্জস্যপূর্ণ হওয়া উচিত, কিন্তু সুর প্রসঙ্গ-নির্ভর এবং তা পরিবর্তিত হতে পারে।
কণ্ঠস্বর
ভয়েস বলতে কোনো অভিজ্ঞতার মাধ্যমে প্রকাশিত মেজাজ, মনোভাব বা দৃষ্টিভঙ্গিকে বোঝায় । এটি একটি ব্র্যান্ডের 'ব্যক্তিত্বের' একটি দিক এবং এর মাধ্যমে একজন ব্যক্তি কোনো পণ্যের 'শুনতে কেমন লাগে' তার সাথে পরিচিত হতে পারে।
বাচনভঙ্গির মূলনীতিগুলো শব্দচয়নে পথনির্দেশ করে এবং উদাহরণের সাহায্যে সেই বাচনভঙ্গিকে বাস্তবে প্রয়োগ করে সবচেয়ে ভালোভাবে কাজ করে। উদাহরণ ছাড়া, এই মূলনীতিগুলো প্রায়শই এতটাই বিমূর্ত হয়ে পড়ে যে তা কোনো দলের বাচনভঙ্গি সংক্রান্ত সিদ্ধান্ত গ্রহণে পথনির্দেশ করতে পারে না।
ভয়েস প্রিন্সিপালের কয়েকটি সাধারণ উদাহরণ নিচে দেওয়া হলো:
- সহায়ক : মানুষের মতো লিখুন, যন্ত্রের মতো নয়। ভুল ব্যাখ্যা করুন এবং সমাধান প্রস্তাব করুন।
- সহজগম্য : যেকোনো নতুন ব্যবহারকারীর জন্য লেখাটি সহজবোধ্য করুন। প্রযুক্তিগত বা জটিল পরিভাষাগুলোর ব্যাখ্যা দিন অথবা সেগুলোকে প্রতিস্থাপন করুন।
- অনুপ্রেরণামূলক : অভিজ্ঞতা জুড়ে সুবিধা এবং অর্জনগুলোর ওপর জোর দিন। লক্ষ্য ও ফলাফলগুলো ইতিবাচক ও সক্রিয় ভঙ্গিতে উল্লেখ করুন।
সুর
আপনার লেখার ভঙ্গি মেজাজ ও আবেগ প্রকাশ করে, আপনি তা উদ্দেশ্য করুন বা না-ই করুন ।
উদাহরণস্বরূপ, যদি কোনো কণ্ঠস্বরকে 'সহায়ক' এবং 'মানবিক' হিসেবে সংজ্ঞায়িত করা হয়, তাহলে সেই লক্ষ্যকে শক্তিশালী করে এমন সুর দাবিদার ও রূঢ় না হয়ে বরং সহায়ক ও স্বাভাবিক হতে পারে।
শেষ পর্যন্ত, একজন ব্যক্তি কোনটিকে 'সহায়ক ও স্বাভাবিক' বলে মনে করেন, তা ভিন্ন হতে পারে, আর একারণেই শব্দতালিকা এবং একটি বিষয়বস্তু ম্যাট্রিক্স বাচনভঙ্গি ও সুরকে কার্যকর করতে সাহায্য করে। এই বিষয়ে ৬-৮ নং অনুচ্ছেদে আরও আলোচনা করা হয়েছে।
কেন এটি গুরুত্বপূর্ণ
উপযুক্ত ভাষা ব্যবহারকারীর বিশ্বাস ও আস্থা তৈরি করতে পারে। উদাহরণস্বরূপ, যদি কোনো ত্রুটির বার্তা সহায়তার পরিবর্তে কৌতুকের আকারে হয়, তবে সেই হালকা মেজাজ ব্যবহারকারীকে এটা বোঝাতে ব্যর্থ হতে পারে যে তার হতাশা যুক্তিসঙ্গত এবং সমাধানযোগ্য।
একটি টোন ম্যাপ তৈরি করুন
একটি টোন ম্যাপ আপনার কণ্ঠস্বর ও সুর সামঞ্জস্য করার কৌশল পরিকল্পনা ও নথিভুক্ত করতে সাহায্য করে।
ব্যবহারকারীর যাত্রাপথের মূল বিষয়গুলো বিবেচনা করে শুরু করুন। আপনি গেম, আর্থিক টুল বা শপিং অ্যাপ যা-ই তৈরি করুন না কেন, ব্যবহারকারীর যাত্রাপথের বিভিন্ন পর্যায়, যেমন—অনবোর্ডিং, নিশ্চিতকরণ এবং ত্রুটির ক্ষেত্রে আপনার বলার ধরণ ভিন্ন হওয়া উচিত ।
উদাহরণস্বরূপ, একটি সাধারণ নিশ্চিতকরণের জন্য একটি মজার নোটিফিকেশন প্রথমে ভালো মনে হতে পারে, কিন্তু পঞ্চমবার এটি পাওয়ার পর আনন্দ দ্রুত বিরক্তিতে পরিণত হতে পারে।
ত্রুটিপূর্ণ অবস্থাগুলো এমন আরেকটি উদাহরণ যেখানে টোন ম্যাপিং সাধারণ ও কথোপকথনমূলক সুর থেকে সহায়ক ও বিশদ সুরে পরিবর্তন আনতে সাহায্য করতে পারে।
প্রথমে, এমন দুটি মাত্রা বা বর্ণালী বেছে নিন যা আপনার কাঙ্ক্ষিত সুরের পরিসরকে উপস্থাপন করতে পারে।
ইউএক্স রাইটিং-এর টোন বা সুরের জন্য কয়েকটি গুরুত্বপূর্ণ দিক নিচে দেওয়া হলো:
- কৌতুকপূর্ণ বনাম গম্ভীর
- সংক্ষিপ্ত বনাম বিস্তারিত
- আবেগপ্রবণ বনাম নিরপেক্ষ
- শিথিল বনাম অনমনীয়
২. দুটি ছেদকারী রেখা দিয়ে একটি গ্রিড আঁকুন এবং এর প্রতিটি অক্ষকে আপনার কাঙ্ক্ষিত সুরের একটি মাত্রা দিয়ে চিহ্নিত করুন।
নীচের উদাহরণে, আপনি দেখতে পারেন যে মজাদার বনাম গুরুতর এবং সংক্ষিপ্ত বনাম বিস্তারিত হলো মানচিত্রটির মাত্রা।
৩. এরপর , আপনি সচরাচর ব্যবহার করেন এমন মেসেজের ধরন বা প্যাটার্নের একটি তালিকা তৈরি করুন । আপনি যে ধরনের মেসেজ ম্যাপ করতে পারেন তার মধ্যে রয়েছে:
- অনবোর্ডিং
- নিশ্চিতকরণ ও স্বীকৃতি
- সাহায্য ও মতামত
- ত্রুটি
- বিজ্ঞপ্তি
- লেবেল
- খালি রাজ্য
৪. প্রতিটি বার্তার ধরণকে আপনার মানচিত্রে উভয় অক্ষের সাপেক্ষে স্থাপন করুন।
কিছু বিবেচ্য বিষয় হলো:
- একটি নির্দিষ্ট বার্তার জন্য কতটা স্ক্রিন স্পেস পাওয়া যাবে?
- কোনো নির্দিষ্ট ধরনের বার্তার জন্য বোধগম্যতা কতটা গুরুত্বপূর্ণ বা জরুরি? এর সাথে কি কোনো ধ্বংসাত্মক কার্যকলাপের ঝুঁকি আছে?
- কোনো বার্তার ধরনের অভিপ্রায়ের সাথে সম্পর্কিত করে আপনি একজন ব্যবহারকারীকে কী জানাতে বা অনুভব করাতে চান? উদাহরণস্বরূপ, অনবোর্ডিংয়ের সাথে প্রায়শই একটি হালকা মেজাজের কিন্তু বাস্তবসম্মত উদ্দেশ্য থাকে।
৫. সমাপ্ত উদাহরণ
নিচে সাধারণ অ্যাপ অভিজ্ঞতা অনুসারে বার্তার প্রকারভেদগুলোর একটি তালিকা দেওয়া হলো।
আপনার অ্যাপটি যদি পেমেন্ট বা আইনি বিষয় নিয়ে কাজ করে, তাহলে বোধগম্যতা যখন অত্যন্ত গুরুত্বপূর্ণ, তখন আপনি এর ভাষা আরও গুরুগম্ভীর ও বিস্তারিত করতে পারেন। এর বিপরীতে, যদি গোপনীয়তা বা আর্থিক বিষয় ঝুঁকির মধ্যে না থাকে এবং আরও তথ্যের জন্য একটি হেল্প সেন্টারও উপলব্ধ থাকে, তাহলে আপনি আরও সংক্ষিপ্ত হতে পারেন।
৫. বিষয়বস্তুর কাঠামো
সংক্ষিপ্ত বিবরণ
একটি বিবৃতির গঠন বোধগম্যতা উন্নত করতে পারে এবং ব্যবহারকারীকে তার নির্দিষ্ট কাজে মনোনিবেশ করতে সাহায্য করে। লেখার সাথে ছবি যুক্ত করার ক্ষেত্রে, তথ্য কাঠামোর আরেকটি লক্ষ্য হলো অভিগম্যতা বৃদ্ধি করা।
উদ্দেশ্য দিয়ে শুরু করুন
ব্যবহারকারীর লক্ষ্য দিয়ে বাক্য শুরু করুন। যেহেতু ইউএক্স রাইটিং মূলত কাজ-কেন্দ্রিক, তাই বাক্যাংশের একটি সাধারণ রীতি হলো এমন একটি লক্ষ্যের ওপর জোর দেওয়া যা কোনো কাজের জন্য অনুপ্রেরণামূলক কাঠামো তৈরি করে, এবং তারপর বাক্যটিতে কাজটি সম্পন্ন করার জন্য প্রয়োজনীয় পদক্ষেপের বিশদ বিবরণ দেওয়া হয়।
প্রয়োজন অনুযায়ী বিস্তারিত তথ্য প্রকাশ করুন।
প্রাসঙ্গিকতা অনুসারে এবং প্রয়োজন অনুযায়ী তথ্য প্রকাশ করুন। এই পদ্ধতিকে প্রায়শই প্রগতিশীল প্রকাশ বলা হয়। ব্যবহারকারী যখন ফিচারগুলো অন্বেষণ করেন এবং তার আরও তথ্যের প্রয়োজন হয়, তখন সেগুলোর বিশদ বিবরণ প্রকাশ করুন।
কৌশলগতভাবে তথ্য প্রকাশ করার জন্য প্রায়শই একজন ব্যবহারকারীর যাত্রাপথের প্রতিটি ধাপের তথ্যের প্রয়োজনীয়তা সতর্কতার সাথে বিবেচনা করতে হয়। লক্ষ্য কোনো কিছু গোপন করা বা বাদ দেওয়া নয়, বিশেষ করে এমন কাজের পরিণতি যা আর ফেরানো যায় না। তবে মনে রাখতে হবে যে, হাতের কাজের উপর তাৎক্ষণিক মনোযোগ কেন্দ্রীভূত করার মাধ্যমে আপনি ব্যবহারকারীদের সাহায্য করবেন।
প্রবেশযোগ্য বিষয়বস্তু ডিজাইন
কার্যকরী লেখার ক্ষেত্রে স্বল্প-দৃষ্টিসম্পন্ন ব্যবহারকারী বা স্ক্রিন রিডার ব্যবহারকারীদের জন্য ছবি ও লেখার সঠিক সমন্বয়ের বিষয়টিও বিবেচনা করতে হয়। এই উপকরণের অ্যাক্সেসিবিলিটি রাইটিং বিভাগে ছবি ও ক্যাপশনের সমন্বয়ের জন্য নির্দেশনা রয়েছে, যাতে একটি পৃষ্ঠার বিষয়বস্তুর নকশা সকল ব্যবহারকারীর জন্য উপযোগী হয়।
দৃশ্যমান এবং অদৃশ্য পাঠ্য
অ্যাক্সেসিবিলিটি টেক্সটে অন্তর্ভুক্ত রয়েছে:
- দৃশ্যমান লেখা: UI উপাদানের লেবেল, বোতাম, লিঙ্ক এবং ফর্মের লেখা।
- অদৃশ্য লেখা: এমন বিবরণ যা স্ক্রিনে দেখা যায় না (যেমন ছবির বিকল্প লেখা)
যখন দৃশ্যমান এবং অদৃশ্যমান উভয় লেখাই বর্ণনামূলক ও অর্থপূর্ণ হয়, তখন তা ব্যবহারকারীদের স্ক্রিনে শিরোনাম বা লিঙ্ক ব্যবহার করে পথ খুঁজে পেতে সাহায্য করে। একটি স্ক্রিন রিডার আপনাকে অ্যাক্সেসিবিলিটি টেক্সট পরীক্ষা করতে এবং কোথায় এটি যোগ করা যেতে পারে তা শনাক্ত করতে সাহায্য করতে পারে।
বিকল্প পাঠ্য (alt text)
অল্ট টেক্সট একটি ভিজ্যুয়াল UI-কে টেক্সট-ভিত্তিক UI-তে রূপান্তর করতে সাহায্য করে। অল্ট টেক্সট হলো কোডের মধ্যে থাকা একটি সংক্ষিপ্ত লেবেল (সর্বোচ্চ ১২৫ অক্ষর), যা সেইসব ব্যবহারকারীদের জন্য একটি ছবির বর্ণনা দেয়, যারা ছবিটি দেখতে অক্ষম।
নিচের উদাহরণটিতে, একটি স্ক্রিন রিডার একটি ছবির সবচেয়ে প্রয়োজনীয় বর্ণনাকারী শব্দগুলো উল্লেখ করার মাধ্যমে চারপাশের লেখাটির প্রেক্ষাপট তুলে ধরে।
যেহেতু অল্ট টেক্সট শুধুমাত্র ছবির জন্য ব্যবহৃত হয়, তাই অল্ট টেক্সটের সাথে "image of" বা "picture of" যোগ করার কোনো প্রয়োজন নেই। স্ক্রিন রিডার ছবির পরিবর্তে অল্ট টেক্সটটি জোরে পড়ে শোনাবে।
৬. শব্দচয়ন
সংক্ষিপ্ত বিবরণ
স্ক্রিনের জায়গা সীমিত হলে, আপনার বার্তা ও ভাব প্রকাশ করার জন্য সঠিক শব্দচয়ন করা অত্যন্ত জরুরি। ধারাবাহিকভাবে একই শব্দ ব্যবহার করলে ব্যবহারকারীরা কোনো অভিজ্ঞতার সাথে পরিচিত হতে পারে।
সকল পাঠ স্তরের জন্য লিখুন
এমন সাধারণ শব্দ ব্যবহার করুন যা সব স্তরের পাঠকের কাছে স্পষ্টভাবে ও সহজে বোধগম্য হয়।
কোনো দুর্বোধ্য শব্দ নয়
যখন আরও সহজ কোনো বাক্যাংশ দিয়ে একই ধারণা একইভাবে প্রকাশ করা যায়, তখন শিল্প-নির্দিষ্ট পরিভাষা বা UI বৈশিষ্ট্যের জন্য উদ্ভাবিত নাম পরিহার করুন।
সামঞ্জস্যপূর্ণ শব্দ ব্যবহার করুন
আপনার UI ফিচারগুলো জুড়ে শব্দগুলো সামঞ্জস্যপূর্ণভাবে ব্যবহার করুন।
বর্তমান কালে লিখুন
পণ্যের আচরণ বর্ণনা করতে বর্তমান কাল ব্যবহার করুন। কোনো পণ্য সবসময় যেভাবে কাজ করে, তা বর্ণনা করতে ভবিষ্যৎ কাল ব্যবহার করা পরিহার করুন।
অতীত বা ভবিষ্যৎ কালে লেখার প্রয়োজন হলে ক্রিয়ার সহজ রূপ ব্যবহার করুন।
লেবেল দ্বারা UI উপাদান এবং নিয়ন্ত্রণগুলি উল্লেখ করুন
লেবেল একটি কন্ট্রোল বা এলিমেন্টের কাজ শনাক্ত করে। এগুলি কন্ট্রোলটির উপরে বা কাছাকাছি প্রদর্শিত হয়, যেমন একটি বাটন বা সুইচের উপরের লেখা। কোনো UI কন্ট্রোল বা এলিমেন্টকে উল্লেখ করতে, তার লেবেল টেক্সট ব্যবহার করুন। (এলিমেন্ট বা কন্ট্রোলটির ধরন উল্লেখ করবেন না)।
প্রয়োজনীয় বিবরণ জানান
কোনো কাজে মনোযোগ দেওয়ার জন্য ব্যবহারকারীর কেবল প্রয়োজনীয় বিবরণগুলোই জানান।
মূল বিষয়বস্তু
- সকল পাঠ স্তরের জন্য লিখুন
- নতুনত্বের জন্য নয়, বরং ধারাবাহিকভাবে শব্দ ব্যবহার করুন।
- বর্তমান কাল
- সংখ্যা ব্যবহার করুন
৭. উপাদানগুলির জন্য লেখা
সংক্ষিপ্ত বিবরণ
ম্যাটেরিয়ালের কম্পোনেন্টগুলোর UI-তে একটি উদ্দেশ্য থাকে, এবং নির্দিষ্ট কম্পোনেন্টের জন্য কোড লেখার মাধ্যমে সেই উদ্দেশ্যকে আরও শক্তিশালী করা যায়।
এই কম্পোনেন্টগুলো Material.io-তে লেখার নির্দেশিকা রয়েছে:
সংলাপ
ডায়ালগগুলি নিম্নলিখিত ক্ষেত্রে ব্যবহৃত হয়:
- যেসব ত্রুটি অ্যাপের স্বাভাবিক কার্যক্রমকে বাধাগ্রস্ত করে
- গুরুত্বপূর্ণ তথ্য যার জন্য ব্যবহারকারীর একটি নির্দিষ্ট কাজ, সিদ্ধান্ত বা স্বীকৃতির প্রয়োজন।
উপাদান | অগ্রাধিকার | ব্যবহারকারীর পদক্ষেপ |
স্ন্যাকবার | নিম্ন অগ্রাধিকার | স্ন্যাকবারগুলো স্বয়ংক্রিয়ভাবে অদৃশ্য হয়ে যায়। |
ব্যানার | বিশিষ্ট, মাঝারি অগ্রাধিকার | ব্যবহারকারী কর্তৃক বাতিল না করা পর্যন্ত, অথবা যে অবস্থার কারণে ব্যানারটি প্রদর্শিত হয়েছিল তার সমাধান না হওয়া পর্যন্ত ব্যানারগুলো থেকে যায়। |
সংলাপ | সর্বোচ্চ অগ্রাধিকার | ব্যবহারকারী ডায়ালগ থেকে কোনো পদক্ষেপ না নেওয়া পর্যন্ত বা ডায়ালগ থেকে বেরিয়ে না যাওয়া পর্যন্ত (যদি উপলব্ধ থাকে), ডায়ালগ অ্যাপ ব্যবহার বন্ধ রাখে। |
শিরোনাম
একটি ডায়ালগের উদ্দেশ্য তার শিরোনাম এবং বাটনের লেখার মাধ্যমে প্রকাশ করা উচিত।
শিরোনামে একটি সংক্ষিপ্ত ও স্পষ্ট বিবৃতি বা প্রশ্ন থাকা উচিত।
স্ন্যাকবার
স্নাকবারে একটি টেক্সট লেবেল থাকে যা সম্পাদিত প্রক্রিয়ার সাথে সরাসরি সম্পর্কিত। মোবাইল ডিভাইসে, একটি লেবেলে সর্বোচ্চ দুই লাইন পর্যন্ত টেক্সট থাকতে পারে।
স্নাকবারে একটিমাত্র টেক্সট বাটন থাকতে পারে, যা ব্যবহারকারীদের অ্যাপ দ্বারা সম্পাদিত কোনো প্রক্রিয়ার ওপর ব্যবস্থা নিতে দেয়।
৮. সবকিছু একত্রিত করে একটি কন্টেন্ট ম্যাট্রিক্স তৈরি করুন।
সংক্ষিপ্ত বিবরণ
কন্টেন্ট ম্যাট্রিক্স হলো একটি সারণি, যা আপনার লেখায় ব্যবহৃত ও পুনঃব্যবহৃত শব্দ এবং শব্দচয়নের হিসাব রাখতে সাহায্য করে । ধারাবাহিকভাবে বাক্যাংশ লেখা ও তার হিসাব রাখার জন্য কন্টেন্ট ম্যাট্রিক্স একটি গুরুত্বপূর্ণ উৎস এবং এটি যেকোনো ভবিষ্যৎ লেখকের জন্য একটি নির্দেশিকা হিসেবে কাজ করে।
এটা স্প্রেডশিটের একটা চমৎকার নাম (হ্যাঁ... এতে "বিশেষ পরিভাষা বর্জন" সংক্রান্ত শব্দচয়নের নির্দেশিকাটি লঙ্ঘিত হয়।)
একটি কন্টেন্ট ম্যাট্রিক্স সেট আপ করা
একটি স্প্রেডশিট বা টেবিল তৈরি করুন যেখানে আপনি কার্যকর ও পুনরাবৃত্তিযোগ্য লেখা এবং শব্দচয়নগুলো লিপিবদ্ধ করতে পারবেন।
কন্টেন্ট ম্যাট্রিক্সের উদ্দেশ্য হলো যেকোনো বার্তা নিম্নলিখিত বিষয়গুলোর সাথে কীভাবে সংযুক্ত, তা শনাক্ত করতে ও নথিভুক্ত করতে আপনাকে সাহায্য করা:
- ব্যবহারকারীর লক্ষ্য এবং প্রেক্ষাপট
- একটি নির্দিষ্ট লক্ষ্যকে সমর্থন করে এমন তথ্যের প্রয়োজনীয়তা, যা সহজ ভাষায় বলা যায়।
- খসড়া এবং চূড়ান্ত UI টেক্সট যা তথ্যের প্রয়োজনীয়তাকে সংক্ষিপ্ত ও পরিভাষামুক্ত ভাষায় পুনরায় তুলে ধরে।
কন্টেন্ট ম্যাট্রিক্সের UI টেক্সট সংক্রান্ত সিদ্ধান্তগুলোতে নিম্নলিখিত বিষয়গুলোও প্রতিফলিত হওয়া উচিত:
- সুর এবং কণ্ঠস্বরের নীতি
- উপাদানের প্রকারভেদ
অবশেষে, কন্টেন্ট ম্যাট্রিক্সে একটি শব্দ তালিকা অন্তর্ভুক্ত থাকতে পারে:
- আপনার বৈশিষ্ট্য, কার্যকলাপ এবং লক্ষ্য বর্ণনা করার জন্য যে শব্দ ও পরিভাষাগুলো ব্যবহার করা উচিত, সেগুলোর একটি তালিকা তৈরি করুন।
- সমার্থক শব্দ বা অপ্রয়োজনীয় বাক্যাংশ হিসেবে যে শব্দগুলো পরিহার করা উচিত, সেগুলোর একটি তালিকা তৈরি করুন।
ভুলবেন না:
- প্রযুক্তিগত পরিভাষা প্রতিস্থাপন বা সংজ্ঞায়িত করুন
- কোনো কাজ বা বিশেষ্যের জন্য সবচেয়ে প্রচলিত শব্দ ব্যবহার করুন।
৯. উন্নত বিষয় ও তথ্যসূত্র (ঐচ্ছিক)
সংক্ষিপ্ত বিবরণ
এই কোডল্যাবটিতে ইউএক্স রাইটিং শুরু করার সেরা অনুশীলন এবং পদ্ধতিগুলো তুলে ধরা হয়েছে। এটি তো কেবল শুরু।
সম্পদ
১০. অভিনন্দন!
চমৎকার কাজ! আপনি স্পষ্ট এবং প্রভাবশালী UI টেক্সট লেখার পথে এগিয়ে যাচ্ছেন!
