বিল্ডিং ব্লক ডিজাইন: ইউক্সারদের জন্য একটি মডুলার ডিজাইনের কৌশল

একটি নিবন্ধ যা ইউএক্স দৃষ্টিকোণ থেকে মডুলার ডিজাইনের মডেলগুলির শূন্যস্থান পূরণ করতে সহায়তা করে।

আমি একটি গল্প দিয়ে শুরু করব

আপনি যদি গল্পগুলি ঘৃণা করেন তবে আপনার এই অংশটি এড়ানো উচিত। এটি এমন কোনও ইউএক্স ডিজাইনারের কথা, যিনি তাঁর সংস্থার জন্য একটি মডুলার ডিজাইনের কৌশল চ্যাম্পিয়ন করার দায়িত্ব অর্পণ করেছিলেন। তার ছোট চুল এবং নীল চোখ। আপনি যদি এখনই অনুমান না করেন, তবে ইউএক্স ডিজাইনার আমি।

প্রায় আট মাস আগে, আমাদের দলটি অবজেক্ট-ওরিয়েন্টেড ইউএক্স (ওউউএক্স) নামে একটি মডুলার ডিজাইনের কৌশল নিয়ে সমাবেশ করেছে। অন্যান্য ব্রড-সুইপিং মডিউলার সিস্টেমগুলির বিপরীতে, আউউক্স আপনাকে আপনার মূল বিষয়বস্তুর ধরণগুলি - ওআউএক্স কী বলে - কীভাবে এই বিষয়গুলি একে অপরের সাথে সম্পর্কিত তার দিকে নজর দেওয়ার জন্য বলে। এই প্রক্রিয়াটি ডিজাইন দলটিকে প্রাসঙ্গিক নেভিগেশনের সহজাত উদাহরণগুলি প্রকাশ করতে এবং সামঞ্জস্যপূর্ণ ইউআই মডিউলগুলির দিকে এগিয়ে যেতে সহায়তা করে।

ওয়েল… এটি তথ্য আর্কিটেকচার এবং প্যাটার্ন লাইব্রেরি ডিজাইনের জন্য দুর্দান্ত তবে অভিজ্ঞতাদের ডিজাইনিংয়ের ক্ষেত্রে কী। সর্বোপরি, আপনার বিষয়বস্তুকে একত্রিত করা কেবলমাত্র অর্ধেক যুদ্ধ। আপনি যদি ইউএক্সের প্রথম সারিতে থাকতে চলেছেন তবে আপনাকে কেন এবং কীভাবে জিজ্ঞাসা করতে হবে।

কেন এবং কিভাবে

আপনি নিজেরাই বলছেন: "কেন এবং কীভাবে আমাকে বলবেন না! আমি একজন ইউএক্স গবেষক, ডাং ন্যাবিট! আমি কেন এবং কীভাবে প্রাতঃরাশে থাকি eat

আমি বৈশিষ্ট্য স্তরে কৌশল সম্পর্কে কথা বলছি না। আমি প্রক্রিয়া প্রবাহ, তারের ফ্রেম এবং প্রোটোটাইপগুলির বিষয়ে কথা বলছি না। আমি অ্যাপ্লিকেশন-স্তর কৌশল সম্পর্কে কথা বলছি। আপনি জানেন যে জিনিসটি আমাদের সর্বদা করা উচিত, তবে কোনওভাবেই কখনই তার জন্য সময় হয় না? এবং আমি এটিকে মডুলার ডিজাইনের মতো আমাদের অন্যান্য কৌশলগুলির কাছে আমাদের পদ্ধতির অবিচ্ছেদ্য অঙ্গ হিসাবে তৈরি করার কথা বলছি।

আপনাকে আরও কিছু প্রসঙ্গ দেওয়ার জন্য একটি উদাহরণ দিয়ে কথা বলা যাক। ধরা যাক আমরা একটি ডেটিং অ্যাপ ডিজাইন করছি যেখানে সামগ্রীর মূল অংশগুলির মধ্যে একটি প্রোফাইল। মডিউলার ডিজাইনের সাহায্যে আমরা জিজ্ঞাসা করব: "এই বিষয়বস্তুটি ইউআইতে কোথায় প্রদর্শিত হতে পারে?" - এবং আমাদের উত্তরের উপর ভিত্তি করে আমরা সেই প্রতিটি দৃশ্যের জন্য মডিউল ডিজাইন করব। হতে পারে আমরা এমন একটি প্রোফাইল ডিজাইন করব যা একটি তালিকাতে প্রদর্শিত হতে পারে বা এমন একটি প্রোফাইল যা পুরো প্রদর্শনটি গ্রহণ করে। তথ্য আর্কিটেকচার। নিদর্শন। চেক, চেক।

