फूड डिजाइन डाइजेस्ट जुलाई 2019

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

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

उपयोगकर्ता Inyerface - सबसे खराब अभ्यास वाला UI प्रयोग

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

स्केल पर डार्क पैटर्न - 11K शॉपिंग वेबसाइट्स के क्रॉल से पता चलता है

ऑनलाइन स्टोर में अंधेरे पैटर्न का शक्तिशाली अन्वेषण। जेल और शिकागो विश्वविद्यालय ने 11 हजार साइटों का अध्ययन किया और समस्याओं की घटना की आवृत्ति का अनुमान लगाया।

पॉपअप: 10 समस्याग्रस्त रुझान और विकल्प

नील्सन / नॉर्मन ग्रुप से शीर्ष अन्ना केली ने पॉपअप का उपयोग करके बुरे फैसलों से बचने में मदद की। यह एक भारी इंटरफ़ेस पैटर्न है जो उपयोगकर्ता के काम को बाधित करता है, इसलिए आपको इसे बहुत सावधानी से करने की आवश्यकता है।

वास्तव में अच्छा ईमेल 2.0

अच्छा मेलिंग सूची पैटर्न का संग्रह अद्यतन किया गया है। उन्हें आसान नेविगेशन के लिए वर्गीकृत किया गया है।

कीबोर्ड पहुंच के लिए UX सुधार

विकलांग उपयोगकर्ताओं के लिए कीबोर्ड नेविगेशन में सुधार पर आरोन पर्लमैन वेबिनार

प्रेरित डिजाइन निर्णय: दबाने वाले मामले

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

Trello उपयोगकर्ता ऑनबोर्डिंग - आपको प्रेरित करने के लिए 7 रणनीति

ट्रेलो में एक नए उपयोगकर्ता से मिलने के लिए एक नया इंटरफ़ेस पार्स करना।

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

डेटा विज़ुअलाइज़ेशन शैली दिशानिर्देश क्या हैं?

एमी सेसल ने डिजाइन सिस्टम और बस दिशानिर्देशों में डेटा विज़ुअलाइज़ेशन का वर्णन करने के उदाहरणों का अवलोकन दिया।

Microsoft धाराप्रवाह डिजाइन 2.0

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

स्प्राउट सोशल डिज़ाइन सिस्टम हिस्ट्री

चेज़ मैककॉय स्प्राउट सोशल डिज़ाइन सिस्टम के इतिहास और इसकी वर्तमान क्षमताओं के बारे में बात करते हैं।

व्हाइट-लेबलिंग - उपयोगकर्ताओं के हाथों में डिजाइन प्रणाली को लाना

माइक फिक्स टोकन के लिए अपने दृष्टिकोण के बारे में बात करता है। रिपोजिटरी ।

ईवा डिजाइन प्रणाली

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

डिज़ाइन सिस्टम कस्टमाइज़ेशन को सही बनाना

Shopify के Ko Vendrik ने एक डिज़ाइन सिस्टम को व्यवस्थित करने के तरीकों के बारे में बात की और कैसे वे धीरे-धीरे इन विशेषताओं को पोलारिस में शामिल करते हैं।

थीम यूआई के साथ रिएक्ट में स्टाइल गाइड संचालित विकास

मिच गवन द्वारा रिएक्ट पर खाल के साथ काम करने का अवलोकन।

परमाणु डिजाइन का विस्तार

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

लोना के साथ भवन, 101

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

हमने UI किट थीम का उपयोग करके CSS वेरिएबल्स के साथ SCSS मित्र कैसे बनाए

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

घटक-आधारित डिज़ाइन का उपयोग करने से हमें तेज़ी से निर्माण करने में मदद मिलती है

ट्विटर से केटी सिवर्ट और जॉन कून ने कंपनी के डिजाइन सिस्टम के बारे में बात की।

Airbnb पर डायनामिक प्रकार का समर्थन

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

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

जनरेशन के लिए डिज़ाइनिंग - हेल्थकेयर में UX पर एक नज़र

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

नई इंटरफ़ेस डिजाइन उपकरण

स्केच 56

वस्तुओं के एक समूह के साथ काम में सुधार करना, लेआउट पर सीधे प्रतीक में पाठ की जगह (ओवरराइड पैनल में नहीं) और मामूली रचनात्मक सुधार।



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

प्लग-इन

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

• एक सरल प्लगइन बनाने के लिए मैट कर्टिस के लिए व्याख्यात्मक निर्देश । भाग २
  

एडोब एक्सडी

जून और जुलाई का अपडेट। प्लगइन्स, प्रोटोटाइप और जीरा के साथ बेहतर काम।

आर्टबोर्ड स्टूडियो 2.0

नए संस्करण में लेआउट पर एक संयुक्त काम था।

Figma में प्लगइन्स

