পণ্য উন্নয়ন ভিজ্যুয়াল এইড: ডিজাইন

এটি ভৌত ​​পণ্যের বিকাশের চার-অংশের সিরিজের দ্বিতীয় অংশ। যদি আপনি এটা মিস 1 অংশ: একটি ধারণা গঠন, এটি পড়তে ভুলবেন না. আপনি শীঘ্রই পার্ট 3: ডিজাইন এবং পার্ট 4: ভ্যালিডেশনে যেতে সক্ষম হবেন। লেখক: বেন আইনস্টাইন। মূল অনুবাদ ফ্যাবল্যাব দল দ্বারা করা হয়েছে ফ্যাবিঙ্কা এবং প্রকল্প হাত.

পার্ট 2: ডিজাইন

ডিজাইন পর্যায়ে প্রতিটি ধাপ - ক্লায়েন্ট গবেষণা, ওয়্যারফ্রেমিং, রাশিয়ান ভাষায় আরও), একটি ভিজ্যুয়াল প্রোটোটাইপ - পণ্যটি কেমন হবে এবং ব্যবহারকারীরা কীভাবে এটির সাথে ইন্টারঅ্যাক্ট করবে সে সম্পর্কে অনুমান পরীক্ষা করার জন্য প্রয়োজন৷

চিত্র 2.1 পণ্য নকশা পর্যায়

গ্রাহক উন্নয়ন এবং প্রতিক্রিয়া

যে সংস্থাগুলি গ্রাহকদের প্রতিক্রিয়ার উপর ফোকাস করে তাদের তুলনায় অনেক বেশি সফল হবে যারা অবিরাম ওয়ার্কশপে বসে এবং বিকাশ করে। এটি প্রায়শই এমন সংস্থাগুলিকে প্রভাবিত করে যেগুলি উপাদান পণ্য উত্পাদন করে। এবং ক্লায়েন্টদের সাথে যোগাযোগ সর্বদা দরকারী, এটি বিকাশের প্রাথমিক পর্যায়ে অত্যন্ত গুরুত্বপূর্ণ।

চিত্র 2.2। গ্রাহক উন্নয়ন এবং প্রতিক্রিয়া

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

চিত্র 2.3। আসল গ্রাহকের ছবি প্রাথমিক পরীক্ষার সময় তোলা

আমার একজন পরামর্শদাতা একবার বলেছিলেন, “আপনি কি জানেন আপনার পণ্যের নকশা খারাপ হলে কীভাবে বলবেন? লোকেরা কীভাবে এটি ব্যবহার করে তা দেখুন।" ডিপজার টিম একই সমস্যা দেখতে থাকে (ছবিতে লাল তীর): ব্যবহারকারীরা ভুলভাবে কার্ড ঢোকানোর চেষ্টা করছিলেন। এটা স্পষ্ট হয়ে ওঠে যে এটি একটি প্রধান নকশা সীমাবদ্ধতা ছিল।

এই পর্যায়ে ক্লায়েন্টদের সাথে যোগাযোগের জন্য সুপারিশ (সমস্যা গবেষণা পর্যায়ের বিপরীতে):

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

ওয়্যারফ্রেম মডেলিং

ধারণার প্রোটোটাইপের প্রমাণের বিস্তারিত প্রতিক্রিয়ার পরে, পণ্যের নকশাটি পুনরাবৃত্তি করার সময় এসেছে।

চিত্র 2.4। ওয়্যারফ্রেম মডেলিং পর্যায়

ওয়্যারফ্রেমিং প্রক্রিয়াটি উচ্চ-স্তরের স্কেচ তৈরির সাথে শুরু হয় যা পণ্যটি ব্যবহারের অভিজ্ঞতাকে সম্পূর্ণরূপে বর্ণনা করে। আমরা এই প্রক্রিয়াটিকে স্টোরিবোর্ড বলি।

চিত্র 2.5। স্টোরিবোর্ড

