এই পস ডিজাইনটি কীভাবে তারিখ দেখতে দেয়?


25

আমি এই পয়েন্ট-অফ-বিক্রয় (পস) স্ক্রিন ডিজাইনের তারিখকে কী দেখায় তা বোঝার চেষ্টা করছি ।

এটি কি 3 ডি বোতাম, রঙ, লেআউট, ফন্ট? এবং এটিকে বর্তমান দেখানোর জন্য আপনি কী করবেন?

ডিজাইন পেশাদার না হয়ে, আমি দেখতে পাচ্ছি যে এটি তারিখযুক্ত। তবে কেন এবং কীভাবে এটি পরিবর্তন করা যায় তা আমি নিশ্চিত নই।

পস স্ক্রিন


2
হাই! জিডি.এসই তে স্বাগতম :) আপনার প্রশ্নের অনুরূপ কিছু, আরও বিস্তৃত, এখানে জিজ্ঞাসা করা হয়েছে: গ্রাফিক ডিজাইন.স্ট্যাকেক্সেক্সঞ্জ / প্রশ্নগুলি / 17885/… তবে, আমি মনে করি আপনার প্রশ্নটি একটি সমালোচনামূলক রূপে পরিণত হওয়া উচিত , আপনি অনেক কিছু পাবেন আরও বিশদ প্রতিক্রিয়া। আমাদের জবাব দেওয়া আরও সহজ করার জন্য আপনার কিছু তথ্য যুক্ত করতে হতে পারে: মেটা.গ্রাফিকডিজাইন.স্ট্যাকেক্সেঞ্জিং
ইয়িসেলা

7
Arrrrghh !! Extra's!!
user56reinstatemonica8

2
গোশ, আমি যখন এই থ্রেডটি খুললাম তখন আপনি "পস" শব্দটি যেভাবে ব্যবহার করেছিলেন তা আমি জানতাম না। "পি" এর জন্য "টুকরা" সহ কথোপকথনের অর্থটি বেশ ভালই বলে মনে হয়েছিল।
polkovnikov.ph

এই সিস্টেমটি অন্তর্নির্মিত সিস্টেম বোতামগুলি ব্যবহার করে যা পটভূমি সেট করার সময় সীমানা স্টাইলিংয়ের অভাব রয়েছে। ভিজুয়াল বেসিক 6 এবং ডেলফি 7 এর দশকের শেষের দিকে এটি কোথাও ঠিক ছিল that অধিকারটি করার পক্ষে কোনও সহজ বিকল্প ছিল না।
polkovnikov.ph

উত্তর:


35

অন্যান্য উত্তরগুলি কীভাবে ডিজাইনটি উন্নত করতে পারে সেদিকে দৃষ্টি নিবদ্ধ করে, তবে যেহেতু আপনি জিজ্ঞাসা করেছেন ডিজাইনটি কেন তারিখযুক্ত দেখাচ্ছে:

হরফ খুব ছোট । খুব বামদিকে বাকিদের চেয়ে কম তারিখ দেখাচ্ছে, কেন? বামদিকে, ফন্টের আকার পাঠ্যের জন্য উপলব্ধ উল্লম্ব জায়গার সাথে মেলে, অন্য সমস্ত বোতামে ফন্টটি খুব ছোট। আসুন সমস্ত উচ্চতর কেস, আড়িয়াল এবং প্রতিটি বোতামে 3 টি নির্দিষ্ট পাঠ্য লাইন ফেলে দিন (পে ব্যতীত প্রতিটি বোতাম উল্লম্ব শীর্ষ, কেন্দ্র এবং নীচে পাঠ্য পেতে ফর্ম্যাট করা হয়েছে বলে মনে হয়, যদি কেবল 2 লাইন থাকে প্রকৃত পাঠ্য)।

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

কোনও চিত্র নেই।

2 রঙ 3 ডি প্রভাব। 3 ডি বোতামগুলির উপরের বামদিকে অভিন্ন সাদা এবং নীচের ডানদিকে অভিন্ন ধূসর রঙের 2 পিক্সেল প্রশস্ত সীমানা ব্যবহার করে, তার চারপাশের সমস্ত কালো সীমানা প্রকৃতপক্ষে ফ্যাশনের বাইরে।

