मुझे एक अच्छे उपयोगकर्ता इंटरफ़ेस के लिए प्रेरणा कहाँ मिल सकती है? [बन्द है]


18

जहाँ तक मैं वर्तमान में उन्नयन कर रहा हूँ, डेस्कटॉप अनुप्रयोग के लिए मुख्य स्क्रीन इंटरफ़ेस को हटाने के लिए मुझे एक मानसिक अवरोध मिला है। जब मैंने पहली बार इस कार्यक्रम को विकसित किया था तो स्क्रीन रिज़ॉल्यूशन 640 X 480 था। आज वहाँ कई स्क्रीन रिज़ॉल्यूशन हैं।

मुझे डेस्कटॉप एप्लिकेशन के लिए एक अच्छे मुख्य स्क्रीन लेआउट के लिए विचार कहां मिल सकते हैं?


1
यह किस तरह का ऐप है? फोटोशॉप / जीआईएमपी / इमेजी, एक्लिप्स / वीएस / कोडी, माया / 3 डीस्टैडियो / कैड: वाई?
मैके

व्यक्तिगत वित्त अनुप्रयोग, एक मालिकाना डेटाबेस के अंदर रखा गया डेटा।
माइकल रिले - AKA Gunny

7
उपयोगकर्ता अनुभव स्टैक एक्सचेंज - एक उत्तर नहीं है, लेकिन जब से आप एक यूआई को फिर से डिज़ाइन करने की प्रक्रिया में हैं, तो सोचा कि आप इसे दिलचस्प पाएंगे।
यानिस २०'११

2
बनाओ मत करो मेरे बारे में सोचो amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758
बी सात

1
@Yannis - धन्यवाद ... मैं पूरी तरह से वहां खो गया (और जहां यह होता है) Yesaterday।
माइकल रिले - AKA Gunny

जवाबों:


6

मैं आपको कुछ अलग पुस्तकों की जांच करने की सलाह दूंगा, जो अजीब तरह से पर्याप्त हैं, डेस्कटॉप एप्लिकेशन जीयूआई डिजाइन पर ध्यान केंद्रित नहीं किया गया है। इसके बावजूद, ये पाठ इस बात पर विचार करने में आपकी मदद करेंगे कि आपके उपयोगकर्ताओं को इस रूप में किस तरह की जानकारी प्राप्त करने की आवश्यकता है कि उनका दिमाग कैसे आगे बढ़ेगा। वैसे भी, पहली किताब रॉबिन विलियम्स की गैर-डिज़ाइनर की डिज़ाइन बुक है। यह पुस्तक आपको नॉट-ग्राफिक-डिज़ाइन-उन्मुख शब्दों में रचना के बारे में सिखाएगी। यह पुस्तक आपको सोचने पर मजबूर कर देगी कि मानव मन डिजाइन तत्वों को कैसे मानता है।

दूसरा, स्टीव क्रग द्वारा मुझे मत समझो। यह वेब पेजों पर नेविगेशन और डेटा प्रतिनिधित्व से संबंधित है, लेकिन कई सिफारिशें (यानी ब्रेड क्रम्ब नेविगेशन) अक्सर डेस्कटॉप ऐप्स में उतनी ही समझदारी रखती हैं जितनी वे वेब पेजों पर करते हैं।

जैसा कि एक और पोस्टर ने संकेत दिया है, प्रति-मध्यम अलगाव में अच्छे डिजाइन पैटर्न मौजूद नहीं हैं। कुछ चीजें एनालॉग और डिजिटल के बीच इतनी अच्छी तरह से अनुवाद नहीं करती हैं (अर्थात एक वास्तविक अखबार में कई कॉलम टेक्स्ट बनाम अखबार के लिए एक ऐप) क्योंकि कुछ प्रतिबंध मध्यम के आधार पर अलग-अलग होते हैं, लेकिन अच्छे डिजाइन के कई सिद्धांत सही हैं कोई फर्क नहीं पड़ता मध्यम आप के बारे में बात कर रहे हैं।



5

एक टिप जो मैंने अक्सर सुना है वह है कि आप प्रेरणा के लिए डिजाइनों को देखना चाहते हैं। यह केवल डेस्कटॉप अनुप्रयोगों को कहने के लिए अलग नहीं किया गया है, बल्कि कला, वास्तुकला, वेब, फोटोग्राफी, उत्पादों, आदि तक विस्तारित होना चाहिए।