अब कैटलॉग में कई दर्जनों हैं: तत्वों और लेआउट के संगठन के भीतर स्वचालित इंडेंटेशन, सामग्री, प्रोटोटाइप और एनीमेशन और अन्य उपयोगी उपयोगिताओं के साथ भरना। डेवलपर्स के लिए सबसे दिलचस्प और प्रलेखन का अवलोकन ।



साधन के इतिहास, टीम के प्रारूप और भविष्य के लिए योजना के बारे में डायलन फील्ड के निर्माता के साथ साक्षात्कार ।

उपयोगी सामग्री

• कीवी के डेनिस रोजेजिक ने संस्करण के लेआउट के बारे में अपने दृष्टिकोण के बारे में बात की।
  
• स्केच और अंजीर में वायरफ्रेम और इंटरफ़ेस आरेख बनाने के लिए टेम्पलेट ।
  

राज

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

Brizy

प्रचार साइटों का एक और डिजाइनर।

नाटक

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

framer

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

रिकॉर्ड स्क्रीन

एक ब्राउज़र से वीडियो रिकॉर्डिंग के लिए एक सरल सेवा।

संबंधित

बीटा दिखाई दिया है । लेखकों से वीडियो की समीक्षा ।

Photopea

ब्राउज़र में मुफ्त छवि संपादक। स्वरूपों का एक गुच्छा खोलता है - PSD, स्केच, एडोब एक्सडी, रॉ और अन्य। निर्माता के साथ एएमए ।

एडोब फ्रेस्को

IPad पर एक इलस्ट्रेटर ऐप जो प्रोटोटाइप प्रोजेक्ट जेमिनी से विकसित हुआ। ब्रश पर जोर जो वास्तविक पेंट के व्यवहार को पुन: पेश करते हैं।

प्रिंट करने योग्य मॉकअप

कागज पर स्केचिंग इंटरफेस के लिए एक और टेम्पलेट।

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

उपयोग करने के लिए कौन सा यूएक्स रिसर्च विधि

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

2019 एसेंशियल यूएक्स रिसर्च टूल्स मैप

उपयोगकर्ता साक्षात्कार सेवा से उपयोगकर्ता के शोध और उनके परिणामों की तैयारी और संचालन के लिए उपकरणों का मानचित्र।

कैसे मानव विधि अनुसंधान के 100 वर्षों पर शुद्ध विधि बनाता है

जेफ सॉरो ने श्रम के वैज्ञानिक संगठन GOMS और अधिक आधुनिक दृष्टिकोणों से PURE इंटरफेस के मूल्यांकन के लिए विधि के इतिहास का वर्णन किया है।

दूसरों के बारे में कैसे? प्रयोज्य अनुसंधान रिपोर्ट बेंचमार्किंग

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

एक साथ त्रिकोणासन: मिक्सिंग यूजर रिसर्च एंड डेटा साइंस मेथड्स

Spotify के कोलेट कोलेंडा और क्रिस्टी सैवेज बताते हैं कि जटिल सवालों के जवाब देने के लिए कंपनी कस्टम रिसर्च के तरीकों और एनालिटिक्स को कैसे जोड़ती है।

रूपात्मक बनाम योगात्मक मूल्यांकन

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

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

IOS 13 के लिए जानें SwiftUI

मेंग टू द्वारा डिजाइनरों के लिए स्विफ्टयूआई कोर्स।

नई स्क्रिप्ट

• स्क्रॉल करते समय लोडिंग तत्वों का चिकना एनीमेशन ।
  

डिजाइन प्रबंधन और DesignOps

एक डिज़ाइन प्रबंधक संग्रह के रूप में आगे बढ़ें

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

DesignOps 101

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

UX प्रबंधकों के लिए बढ़ती मांग

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

रिमोट वन-ऑन-रनिंग - सर्वोत्तम अभ्यास और टेम्पलेट

Miro के Egor Korobeinikov ने वितरित टीमों में 1-ऑन -1 बैठकें आयोजित करने के सुझाव दिए। वह चर्चा के विषयों और परिणामों को पकड़ने के लिए Miro में अपना टेम्पलेट प्रदान करता है।

ड्रीम टीम: हम तनाव को कैसे दूर करते हैं और लोगों को एक साथ लाते हैं

डॉकडोक के इवान सोलोवोव ने विभिन्न स्तरों पर टीमों को सिंक्रनाइज़ करने के तरीकों का वर्णन किया है - विभिन्न प्रारूपों में नियमित बैठकें।

प्राथमिकता डिजाइन क्रिटिक, भाग 1

रॉकवेल ऑटोमेशन के जोनाथन वाल्टर नियमित उत्पाद डिजाइन आलोचना सत्रों के लिए।

टीम बातचीत

रिमोट यूएक्स वर्क - द एनएन / जी केस स्टडी

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

