फूड डिजाइन डाइजेस्ट, मई 2018

डाइजेस्ट इंटरफेस डिजाइन पर नए लेखों के साथ-साथ उपकरण, पैटर्न, मामलों और ऐतिहासिक कहानियों को 2009 से एकत्र कर रहा है। मैं ध्यान से सदस्यता की एक बड़ी धारा को फ़िल्टर करता हूं ताकि आप अपने पेशेवर कौशल को उन्नत कर सकें और काम के कार्यों को बेहतर ढंग से हल कर सकें। पिछले अंक: अप्रैल 2010-अप्रैल 2018

पैटर्न और सर्वोत्तम अभ्यास

कैसे रुकावट डिजाइन करने के लिए

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

प्रगतिशील होवर प्रभाव के साथ निकटता प्रतिक्रिया के लिए विचार

नए दिलचस्प इंटरफ़ेस पैटर्न में से एक स्क्रीन पर एक महत्वपूर्ण तत्व के लिए माउस कर्सर की गति की भविष्यवाणी कर रहा है। मैरी लू कार्यान्वयन के कुछ उदाहरण दिखाती है - यह समय और प्रयास को बचाने में मदद करता है।

शर्म की बात है जीडीपीआर हॉल

यूरोपीय कानून GDPR की आवश्यकताओं को पूरा करने के लिए सेवाओं की बड़े पैमाने पर मेलिंग मई के अंत में मुख्य मेम बन गई। दुर्भाग्य से, कई लोगों ने इसे बहुत भद्दा किया, इसलिए इंटरनेट ने एक नौकरशाही कार्यालय की सुविधाओं का अधिग्रहण किया है, जहां लोगों को अंतहीन और बहुत स्पष्ट रूपों में नहीं भरना चाहिए। समस्या को हल करने के लिए साइट ने सबसे दयनीय दृष्टिकोण एकत्र किया है।

बोनस: डिजाइन में GDPR आवश्यकताओं को शामिल करने के बारे में थोड़ा निर्देश ।

बिक्री प्रणाली के बिंदु में 16 यूएक्स फैक्टर - पीओएस डिज़ाइन गाइड

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

एक लीन असेंबली वातावरण में प्रयोज्य को मापने

जॉन ओगाटा और जॉनडेलिना 'जेडी' बकले ने संवर्धित वास्तविकता का उपयोग करके पारंपरिक पेपर निर्देशों की तुलना अधिक आधुनिक लोगों से की। यह एआर उपयोग मामला हर नई पीढ़ी के उपकरणों को आगे बढ़ाता है और यह वास्तव में त्रुटियों को कम करने और प्रक्रिया को गति देने में मदद करता है।

पृष्ठ प्रवाह - डिजाइन प्रेरणा और उपयोगकर्ता प्रवाह पैटर्न

परिदृश्यों की वीडियो रिकॉर्डिंग के रूप में इंटरफ़ेस पैटर्न का एक संग्रह।

UXP2: डार्क पैटर्न

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

साइट खोज सुझाव

नील्सन / नॉर्मन ग्रुप के केट मेयर ने इंटरफ़ेस में खोज के संकेतों को सही तरीके से लागू करने के तरीके के बारे में सुझाव दिए हैं।

कैसे एक त्रुटि संदेश लिखने के लिए नहीं

वेबफ्लो के जॉन मूर विलियम्स ने कॉमिक एरर मैसेज का मखौल उड़ाया।

शीर्ष चीनी ऐप्स से 7 पागल सुविधाएँ, और वे हमें मानवीय स्थिति के बारे में क्या बताती हैं

Kendra Schaefer ने आइकॉन्स 8 के लिए चीनी मोबाइल एप्लिकेशन में सिज़ोइड कार्यों के उदाहरण 8 को एक साथ रखा है।

ऐप स्टोर में चित्रण

खोई विन्ह कई महीनों तक AppStore में गए और संपादकीय संग्रहों के लिए चित्रों के स्क्रीनशॉट लिए। गुणवत्ता में यह एक दुर्लभ दृष्टिकोण है जब इस तरह की विविधता के साथ और इस तरह की गुणवत्ता में चित्र तैयार किए जाते हैं। Pinterest पर व्हाइटबोर्ड ।

Baymard संस्थान अनुसंधान

एडवर्ड स्कॉट याद करते हैं कि लैंडस्केप मोड में तस्वीरों को देखने के लिए यह सुनिश्चित करना महत्वपूर्ण है । और

डिजाइन प्रणाली और दिशानिर्देश

सामग्री डिजाइन 2.0 और Android P

Google ने I / O सम्मेलन में एक अद्यतन सामग्री डिज़ाइन 2.0 डिज़ाइन सिस्टम दिखाया। यह दृश्य शैली और उपकरणों के विस्तार में एक बड़ा बदलाव है, जिसकी पहली घंटी मार्च में दिखाई दी थी ।