यह आपको अच्छा डिज़ाइन बनाने के लिए एक समझ बनाने में मदद करेगा और यह आपको लंबे समय तक चलने वाले डिज़ाइन अनुप्रयोगों में मदद करेगा जो आंख और उपयोगकर्ता के अनुकूल हैं।

यदि आप अपने डिजाइन का प्रोटोटाइप बनाते हैं, तो फीडबैक प्राप्त करते समय आप इसे स्पिन के लिए लेने के लिए उपयोगकर्ताओं या अन्य डेवलपर्स से कुछ मदद ले सकते हैं। न केवल क्या कहना है, बल्कि वे क्या करते हैं। (उदाहरण: लोगों का कहना है कि उन्हें वॉलमार्ट में बरबाद टापू पसंद नहीं हैं, लेकिन जब आपके अव्यवस्था को हटा दिया जाता है तो वे शाब्दिक रूप से $ 1B से अधिक खो देते हैं)


3
प्रोटोटाइप के लिए +1। "1 सबसे अच्छा विचार!" पर ध्यान केंद्रित करने के बजाय, उनमें से एक पूरा गुच्छा उत्पन्न करें। फिर, अपने प्रोटोटाइप विचारों को लोगों के झुंड को दिखाएं। आपको बहुत प्रतिक्रिया मिलेगी, और आप अपने डिजाइन को परिष्कृत कर सकते हैं।
स्टीफन ग्रॉस

[वॉलमार्ट] वस्तुतः अव्यवस्था हटाने पर $ 1B से अधिक की बिक्री में हार गया; प्रशस्ति पत्र?
फंकीब्रुक

3
@funkybro NY टाइम्स लेख: nytimes.com/2011/04/08/business/08clutter.html?_r=1
ghoppe


1

मैं हमेशा क्लिक और कीस्ट्रोक्स को कम करने के नियम का पालन करता हूं। मैं एक बहुत अच्छी दिखने वाली यूआई बनाने में बहुत अच्छा नहीं हूं, बहुत सारे रंगों और प्लंप-दिखने वाले बटनों के साथ, लेकिन उपयोगकर्ता मुझे बताते हैं कि मेरे यूआई उपयोग करने के लिए एक हवा हैं। यहां एक है।

मैंने जिन चीजों की खोज की उनमें से एक यह है कि उपयोगकर्ता तुरंत प्रतिक्रिया पसंद करते हैं । यह हॉलीवुड की तरह है। लोगों को पिक्सल पसंद है (अधिमानतः रंगीन पिक्सेल)। वे वास्तव में पिक्सेल को पसंद करते हैं जो चलते हैं

यूआई को इस तरह बनाने की कोशिश में, और कोडिंग के प्रयास को आसान बनाने के लिए, सदियों पहले मैं एक योजना के साथ आया था जिसे मैं अभी भी इस दिन का उपयोग करता हूं - डिफरेंशियल एक्ज़ीक्यूशन । (मैं यह नहीं कह सकता कि मैंने इसे प्रचारित करने का बहुत सौभाग्य प्राप्त किया है, लेकिन यह वहाँ है। इसे प्रकाशित किया गया है, FWIW।)

तो यह सिर्फ मेरे दो सेंट है।


आपका विकी पृष्ठ हटा दिया गया है। क्या यह कहीं और है?
माइकल रिले - AKA Gunny

@Cape: हाँ, मैं वहाँ घुटनों पर कट गया - कुछ के बारे में neologism के । जो कुछ। एसओ टैग "अंतर निष्पादन" ने मुझे इस पर विस्तार दिया है, और मैंने सोर्सफोर्ज पर एक कार्यान्वयन रखा है। इसके अलावा प्रकाशन हैं, हाल ही में जिनमें से मुझे भेजने में खुशी होगी, अगर आपको कुछ आंखों की रोशनी की जरूरत है। हो सकता है कि इस बिंदु से अधिक एक नीलामी ऐप हो सकता है जो मैंने कुछ साल पहले किया था, जो कि मैं आपको ज़िप कर सकता हूं। यह VC6 (MFC) में है, लेकिन बड़ा नहीं है और ठीक काम करता है।
माइक डनलैवी

