তিন বোতামের জন্য রঙ সমন্বয়


13

এই তিনটি বোতামের জন্য কোন রঙের সমন্বয়টি সবচেয়ে ভাল কাজ করবে:

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

তাদের সবার কি একই রঙ থাকতে হবে?

এগুলি আমার বিকল্পগুলি:

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

পুরো পৃষ্ঠার চিত্র

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


প্রাথমিক বনাম ডিফল্ট এবং ডিফল্ট বনাম সাফল্য বিভ্রান্তিকর বলে মনে হচ্ছে।
ড্যানি ভারোড

বৃহত্তর পৃষ্ঠার দিকে তাকিয়ে আমি জিজ্ঞাসা করব 'ক্লিয়ার' বোতামটি কী বোঝাতে চাইছে। এটি কি সত্যিই প্রয়োজনীয় বিকল্প?
DA01

উত্তর:


52

যান বোতাম হওয়া উচিত বড় এবং সব সর্বোচ্চ বিপরীতে আছে যেহেতু এটি প্রাথমিক কেউ নেই।

সাফ কারণ এটি একটি বোতাম ঠিক আছে মাধ্যমিক কর্ম এবং এটি নিরপেক্ষ হওয়া উচিত

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

এখানে দুটি অনুরূপ সমাধান যা আমার পক্ষে অনেক বেশি ক্লিনার এবং এই নির্দিষ্ট উদ্দেশ্যে উন্নত ব্যবহারের প্রস্তাব দেয় (আমি ব্যক্তিগতভাবে প্রথমটি বেছে নেব ):

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

জাস্ট এফআইআই : আমি ফন্ট-আওসোম এবং আইকন ব্যবহার করেছি , প্রথম চিত্রটিতে একটি হ'ল (আপনার সংস্করণ অনুসারে) আইকন-এক্সচেঞ্জ / এফএ-এক্সচেঞ্জ এবং তীরগুলি আইকন -তীর-বাম / ডান এবং এফ-তীর-বাম / অধিকার

সম্পাদনা - বিশৃঙ্খলা অপসারণ ( একটি DA01 এর মন্তব্যের ভিত্তিতে ):

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

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


↔︎ তীরগুলিও আমার প্রথম চিন্তা ছিল। কীভাবে অনুবাদ. com.com এটি করে তা দেখুন: একটি।
200_সাক্সেস

যদি পরিষ্কারটি সত্যই গৌণ হয় তবে আমি সম্মত। অন্যদিকে, যদি এটি ধ্বংসাত্মক (প্রবেশ করানো কাজ সরিয়ে দেওয়া) হয় তবে আমি যুক্তি দেব যে এটি সত্যিই অন্যরকমভাবে পরিচালনা করা উচিত।
DA01

@ DA01 আপনি আরও আপনার শেষ মন্তব্য আরও ব্যাখ্যা করতে পারেন? এর বিকল্পটি যদি ধ্বংসাত্মক হয় তবে কেন ভাল হবে? আমি আপনার পিওভিতে সত্যই আগ্রহী।
আলেজান্দ্রো ভেল্ট্রি

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

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

12

একটি সমাধান হ'ল অগ্রাধিকার অনুসারে আপনার বোতামটি দৃশ্যত পৃথক করা।

আপনার কাছে সাধারণত প্রাথমিক বাটন (গুলি), মাধ্যমিক বোতাম (গুলি) এবং কখনও কখনও তৃতীয় বোতাম (গুলি) এবং / অথবা অ-পছন্দসই অ্যাকশন বোতাম থাকতে হবে।

প্রাথমিক এবং মাধ্যমিকের জন্য, আমি সাধারণত দুটি স্তরের বিপরীতে আপনার পছন্দসই ব্র্যান্ডিং রঙ (নিখুঁত বিষয়গত) পরামর্শ দিই। প্রাথমিকের জন্য উচ্চতর বিপরীতে, মাধ্যমিকের জন্য সামান্য কম বিপরীতে।

তৃতীয় বাটনগুলি আমি সাধারণত এড়াতে চেষ্টা করি এবং পরিবর্তে সম্পূর্ণ ভিন্ন ভিজ্যুয়াল, যেমন একটি লিঙ্কের সাথে যেতে পারি।

সুতরাং, আপনার উদাহরণ দেওয়া, এবং প্রসঙ্গটি আমি যেভাবে বলতে পারি বাজি হিসাবে ব্যাখ্যা করছি, আমি এর মতো কিছু প্রস্তাব করব:

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

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

আপডেট: আমি যখন পোস্ট করছিলাম তখনই আমি লক্ষ্য করেছি যে কোনও নতুন পোস্ট তৈরি করার সময় স্ট্যাকএক্সচেঞ্জ এটি ব্যবহার করে pattern সংরক্ষণ বাটনটি প্রাথমিক, ক্যানসেল তৃতীয় এবং বোতামের পরিবর্তে একটি লিঙ্ক হিসাবে দেখানো হয়েছে।