नेत्रहीन, एंड्रॉइड पी ने आईओएस के साथ अपने संबंध को जारी रखा (दोनों पक्षों के बीच प्लेटफ़ॉर्म के बीच का अंतर मिट जाता है ): बहुत सारी गोलाई , जो आईओएस 10-11 के समान है। शायद यह फ्रेमलेस फोन पर एक आंख के साथ किया गया था, जो अधिक से अधिक हो रहे हैं - यह स्क्रीन के उनके गोल किनारों के साथ बेहतर संयोजन करता है।





मूड का रंग सफेद है । एक उज्ज्वल अनुप्रयोग हेडर और ग्रे सबस्ट्रेट्स नहीं है, न्यूनतम लहजे के साथ एक ठोस सफेद स्थान। कुछ Google अनुप्रयोगों में, एक रंगीन तल पैनल होता है और उच्चारण रंगों का विचार दिशानिर्देशों को नहीं छोड़ता है , लेकिन प्रवृत्ति स्पष्ट है (वेब जीमेल और ड्राइव सहित)।



IPhone X OS नेविगेशन । लगभग एक ही मैकेनिक्स के साथ होम बटन के बजाय हैंडल पैटर्न , एक अलग एप्लिकेशन सूची बटन की अस्वीकृति (जिसे नीचे से स्वाइप भी कहा जाता है), और निचले नेविगेशन बार जो हाल के वर्षों में आधिकारिक हो गए हैं। यह सब आधुनिक फोन का प्रबंधन करने में मदद करता है, जो न केवल बड़ा हो गया है, बल्कि घबराहट के कारण भी अधिक है। वैसे, कुछ नए Google अनुप्रयोगों में नेविगेशन उपकरण लगभग हर जगह नीचे हैं । यह बैक बटन को सरल बनाने के लिए बना हुआ है (यह होम स्क्रीन से पहले ही गायब हो चुका है)।



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

दूसरी ओर, मटेरियल डिज़ाइन अब केवल कलर स्वैपिंग की तुलना में अधिक उन्नत थीमिंग का समर्थन करता है। आप फ़ॉन्ट ग्रिड को बदल सकते हैं, इंटरफ़ेस तत्वों की गोलाई (अधिक सटीक, यहां तक ​​कि उनके आकार - उदाहरण के लिए, आप विकर्ण बेवेल बना सकते हैं), आइकन। संलग्न स्केच के लिए एक प्लगइन है (आप जल्दी से अपने लेआउट के लिए एक शैली पर कोशिश कर सकते हैं) और एक आइकन लाइब्रेरी (पांच शैलियों में)। हाल ही में अपडेट किए गए Google उत्पाद भी इस दृष्टिकोण का उपयोग करते हैं (हालांकि उनकी शैली बस emasculated है)।

material.io/design/assets/1b7zteqiB7LCxy1R_NQwQZZ3_c8JqLE7T/theming-overview-applyingtheming.mp4



और सबसे महत्वपूर्ण बात - अब यह कोड में घटकों के साथ एक पूर्ण विकसित प्रणाली है, और न केवल बड़े पैमाने पर दिशानिर्देश और कुछ विषम उदाहरणों के लिए उनके लिए टेम्पलेट। ये घटक थीमिंग का भी समर्थन करते हैं, ताकि प्रणाली समग्र दिखे (घटक स्वयं एक साल पहले दिखाई देने लगे)। नई सामग्री डिजाइन वेबसाइट ने दो घटकों पर ध्यान केंद्रित किया है - डिजाइन और विकास - अधिक स्पष्ट। उन्होंने दीर्घ-प्रतिज्ञा गैलरी उपकरण, ज़ेपलिन और वेक का एक एनालॉग भी लॉन्च किया। लेकिन यह किसी तरह पिक्सैट (संस्थापक बाएं फिम्मा) और फॉर्म (Google खरीदी गई कंपनियों के विक्रेता की प्रतिष्ठा की पुष्टि करता है) की खरीद के बाद दिए गए वादों की पृष्ठभूमि के खिलाफ सुस्त था।

घोषणा के अन्य दिलचस्प विवरणों से: दृश्य भाषा के आधार के रूप में लोगो के चार रंग । यह वेब के लिए जीमेल में अच्छी तरह से काम करता है - "+" आइकन और संकेतक रंग स्पष्ट रूप से विचार प्राप्त करते हैं।



Google चित्र की नई शैली ।



ऐसा लगता है कि कंपनी अपने उत्पादों के लिए Google Sans फ़ॉन्ट पर स्विच करेगी ।



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



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