डॉट वोटिंग - यूएक्स में एक सरल निर्णय-निर्माण और प्राथमिकता तकनीक

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

दूरस्थ विचार: सिंक्रोनस बनाम अतुल्यकालिक

नीलसन / नॉर्मन ग्रुप के अरोरा हार्ले और केट मोरन ने एक दूरस्थ टीम के साथ विचार उत्पन्न करने के लिए एक तुल्यकालिक और अतुल्यकालिक दृष्टिकोण का वर्णन किया।

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

डी। स्कूल पब्लिक लाइब्रेरी

डी। स्कूल से समझदार डिजाइन सोच संदर्भों का एक संरचित पुस्तकालय।

मामलों

उबर ने बाकी दुनिया के लिए अपने लाइट ऐप को कैसे डिजाइन किया

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

द इनसाइड स्टोरी ऑफ़ ट्विटर द न्यू रिडिजाइन

ट्विटर के नए स्वरूप के बारे में कहानी, जो कुछ साल पहले शुरू हुई थी।

क्यों स्वास्थ्य में दृश्य काम नहीं करते

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

कहानी

Amazon.com का 20 साल का समय (1999-2019)

20 वर्षों में अमेज़ॅन इंटरफ़ेस बदलें।

एडोब फोटोशॉप डिजाइन इतिहास के 29 साल

एडोब फोटोशॉप के सभी संस्करणों के इंटरफ़ेस का अवलोकन।

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

बाजार के आंकड़े

2019Q2

वैश्विक कंप्यूटर की बिक्री में वृद्धि - 1.5%

2019H1

दुनिया में स्मार्ट घड़ियों की आपूर्ति में वृद्धि - 48%

2018

Yandex स्मार्ट स्पीकर मार्केट शेयर
(मध्य और पूर्वी यूरोप) - 14%

आवाज इंटरफेस

अमेज़न इको शो 5 समीक्षा

अमेज़न इको शो 5 इंटरफ़ेस अवलोकन।

ड्राइवर की व्याकुलता को कम करने के लिए एक नया UX कॉन्सेप्ट डिजाइन करना

Renault डिजाइनरों से कार के मल्टीमीडिया और नेविगेशन कार्यों को प्रबंधित करने की अवधारणा। ये भौतिक बटन के बजाय अंगूठे के नीचे दो स्पर्श पैड हैं।

Yandex.Auto डिजाइन प्रक्रिया

वासिली सर्गेव ने यैंडेक्स.एटो कार इंटरफेस को डिजाइन करने, डिजाइन करने और परीक्षण करने की प्रक्रिया का विस्तार से वर्णन किया, जिसका उपयोग बाजार और कार साझाकरण में कई मॉडलों में किया जाता है।

कार का इंटरफेस

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

हमारा फोल्डेबल भविष्य थोड़ी देर से चल रहा है, और यह ठीक है

पहले वाणिज्यिक लचीले फोन ने झूठी शुरुआत दी। सैमसंग ने गैलेक्सी फोल्ड के लॉन्च को स्थगित कर दिया है ( हालाँकि प्रशंसा प्रशंसा मामलों की समीक्षा करता है, बहुत सारी तकनीकी समस्याएं हैं ), अन्य निर्माताओं को कोई जल्दी नहीं है।

आभासी और संवर्धित वास्तविकता

• Google ग्लास की तीसरी पीढ़ी , जिसे अब पेशेवर उपयोग के लिए डिज़ाइन किया गया है।
  
• होलोलेंस अंतरिक्ष यात्रियों और उनकी उड़ानें तैयार करने वालों की मदद कैसे करता है ।
  

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

एक महत्वपूर्ण कौशल अधिकांश डिजाइनर अनदेखी करते हैं

एटलसियन के एलेस्टेयर सिम्पसन ने खुदरा विक्रेताओं से अपने समाधान प्रस्तुत करने के लिए डिजाइनरों को सीखने की सलाह दी। यह अच्छे डिजाइन संरक्षण के प्रमुख चरणों का वर्णन करता है।

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

मैंने सह-संस्थापक ड्रिबल को क्या सीखा

इसके सह-संस्थापक डैन सेडरहोम से 20 युक्तियों में ड्रिबल के निर्माण की कहानी है।

कंपनी खरीदारी

• HGGC के निवेश कोष ने प्रमुख फ़ॉन्ट कंपनी मोनोटाइप को खरीदा ।
  

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

DesignOps ग्लोबल सम्मेलन 2019

यह सम्मेलन 30 मई से 1 जून तक मैनचेस्टर में आयोजित किया गया था। यह डिजिटल उत्पादों के डिजाइन प्रबंधन पर सातवां सम्मेलन है (अधिक सटीक रूप से, छठा - एलएक्सकॉन्फ्रेंस बंद हो गया है)। आयोजकों ने प्रदर्शन का एक वीडियो प्रकाशित किया।

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