আমি একটি ভাল ইউজার ইন্টারফেসের জন্য অনুপ্রেরণা কোথায় পেতে পারি? [বন্ধ]


18

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

ডেস্কটপ অ্যাপ্লিকেশনটির জন্য একটি ভাল প্রধান পর্দার বিন্যাসের জন্য আমি কোথায় ধারণা পেতে পারি?


1
এটি কোন ধরণের অ্যাপ? ফটোশপ / জিআইএমপি / চিত্রগ্রাহক, গ্রহন / ভিএস / কোডি, মায়া / থ্রিডি স্টুডিও / ক্যাড: y?
ম্যাক

ব্যক্তিগত আর্থিক অ্যাপ্লিকেশন, একটি মালিকানা ডাটাবেসের ভিতরে রাখা ডেটা।
মাইকেল রিলে - এ কেএ গুনি

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

2
আমাকে চিন্তা ভাবনা
বি সেভেন

1
@ ইয়ান্নিস - আপনাকে ধন্যবাদ ... হ্যাটারডে আমি সেখানে পুরোপুরি হারিয়ে গেলাম (এবং যেখানে এটি বাড়ে)।
মাইকেল রিলে - এ কে এ গুনি

উত্তর:


6

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

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

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



5

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

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

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


3
প্রোটোটাইপিংয়ের জন্য +1। "1 সেরা ধারণা!" তে মনোনিবেশ করার পরিবর্তে সেগুলির পুরো গুচ্ছ তৈরি করুন। তারপরে, আপনার প্রোটোটাইপ ধারণাগুলি একগুচ্ছ লোককে দেখান। আপনি প্রচুর প্রতিক্রিয়া পাবেন এবং আপনি আপনার নকশা পরিমার্জন করতে পারেন।
স্টিফেন গ্রস

[ওয়ালমার্ট] যখন তারা বিশৃঙ্খলা অপসারণ করেছে তখন আক্ষরিক অর্থে বিক্রয়ে 1 ডলারেরও বেশি ক্ষতি হয়েছে; তথ্যসূত্র?
ফানকিব্রো

3
@ ফানকিব্রো এনওয়াই টাইমস নিবন্ধ: nytimes.com/2011/04/08/business/08clutter.html?_r=1
ঘোপ

3
@ ফানকিব্রো: ডেইলিআর্টিফেক্টস / ওয়ালমার্টস
রবার্ট হার্ভে

1

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

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

ইউআইআইগুলিকে এর মতো করে তোলার এবং কোডিং প্রচেষ্টা সহজ করার প্রয়াসে বহু বছর আগে আমি একটি স্কিম নিয়ে এসেছিলাম যা আমি আজও ব্যবহার করি - ডিফারেন্টিয়াল এক্সিকিউশন । (আমি বলতে পারি না যে আমার ভাগ্য এটিকে প্রচার করেছে, তবে এটি রয়েছে It এটি প্রকাশিত হয়েছে, এফডাব্লুআইডাব্লু।)

সুতরাং এটি আমার দুটি সেন্ট।


আপনার উইকি পৃষ্ঠা মুছে ফেলা হয়েছে। এটা অন্য কোথাও?
মাইকেল রিলে - এ কেএ গুনি

@Cape: হ্যাঁ, আমি বন্ধ সেখানে পায়ে কেটে গিয়েছে - সম্পর্কে কিছু নূতন শব্দ । যাই হোক. এসও ট্যাগ "ডিফারেনশিয়াল এক্সিকিউশন" এটি সম্পর্কে আমার ব্যাখ্যা করছে এবং আমি সোর্সফোজের উপর একটি বাস্তবায়ন রেখেছি। এছাড়াও কিছু প্রকাশনা রয়েছে, সাম্প্রতিক একটি যা আপনার প্রেরণে খুশি হবেন, যদি আপনার কিছু চোখের ঝলক প্রয়োজন হয়। সম্ভবত আমি আরও কয়েক বছর আগে একটি নিলাম অ্যাপ্লিকেশন হতে পারে, আমি আপনাকে জিপ করতে পারি Maybe এটি ভিসি 6 (এমএফসি) এ রয়েছে তবে বড় নয় এবং ঠিক কাজ করে।
মাইক ডুনলাভে

@ কেপ: আসলে আমার উইকিপিডিয়া ব্যবহারকারী পৃষ্ঠাতে এটি এখনও রয়েছে, তবে আমি এটির মতো দেখতে এটি খুব ভাল নয়।
মাইক ডুনলাভে