Google असिस्टेंट कॉल कर सकता है और अपने आप एक रेस्तरां बुक कर सकता है ।

मोबाइल क्रोम ऑगमेंटेड रियलिटी को सपोर्ट करेगा ।

Google लेंस प्रायोगिक कैमरा अधिक करना सीख गया है और मानक एप्लिकेशन का हिस्सा बन जाएगा ।

बीटा वर्जन पहले से ही कुछ फोन पर डाला जा सकता है । अंतिम संस्करण गिरावट में दिखाई देगा। हम अपनी आस्तीन ऊपर रोल करते हैं, बहुत काम होगा।

वैसे, उपयोगी उपकरण समय पर पहुंचे:

थॉमस लोरी ने फिगमा के लिए एक यूआई किट मटेरियल डिज़ाइन 2.0 तैयार किया है , जो थीमिंग का समर्थन करता है।

राहेल एंड्रयू ने डिजाइनरों और डेवलपर्स को सामग्री डिज़ाइन 2.0, एंड्रॉइड पी और अन्य उपकरणों के लिए एप्लिकेशन को अपग्रेड करने के लिए बुनियादी सामग्रियों का एक उत्कृष्ट अवलोकन प्रदान किया ।

ओलेग चुलकोव स्टूडियो की डिजाइन प्रणाली

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

अन्य उदाहरण

हडल : एक अच्छी संरचना और डिजाइन सिद्धांतों की कवरेज के साथ एक बहुत ही समझदार उदाहरण।
इंटरकॉम की क्रिस्टी मारसिनोवा एक इंटरकॉम डिजाइन प्रणाली के बिट्स दिखाती है जो अभी तक बाहर प्रकाशित नहीं हुई है।

प्रस्तुत है: DesignSystems.com

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

क्लैरिटी रिलीज़ और समर्थन रणनीति को अद्यतन करना

जेरेमी विल्केन VMWare स्पष्टता डिजाइन प्रणाली के लिए नई संस्करण प्रणाली का वर्णन करता है।

लोगों द्वारा, लोगों के लिए - अपने डिजाइन सिस्टम को सदाबहार रखें

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

डेवलपर्स एक डिजाइन सिस्टम के साथ शुरू हो रहा है

नाथन कर्टिस आपको बताता है कि डिजाइन प्रणाली का उपयोग करने के लिए डेवलपर्स के लिए सरल निर्देश कैसे लिखें।

Tachyons के साथ घटक आधारित डिजाइन प्रणाली

वरुण वचहर डिजाइन सिस्टम के लिए टैचियन सीएसएस फ्रेमवर्क के साथ काम करने के बारे में बात करते हैं।

आईओएस

पेंटकोड टूल के रचनाकारों से iPhone अनुमतियों के लिए दृश्य अनुस्मारक ।

उपयोगकर्ता की समझ

चंचल इंटरफेस - बच्चों के लिए डिज़ाइनिंग इंटरएक्टिव अनुभव

जूली ए। कियंट्ज़, लिसा एंथोनी और एलेक्सिस हनिकर ने बच्चों के लिए इंटरफेस डिजाइन करने में अपना अनुभव साझा किया। वे ऐसे इंटरफेस की विशेषताओं पर अच्छी व्यावहारिक सलाह देते हैं।

सूचना वास्तुकला, वैचारिक डिजाइन, सामग्री रणनीति

क्रिस Risdon और पैट्रिक Quattlebaum - ऑर्केस्ट्रेटिंग अनुभव

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

Polyhierarchies Ambiguous IA श्रेणियों के लिए खोज क्षमता में सुधार करता है

नीलसन / नॉर्मन ग्रुप के पेज लाहमीमर ने नेविगेशन में पृष्ठों को प्रदर्शित करने के साथ समस्याओं के बारे में लिखा है जो एक ही बार में कई श्रेणियों से बंधे हैं।

सेवा पैटर्न के लिए 10 सिद्धांत

के डेल और इग्नेसिया ओरेलाना ने गॉउक टीम से सेवा डिजाइन के 10 प्रमुख सिद्धांतों का वर्णन किया।

इंटरफ़ेस स्क्रीन का डिज़ाइन और डिज़ाइन

स्केच 50

नए संस्करण में, टीम ने कीड़े को ठीक करने और प्रदर्शन में सुधार करने पर ध्यान केंद्रित किया। यह और अगली रिलीज मजबूत झटके को आसान बनाने के लिए मौजूदा कार्यक्षमता का मुकाबला करने के बारे में होगी।

प्लगइन्स और लेख

सूचना कार्ड बनाने के लिए अतिप्रवाह: सार्वजनिक बीटा जारी किया गया ।

