ব্লকগুলির উপস্থিতি কীভাবে সেগুলি ব্যবহার করা হবে সে সম্পর্কে গুরুত্বপূর্ণ সূত্র সরবরাহ করে। আপনার নিজের ব্লক স্টাইল করার সময় এখানে কিছু বিষয় বিবেচনা করতে হবে।
দৃশ্যমান সীমানা ব্যবহার করুন
2000-এর দশকে 'অ্যাকোয়া' লুক স্টাইলে ছিল এবং প্রতিটি অনস্ক্রিন বস্তু হাইলাইটিং এবং ছায়া দিয়ে সজ্জিত ছিল। 2010-এর দশকে 'ম্যাটেরিয়াল ডিজাইন' লুক শৈলীতে এসেছিল এবং প্রতিটি অনস্ক্রিন বস্তুকে একটি পরিষ্কার, সমতল, সীমানাহীন আকারে সরল করা হয়েছিল। বেশিরভাগ ব্লক প্রোগ্রামিং এনভায়রনমেন্টে প্রতিটি ব্লকের চারপাশে হাইলাইটিং এবং ছায়া থাকে, তাই আজকের গ্রাফিক ডিজাইনাররা যখন এটি দেখেন তখন তারা অবশ্যই এই পুরানো সজ্জাগুলি খুলে ফেলেন।
উপরের পাঁচটি ব্লকের উদাহরণে দেখা যায় (scriptr.io থেকে), এই 'সেকেলে সজ্জা'গুলি একই রঙের সংযুক্ত ব্লকগুলিকে আলাদা করার জন্য গুরুত্বপূর্ণ।
প্রস্তাবনা: যদি ব্লকলি রিস্কিনিং করা হয়, তাহলে আজকের ফ্যাশনগুলিকে আপনার অ্যাপটি ভাঙতে দেবেন না।
দিকনির্দেশক তীর যোগ করুন
মার্কিন যুক্তরাষ্ট্রে শিশুদের কাছ থেকে প্রতিক্রিয়া (যদিও আকর্ষণীয়ভাবে অন্য দেশ থেকে নয়) বাম এবং ডানের মধ্যে ব্যাপক বিভ্রান্তি প্রকাশ করেছে। এটি তীর যোগ করে সমাধান করা হয়েছিল। যদি দিকটি আপেক্ষিক হয় (উদাহরণস্বরূপ, একটি অবতারের সাথে) তীরের শৈলী গুরুত্বপূর্ণ। একটি → সোজা তীর বা একটি ↱ টার্ন অ্যারো বিভ্রান্তিকর হয় যখন অবতারটি বিপরীত দিকে মুখ করে থাকে। সবচেয়ে সহায়ক হল একটি ⟳ বৃত্তাকার তীর, এমনকি এমন ক্ষেত্রেও যেখানে বাঁকানো কোণটি তীর নির্দেশিত তুলনায় ছোট।
সুপারিশ: যেখানে সম্ভব ইউনিকোড আইকন সহ পাঠ্যের পরিপূরক।
বিভিন্ন অনুভূমিক এবং উল্লম্ব সংযোগকারী ব্যবহার করুন
Blockly এর দুটি ভিন্ন ধরনের সংযোগ রয়েছে: অনুভূমিক ধাঁধার আকার এবং উল্লম্ব স্ট্যাকিং নচ। একটি ভাল ইউজার ইন্টারফেসের ডিজাইন উপাদানের সংখ্যা কমিয়ে আনার চেষ্টা করা উচিত। তদনুসারে, অনেক ডিজাইনার উভয় সংযোগের ধরন একই রকম করার চেষ্টা করেন (নিচে দেখানো হয়েছে)।
ফলাফলটি নতুন ব্যবহারকারীদের মধ্যে বিভ্রান্তির সৃষ্টি করে কারণ তারা ব্লক ঘোরানোর উপায় অনুসন্ধান করে যাতে তারা বেমানান সংযোগে ফিট করতে পারে। ব্লকলি প্রোগ্রামিং উপাদানগুলিকে দৃশ্যমান এবং বাস্তব করে তোলে, তাই একজনকে অসাবধানতাবশত ব্যবহারকারীর ইন্টারঅ্যাকশনের পরামর্শ দেওয়ার বিষয়ে সচেতন হতে হবে যা সমর্থিত নয়।
তদনুসারে, ব্লকলি মান সংযোগের জন্য একটি শক্তভাবে-ফিটিং ধাঁধা আকৃতি এবং স্টেটমেন্ট স্ট্যাকিংয়ের জন্য একটি দৃশ্যত স্বতন্ত্র প্রান্তিককরণ খাঁজ ব্যবহার করে।
প্রস্তাবনা: যদি ব্লকভাবে রিস্কিনিং করা হয়, অনুভূমিক এবং উল্লম্ব সংযোগগুলি ভিন্ন দেখায় তা নিশ্চিত করুন।
দেখান যে নেস্টিং স্টেটমেন্ট স্ট্যাক করা যেতে পারে
'C'-আকৃতির ব্লকগুলির ভিতরের-উপরে একটি সংযোগকারী থাকে, তবে কিছু পরিবেশের ভিতরের নীচে একটি সংযোগকারী থাকে (যেমন ওয়ান্ডার ওয়ার্কশপ) যেখানে অন্যরা থাকে না (যেমন ব্লকলি এবং স্ক্র্যাচ)। যেহেতু বেশিরভাগ স্টেটমেন্ট ব্লকে উপরের এবং নীচের সংযোগকারী উভয়ই থাকে, তাই কিছু ব্যবহারকারী অবিলম্বে দেখতে পান না যে স্টেটমেন্টগুলি একটি 'C'-এর ভিতরে ফিট হবে যেখানে নীচের সংযোগকারী নেই।
একবার ব্যবহারকারীরা বুঝতে পারেন যে একটি বিবৃতি ব্লক একটি 'C'-এর মধ্যে ফিট করে, তাদের তখন বের করতে হবে যে একাধিক বিবৃতিও ফিট হবে। কিছু পরিবেশ প্রথম স্টেটমেন্টের নিম্ন সংযোগকে 'সি' (যেমন ওয়ান্ডার ওয়ার্কশপ এবং স্ক্র্যাচ) এর নীচে রাখে যেখানে অন্যরা একটি ছোট ফাঁক রেখে যায় (যেমন ব্লকলি)। স্নাগ নেস্টিং কোন ইঙ্গিত দেয় না যে আরও ব্লক স্ট্যাক করা যেতে পারে।
এই দুটি বিষয় একে অপরের সাথে খারাপভাবে যোগাযোগ করে। যদি একটি অভ্যন্তরীণ নীচে সংযোগকারী বিদ্যমান থাকে (ওয়ান্ডার ওয়ার্কশপ) তবে প্রাথমিক বিবৃতিটির সংযোগটি আরও স্পষ্ট করা হয়, তবে স্ট্যাকিং আবিষ্কার করার ক্ষমতার ব্যয়ে। যদি কোনও ভিতরের নীচের সংযোগকারীটি বিদ্যমান না থাকে (ব্লকলি) তবে প্রাথমিক বিবৃতির সংযোগটি স্পষ্ট নয়, তবে স্ট্যাকিং আবিষ্কারযোগ্য। ভিতরের নীচের সংযোগকারী না থাকা এবং স্টেটমেন্টের নীচের সংযোগকারীকে (স্ক্র্যাচ) নেস্ট করাটি ব্লকলি দিয়ে পরীক্ষা করার সময় আবিষ্কারযোগ্যতার জন্য সবচেয়ে খারাপ ফলাফল করেছিল।
আমাদের অভিজ্ঞতা ছিল যে প্রাথমিক বিবৃতির সংযোগ স্ট্যাকিং আবিষ্কারের চেয়ে ব্যবহারকারীদের জন্য একটি কম চ্যালেঞ্জ। এবং একবার আবিষ্কৃত হলে, পূর্ববর্তীটি কখনই ভোলা যায় না, যেখানে পরেরটির প্রয়োজন হয়। ওয়ান্ডার ওয়ার্কশপ এবং স্ক্র্যাচ উভয়ই অবরুদ্ধভাবে চেষ্টা করে যতক্ষণ না একদিন একটি রেন্ডারিং বাগ ঘটে যা ছোট ফাঁক যোগ করে। আমরা এই ত্রুটির কারণে ব্লকলির সাথে ব্যবহারকারীর অধ্যয়নে একটি উল্লেখযোগ্য উন্নতি দেখেছি (এখন একটি 'বৈশিষ্ট্য' যা আমরা গর্বিত)।
প্রস্তাবনা: যদি ব্লকলি রিস্কিন করা হয়, তাহলে বিদ্যমান স্ট্যাকিং UI ছেড়ে দিন।