খুবই সহজ. কেবলমাত্র বোতামগুলি ব্যবহার করে, আমরা বর্তমানে খাদ্য বিভাগের দিকে নজর দিচ্ছি তা স্বজ্ঞাতভাবে বোঝার একটি সুযোগ আছে। একজন আধুনিক গুই ম্যাজেন্টা এবং হলুদ অংশগুলি একত্রে সম্পর্কিত তা বোঝাতে অন্যান্য ক্লু ব্যবহার করবেন, যেমন হলুদ বোতামগুলির পিছনে একটি ভরাট আয়তক্ষেত্র যা খাবারের বোতামের পিছনে ব্যাকগ্রাউন্ড পর্যন্ত প্রসারিত:

এখানে চিত্র বর্ণনা লিখুন

অবশেষে, পস সিস্টেমের শিরোনাম আমাকে বিরক্ত করে, তবে আমি মনে করি এটি কেবল খারাপ নকশা, এবং তারিখ হওয়ার সাথে এর কিছুই করার নেই।

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


19

এটি একটি পস সিস্টেম হিসাবে বিবেচনা করে আমি বলব কার্যকারিতা রয়েছে। বোতামগুলি বড়, পড়ার পক্ষে তুলনামূলক সহজ এবং এগুলি দলগুলিতে সংগঠিত করা হয়, যা আমি যা খুজছি তা সন্ধান করতে আমাকে সহায়তা করবে।

এটি বলার পরে, আমি ভাল কাঠামোগত সিদ্ধান্তগুলি দেখি, তবে অনেকগুলি ডিজাইনের সিদ্ধান্ত নয়। এটিই আমি লক্ষ্য করব:

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

  • ব্যবধান : আপনি অনেক উপাদানের জন্য একই ব্যবধান (মার্জিন) ব্যবহার করছেন না। দেখব গ্রিড সিস্টেম , আপনি একটি ব্যবহার করা থেকে ভয়ঙ্কর লাভবান হবে। একটি ভারসাম্য বিন্যাস ডিজাইনটিকে আরও সাজানো এবং পালিশযুক্ত করে তুলবে। বোতামগুলির অভ্যন্তরের পাঠ্য সহ আপনার কিছু বিস্ময়কর ব্যবধান সমস্যা (আইএমও) আছে। 1 লাইনযুক্ত বোতামটি কেন্দ্রিক, 2 টি লাইনের সারিগুলির মধ্যে একটি অপরিসীম স্থান রয়েছে এবং 3 টি লাইন ঠিক আছে, কারণ সর্বত্র সমান ব্যবধান রয়েছে। যতটা সম্ভব সীমানাটির কাছাকাছি পাঠ্যটি টানানোর পরিবর্তে পাঠ্য লাইনের মাঝে সর্বদা একই স্থান থাকা আরও কী বোঝায় না?

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

  • ছায়া এবং প্রভাব : 3 ডি এফেক্টটি এই প্রসঙ্গে খুব কার্যকর এবং আমি মনে করি আপনি এটিকে আরও এগিয়ে যেতে পারেন। এখানে 3 ডি পস এর একটি উদাহরণ রয়েছে। এছাড়াও, আপনি আইকন ব্যবহার বিবেচনা করেছেন? তারা একটি দুর্দান্ত চাক্ষুষ সহায়তার জন্য তৈরি করতে পারে।

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

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


ঠিক আছে এখন সমস্ত ঘাঁটি areাকা আছে ... তাই আমি আমার মুছতে পারি।
joojaa

@ Joojaa আমি সম্পাদনা-উন্মাদনায় ছিলাম এবং আমি কেবল অন্যান্যদের লক্ষ্য করলাম যে পপিং আপ রাখা হয়েছে তবে সেগুলি পরীক্ষা করে দেখিনি। আমি দেখতে পাই আমরা কার্যত সব মন্তব্য শেয়ার করি! লজ্জাজনক আপনি নিজের মুছে ফেলা, এটি এখনও বৈধ - esp। বিপরীতমুখী bevels, এটি আরও ভাল বলতে পারে না।
ইয়েসেলা

15

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