मार्क ग्रैम्बौ स्केच लाइब्रेरी में आइकन के रंग को बदलने के लिए एक स्किज़ॉयड लेकिन मनोरंजक तरीका दिखाता है।

Figma

शैलियों को चर में अलग करने की घोषणा की गई है । कोड में डिज़ाइन टेम्प्लेट और घटकों को जोड़ने के लिए यह सबसे महत्वपूर्ण चरणों में से एक है - अब प्रतीकों और घटकों का वर्णन करने के लिए अधिकांश टूल में मॉड्यूलरिटी नहीं है।

एडोब एक्सडी

अपडेट हो सकता है । एक नि: शुल्क संस्करण (एक सार्वजनिक प्रोटोटाइप) दिखाई दिया है, प्लग-इन और एक्सटेंशन, त्वरित चरित्र प्रतिस्थापन और बफर से बल्क पेस्ट के रचनाकारों के लिए $ 10 मिलियन का निवेश कोष खोला गया है , फ़ोटोशॉप और स्केच से आयात में सुधार।

हैड्रान

वेब डिजाइन और विकास के चौराहे पर एक नया उपकरण। यह आपको फ्रेमर की भावना में डिज़ाइन सिस्टम से घटकों के पुस्तकालय का उपयोग करके स्क्रीन के लेआउट को नेत्रहीन स्केच करने की अनुमति देता है। घोषणा ।

Invision

स्टूडियो प्लगइन्स के लिए एक मंच की घोषणा की। एडोब एक्सडी की तरह, वे अपने डिजाइन फॉरवर्ड फंड से सर्वश्रेष्ठ डेवलपर्स को अनुदान देंगे। नए टूल के लिए प्रवेश सीमा फिर से बढ़ गई है, अब सभी 4 प्रमुख खिलाड़ी खुद को प्लेटफॉर्म कहते हैं: एडोब, फिगर, इनविज़न, स्केच।

चमत्कार

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

मामला लागू करें

डिजाइनरों के लिए एक और उपकरण जो कोड के लिए लेआउट निर्यात करने का वादा करता है। शामिल विश्लेषिकी और अन्य उपयोगी nishtyaki है।

हाइकू

कस्टम परियोजनाओं की एक गैलरी लॉन्च की। यह क्यों और कैसे काम करता है ।

Avocode

हमने 2017 के लिए लेआउट के साथ काम करने के कुछ तरीकों की लोकप्रियता पर एक रिपोर्ट जारी की। डिजाइनरों ने कम परतों और अधिक संस्करण नियंत्रण प्रणालियों का उपयोग करना शुरू कर दिया।

अवस्था

पहला संस्करण डायनामिक्स बनाने पर केंद्रित होगा । दूसरा एक काफी जटिल अनुकूलन क्षमता का वादा करता है। वे फेज़ मैगज़ीन के लॉन्च की भी तैयारी कर रहे हैं।

सह-संस्थापक निक बडेन ने Mail.Ru Design कॉन्फ़्रेंस 2018 में बात की और आगामी रिलीज़ के बारे में बात की। वीडियो अभी भी संपादित किया जा रहा है ( कच्चे का एक टुकड़ा ), लेकिन उनके सहयोगी व्लाद श्वेत्स ने रूसी में उनके मुख्य बिंदुओं का वर्णन किया। वैसे, निक आधा दर्जन घरेलू डिजाइन टीमों के दौरे पर रुकने में कामयाब रहा, ताकि साधन अधिक प्रचारक होंगे।

आत्मा

मैक संस्करण जारी किया।

फ्यूज

उपकरण मुक्त और खुला स्रोत बन गया है ।

आधुनिक संपादकीय सीएमएस

सोफिया सिओका सीएमएस एनवाई टाइम्स के लिए एक संपादक बनाने के बारे में बात करती हैं ।

अच्छी तरह से - सुंदर चित्र उत्पन्न करें

सेवा एक सरल प्रस्तुति के लिए एक सुंदर प्रस्तुति बनाती है या इंटरफ़ेस के एक साधारण स्क्रीनशॉट से बाहर जाती है।

तार वाले तत्व

पेपर आधारित प्रोटोटाइप स्टाइल के लिए HTML और CSS इंटरफ़ेस तत्वों का संग्रह।

मूर्तिकला सॉफ्टवेयर एनीमेशन

पास्कुले डिसिल्वा फ्रंट-एंड एनीमेशन में तर्कसंगतता और मॉडरेशन के बारे में बात करते हैं। वह विभिन्न दृष्टिकोणों के लिए गति रेखांकन देता है, जो आपको बारीकियों को बेहतर ढंग से समझने की अनुमति देता है।

2018 में प्रोटोटाइप के लिए टूल कैसे चुनें?

अलेक्जेंडर बहादुर ने आधुनिक प्रोटोटाइप टूल की तुलना की।