একটি

তবে এখন আমরা সিদ্ধান্ত নিয়েছি যে, কী ঘটে যখন আমরা অনিবার্যভাবে বুঝতে পারি যে কেউ কেন প্রথমে কোনও নির্দিষ্ট প্রোফাইল দেখতে চায় তা নিয়ে আমাদের চিন্তা করা দরকার? এবং সেই প্রোফাইলটি সেই ব্যক্তির জন্য কীভাবে প্রদর্শিত হবে? আমরা কি বাস্তবের পরে সেই কৌশলগুলি বাস্তবায়ন করি এবং আশা করি যে কিছুতেই ব্রেক হয় না?

আমি আশা করি আপনি সেখানে মাথা নাড়ছেন, কারণ উত্তরটি হ'ল নাহয়।

আমাদের মডিউলগুলি ডিজাইনে প্রথমে মাথা উঁচু করার পরিবর্তে, আমাদের এমন একটি কৌশলগত কাঠামো তৈরি করা উচিত যা প্রতিটি নকশা থেকে আমাদের নকশার প্রচেষ্টা চালাতে সহায়তা করে help আমাদের সামগ্রীর মুখ নির্ধারণ করার পরিবর্তে - ইউআইতে উপস্থিত স্টাফ - আমাদের কীভাবে এবং কেন সেই সামগ্রীটিকে সমর্থন করে তা নির্ধারণ করে শুরু করা উচিত। একে বিল্ডিং ব্লক ডিজাইন বলে।

বিল্ডিং ব্লক ডিজাইন প্রবেশ করান

অন্যান্য মডেলের মতো আপনাকে প্রথমে আপনার মডিউলগুলির সামগ্রী সম্পর্কে ভাবতে বলার পরিবর্তে বিল্ডিং ব্লক ডিজাইন আপনাকে সেই সামগ্রীর পিছনে কৌশলটির পরিবর্তে ফোকাস করতে বলে।

ব্লক ডিজাইন তৈরিতে, কৌশলটি ডিজাইনের কাঠামো সরবরাহ করতে দিন; প্রায় অন্য উপায় না.

আপনি আপনার মূল ইউএক্স কৌশলগুলি সংজ্ঞায়িত করার পরে - আপনার কন্টেন্টটি ধারণ করে এমন ফ্রেম - আপনি কীভাবে সেই সামগ্রীটি ইন্টারফেসে উপস্থাপন করা হবে তা ডিজাইন করা শুরু করতে পারেন। মূল সামগ্রীর প্রতিটি অংশের জন্য "বড় চিত্র" কৌশলটি হ'ল আপনার বিল্ডিং ব্লক। একসাথে, আপনার বিল্ডিং ব্লকগুলি আপনার পণ্যের ইউএক্স সংজ্ঞায়িত করে।

বিল্ডিং ব্লক ডিজাইনটি ইউক্সারদের জন্য মডুলার ডিজাইন।

বিল্ডিং ব্লক অ্যানাটমি

অর্থবহ, কাঠামোগত সামগ্রী তৈরি করার এই পদ্ধতির আরও ভালভাবে বুঝতে, আসুন ডেটিং অ্যাপের উদাহরণে ফিরে আসি। এখন যেহেতু আমি আমার অ্যাপ্লিকেশনটিতে একটি মূল বিষয়বস্তুর একটি অংশ সনাক্ত করেছি - একটি প্রোফাইল - এই ব্লকটি কীভাবে ডিজাইন করা হয়েছে তা কী কৌশলগুলি সম্ভাব্যভাবে প্রভাবিত করতে পারে তা সনাক্ত করা এবং এটি চিহ্নিত করার সময় এসেছে। অন্যান্য কৌশলগত উদ্যোগ এবং আমাদের সামগ্রীর মধ্যে সম্পর্কের অন্বেষণ করে আমরা কীভাবে এই তথ্যের নকশা এবং বিতরণ করতে পারি সে সম্পর্কে আরও সমালোচনামূলকভাবে চিন্তা করতে সক্ষম হয়েছি।

প্রোফাইল ব্লকের অ্যানাটমি আকার নিতে শুরু করে।