@ बलात्कार: वास्तव में मेरा विकिपीडिया उपयोगकर्ता पृष्ठ है अभी भी यह है, लेकिन जैसा कि मैं इसे देखता हूं यह बहुत अच्छा नहीं है।
माइक डनलैवी

क्लिक और कीस्ट्रोक्स के न्यूनतमकरण के बारे में विचार करने के लिए एक बात यह है कि सोचते समय प्रत्येक क्लिक की लागत क्या है। लोग आमतौर पर कई क्लिक बनाने को प्राथमिकता देते हैं जो एक से अधिक विचारहीन होते हैं जो कुछ विचार करते हैं। जाहिर है, कम नासमझ क्लिक हालांकि कई नासमझ क्लिकों से बेहतर होते हैं। इस सिद्धांत पर चर्चा मत करो मुझे लगता है में एक सा है
whatsisname

@whatsisname: उस जानकारी के लिए धन्यवाद। मैं "कम से कम प्रतिरोध का रास्ता" बनाने की कोशिश करता हूं जो लोग सबसे अधिक चाहते हैं। हमेशा ऐसा नहीं कर सकते, हालांकि।
माइक डनलैवी

1

मुझे लगता है कि पहला कदम एक शैली / विषय निर्धारित करना है। उदाहरण के लिए विंडोज 8 मेट्रो बनाम एनटी शैली।

संसाधनों और प्रेरणा के लिए कुछ सुझाव (मैं WPF / वेब का उल्लेख करता हूं, लेकिन आपको इसका उपयोग करने की आवश्यकता नहीं है):

A - यदि आप प्रोटोटाइप के साथ शुरू करना चाहते हैं, तो यहां नियंत्रण शैली शांत वेब नियंत्रण शैलियाँ और नियंत्रण हैं

बी - कंपोनेंट फैक्ट्री खिड़कियों के फॉर्म को एक अच्छा फेस लिफ्ट देती है - वे यहां एक फ्री प्रोडक्ट भी देते हैं: कंपोनेंट फैक्ट्री

सी - 3 पार्टी जीयूआई नियंत्रण निर्माताओं में अच्छे दिखने वाले डेमो हैं

डी - इस साइट में "किताबें" शब्द की खोज करने की कोशिश करें: उपयोगकर्ता अनुभव - आपको बहुत सारे पद मिलेंगे।

ई- यह डब्ल्यूपीएफ एप्लीकेशन: डब्ल्यूपीएफ हेल्थ केयर एप्लीकेशन

एफ - यह WPF आवेदन: बिली होलीस - WPF और तैयार संस्करण पर: WPF - StaffLynx

यदि आप चाहें तो जी - मेट्रो शैली के उपकरण बाहर हैं। इसे देखें: मेट्रो स्टाइल

सबसे महत्वपूर्ण बात, जैसा कि आप पहले से ही जानते हैं, मूल्य के साथ प्रयास संतुलन।

संपादित करें

देवएक्सप्रेस ने मेट्रो स्टाइल का समर्थन करते हुए एक नई रिलीज़ जारी की है, बस वीडियो को देखें डीएएक्सप्रेस -2


1
ई - डब्ल्यूपीएफ-हेल्थ केयर एप्लीकेशन का लिंक टूट गया है।
माइकल रिले - AKA Gunny

@CapeCodGunny, नोट के लिए धन्यवाद, यह अब ठीक होना चाहिए :)
NoChance

0

मैं एडवर्ड टफ्टे की पुस्तक द विजुअल डिस्प्ले ऑफ क्वांटिटेटिव इंफॉर्मेशन की सिफारिश नहीं कर सकता बहुत । वास्तव में आपको लगता है कि आप क्या पेश कर रहे हैं और क्यों कर रहे हैं। उनकी सभी किताबें अच्छी हैं, लेकिन मैं खुद को इस सबसे संदर्भित करता हूं।