আমি নীচে প্রদর্শিত উদাহরণগুলি থেকে (এবং আমি তাদের মানের কিছু বলছি না, তারা দ্রুত অনুসন্ধান থেকে এলোমেলো নির্বাচন) আপনি আইকন, চিত্র এবং রঙের বৃহত ব্লক ব্যবহার দেখতে পারেন। এগুলি ক্রিয়া চিহ্নিতকরণ এবং ফাংশনের পৃথক অঞ্চল বা তথ্যের শ্রেণিবিন্যাসের পার্থক্য করার জন্য দরকারী সরঞ্জাম।

আমি আরও বিস্তারিত উত্তরের জন্য সময় পাইনি তবে আমি যা বলব তা হ'ল বর্তমান ইউআই (ইউজার ইন্টারফেস) ডিজাইনের উদাহরণগুলি একবার দেখুন। উদাহরণস্বরূপ 'পস ইউআই ডিজাইনের' জন্য দ্রুত অনুসন্ধান আপনাকে চিত্রগুলি যেমন দেয়:

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন


11

একপাশে নকশা করুন, এটি কি কার্যকরী, এবং এটি পরিচালনা করছে এমন লোকেরা কীভাবে এটি ব্যবহার করবেন তা বোঝে? যদি ভাঙ্গা না হয় তবে এটি ঠিক না করার একটি উপাদান রয়েছে।

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

3 ডি এফেক্টটি আসলে এই ক্ষেত্রে কার্যকর কারণ এটি দ্রুত ব্যবহারকারীকে বলে যে এটি একটি ক্লিকযোগ্য বাটন, এবং আমি ভেবেছি রেস্তোঁরা ট্রেডের সময়টি খুব বেশি গুরুত্ব দেয়।


2
ব্যবহারকারীর অভিজ্ঞতা এবং কার্যকারিতা হ'ল ভাল ডিজাইনের গুরুত্বপূর্ণ উপাদান - এই দফার উত্থাপনের জন্য ধন্যবাদ। এটি যদি ভালভাবে কাজ করে তবে খুব সতর্কতা অবলম্বন করুন এবং ভবিষ্যতের কোনও ডিজাইনের পরিবর্তন পরীক্ষা করুন। কেবলমাত্র সিস্টেমটিকে "আরও ভাল" দেখানোর জন্য কার্যকারিতাটি আরও খারাপ করবেন না।
bemdesign

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

1
স্পষ্টতই, বৃত্তাকার কোণে জো। এই লোকটির এখনও উইন্ডোজ 2000 চলছে ...
মাজুরা

9

