বিকাশকারীদের মধ্যে ইউআই ডিজাইনের দক্ষতার অভাবকে অতিক্রম করা [বন্ধ]

Question

আমাকে বলা হয়েছে, এবং নিজের জন্য পাওয়া যায়, যে ডেভেলপারদের প্রচুর UI 'নকশা তেমন ভাল না হয় (আমি জানি না কিভাবে এই সত্য) কিন্তু এটা অন্তত আমার সম্পর্কে সত্য ।

ওয়েব বিকাশে ভাল কোড বিকাশ দক্ষতা তাদের সাথে যেতে ইউআই ডিজাইনে দুর্দান্ত দক্ষতা ছাড়াই যথেষ্ট নয়।

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

অল্প সংশোধন সহ ওপেন সোর্স ওয়েব টেম্পলেটগুলি কী এর জন্য সেরা সমাধানটি ব্যবহার করা যায়, বা অন্য কোনও বিকল্প রয়েছে?

Comments

"দুর্বল বিকাশের দক্ষতার সাথে একজন ইউএক্স ব্যক্তি হিসাবে একজন বিকাশকারীকে অর্থ প্রদান না করে আমার কীভাবে কোনও সাইট বিকাশ করা উচিত?"

— স্টিভেন ইভার্স

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

— স্কিজ

একটি ডিজাইনার ভাড়া। এটি নিশ্চিত হওয়ার একমাত্র উপায়।

— এসএফ

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

— অ্যালেক্স ফেনম্যান

Answer 1

আমি এমন একটি বিকাশকারী যিনি ডিজাইনেও এতটা দুর্দান্ত নন। আমি যতদূর সম্ভব বিষয়গুলি সহজ রাখতে, এমন কোনও প্রকল্পে কাজ করার চেষ্টা করি যেখানে ডিজাইনিং করা আবশ্যক। আমি কেবল ব্যবহারকারীর অভিজ্ঞতার জন্য একটি খুব যৌক্তিক পদ্ধতি এবং নকশা গ্রহণ করি। আমি এটিকে সত্যই সুন্দর দেখাচ্ছে না, তবে আমি এটি ব্যবহারকারীর अनुकूल এবং তুলনামূলকভাবে চোখকে আনন্দিত করতে পারি।

আমি এর মধ্যে বেশ কয়েকটি বই পড়েছি: http://www.uxbydesign.org/2009/06/24/20-user-experience-books-you-should-own/ এবং তারা সত্যিই আমাকে সাহায্য করেছে।

সেই তালিকায় আমার প্রিয়টি সম্পাদনা করা হ'ল আমাকে ভাবুন না: স্টিভ ক্রুজের দ্বিতীয় সংস্করণ ওয়েব ব্যবহারের পক্ষে সাধারণ ধারণা

Comments

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

— maple_shaft

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

— সিডেনাম

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

— maple_shaft

Answer 2

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

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

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

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

Comments

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

— আলী

বিশুদ্ধরূপে আউট কৌতুহল একটি পার্শ্ব নোট অন এবং, না গোলাকার বোতামগুলি থেকে স্কয়ার কোণঠাসা বোতাম গড় ভিন্ন কিছু? আমি অবাক হয়ে ইউএক্স এসইতে কি এটি সম্বোধন করেছি?

— শান হ্যানলি

রঙ এবং বৃত্তাকার বোতামগুলি গ্রাফিক্স উদ্বেগ এবং ইউএক্সের সাথে সত্যিই কিছুই করার নেই। ইউএক্সের জন্য আরও ভাল প্রশ্ন হ'ল "আমাদের ব্যবহারকারী x বর্ণ স্কিম বনাম y রঙের স্কিম সহ আমাদের সাইট সম্পর্কে কী মনে করেন" এবং বলেন বোতামগুলির স্থান।

— নিক

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

— কালেব