1

উচ্চ-বিপরীত (যেমন কালো-সাদা) রঙগুলি সর্বদা সেরা, কোন ধরণের কমলা বিকল্পটি সরিয়ে দেয়। এবং তারপরে, মিশ্রণটিতে কিছুটা বিপণন যুক্ত করে বোতাম, প্রয়োগের ক্ষেত্রে আপনার বাকী পৃষ্ঠাটির জন্য কী রঙ-পরিকল্পনা ব্যবহার করা হবে? তবে যদি আমাকে বেছে নিতে হয়: যাও: সবুজ; সুইচ ...: সামুদ্রিক নীল; পরিষ্কার: কালো-সাদা মনের রঙ ধারন করাও পছন্দের সাথে সম্পর্কিত।

(অফ-টপিক: আপনি দুটি ক্ষেত্রের মধ্যে আইকন-লেবেলযুক্ত বোতামটি স্যুইচ করার জন্য লম্বা লেবেলটি মুছে ফেলতে পারেন)


1
ইউএক্স.স্ট্যাকেক্সচেঞ্জে স্বাগতম। আপনার কাছে কী প্রমাণ রয়েছে যে উচ্চ বৈসাদৃশ্য সর্বদা সেরা?
মেয়ো

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

1
এখানে একটি নিবন্ধ যা রঙগুলির জন্য বিভিন্ন যুক্তি তালিকাভুক্ত করেছে: usertesting.com/blog/2014/12/02/color-ux- रूपांतरण-rates

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

1

আমি বলব জোর দেখানোর জন্য রঙের অনুরূপ ছায়ার বৈসাদৃশ্যটি পরিবর্তন করুন । কেন? ( 12 জনের মধ্যে 1 জন বর্ণ অন্ধ এবং 200 জনের মধ্যে 1 জনও বর্ণ অন্ধ

আপনি ব্যবহারকারীদেরকে সিস্টেমের মাধ্যমে লক্ষ্যযুক্ত পথের দিকে পরিচালিত করতে চান যাতে আমি বো বোতামটি আরও গা .় করে তুলি। তারা সমস্ত বোতাম স্ক্যান করতে পারে এবং তাদের প্রক্রিয়া করতে পারে বা গা a় রঙের মতো কিছু বা বড় আকারের তারা তাদের প্রথমে সেখানে দেখায় এবং 80% সবচেয়ে সাধারণ পছন্দ হিসাবে আকৃষ্ট করে এবং হ্যাঁ এটি তাদের সময় সাশ্রয় করতে পারে বলে বলতে পারে।

এই নিবন্ধটি বলছে যে একটিকে সবচেয়ে গুরুত্বপূর্ণ বোতামটি দেখতে দেওয়া উচিত

নীচে তাদের উদাহরণ দেখুন

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

নীচের চিত্রের মতো দেখতে ভাল লাগছে না (আমার মতে)

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

এই নিবন্ধটি বুদ্ধিমান ক্রমে বোতামগুলি রাখার জন্যও উল্লেখ করেছে । সুতরাং আমার মতে আমি ডানদিকে গো বোতামটি লাগিয়ে দেব কারণ ইংরেজীভাষী ব্যবহারকারীরা বাম থেকে ডানদিকে (তাই তারা স্বাভাবিকভাবেই লক্ষণগুলির সমাপ্তির জন্য ডানদিকে তাকান)। আমি আরবী ব্যবহারকারীদের জন্য এটি বামে রেখে দিতাম। আমি কীভাবে এটি একটি ইংরাজির বাজারের জন্য প্রস্তুত করব তা ঠিক ts

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

এই নিবন্ধটির একটি শেষ বিষয় হ'ল ধ্বংসাত্মক বোতামগুলি সন্ধান করা আরও শক্ত করে তুলুন আপনার পরিস্থিতিতে আমি আপনার আদেশটি সেভাবে স্যুইচ করবো যদি আপনার ক্লিকে যেতে যেতে এবং আপনি যদি দুর্ঘটনাক্রমে বামে মিস করেন তবে আপনি সম্ভবত ক্রিয়াটি ধ্বংস করার পরিবর্তে শিপিংয়ের অবস্থান পরিবর্তন করতে পারেন। এছাড়াও আপনি ধ্বংসাত্মক কাজটি নিশ্চিত করতে পারেন যদি আপনি এর প্রয়োজনীয়তা অনুভব করেন (যেমন আপনি নিশ্চিত?)


"কারণ ইংরেজীভাষী ব্যবহারকারীরা ডান থেকে বামে পড়ে" - হাহ? আমরা কি একই ইংরেজি নিয়ে কথা বলছি?
ব্লুরাজা - ড্যানি পিফ্লুঘুফ্ট

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