আমি কোনও ডিজাইনের পেশাদার নই, তবে যেহেতু মোবাইল অ্যাপস তৈরি করার সময় আমাকে এই জাতীয় জিনিসটি বিবেচনা করতে হবে ....

  1. পুরানো-স্কুল win32 3 ডি প্রভাব খনন করুন। এটি আক্ষরিক অর্থেই এমন এক যুগে ছোঁয়াচে পড়ে যেখানে প্রত্যেকে প্রত্যাশা করে যে জিনিসগুলি টাচ-স্ক্রিনকে বন্ধুত্বপূর্ণ দেখায়। আপনি যেটি ব্যবহার করতে চান তা হ'ল প্রতিটি ক্রিয়া অঞ্চল (বোতাম) এর জন্য বৃহত সমতল অঞ্চল বাটনগুলির সাথে সম্পর্কিত বাটনগুলির সাথে সম্পর্কিত গ্রুপগুলির মধ্যে কোনও ব্যবধান নেই। অ্যান্ড্রয়েডের মেটেরিয়াল ডিজাইনটি দেখুন । এটি অ-মোবাইল অ্যাপ্লিকেশনগুলির জন্যও কার্যকর।

  2. এই আইটেমগুলির মধ্যে ব্যবধান থাকলে গ্রুপ সম্পর্কিত আইটেমগুলিতে সীমানা (রঙ নয়) ব্যবহার করুন। যদি তাদের মধ্যে কোনও ব্যবধান না থাকে, তবে রঙগুলি ব্যবহার করতে আটকে থাকুন যাতে পুরো সম্পর্কিত অঞ্চলটি দেখতে মনে হয় এর একটি দৃ solid় পটভূমির রঙ রয়েছে।

  3. নরম (প্যাস্টেল রঙগুলি মনে করুন) এবং প্রশংসামূলক রঙের স্কিমের অংশ চয়ন করুন। আপনার প্যালেটে প্রতিটি রঙের হালকা এবং গা dark় সংস্করণ রয়েছে তা নিশ্চিত হন। আমি আশা করি আপনি এখনও এমন কোনও সিস্টেমের সাথে কাজ করছেন না যা কেবল পুরানো সিজিএ / ভিজিএ 16 রঙ প্যালেট থেকে প্রদর্শিত হতে পারে।

  4. রঙের স্কিম অনুযায়ী ইউআই উপাদানগুলি ধারাবাহিকভাবে রঙিন হওয়া উচিত। উদাহরণস্বরূপ: ইউআই ইনপুট সরবরাহকারী বোতামগুলি পৃষ্ঠাগুলি পরিবর্তন করতে বা প্রাথমিক কার্যকারিতাটি ট্রিগার করে এমন বোতামগুলির থেকে পৃথক হিসাবে বিবেচিত হতে পারে তবে প্রদত্ত কার্যকরী অঞ্চলে সমস্ত বোতামের জন্য 1 রঙের বিপরীতে এই ধরণের বোতামগুলির জন্য সাধারণত 1 টি রঙ ব্যবহার করা উচিত। এটি প্রতিটি ইউআই উপাদান কী করবে সে সম্পর্কে আরও ভাল ধারণা পেতে ব্যবহারকারীকে সহায়তা করে।

  5. ক্রিয়া অঞ্চলগুলিকে পৃথক করতে এবং ক্রিয়া আইটেমগুলির মধ্যে সমতল, নরম সীমানাগুলির মধ্যে ব্যবধান ব্যবহারকে পছন্দ করুন। কোনও অঞ্চলের অ্যাকশন আইটেমগুলির নিয়মিত আকার থাকতে হবে (প্রতিটি ক্রিয়া আইটেমটি গ্রিডে 1 বা আরও সংলগ্ন ঘর হতে হবে) কল্পনা করুন।

  6. উইন্ডোতে একটি শিরোনাম অঞ্চল ব্যবহার করার সময়:

    ক। Area অঞ্চলে সমস্ত ক্রিয়াকলাপ আইটেমের শিরোনাম অঞ্চলে থাকা উচিত।

    খ। ওই অঞ্চলে সমস্ত ক্রিয়াকলাপ আইটেমের (যেমন লগইন, সেটিংস ইত্যাদি) বিশ্বব্যাপী হওয়া উচিত।

    গ। শিরোনামটি লোগো ব্যতীত অন্য কোনও কিছুর দ্বারা আবৃত হওয়া উচিত নয়।

আশা করি এটা কাজে লাগবে.


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

2

প্রায় সমস্ত উপাদান বোতাম বলে মনে হচ্ছে। তবে আমি যখন লেবেলগুলি পড়ি তখন মনে হয় কিছু বোতাম অ্যাকশন বোতাম, অন্যগুলি নেভিগেশনের জন্য।

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

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

ট্যাবগুলির একটি সারি যুক্তিসঙ্গতভাবে ভাল কাজ করে তবে এখানে আপনার আরও গভীর শ্রেণিবিন্যাস থাকতে পারে। সেক্ষেত্রে বর্তমান ইউআই রাষ্ট্রকে একটি পথ হিসাবে দেখানো বুদ্ধিমান হতে পারে Food > Starters >:, প্রারম্ভিক পৃষ্ঠার শীর্ষে একটি লাইন। "স্টার্টস" মেনুতে প্রথম প্রবেশ করুন একটি "<খাবারের দিকে ফিরে" বোতামটি করুন; এটি আপনাকে বেশ কয়েকটি নিয়ন্ত্রণ আড়াল করতে দেয়।


1

প্রথমে আমি জিজ্ঞাসা করব উদ্দেশ্য কী?

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

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

বর্তমান জিইউআইয়ের সমস্যাটি হ'ল:

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

হরফ : সিদ্ধান্ত এবং সিদ্ধান্ত গ্রহণের জন্য খুব ছোট, এটি পাঠ্যের মধ্যে কঠোর রঙ এবং বিপরীতে দ্বারা প্রভাবিতও হয়। এটি প্রথমবারের ব্যবহারকারীদের সিস্টেমে অভ্যস্ত হতে, দীর্ঘায়িত করতে এবং আরও ভুল-এন্ট্রি তৈরি করতে অত্যন্ত প্রভাবিত করতে পারে।