একটি স্টোরিবোর্ড কোম্পানির প্রতিষ্ঠাতাদের সমগ্র পণ্য যাত্রার মাধ্যমে চিন্তা করতে সাহায্য করে। এটি বর্ণনা করতে ব্যবহৃত হয়:

• প্যাকেজিং: এটি দেখতে কেমন হবে? আপনি কিভাবে একটি প্যাকেজে একটি পণ্য (গড় প্যাকেজ আকার) নয় শব্দে বা তার কম বর্ণনা করবেন? বাক্সের আকার কি হবে? এটা দোকানে/শেল্ফে কোথায় যাবে?
• বিক্রয়: পণ্যটি কোথায় বিক্রি হবে এবং কেনার আগে লোকেরা কীভাবে এটির সাথে যোগাযোগ করবে? ইন্টারেক্টিভ প্রদর্শন সাহায্য করবে? গ্রাহকদের কি পণ্য সম্পর্কে অনেক কিছু জানতে হবে নাকি এটি একটি ইমপালস ক্রয় হবে?
• আনবক্সিং: আনবক্সিং অভিজ্ঞতা কেমন হবে? এটি সহজ, বোধগম্য হওয়া উচিত এবং সর্বনিম্ন প্রচেষ্টার প্রয়োজন।
• সেটআপ: পণ্যটি প্রথম ব্যবহারের জন্য প্রস্তুত হওয়ার আগে গ্রাহকদের কি পদক্ষেপ নিতে হবে? অন্তর্ভুক্ত আনুষাঙ্গিক ছাড়াও আপনার কি প্রয়োজন হবে? যদি পণ্যটি কাজ না করে (কোনও ওয়াইফাই সংযোগ নেই বা অ্যাপ্লিকেশনটি স্মার্টফোনে ইনস্টল করা নেই) তাহলে কী হবে?
• প্রথম ব্যবহারের অভিজ্ঞতা: কীভাবে পণ্যটি ডিজাইন করা উচিত যাতে ব্যবহারকারীরা দ্রুত এটি ব্যবহার শুরু করতে পারে? ব্যবহারকারীদের ইতিবাচক অভিজ্ঞতার সাথে ফিরে আসা নিশ্চিত করার জন্য একটি পণ্য কীভাবে ডিজাইন করা উচিত?
• পুনঃব্যবহার বা বিশেষ ব্যবহার: কীভাবে নিশ্চিত করবেন যে ব্যবহারকারীরা পণ্যটি ব্যবহার করতে এবং উপভোগ করছেন? বিশেষ ব্যবহারের ক্ষেত্রে কী ঘটে: সংযোগ/পরিষেবা হারিয়ে যাওয়া, ফার্মওয়্যার আপডেট, অনুপস্থিত আনুষঙ্গিক ইত্যাদি?
• ব্যবহারকারীর সমর্থন: ব্যবহারকারীদের সমস্যা হলে কী করবেন? যদি তাদের একটি প্রতিস্থাপন পণ্য পাঠানো হয়, তাহলে এটি কীভাবে ঘটবে?
• জীবনকাল: বেশিরভাগ পণ্যের মেয়াদ 18 বা 24 মাস পরে শেষ হয়ে যায়। এই পরিসংখ্যানগুলি কীভাবে গ্রাহকের ভ্রমণের সাথে সম্পর্কিত? আপনি কি ব্যবহারকারীদের অন্য পণ্য কিনতে আশা করেন? তারা কীভাবে এক পণ্য থেকে অন্য পণ্যে যাবে?

চিত্র 2.6। একটি অ্যাপ্লিকেশন বা ওয়েব ইন্টারফেসের ভবিষ্যতের ব্যবহারকারীর সাথে কাজ করা

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

আপনার ওয়্যারফ্রেমিংয়ের শেষে, ব্যবহারকারীরা কীভাবে আপনার পণ্যের প্রতিটি অংশের সাথে ইন্টারঅ্যাক্ট করবে সে সম্পর্কে আপনার বিশদ ধারণা থাকা উচিত।

ভিজ্যুয়াল প্রোটোটাইপ।

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