अच्छा UX डिजाइन प्रलेखन के लिए 10 सिद्धांत

मार्क-ओलिवर उबंटू पर काम कर रहा है और इंटरफ़ेस पर ध्वनि प्रलेखन के लिए इसके मानदंडों का वर्णन किया है।

उपयोगकर्ता अनुसंधान और परीक्षण, विश्लेषिकी

फास्ट यूएक्स रिसर्च - स्टेकहोल्डर्स को संलग्न करने का एक आसान तरीका और अनुसंधान प्रक्रिया को गति देना

Zoe Dimov उपयोगकर्ता अनुसंधान में उत्पाद टीम के सदस्यों को उलझाने के लिए एक दृष्टिकोण का वर्णन करता है। उत्पादों के निर्माण की आधुनिक प्रक्रिया में यह महत्वपूर्ण है जहां बाजार का समय और लक्षित दर्शकों की समस्याओं के बारे में सामान्य समझ है।

झुक उपयोगकर्ता अनुसंधान - चंचल खाइयों से सबक

वास्तव में उपयोगकर्ता अनुसंधान टीम चुस्त प्रक्रिया में उपयोगकर्ता अनुसंधान प्रक्रिया के अनुकूलन के लिए सुझाव प्रदान करती है।

बोनस: LaiYee हो से इसी तरह के सुझाव ।

यूएक्स बेंचमार्क स्टडीज में मीट्रिक टार्गेट सेट करना

जेफ सोरो तुलनात्मक उपयोगकर्ता अनुसंधान करने के लिए सिफारिशें देता है - किस बाजार संकेतक के साथ आप अपने उत्पाद के मैट्रिक्स की तुलना कर सकते हैं।

बनाम विषयों के बीच भीतर-विषयों का अध्ययन डिजाइन

उपयोगकर्ता अनुसंधान के बारे में नीलसन / नॉर्मन समूह के रालुका बुडीयू, जहां एक ही या पूरी तरह से अलग उत्तरदाताओं द्वारा अलग-अलग कार्य दिए जाते हैं। अंत में, वह इन विकल्पों के पेशेवरों और विपक्षों की तुलना करती है। पहला सस्ता है, दूसरा कम हस्तक्षेप देता है।

सही UX परीक्षण प्लेटफ़ॉर्म चुनना

जेफ सॉरो ने दूरस्थ प्रयोज्य परीक्षण सेवाओं की तुलना की। उनकी कंपनी ने अपना MUIQ लॉन्च किया, इसलिए उन्होंने इसके फायदे नोट किए।

हेल्थकेयर सेक्टर में एक सफल UX प्रोजेक्ट कैसे दिया जाए

स्वेन जुंगमैन और कारोलिन न्युबॉयर स्वास्थ्य सेवा के क्षेत्र में कस्टम अनुसंधान करने की सुविधाओं के बारे में बात करते हैं। मरीजों और डॉक्टरों के लिए उन्हें सहज कैसे बनाया जाए।

शोर संदर्भों में उपयोग के लिए किस्मत में उत्पादों के साथ शोध

डेलिवरू से मेलिसा सफरान उपयोगकर्ता अनुसंधान के लिए असामान्य दृष्टिकोणों के बारे में बात करती हैं जो टीम ने हाल ही में उपयोग किया है।

बिगड़ते ए / बी परीक्षण सबसे कम उत्पाद प्रबंधक उपकरण हैं

ओलेग याकूबेनकोव ए / बी परीक्षणों को नीचा दिखाने की बात करता है। यह जाँचने का एक त्वरित और सस्ता तरीका है कि क्या आप लक्ष्य मीट्रिक को प्रभावित कर सकते हैं। ऐसा करने के लिए, एक डिज़ाइन विकल्प बनाया जाता है जो स्पष्ट रूप से वर्तमान की तुलना में बदतर है - यह दिखाएगा कि क्या मौजूदा संस्करण इससे बेहतर काम करता है।

UX मेट्रिक्स बनाम मॉडरेट में कैसे समान हैं असम्बद्ध अध्ययन?

जेफ सोरो ने सोचा कि मॉडरेट और गैर-मॉडरेट रिमोट उपयोगकर्ता अनुसंधान से प्राप्त मीट्रिक की तुलना कैसे करें। कार्यों की सफलता तुलनीय है, लेकिन निष्पादन का समय असम्बद्ध लोगों के पक्ष में नहीं है।

ब्राउज़र में दृश्य प्रोग्रामिंग और डिज़ाइन

बूटस्ट्रैप

ऑनलाइन टूल LayoutIt आपको बूटस्ट्रैप के लिए ब्लॉकों की एक ग्रिड को जल्दी से स्केच करने की अनुमति देता है।