অর্ডার এবং গোষ্ঠীকরণ : আমাদের কি সেখানে "পস সিস্টেম" নামটি বড় ফন্টের আকারে রাখতে হবে? এটা কি উপকারী? নাঃ! এই সিস্টেমের ব্যবহারকারী এবং স্ক্রিনের উপাদানগুলি এটিকে পরিষ্কারভাবে বলেছে। গ্রুপিংয়ের অর্থ কী? আসলেই নয়, অনেকগুলি গোষ্ঠীভুক্ত করা যায়, তাই ব্যবহারকারীরা এটি যুক্তিযুক্তভাবে খুঁজে পেতে পারেন। শব্দটি কিছু পছন্দ করে, তা কি বোঝায়? নাঃ! "পাঠান"? কি পাঠাও? "সেট মেনু"? আপনি কি প্রতিদিন মেনু সেট করেন? নাঃ! ঘোষণা। হায়ারার্কি এবং শব্দ পছন্দটি যত্ন সহকারে দেখা উচিত।

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


0

যেহেতু মোবাইল ডিভাইস, অ্যান্ড্রয়েড, বা উইন্ডোজ ওএসের জন্য "টাইলস" ডিজাইন করা হয়েছে তার মতো কিছুই মনে হচ্ছে না, এটি সম্পূর্ণরূপে আনপাইল which যা একটি দ্বন্দ্বের কারণ হয় কারণ তারা দৃষ্টিগোচরভাবে প্রচুর পরিমাণে কমান্ড দেয়। এটি সম্পর্কে অনেক কিছুই "ভুল" তাই আমি বিশদটি এড়িয়ে যাব।


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

0

এই সমস্ত দুর্দান্ত উত্তর, তবে আপনি যদি কিছু রেফারেন্স উপাদান চান তবে একটি ভাল, আধুনিক পস সিস্টেমটি দেখতে কেমন তার একটি উজ্জ্বল উদাহরণ চাইলে আইপ্যাডে স্কয়ার অ্যাপটি দেখুন।

https://itunes.apple.com/us/app/square-register-point-sale/id335393788?mt=8

আমার মনে হয় যে আপনি বিদ্যমানটি উন্নত করতে সবচেয়ে বড় জিনিসটি করতে পেরেছিলেন (এবং এটি কেন এত তারিখযুক্ত মনে হচ্ছে) তা হল আধুনিক ইউআই প্রচুর পরিমাণে সাদা স্থান পছন্দ করে - এবং সাদা স্থানকে সাদা করে তোলে। আজকাল প্রচুর ডিজাইন খুব স্বল্পভাবে বিপরীত প্রকারের (কালো পটভূমিতে সাদা পাঠ্য বা কোনও গা dark় রঙের সাদা পাঠ্য) ব্যবহার করে। এই সাইটটি পছন্দ করুন: https://developer.wordpress.com/calypso/


0

বোতামগুলি ফাংশন দ্বারা সংগঠিত করা উচিত, স্তরক্রম এবং বোতামগুলি লেআউট পদ্ধতিটির সাথে সামঞ্জস্যপূর্ণ হওয়া উচিত।

সাধারণ লোকের পদে:

1) সর্বাধিক ব্যবহৃত বোতাম এমন জায়গায় রাখুন যেখানে সমস্ত সহজেই সেগুলি খুঁজে পেতে পারে;

2) অভ্যন্তরীণ বোতামগুলি বাইরের শেল দ্বারা "নিয়ন্ত্রিত" হওয়া উচিত (একটি উইন্ডোর মধ্যে, উইন্ডোর মধ্যে উইন্ডো);

3) আপনার যদি এন্টার বোতাম (বা অন্য কোনও বোতামের জন্য থাকে), পর্দা পরিবর্তন হতে পারে এমনকি এটি একই জায়গায় রাখুন।

অনেকগুলি POS সিস্টেম কার্যকরী নকশাকে অপ্টিমাইজ করার চেষ্টা করেছে তবে আমি মনে করি যে একটি POS গেমের সামান্য এগিয়ে রেজকু পোস

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.