চিত্র 2.7। ভিজ্যুয়াল প্রোটোটাইপ পর্যায়

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

চিত্র 2.8 স্কেচ

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

চিত্র 2.9। আকৃতি নির্বাচন

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

চিত্র 2.10। আকার নির্বাচন

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

চিত্র 2.11। ব্যবহারকারীর অভিজ্ঞতা বোঝা

ফর্ম বিকাশের সমান্তরালে, এটি প্রায়শই স্পষ্ট হয়ে ওঠে যে কিছু ব্যবহারকারীর অভিজ্ঞতা (UX) বৈশিষ্ট্যগুলি ব্যাখ্যা করা দরকার। ডিপজার টিম দেখেছে যে যখন লাইনে এগিয়ে থাকা ব্যক্তি একটি টিপ ছেড়ে দেয় তখন উদারতার সম্ভাবনা বেড়ে যায়। আমরা খুঁজে পেয়েছি যে শব্দ এবং আলোর সংকেতগুলি লাইনে থাকা লোকেদের আকৃষ্ট করার একটি খুব কার্যকর উপায় এবং এর ফলে টিপসের ফ্রিকোয়েন্সি এবং আকার বৃদ্ধি করে৷ ফলস্বরূপ, আমরা আলো ব্যবহার করে LEDs এবং ডিজাইন যোগাযোগের সর্বোত্তম স্থান নির্বাচন করতে অনেক কিছু করেছি।

চিত্র 2.12। নকশা ভাষা

প্রতিটি পণ্যের একটি "ডিজাইন ভাষা" থাকে যার মাধ্যমে এটি ব্যবহারকারীর সাথে দৃশ্যত বা অভিজ্ঞতামূলকভাবে যোগাযোগ করে। ডিপজারের জন্য, কীভাবে একটি কার্ড ঢোকাতে হয় তা ব্যবহারকারীকে দ্রুত জানানো গুরুত্বপূর্ণ ছিল। দলটি কার্ডের লোগো (ছবি বামে) অপ্টিমাইজ করার জন্য অনেক সময় ব্যয় করেছে যাতে ব্যবহারকারীরা স্পষ্টভাবে বুঝতে পারে কিভাবে কার্ডটি সঠিকভাবে ঢোকাতে হয়।

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

চিত্র 2.13। রং, উপকরণ, সমাপ্তি

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

চিত্র 2.14। চূড়ান্ত রেন্ডার

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

চিত্র 2.15। ওয়েব অ্যাপ্লিকেশন ডিজাইন

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

চিত্র 2.16। প্যাকেজিং কনফিগারেশন নির্বাচন

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

চিত্র 2.17। পুনরাবৃত্তি সম্পর্কে ভুলবেন না!

একবার হাই-ফিডেলিটি ভিজ্যুয়াল প্রোটোটাইপগুলি উত্পাদিত হয়ে গেলে, সেগুলি বিকাশের সময় তৈরি অনেক অনুমান পরীক্ষা করার জন্য ক্লায়েন্টদের কাছে ফেরত দেওয়া হয়। একটি দুর্দান্ত ভিজ্যুয়াল প্রোটোটাইপ পেতে 2-3টি পুনরাবৃত্তি করা যথেষ্ট।

চিত্র 2.18। চূড়ান্ত প্রোটোটাইপ দৃশ্যত পণ্যের কাছাকাছি

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

আপনি ভৌত ​​পণ্য বিকাশের চার-অংশের সিরিজের দ্বিতীয় অংশ পড়েছেন। পড়তে ভুলবেন না 1 অংশ: ধারণা গঠন। আপনি শীঘ্রই পার্ট 3: ডিজাইন এবং পার্ট 4: ভ্যালিডেশনে যেতে সক্ষম হবেন। লেখক: বেন আইনস্টাইন। মূল অনুবাদ ফ্যাবল্যাব দল দ্বারা করা হয়েছে ফ্যাবিঙ্কা এবং প্রকল্প হাত.

উত্স: www.habr.com