नई स्क्रिप्ट

जावास्क्रिप्ट और वेबजीएल में फ्रंट-एंड एनीमेशन के लिए लाइब्रेरी ।

सीएसएस पैटर्न जनरेटर । घोषणा ।

सीएसएस पर XVIII सदी के चित्रों का कार्यान्वयन ।

शुद्ध सीएसएस में एक हड़ताली डिजाइन के साथ प्रयोगों का चयन ।

वेब टाइपोग्राफी

Airbnb ने अपना स्वयं का अनाज फ़ॉन्ट बनाया। कर्री सरीनन ने इस बारे में बात की कि टीम ने इसे इंटरफेस के लिए कैसे अनुकूलित किया । घोषणा ।
IBM Lehel Babos दिखाता है कि आप डिज़ाइन सिस्टम में टाइपोग्राफिक स्केल की गणना कैसे कर सकते हैं। यह क्लासिक सिद्धांतों पर निर्भर करता है, लेकिन उन्हें सीएसएस में स्थानांतरित कर देता है।

अनुकूलन क्षमता

ली वेरौ लेआउट उत्तरदायी तालिकाओं पर सुझाव देता है ।

मुद्रण योग्य संस्करण

राहेल एंड्रयू साइटों के संस्करणों को प्रिंट करने के लिए वर्तमान दृष्टिकोण का वर्णन करता है ।

सीएसएस आकार और सीएसएस पत्रिका लेआउट

पत्रिका लेआउट के लिए आधुनिक सीएसएस सुविधाओं का अवलोकन और ज़ेल एलवाईई से सिर्फ दिलचस्प साइट डिज़ाइन ।

वेब पर रंग के साथ काम करें

डिज़ाइन टीम सेल्सफोर्स ने डिज़ाइन सिस्टम में डेटा को विज़ुअलाइज़ करने के लिए कैसे रंग पट्टियाँ चुनीं ।

जीई के हंस वॉन सिचर्ट ने इस बारे में बात की कि कैसे डिजाइन सिस्टम टीम ने डैशबोर्ड के एक गुच्छा के साथ पेशेवर सॉफ्टवेयर में उपयोग के लिए ग्रे रंगों का सामंजस्यपूर्ण और व्यापक पैलेट बनाया।

राहुल चक्रवर्ती एक इंटरफ़ेस के लिए एक रंग पैलेट बनाने के लिए कई दृष्टिकोणों का वर्णन करते हैं । अनुवाद ।

Marcin Wichary सीएसएस में मुख्य चर को बदलकर एक वेबसाइट के लिए एक अंधेरे विषय बनाने का तरीका दिखाता है।

सीएसएस एनीमेशन

फ्रंट-एंड एनीमेशन के लिए सीएसएस मोशन पथ का उपयोग कैसे करें ।

मेट्रिक्स और ROI

कष्टप्रद ऑनलाइन विज्ञापन लागत व्यवसाय

जैकब नील्सन ने लंबे समय से सबूत खोजने की कोशिश की है कि अतिरिक्त विज्ञापन उपयोगकर्ता की वफादारी कम कर देता है और उनके बहिर्वाह की ओर जाता है। भानुमती सेवा ने 2014-2016 में इस विषय पर एक लंबा अध्ययन किया और इसके परिणाम परिकल्पना की पुष्टि करते हैं।

क्या टॉप बॉक्स बिहेवियर का एक बेहतर अंदाज है?

जेफ सोरो देखता है कि उपयोगकर्ता सर्वेक्षण के शीर्ष अनुमान ग्राहक रिटर्न और बहिर्वाह के कम अनुमानों का अनुमान लगा सकते हैं। कई अध्ययनों से उन्हें इस बात की पुष्टि होती है।

The 4 KPIs To Track In Innovation Accounting

Alexander Osterwalder .

UX-

Learning to let go as a design leader, part 1

Alastair Simpson -: , - . , . 2 .

Running an Agency

Julian Shapiro - . , .

How does DesignOps increase your design value?

Dave Malouf - . .

How LEGO Run Design Sprints at Scale

कंपनी में डिजाइन स्प्रिंट अभ्यास के कार्यान्वयन पर लेगो से ईक ब्रांड्सगार्ड के साथ साक्षात्कार। उन्होंने विकासवादी परिवर्तनों के बजाय क्रांतिकारी बनाने का फैसला किया और दर्जनों टीमों के साथ एक साथ प्रक्रिया शुरू की। ऐसा करने के लिए, मुझे दो महीने के लिए सभी काम निलंबित करना पड़ा, लेकिन उनके अनुसार, परिणाम इसके लायक था।

यूएक्स निर्णयों को सूचित करने के लिए प्राथमिकता वाले मैट्रिक्स का उपयोग करना