ক্লিকগুলি এবং কীস্ট্রোকগুলি হ্রাস করার বিষয়ে বিবেচনা করার জন্য একটি বিষয় হ'ল চিন্তা করার সময় প্রতিটি ক্লিকের ব্যয়। লোকেরা সাধারণত কয়েকটি ক্লিক করা পছন্দ করে যা কিছু বিবেচনা না করা তার চেয়ে প্রায় বুদ্ধিমান are স্পষ্টতই, কিছু বুদ্ধিহীন ক্লিকের তুলনায় কম মাইন্ডলেস ক্লিকগুলি ভাল। এই নীতিটি আমাকে কিছু ভাবেন না এতে কিছুটা আলোচনা করা হয়েছে ।
হোয়াইসাম

@ ওয়াটসিসনাম: এই অন্তর্দৃষ্টি জন্য ধন্যবাদ। লোকেরা যা চায় তার সম্ভবত আমি "সর্বনিম্ন প্রতিরোধের পথ" তৈরি করার চেষ্টা করি। যদিও সবসময় এটি করতে পারে না।
মাইক ডুনলাভে

1

আমি মনে করি প্রথম পদক্ষেপটি একটি শৈলী / থিম নির্ধারণ করা। উদাহরণস্বরূপ উইন্ডোজ 8 মেট্রো বনাম এনটি স্টাইল।

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

উত্তর - আপনি যদি প্রোটোটাইপিং দিয়ে শুরু করতে চান তবে নিয়ন্ত্রণ শৈলীগুলি এখানে দুর্দান্ত ওয়েব কন্ট্রোল স্টাইল এবং নিয়ন্ত্রণ রয়েছে

বি - কম্পোনেন্ট ফ্যাক্টরি উইন্ডোজ ফর্মগুলিকে একটি ভাল মুখ উত্তোলন দেয় - তারা এমনকি একটি নিখরচায় পণ্য সরবরাহ করে: উপাদান ফ্যাক্টরি

সি - তৃতীয় পক্ষের জিইউআই নিয়ন্ত্রণ প্রস্তুতকারকদের কাছে দেখতে সুন্দর ডেমো রয়েছে

ডি - এই সাইটে "বই" শব্দটি অনুসন্ধান করার চেষ্টা করুন: ব্যবহারকারীর অভিজ্ঞতা - আপনি প্রচুর পোস্ট পাবেন।

ই- এই ডাব্লুপিএফ অ্যাপ্লিকেশন: ডাব্লুপিএফ স্বাস্থ্যসেবা অ্যাপ্লিকেশন

এফ - এই ডাব্লুপিএফ অ্যাপ্লিকেশন: বিলি হলিস - ডাব্লুপিএফ এবং সমাপ্ত সংস্করণ এতে: ডাব্লুপিএফ - স্টাফলিনেক্স

জি - আপনার পছন্দ হলে মেট্রো স্টাইলের সরঞ্জামগুলি বাইরে রয়েছে। এটি দেখুন: মেট্রো স্টাইল

সর্বাধিক গুরুত্বপূর্ণ, আপনি ইতিমধ্যে জেনে থাকতে পারেন, মূল্য সঙ্গে প্রচেষ্টা ব্যালেন্স।

সম্পাদন করা

ডেভ এক্সপ্রেস মেট্রো স্টাইলকে সমর্থন করে একটি নতুন রিলিজ প্রকাশ করেছে, সবেমাত্র টডি ডেভএক্সপ্রেস -২ ভিডিওটি দেখেছে


1
ই - ডাব্লুপিএফ-স্বাস্থ্যসেবা প্রয়োগের লিঙ্কটি নষ্ট হয়ে গেছে।
মাইকেল রিলে - এ কেএ গুনি

@ কেপকডগুনি, দ্রষ্টব্যটির জন্য ধন্যবাদ, এখনই এটি ঠিক করা উচিত :)
NoChance

0

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

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


টুফ্টের বই থেকে আপনি সর্বাধিক দরকারী জিনিসটি কী আবিষ্কার করেছেন? কীভাবে এটি আপনার চিন্তাধারাকে বদলে দিয়েছে?
মাইকেল রিলে - এ কেএ গুনি

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

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

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

@ ব্রায়ান - আমার পণ্যটি 20 বছরের পুরানো, ডস থেকে উইন্ডোতে চলে গেছে। এটি এখনও বিক্রি করে তবে পুরানো।
মাইকেল রিলে - এ কেএ গুনি

0

কিছু সূক্ষ্ম বই আছে যা ইতিমধ্যে সুপারিশ করা হয়েছে। ইউএক্স স্ট্যাক এক্সচেঞ্জ ওয়েবসাইটটি এর মতো প্রশ্নগুলি পরিচালনা করতে আরও সুসজ্জিত তবে এটি পুরোপুরি অফ-টপিকও নয়।

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

মিডিয়া প্রশ্নের

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

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

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