অ্যাপ্লিকেশন-স্তরের কৌশলগুলির মধ্যে সম্পর্কের অন্বেষণ করার সময়, উচ্চ স্তরের থেকে শুরু করে নিজের পথে কাজ করা ভাল। উদাহরণস্বরূপ, আমি যদি ব্যক্তিকে আমার কৌশলটির একটি প্রধান উপাদান হিসাবে চিহ্নিত করি তবে আমি চিহ্নিত করে এই কৌশলটি আরও ভেঙে ফেলতে পারি:

  • প্রোফাইলের সাথে জড়িত নির্দিষ্ট ব্যক্তি;
  • অ্যাপে কোথায় তারা এই সামগ্রীর সাথে ইন্টারঅ্যাক্ট করছে;
  • তাদের ব্যবহারের প্রসঙ্গ;
  • তারা প্রোফাইলগুলিতে গ্রহণের মূল পদক্ষেপ;
  • এবং তারা কতক্ষণ এই সামগ্রীটিতে অ্যাক্সেস করছে।

এটি দেখতে এরকম কিছু দেখাচ্ছে:

ব্যক্তিগত প্রোফাইল সম্পর্কটি আমার প্রোফাইল ব্লকের মুখটি কেমন লাগে এবং কেমন লাগে তার জন্য আরও প্রসঙ্গ সরবরাহ করে।

এই বিষয়বস্তুটি কোনও নির্দিষ্ট ধরণের ব্যবহারকারীর কাছে কেন মূল্যবান সে সম্পর্কে আমি যখন আরও কিছু প্রসঙ্গ দিয়েছি, তখন কী কী পদক্ষেপের অগ্রাধিকার দেওয়া উচিত, ব্যক্তিত্ব-নির্দিষ্ট আচরণের ধরণগুলির প্রচারের জন্য মডিউলটি কীভাবে গঠন করা উচিত সে সম্পর্কে আমি আরও সমালোচনামূলকভাবে ভাবতে শুরু করতে পারি, এবং অভিজ্ঞতায় কোথায় এই সামগ্রীটি সরবরাহ করা দরকার।

এই কৌশলটি ডিজাইনারগুলিকে স্টাফগুলিতে ফোকাস করার অনুমতি দেয় এবং ভিজ্যুয়াল আবেদন, মিথস্ক্রিয়া প্রলোভন এবং অন্যান্য ইন্টারফেস ডিজাইনের ধরণগুলিতে ভাল লাগে না তবে প্রকৃত ব্যবহারকারীর আচরণকে সমর্থন করে না।

আমি যদি দ্বিতীয় কৌশলগত উদ্যোগের শর্তে এই মহড়ার পুনরাবৃত্তি করি তবে অতিরিক্ত অন্তর্দৃষ্টি পাওয়া যাবে। আপনার স্থিত কৌশলগত উদ্যোগের সংখ্যা এবং জটিলতার উপর নির্ভর করে এটি দ্রুত সময়ের-নিবিড় প্রক্রিয়াতে পরিণত হতে পারে। আমি আরও দুটি কৌশল নিয়ে শুরু করার পরামর্শ দিচ্ছি।

তাই সেখানে যদি আপনি এটি আছে। বিল্ডিং ব্লক ডিজাইনের মাধ্যমে আপনার পা কীভাবে ভেজা যায় তার একটি উদাহরণ। আপনি যদি মনে করেন এটি আপনার ডিজাইন দলের পক্ষে সহায়ক অনুশীলন হবে তবে কিছু অতিরিক্ত টিপসের জন্য নীচে দ্রুত শুরু গাইডটি দেখুন। এবং অবশ্যই, আমি মডুলারাইজ করা সমস্ত বিষয়ে আপনার চিন্তা শুনতে পছন্দ করি d নীচে আপনার মন্তব্য যুক্ত করুন বা লিঙ্কডইন এ পৌঁছানোর।

দ্রুত শুরু করার নির্দেশাবলী

আমি দেখতে পেয়েছি যে অনেকগুলি মডুলার ডিজাইনের মডেলগুলি তাদের পাঠকদেরকে ডসিং-টু ডস দেওয়ার বিষয়ে সমতল হয়ে পড়েছে, তাই আমাকে সেই মূল্যবান তথ্য সরবরাহের বিষয়টি উল্লেখ করা যাক:

পদক্ষেপ # 1: কৌশল তালিকা।

আমরা বিষয়বস্তু এবং উপাদান উপাদানগুলি করি, তবে কৌশল তালিকা কেন নয়? আপনার কাছে থাকা অ্যাপ্লিকেশন-স্তরের সমস্ত কৌশলগুলির একটি তালিকা তৈরি করুন। উদাহরণগুলির মধ্যে রয়েছে: পার্সোনাস, ডেটা, ব্যবহারের প্রসঙ্গ এবং মানব পরিবেশের নকশা, প্রতিক্রিয়াশীলতা ইত্যাদি এই বিরতি দেওয়ার এবং জিজ্ঞাসা করার একটি ভাল সুযোগ "আমাদের আবেদনের জন্য কি আমাদের একটি দৃ we় কৌশল আছে?" উত্তরটি যদি না হয় তবে সময় এসেছে কাজ পেতে.