नीलसन / नॉर्मन ग्रुप की सारा गिबन्स डिजाइन निर्णयों के प्राथमिकता मैट्रिक्स के बारे में बात करती हैं और इसे पूरा करने के लिए चरण-दर-चरण निर्देश प्रदान करती हैं।

उत्पाद प्रबंधन और विश्लेषिकी

इंटरकॉम रोडमैप में कोई समय सीमा क्यों नहीं हैं

अन्ना बुलडाकोवा इंटरकॉम पर रोडमैप के प्रारूप के बारे में बात करता है। उनके पास तीन विशेषताएं हैं: रोडमैप निर्णयों के बारे में नहीं है, बल्कि लक्ष्यों के बारे में है; रोडमैप योजना के बारे में नहीं है, बल्कि प्राथमिकताओं के बारे में है; रोडमैप बाहरी के बारे में नहीं है, लेकिन आंतरिक संचार के बारे में है।

कार्यप्रणाली, प्रक्रिया, मानक

डिजाइन की सोच का विभाजन

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

मामलों

में प्लग किया गया

Microsoft ने विकलांग लोगों के लिए Xbox अनुकूली नियंत्रक जारी किया। लेख मुद्दों, डिवाइस पर काम और ऐसे उपयोगकर्ताओं के समुदाय का विवरण देता है।

स्नैप सीईओ ने कथित तौर पर डिजाइनरों से चेतावनी के बावजूद रिडिजाइन जारी किया

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

वस्तु पुस्तकालयों के साथ हमारे चित्रण प्रणाली को स्केल करना

ब्रॉनविन ग्रुइट दिखाता है कि कैसे क्रिएटिव मार्केट ने नमूना वस्तुओं के संग्रह के साथ एक मॉड्यूलर चित्रण दिशानिर्देश बनाया। उनकी सहकर्मी दानीला वेलेरियो कलर पैलेट के सिद्धांतों के बारे में लिखती हैं ।

शॉर्टकट .design - उत्पाद शिकार पर MVP से # 1 तक

मिशेल वैन हेस्ट ने बात की कि कैसे उन्होंने शॉर्टकट्सडेसाइन सर्विस बनाई।

प्रवृत्तियों

बाजार सांख्यिकी (Q1 2018)

-6.3% यूरोप में स्मार्टफोन की बिक्री में गिरावट
+ 25.4% रूस में स्मार्टफोन की बिक्री में वृद्धि
+ 1.3% दुनिया भर में स्मार्टफोन की बिक्री में वृद्धि
× 2 और × 3 रूस में स्मार्ट घड़ियों और कंगन की बिक्री में वृद्धि (टुकड़ों और पैसे में)
20% अमेरिकी परिवारों में एक स्मार्ट स्पीकर है
1.8 बिलियन मासिक YouTube दर्शक

एल्गोरिदम डिजाइन

एक प्रकार की पक्षी

सेवा आपको किसी भी व्यक्ति की आवाज का अनुकरण करने की अनुमति देती है।

AI 21 वीं सदी का कला आंदोलन होगा

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

भयंकर ऐ

डेविड डाओ ने डिजिटल उत्पादों में कृत्रिम बुद्धि प्रौद्योगिकियों के अनैतिक और यहां तक ​​कि भयावह उपयोग के उदाहरण एकत्र किए हैं।

ड्राइंग ऑपरेशंस यूनिट: जेनरेशन 2

सौग्वेन चुंग ने एक ऐसा रोबोट बनाया है जो अपने साथ खींचता है। कंप्यूटर के साथ सह-डिजाइन की अवधारणा का एक बहुत ही ज्वलंत उदाहरण है।

Photorealistic चेहरे की अभिव्यक्ति संश्लेषण

यूकियान झोउ और बर्ट्रम एमिल शि एक प्रयोगात्मक समाधान के बारे में बात करते हैं जो एक एकल फोटो के आधार पर विभिन्न भावनात्मक चेहरे के भाव उत्पन्न करता है।

अनकहा एआई

क्रिश्चियन नोसेल ने साइंस फिक्शन फिल्मों में कृत्रिम बुद्धिमत्ता के उदाहरणों का विश्लेषण किया। उन्होंने उन्हें उन्नति की तीन श्रेणियों में विभाजित किया और एक सूची प्रकाशित की ।

InspiroBot

इंटरनेट के लिए विशिष्ट प्रेरक चित्रों के जनरेटर जो विश्वसनीय और बस व्यर्थ दिखते हैं।

टचस्क्रीन इंटरैक्शन की क्षमता-आधारित अनुकूलन