@ মাইলি, আমি এটি একটি অ্যাপ্লিকেশন বিকাশের দিক থেকে এসেছি। ওয়েবে ইন্টারফেসে আরও অনেক রকমের প্রবণতা রয়েছে এবং আমি সম্মত হই যে এই প্রসঙ্গে এই কেসটি করা আরও কঠিন। তবে আপনি যদি ম্যাকটিতে একটি সাধারণ ডেস্কটপ অ্যাপ্লিকেশন নেন এবং বলেন "নীল বোতামগুলি দুর্দান্ত দেখাচ্ছে - আসুন সমস্ত বোতামটি নীল করে দিন!" আপনি ব্যবহারকারীদের জন্য প্রচুর বিভ্রান্তি তৈরি করতে চান কারণ ব্যবহারকারীরা একটি বোতামের রঙ এবং ফর্মের সাথে অর্থ সংযুক্ত করে। উদাহরণ এখানে (অ্যাপল এইচআইজি): tinyurl.com/6agv54v

— কালেব

Answer 3

এখানে কিছু জিনিস যা আমি আমাকে সহায়তা করি তা এখানে:

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

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

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

• বিস্তারিত প্রশ্নের জন্য /ux// এ নির্দ্বিধায় জিজ্ঞাসা করুন

Comments

ভাল পরামর্শ, ভাল সরঞ্জাম

— NoChance

Answer 4

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

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

Answer 5

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

তাদের জীবন যাপনের জন্য ভাল জিনিসগুলির জন্য ডিজাইনিং

Answer 6

ইউআই ডিজাইন এমন কিছু নয় যা অনেকের কাছে প্রাকৃতিক আসে। যাইহোক, আমি কয়েকটি সহজ নীতি অনুসরণ করে এটিতে আরও ভাল হয়েছি।

1. বাইরে বেরোনো না, এটি যতটা কঠিন আপনি ভাবেন তেমন শক্ত নয়।

2. প্রথমে ডেটা স্ট্রাকচার এবং আপনার ইঞ্জিনকে মডেল করুন। পরিষ্কার এবং বাস্তব-বিশ্ব-সম্পর্কিত মডেলগুলি তৈরি করুন। স্পষ্টতই এটি ধরে নেয় যে গ্রাহকের কী প্রয়োজন তা বুঝতে আপনি সময় নিয়েছেন।

3. এখন, কাগজের শীট এবং একটি পেন্সিল দিয়ে, বসে এবং পর্দার লজিকাল বিন্যাস আঁকতে শুরু করুন। এটি সাধারণত আপনার ডেটা মডেলটি একটি সংগঠিত ফ্যাশনে ব্যবহারকারীর কাছে উপস্থাপন করে। আপনার লক্ষ্যটি সহজভাবে হওয়া উচিত:

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

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

   গ। এটি সময় নেয় এবং এটি একটি শেখার বক্ররেখা, তবে যে কেউ এটি করতে পারে।

4. গ্রাফিক্স, অর্থাত্ বোতামগুলি, পটভূমি ইত্যাদি সম্পর্কে চিন্তা করবেন না ... এই মুহুর্তে আপনার একমাত্র লক্ষ্য হ'ল পৃষ্ঠার লজিকাল বিন্যাস।

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

6. এখান থেকে গ্রাফিক ডিজাইনারের দায়িত্ব নিতে কোনও লজ্জা নেই। তবে আপনার কমপক্ষে অতীত পদক্ষেপ 5 পেতে সক্ষম হওয়া উচিত এটি পুরো অ্যাপ্লিকেশনটির জন্য কাজের চাপের 95%।

এখানে একটি সহায়ক নিবন্ধ যা আমাকে দরিদ্র গুই ডিজাইনার থেকে আরও ভাল গুই ডিজাইনারের কাছে পরিণত করেছিল।

http://www.joelonsoftware.com/uibook/fog0000000249.html

Comments

ভাল পরামর্শ, তবে আমি 2 পয়েন্টের সাথে একমত নই আমি উপরের পদক্ষেপগুলিতে আরও বেশি করে ব্যবহারকারীকে জড়িত করব।

— NoChance

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

— জোনাথন হেনসন

তদ্ব্যতীত, আমি যখন গ্রাফিক ডিজাইনারদের গুই আঁকার অনুমতি দিই তখন এটি সর্বদা বিপর্যয়ে শেষ হয়। যেভাবে ডেটা সংগঠিত করা উচিত তা তারা জানে না এবং তারা কখনই জানে না কী এবং কী সম্ভব নয়।

— জোনাথন হেনসন

ব্যাখ্যা করার জন্য আপনাকে ধন্যবাদ, আমি আপনার সাথে একমত যে গ্রাফিক ডিজাইনারদের তথ্য পরিচালনার দায়িত্ব দেওয়া হবে না।