एक अच्छा "UI डिज़ाइन पैटर्न" पुस्तक जो मैंने पाया है वह है डिजाइनिंग इंटरफेस । इसमें लेआउट, नेविगेशन डिजाइन करने, जटिल जानकारी प्रदर्शित करने और इनपुट फॉर्म डिजाइन करने पर अनुभाग हैं। सामाजिक इंटरफेस डिजाइन करने पर एक समान पुस्तक है (जिसे उचित रूप से पर्याप्त, डिजाइनिंग सोशल इंटरफेसेस कहा जाता है ), लेकिन मैंने इसे नहीं पढ़ा है इसलिए मुझे इसकी अनुशंसा करने के लिए पर्याप्त जानकारी नहीं है।


तुफटे की पुस्तक से आपको सबसे उपयोगी चीजों में से एक क्या है? इसने आपकी सोच को कैसे बदला?
माइकल रिले - AKA Gunny

क्या आप ईमानदारी से सोचते हैं कि शुरुआती यूआई डिजाइन के साथ आने के लिए यह एक अच्छी किताब है? मैं नही। यह एक मूल्यवान पुस्तक है, लेकिन यह सुझाव देने जैसा है कि वे एक रेस्तरां खोलने के बारे में सीखते हैं जब वे सब करना चाहते हैं तो कुकीज़ के एक बैच को सेंकना है।
ब्रायन ओकले

@CapeCodGunny: चीजें जो वास्तव में मेरे साथ रहती हैं, उनकी विशिष्ट प्रस्तुति शैलियों का डिकंस्ट्रक्शन है, जो उन्हें बैरस्ट एसेंशियल (ch। 6) और "आलेखीय अखंडता" पर अनुभाग को कम करता है।
TMN

@BryanOakley: उन्होंने कहा कि उन्होंने पहली बार स्क्रीन को 640x480 के स्क्रीन रिज़ॉल्यूशन के लिए डिज़ाइन किया था, जो कई साल पहले होना चाहिए, इसलिए मुझे संदेह है कि वह एक शुरुआत है। और उन्होंने कोई संकेत नहीं दिया कि यूआई सरल था (या यह नहीं था)। मैं बस कुछ संसाधनों से संबंधित था जो मुझे तब मदद करते थे जब मैंने स्क्रीन पर टेक्स्ट बॉक्स और लेबल का एक गुच्छा चिपका देने के बजाय वास्तव में UI डिजाइन करना शुरू कर दिया था।
TMN

@ ब्रायन - मेरा उत्पाद 20 साल पुराना है, डॉस से विंडोज में चला गया है। यह अभी भी बिकता है लेकिन पुराना है।
माइकल रिले - AKA Gunny

0

कुछ ठीक किताबें हैं जो पहले से ही अनुशंसित हैं। यूएक्स स्टैक एक्सचेंज वेबसाइट इस तरह के सवालों को संभालने के लिए अधिक अच्छी तरह से सुसज्जित है, लेकिन यह पूरी तरह से विषय नहीं है।

सबसे पहले और सबसे महत्वपूर्ण, Mediaqueri.es आपकी विशिष्ट समस्या के लिए एक महान संसाधन है क्योंकि यह उन वेबसाइटों और वेब अनुप्रयोगों की एक गैलरी है, जो अलग-अलग स्क्रीन रिज़ॉल्यूशन और उपयोगकर्ता एजेंटों को फिट करने के लिए जिम्मेदारी से डिज़ाइन किए गए हैं।

मीडिया के प्रश्नों

स्मैशिंग मैगज़ीन पर भी देखें । यह एक ब्लॉग है जो UX / UI, HTML / CSS / जावास्क्रिप्ट, ग्राफिक डिज़ाइन और वेब डिज़ाइन से संबंधित पदों के साथ फ्रंट-एंड डेवलपमेंट स्वर्ग है। उनके पास ऐसे पोस्ट भी हैं जो विशिष्ट वेबसाइटों और विपणन अभियानों का अध्ययन करते हैं और देखते हैं कि उन्होंने अपने यूआई / यूएक्स निर्णयों के साथ सही (और गलत) क्या किया। इन विषयों के बारे में दैनिक सुझावों के लिए नियमित रूप से इस साइट की जाँच करें।

फिर जब आप कुछ प्रेरणा प्राप्त कर लेते हैं, तो मैं इस तरह के विषय पर विशेष रूप से अभिनीत किए गए कुछ एसओ / एसई प्रश्नों पर एक नज़र डालता हूं। ये किसी के लिए सामान्य संसाधन हैं, न कि केवल ओपी:

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.