ऑल्टो विश्वविद्यालय और कोच्चि विश्वविद्यालय के शोधकर्ताओं की एक टीम ने एक प्रयोगात्मक समाधान बनाया है जो विकलांग उपयोगकर्ताओं के लिए स्पर्श इंटरफ़ेस का अनुकूलन करता है। अवलोकन ।

Google सहायक - वार्तालाप डिज़ाइन दिशानिर्देश

Google सहायक के लिए इंटरफ़ेस डिज़ाइन दिशानिर्देश।



आवाज इंटरफेस डिजाइन करने के लिए अन्य सामग्री:

Google के कैथी पर्ल में वॉयस इंटरफेस की मूल डिज़ाइन विशेषताओं का वर्णन किया गया है ।

फ्रेडरिक गॉसेन्स आवाज डिजाइन गाइड ।

आईबीएम संवादी यूएक्स दिशानिर्देश

इंटरैक्टिव इंटरफेस डिजाइन करने के लिए आईबीएम दिशानिर्देश।

मिश्रित वास्तविकता के लिए डिजाइन प्रक्रिया का विस्तार

माइक्रोसॉफ्ट के मार्क विटज़को ने संवर्धित और आभासी वास्तविकता इंटरफेस को डिजाइन करने की सलाह दी है।

जॉन एल्डरमैन और क्रिस्टीन डब्ल्यू पार्क - डिजाइनिंग अक्रॉस सेंसेज

ओ'रेली ने जॉन एल्डरमैन और क्रिस्टीन डब्ल्यू पार्क की एक पुस्तक जॉन डिज़ाइन एंड एक्रॉस सेंसेज प्रकाशित की। वे इसका एक भाग प्रकाशित करते हैं , जो डिजिटल उत्पादों में विभिन्न भावनाओं के साथ काम करने के लिए समर्पित है। पेशे से औद्योगिक डिजाइन में उनके सावधान विचार से एक दिलचस्प चक्र के माध्यम से स्क्रीन इंटरफेस के युग में एक मजबूत सरलीकरण पर चला गया, और अब एक समग्र दृष्टिकोण लौट रहा है।

सामान्य और व्यावसायिक विकास के लिए

पुरस्कारों की सूची - डिजाइन प्रतियोगिता श्रेणियाँ, समय सीमा और मूल्य

डिजाइन शाखाओं की एक विस्तृत विविधता पर पुरस्कार और पुरस्कार की एक ठाठ सूची। रेड कॉलर एजेंसी के डिजाइनर उनमें से कई की जूरी में भाग लेते हैं और अपने काम के यांत्रिकी के बारे में बात करते हैं ।

क्या मुझे उपयोगकर्ता अनुभव (UX) में मास्टर्स की आवश्यकता है?

यदि उपयोगकर्ता शोधकर्ता को अपने समय और धन को एक मास्टर की डिग्री में निवेश करना चाहिए, तो UserFocus के डेविड ट्रैविस को आश्चर्य होता है। सामान्य तौर पर - यह बहस का मुद्दा है, अक्सर अधिक व्यावहारिक अनुभव प्राप्त करने के लिए - यह उच्च वेतन और अधिक ज्ञान दोनों है।

कैसे मैंने एक माध्यम पोस्ट के साथ अपना जीवन बदल दिया

जेसन युआन बताता है कि Apple म्यूजिक के एक अनचाहे रीडिजाइन के प्रकाशन के बाद उनका करियर कैसे बदल गया है (स्पॉइलर: अंत में, उन्हें Apple में इंटर्न के रूप में लिया गया था, हालांकि वह नहीं चाहते थे)।

साइडमेक - ऑल-स्टार मेकर्स द्वारा साइड-प्रोजेक्ट्स

साइड प्रोजेक्ट्स की एक सूची जो एक डिजाइनर या डेवलपर में फिट हो सकती है।

उद्योग में लोग और कंपनियां

कंटूर डिजाइन

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

खेल UX साक्षात्कार श्रृंखला

गेमिंग उद्योग में फ्रंट-एंड डिजाइनरों के साथ साक्षात्कार की एक श्रृंखला।

सम्मेलन की कार्यवाही

फील्डट्रिप्स - डिजाइन, यूएक्स, टेक और मार्केटिंग सम्मेलन

डिजाइन और विकास सम्मेलनों की सूची।

यूएक्सपिन डिजाइन सिस्टम वर्चुअल समिट 2018

ऑनलाइन सम्मेलन 13-16 फरवरी को आयोजित किया गया था। UXPin ने उनसे एक वीडियो पोस्ट किया।

एंटरप्राइज यूएक्स 2017

एंटरप्राइज यूएक्स 2017 को सैन फ्रांसिस्को, यूएसए में 7-9 जून को आयोजित किया गया था। पाबिनि गैब्रियल-पेटिट के प्रदर्शन के पहले और दूसरे दिन का अवलोकन।

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