— NoChance

Answer 7

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

একবার আপনি কয়েকবার edণ নেওয়ার পরে আপনি সফল সাইটগুলির ডিজাইনের জন্য আরও ভাল অনুভূতি পেতে শুরু করবেন এবং সেই নকশাগুলি তৈরি করার সরঞ্জামগুলিও জানতে পারবেন (আপনার ছোট ছোট টুইটগুলি দিয়ে)।

Answer 8

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

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

ফলস্বরূপ, অনেক বিকাশকারী অত্যাশ্চর্য ওয়েব পৃষ্ঠাগুলি তৈরি করতে তাদের অক্ষমতা থেকে ভোগেন। আমি বিশ্বাস করি যে আপনি যদি প্রয়োজনীয় সরঞ্জামগুলি শিখেন তবে আপনি ভাল পৃষ্ঠাও তৈরি করতে সক্ষম হবেন।

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

আমি দেখতে পেয়েছি যে এই সরঞ্জামটি একটি দুর্দান্ত সরঞ্জাম, এটি আপনাকে সহায়তা করতে পারে:

Artisteer

এটি দেখুন এবং ডেমো চেষ্টা করুন, এটি সত্যিই ভাল।

Answer 9

এখনও ওয়েব বিকাশে ভাল বিকাশের দক্ষতা ডিজাইনিংয়ের দুর্দান্ত দক্ষতা ছাড়া যথেষ্ট নয়

এই বিবৃতিটি সত্য কিনা আমি জানি না, আমি মনে করি এটি আপনি কোথায় কাজ করেন তার উপর নির্ভর করে।

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

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

বিকাশকারী ডেটা পয়েন্টগুলি নির্দিষ্ট করে এবং ডিজাইনার সেগুলি প্রদর্শন করে।

Comments

ধন্যবাদ, আমি কোনও দল ছাড়াই এটি করার সময় এটিকে একা ফ্রিল্যান্সার হিসাবে করার সময় ভাবছিলাম!

— আলী

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

— এসএফ

Answer 10

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

Answer 11

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

UI.stackexchange.com এ প্রশ্ন পোস্ট করতে ভয় পাবেন না

Comments

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

— মরগান হের্লোকার

Answer 12

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

ওয়েব ডিজাইন সম্পর্কে আমি একটি বিশেষভাবে ভাল বই পড়েছি এবং এটি বিকাশকারীদের দিকে লক্ষ্য করে:

বিকাশকারীদের জন্য ওয়েব ডিজাইন: http://pragprog.com/book/bhgwad/web-design-for-developers

ইন্টারফেস তৈরি করার সময় সমস্ত ধাপ স্পর্শ করে এমন বই পড়ার পক্ষে এটি সহজ: প্লেইন স্কেচিং এবং প্রিনোটাইপিং ইউআই থেকে শুরু করে এইচটিএমএল + সিএসএসের সাহায্যে ডিজাইন তৈরি করা।

আপনার ইউআই দক্ষতাগুলিকে আরও উন্নত করতে, আমি রায়ান সিঙ্গারের সাথে পিপকোডের সর্বশেষ স্ক্রিনকাস্টেরও প্রস্তাব দিই: http://peepcode.com/products/ryan-singer-ux

Answer 13

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

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

এটি বলেছিল, কিছু কিছু ক্ষেত্র রয়েছে যেখানে ডিজাইনার এবং বিকাশকারীরা তাদের দক্ষতাগুলিকে ওভারল্যাপ করতে পারে। বিশেষত ইউএক্স এবং এর সাবডোমেন, ইউআই। আমি সুপারিশ ...

• মিথস্ক্রিয়া জন্য ডিজাইনিং
• ইন্টারফেস ডিজাইনিং
• মিথস্ক্রিয়া ডিজাইন

Answer 14

একটি প্রো ভাড়া।

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

একজন বিকাশকারীদের প্রতিটি ডিজিটাল চ্যালেঞ্জ গ্রহণ করার প্রবণতা রয়েছে।

(আমি 10 বছর ধরে পেশাদার বিকাশকারী ছিলাম এবং আমার স্ত্রী 20 বছর ধরে একজন ব্যবহারকারী ইন্টারফেস ডিজাইনার)