আপনি কীভাবে বড় পর্দার রিয়েল এস্টেটের জন্য ডিজাইনিংয়ের চ্যালেঞ্জকে জয় করতে পারেন? [বন্ধ]

Question

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

যাইহোক, প্রকল্পগুলির শেষ দু'টি ক্ষেত্রে আমার ক্লায়েন্টরা সকলেই 1080p (1920x1080) স্ক্রিন ব্যবহার করছিল এবং তারা যতটা সম্ভব রিয়েল এস্টেটের বেশি ব্যবহার করার সমাধান চেয়েছিল। 1920 পিক্সেল জুড়ে প্রস্থটি আমার ব্যবহৃত প্রস্থের দ্বিগুণের নীচে সরবরাহ করে এবং প্রশস্ত স্ক্রিনটি আমার পুরানো কিছুটিকে কাজ না করার জন্য পদ্ধতির নকশায় যেতে দেয় to আমি যে সমস্যাটি চালাচ্ছি তা হ'ল যখন এত জায়গার সাথে উপস্থাপিত করা হয় তখন আমি কিছু বড় সমস্যার মুখোমুখি হই।

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

আপনার উত্তরগুলির জন্য, আমি জানি ডিজাইনের প্রায় সমস্ত কিছুই "এটি নির্ভর করে"। আমি যা খুঁজছি তা হ'ল:

• সাধারণ নীতিগুলি আপনি ব্যবহার করেন
• ডিজাইনের প্রতি আপনার দৃষ্টিভঙ্গি কীভাবে পরিবর্তিত হয়েছে

আমি খুঁজে পাচ্ছি যে এই আলাদা ফর্ম্যাটের সাথে কীভাবে কাজ করতে হবে সে সম্পর্কে আমাকে নিজেকে পুনরায় প্রশিক্ষণ করতে হবে। আমি আজ অবধি রেজোলিউশনে কাজ করেছি প্রতিটি প্রতিবন্ধকতা প্রায় 25%: 640 থেকে 800 (25% বৃদ্ধি), 800 থেকে 1024 (28% বৃদ্ধি) এবং 1024 থেকে 1280 (25% বৃদ্ধি) হয়েছে। যাইহোক, 1280 থেকে 1920 পর্যন্ত লাফটি স্থানের ভাল 50% বৃদ্ধি - 640 থেকে সরাসরি 1024-এ লাফানো সমতুল্য more আরও ধীরে ধীরে পাঠ শেখার জন্য কোনও সাধারণভাবে ব্যবহৃত মাঝারি আকার ছিল না।

Comments

খালি জায়গাগুলি পূরণের জন্য আপনি কি কেবল ইউআই নিয়ন্ত্রণগুলি আরও বড় করতে পারেন ...?

— হতাশ

@ ফ্রাস্ট্রেটেড: আপনি যদি কোনও টাচ স্ক্রিনের নকশা না করতেন তবে তা কি উদ্দেশ্যকে পরাভূত করবে না?

— মাইকেল কে

@ মিশেল: ঠিক আছে, ওপি দৃশ্যমান নিয়ন্ত্রণের সংখ্যা পরিবর্তন করতে চায় বলে মনে হয় না কারণ এটি প্রোগ্রামটিকে ব্যবহার করা আরও শক্ত করে তোলে এবং খালি জায়গা থাকাও পছন্দ করে না। যদি স্থানটি পূরণ করার জন্য কোনও নতুন বৈশিষ্ট্য না থাকে, তবে স্থানটি পূরণ করা দরকার ...?

— হতাশ

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

— বেরিন লরিটস

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

— হতাশ

Answer 1

এইভাবে আমি এই সমস্যাটির কাছে যাব।

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

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

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

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

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

এটি আপনার পক্ষে কতটা সহায়ক তা নিশ্চিত নয়, তবে আমি আশা করি এটি আপনাকে কিছু ধারণা দেয়।

Comments

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

— বেরিন লরিটস

Answer 2

আমি বলব, আপনি যদি আরও তথ্য / নিয়ন্ত্রণ যুক্ত করে অতিরিক্ত স্থান ব্যবহার না করতে পারেন তবে আমি বলব যে বিদ্যমান সামগ্রীটিকে আরও বড় করা এবং নিয়ন্ত্রণকে আরও বড় করা ।

কেন? কারণ ফিটের আইন অনুসারে বড় জিনিসগুলি ব্যবহার করা সহজ ।

Https://ux.stackexchange.com/ বা https://ographicicdesign.stackexchange.com/ এও জিজ্ঞাসা করুন

Answer 3

আমি কোনও ইউআই বিশেষজ্ঞ নই, তবে আমি গ্রহগ্রহের সাথে প্রতিদিন 1920x1080 পর্দা ব্যবহার করি। Eclipse এর খুব সহজেই কনফিগার করার ইন্টারফেস রয়েছে এবং 1280 এবং 1920 এর মধ্যে স্যুইচ করার সময় আমার কিছু পর্যবেক্ষণ এখানে দেওয়া হয়েছে:

• উভয় রেজোলিউশনে, আমি উইন্ডোটি দেখতে চাই যে আমি একই আকারে কাজ করছি। আরও ছোট রেজোলিউশনে, আমি অতিরিক্ত প্যানেলগুলি আড়াল করার ঝোঁক রাখি, উচ্চতর পুনঃস্থাপনের সময়, আমি আরও প্যানেল আউট করি।
• আমি কিছুটা বড় বোতাম পছন্দ করি। তারা বৃহত্তর মনিটরে আনুপাতিকভাবে কম স্থান গ্রহণ করবে এবং আমার মাউসের ক্রিয়াগুলি দ্রুততর করবে।
• আমি প্রায়শই পুরো স্ক্রীন, বাম দিকে কোড, ডানদিকে পূর্বরূপ ব্যবহার করতে পূর্বরূপগুলি প্রসারিত করি। এটি দুটি কলামের ফর্ম্যাট হিসাবে শেষ হয় ends তা ছাড়া আমি ফুটারের সাথে 3-কলাম ব্যবহার করি:
  1. বাম: ফাইল নেভিগেশন
  2. কেন্দ্র: কোড (সবচেয়ে বড়, সম্ভবত পর্দার প্রস্থের 2/3)
  3. ডান: কোড নেভিগেশন এবং কার্যসমূহ
  4. পাদলেখ: স্থিতি (কনসোল, সার্ভার, ইত্যাদি। খুব ছোট, সম্ভবত 1 / 5-1 / 6 পর্দার উচ্চতা)

আমি মাঝে মাঝে 2-কলাম মোডে একে অপরের পাশে মতামত এবং নিয়ামকগুলি রাখি, তবে এটি অবশ্যই প্রোগ্রামার নির্দিষ্ট। :)

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