করণীয়: র‌্যালি দলের সদস্যরা স্বতন্ত্রভাবে তাদের নিজস্ব কৌশল উদ্ভাবনগুলি তৈরি করতে।

পদক্ষেপ # 2: আপনার মূল বিষয়বস্তুর সংজ্ঞা দিন।

আপনার অ্যাপ্লিকেশনটিতে ব্যবহারকারীরা পদক্ষেপ নেওয়ার এটি হ'ল জিনিস। এটিকে বোঝার জন্য, আপনার দলের সাথে বুদ্ধিমান সেশনের জন্য কিছু সময় বন্ধ করুন। নিজেকে এই জাতীয় প্রশ্ন জিজ্ঞাসা করুন: "আমার ব্যবহারকারীরা কী অনুসন্ধান করে? দেখুন? ডাউনলোড করবেন? ”একবার আপনি কোনও মূল বিষয়বস্তুর টুকরো চিহ্নিত করার পরে এটি কোনও কাগজের টুকরোতে লিখে একটি দেয়ালে ঝুলিয়ে রাখুন।

করণীয়: আপনার দলের সাথে প্রাথমিক বুদ্ধিদীপ্ত অধিবেশন করুন।

পদক্ষেপ # 3: কীভাবে এবং কেন তা নির্ধারণ করুন।

এখন আপনি নিজের অ্যাপ্লিকেশন-স্তর কৌশলগুলি এবং মূল বিষয়বস্তু সনাক্ত করেছেন, এখনই দু'জনকে একত্রিত করার সময় এসেছে! ফলোআপ মিটিংয়ের জন্য আপনার ব্রেইনস্টর্মিং রুমে ফিরে আসুন এবং নিশ্চিত করুন যে আপনার দল তাদের কৌশল তালিকা এনেছে। প্রক্রিয়াটির এই অংশের জন্য, আপনার টিমের কৌশল কৌশল পোস্ট করুন এটি কোনও মূল সামগ্রীতে নোট করুন যেখানে সেই কৌশলটির প্রভাব থাকতে পারে have

করণীয়: আপনার দলের সাথে একটি ফলো-আপ ব্রেইনস্টর্মিং সেশন রাখুন।

পদক্ষেপ # 4: একটি বিল্ডিং ব্লকের এনাটমি।

এটি বিভক্ত এবং বিজয়ী সময়। টিম সদস্যদের মুষ্টিমেয় কিছু মূল বিষয়বস্তু নির্ধারণ করুন - বা বিল্ডিং ব্লক - এবং তাদের এই সামগ্রীর শারীরবৃত্তিতে পুনরাবৃত্তি করতে দিন।

করণীয়: প্রতিটি দলের সদস্যকে বেশ কয়েকটি সামগ্রীর ধরণের জন্য বরাদ্দ করুন। এই দলের সদস্যের সেই বিষয়বস্তুর শারীরবৃত্তিকে সংজ্ঞায়িত করা উচিত।

পদক্ষেপ # 5: সারিবদ্ধ, সারিবদ্ধ, সারিবদ্ধ

চূড়ান্ত পদক্ষেপ হিসাবে, একটি কম কী উপস্থাপনা আকারে এই দলটিকে আবার একত্রিত করুন যেখানে প্রতিটি দলের সদস্য তাদের বিল্ডিং ব্লকগুলির শারীরবৃত্তিকে উপস্থাপন করে। প্রতিটি বিল্ডিং ব্লকের স্বতন্ত্র কৌশলগত উপাদানগুলি চালনার জন্য পরবর্তী পদক্ষেপের প্রশ্ন, সারিবদ্ধকরণ এবং সিদ্ধান্তের জন্য শেষে সময় সাশ্রয় করুন।

করণীয়: দলের সদস্যদের তাদের বিল্ডিং ব্লক অ্যানাটমি উপস্থাপন করার জন্য একটি সময় নির্ধারণ করুন।

এই নিবন্ধটি রুক্সার্স আপনার কাছে এনেছে। RUXERS হ'ল বাস্তব ব্যবহারকারী অভিজ্ঞতার নেতাদের একটি সম্প্রদায় যা সর্বশেষ ডিজাইন, ব্যবহারকারীর অভিজ্ঞতা, ব্যবহারযোগ্যতা এবং গবেষণায় ভাগ করে নেওয়ার বিষয়ে আলোচনা করে। আমরা টুইটারে রয়েছি - আমাদের সাথে যোগ দিন!