الأنماط وأفضل الممارسات
تصميم وتشريح إشعار الدفع 2020
تحليل هيكل إشعارات الدفع من مختلف المنصات والمتصفحات والبرامج من Lee Munroe. المكافأة هي القالب في Figma .
إبلاغ التغييرات خلال رحلة المشتري - دراسة حالة COVID-19
قدم Kim Flaherty من Nielsen / Norman Group لمحة عامة عن كيفية إبلاغ المتاجر عبر الإنترنت بحالة فيروس كورونا. تحذيرات حول أوقات التسليم الممتدة والقيود الأخرى.
ضوابط التحديد - سلسلة مكونات واجهة المستخدم
تحليل مفصل لحالات عناصر النموذج للاختيار (مربعات الاختيار ، نوافذ الراديو ، مفاتيح التبديل ، الرقائق) من Taras Bakushevich.
Mobile-App Onboarding - تحليل المكونات والتقنيات
تصف أليتا جويس من مجموعة Nielsen / Norman Group أنماط مقابلة مستخدم جديد في تطبيقات الهاتف المحمول. ومع ذلك ، تنصح بتجنبها كلما أمكن ذلك.
3 مزالق يجب تجنبها عند تنفيذ "طرق العرض السريعة"
تصف Rebecca Hugo من Baymard مشكلة في الطبقة المنبثقة للعرض السريع لبطاقة المنتج ، والتي تم تصميمها لإنقاذ المستخدم من الانتقال إلى صفحة كاملة. لكن هناك الكثير من المشاكل معه.تجنب ملفات PDF للقراءة على الشاشة
يقدم كل من Jakob Nielsen و Anna Kaley من Nielsen / Norman Group نصائح حول إرسال ملفات PDF إلى مواقع الويب. ينصحون بتجنب قراءة المعلومات الموجودة على الموقع من مثل هذه المستندات ، وتركها فقط في حالة الطباعة أو إعادة التوجيه.
آرون والتر - تصميم للعاطفة
تم نشر الطبعة الثانية من الكتاب. فصول مضافة حول الخصوصية والتضمين والأمن.الرموز التعبيرية في سطور موضوع البريد الإلكتروني - ميزة أم عائق؟
يشارك Kim Flaherty من Nielsen / Norman Group دراسة UX حول مدى مشاركة الرموز التعبيرية في عنوان الرسائل البريدية في جذب المستخدمين. من الأفضل التحقق من مثل هذه الأشياء عن طريق اختبار A / B ، لكن الملاحظات مفيدة.قرارات التصميم الملهمة مع جيوفاني بينتوري - الدعاية تصبح شكلاً من أشكال الفن
يواصل Andy Clarke سلسلة من التجارب بتصميم مجلة مثير للاهتمام على الويب. في العدد العاشر ، قام بتحليل أعمال جيوفاني بينتوري.كيف أجرينا اختبار إمكانية الوصول في Alfa Digital
ماريا سيمونوفا تتحدث عن دعم إمكانية الوصول في تطبيق Alfa-Bank للهاتف المحمول لنظام iOS.5 تطبيقات "نموذج بطاقة ائتمان" تجعل "LL Bean" الأفضل في فئتها
تحلل Rebecca Hugo من Baymard Institute الأمثلة الجيدة والسيئة لنماذج الدفع ببطاقات الائتمان في المتاجر عبر الإنترنت.أنظمة التصميم والمبادئ التوجيهية
كيف تفهم صحة نظام التصميم الخاص بك ، وفي النهاية ، نجاحه
أروع مقال بقلم Christos Kastritis حول إطلاق نظام تصميم Deliveroo. جلسة Strath لبدء العمل ، مجموعة من المؤشرات الصحية ، وحساب العائد على الاستثمار لأقسام مختلفة ( نموذج ).
مظهر داكن
دعم الوضع المظلم في موقع الويب الخاص بك
تعليمات لإدخال سمة داكنة على موقع شخصي من Jecelyn Yeen.قناة تلفزيونية الجمعة
صنعت قناة الجمعة التلفزيونية موضوعًا مظلمًا للهواء الليلي. بعد الساعة 23:00 ، سيتم استبدال مقاطع الفيديو الترويجية المشرقة والصاخبة بهوية هادئة وهادئة مع القصائد الخيالية والقصائد.مفتاح Rostelecom
يتحدث مصممو Redmadrobot عن إنشاء سمة داكنة لتطبيق Rostelecom Key. صحيح ، فقط جزء التصميم ، لا يوجد نظام تصميم في الكود.WWDC 2020
عرضت شركة Apple الإصدارات الجديدة من المنصات في مؤتمرها السنوي ، والذي عقد ، مثل كل شيء آخر هذا العام ، عبر الإنترنت. تقليديا ، قمت بتسليط الضوء على التحديثات التي تهم مصممي الواجهة:
نظام iOS 14
أدوات الشاشة الرئيسية . الآن ، تمامًا كما هو الحال في Android ، من السهل التخلص من القمامة. ينص قانون طويل الأمد على أن 95٪ من المستخدمين لا يقومون بتخصيص الواجهة (ونادرًا ما يغيرون الإعدادات المحددة مسبقًا من قبل الشركات المصنعة للأجهزة). المبادئ التوجيهية FIGMA و قالب ( بعضهم بعضا ).
لا يغطي Siri الشاشة ، لكنه يعرض علامة مجردة للشركة في الأسفل ولوحة مع النتيجة في الأعلى. 
المكالمات أيضًا لا تغطي الشاشة ، ولكنها تظهر كشريط في الأعلى. إصدارات مصغرة من المواقع والتطبيقات بدون تثبيت بواسطة رمز الاستجابة السريعة أو NFC. يفترض المساعدة في إجراءات بسيطة مثل تسجيل النقاط في برنامج الولاء الخاص بالمقهى ، حيث تكون كسولًا جدًا لتثبيت التطبيق. صحيح أن هذا يعمل فقط مع تنسيق رمز الاستجابة السريعة الخاص به ، مما يعني أنه من غير المحتمل أن يتلقى تغطية عادية. إرشادات .
معلومات مرئية حول البيانات التي تم جمعها بواسطة التطبيق
(تقريبًا مثل القيمة الغذائية للمنتج).
فتح السيارة من الهاتف والتي ستدعم تدريجياً كبرى شركات تصنيع السيارات.
وضع صورة داخل صورة يسمح لك بتصغير أي فيديو إلى حجم صغير والتنقل بين التطبيقات. سيكون من الممكن تغيير المتصفح والبريد الافتراضيين ، مما سيزيد قليلاً من وصول عملاء الجهات الخارجية.
تُظهر الشاشة الرئيسية الذكية بشكل أفضل الحالة الحالية للأجهزة. أفضل تطبيقات iOS من Apple لعام 2020 .
عرض فيديو عن التصميم:
iPadOS 14
شريط التنقل الجانبي الدائم ، وهو أقرب إلى تطبيقات سطح المكتب.
البحث الشامل على غرار أضواء كاشفة.
التعرف على النصوص والأشكال المكتوبة بخط اليد .watchOS 7
يسمح لك بدمج المعلومات من تطبيقات متعددة على الشاشة. تطوير قدرات التتبع الصحي والمساعدة الرياضية. من جدول الأعمال الحالي: يبحث في مدى فعالية غسل يديك.
macOS Big Sur
تحديث الواجهة ، مما يجعلها أقرب بصريًا إلى iOS.
وخطوة واحدة إلى الوراء إلى skeomorphism - رموز التطبيق الآن مع ظلال المهملات والتفاصيل.
وخطوة واحدة إلى الوراء إلى skeomorphism - رموز التطبيق الآن مع ظلال المهملات والتفاصيل. عفوًا ، لقطة شاشة خاطئة: ظهرت بالفعل
تخطيطات رمز الرسالة الأولى في Figma و Sketch . بالإضافة إلى عناصر التصميم "الاختراق" الأخرى (على سبيل المثال ، رمز الإعلام الأكثر عصرية لعام 2001):
أو هذه البطارية الرائعة من نظام التشغيل Windows XP:
وحصلت أشرطة التمرير على الحجم.إن بندول اتجاهات التصميم لا هوادة فيه ، حتى لو كان يبرز احترام الذات للمبادئ التي تحدثت عنها مع الرغوة في فمك قبل يوم أمس. تلك اللحظة المحرجة عندما لا تكون حتى التشكل الجديد سيئًا للغاية.
يمكن بالفعل تسليم الإصدارات التجريبية ، وسيتم إصدار الإصدارات النهائية ، كالعادة ، في سبتمبر. هذا أكثر إثارة للاهتمام وفائدة من Android 11 ، الذي تم ركله تحت السجادة.
أندرويد 11
هذا العام ، تم إطلاق مؤتمر Google I / O التقليدي عبر الإنترنت أولاً ثم تم تأجيله تمامًا بسبب الاحتجاجات. لذلك ، ظهر الإصدار التجريبي من Android 11 بهدوء نسبيًا. لا توجد اختراقات كبيرة ، ولكن هناك الكثير من التحسينات المختلفة: في قائمة الإشعارات ، تم فصل المحادثات مع الأشخاص وكل شيء آخر من التطبيقات. بالإضافة إلى وجود سجل للإخطارات ليوم واحد. ظهر مشغل وسائط في نفس اللوحة في إعدادات سريعة ، لذا فإنه يشغل سطرًا واحدًا آخر. ستظهر المزيد من الإعدادات بضغطة طويلة على زر إيقاف التشغيل في الهاتف. تتيح لك لوحة التحكم في المنزل الذكي الجديدة رؤية كل شيء على شاشة واحدة. وصول محسّن ومبسط إلى لقطات الشاشة - مثل العديد من الأشياء الأخرى ، أصبح الآن كما هو الحال في iOS.
في وضع تعدد المهام ، يمكنك الآن التقاط لقطة شاشة أيضًا.
يعمل التحكم الصوتي من خلال الوصول الصوتي على العجائب - يمكنك فقط تسمية عنصر على الشاشة .
تتمتع تطبيقات الجهات الخارجية بوصول محدود إلى الهاتف - لا يمكن السماح بالعديد من الأشياء إلا عند استخدامه.
مراجعات من Engadget and The Verge . نشرت
Google بعض مقاطع الفيديو لهذا الإطلاق الهادئ:
- ما الجديد في Android
- ما الجديد في System UI
- ما الجديد في أدوات التصميم
- الشاشات - الكبيرة والصغيرة والقابلة للطي e
ستظهر النسخة النهائية في الخريف. يمكنك بالفعل وضع النسخة التجريبية .
نصائح سريعة لوضع التباين العالي
تمنحك Sarah Higley نصائح حول كيفية العمل مع Windows High Contrast Mode ، والذي يبسط تصميم موقع الويب بشكل كبير.كيف تسرع Salesforce إنتاجية التصميم والتعاون
أصدر فريق تصميم Salesforce Lightning البرنامج الإضافي Sketch مع جميع المكونات.تكوين القصص القصيرة
يسمح لك Storybook 6.0 بجمع عدة فروع في دليل مباشر واحد. للحالات التي تقوم فيها فرق مختلفة داخل الشركة بعمل أطر عمل مختلفة.فهم المستخدم
3 أنواع شخصية - خفيفة الوزن ونوعية وإحصائية
يصف Page Laubheimer من Nielsen / Norman Group تفاصيل إنشاء ثلاثة أنواع من الشخصيات: مسار الخبير ، البحث النوعي ، المسح الكمي. إيجابيات وسلبيات ومزالق كل منها.
هندسة المعلومات ، التصميم المفاهيمي ، استراتيجية المحتوى
مناهج تخطيط الرحلة - قراران حاسمان يجب اتخاذهما قبل أن تبدأ
تصف كيت كابلان من Nielsen / Norman Group مسارين لإنشاء CJM: نسخة الخبراء والحالة القائمة على البحث والحالة الحالية والمستقبلية. إن أذكى طريقة هي أولاً إنشاء نسخة متخصصة من الحالة الحالية ، ثم التحقق من صحتها مع المستخدمين وإنشاء رؤية للمستقبل.
خريطة رحلة العميل: Delimobil
قام ستانيسلاف خروستاليف من شركة Hard Client بتجميع CJM لمشاركة سيارة Delimobil.
أدوات تصميم واجهة جديدة
فيجما: مقالات
- تتحدث Anne-Sophie Delafosse من Deliveroo عن مكون إضافي لترجمة التخطيط . يسمح لك بالتحقق مما إذا كانت الواجهة ستنهار.
- تعليمات إنشاء مكون إضافي من Varun Vachhar باستخدام مثال مولد القصاصات .
القوالب
برنامج Adobe xd
تحديث يونيو . الرموز للألوان والخطوط ، أكوام العناصر بسلوك Flexbox ، التمرير داخل كتل النماذج الأولية ، دعم اللغة الروسية.UXPin
اشترت شركة قابضة معينة Xenon Partners الأداة . يشترون خدمات سحابية مختلفة.رسم 67
تسريع العمل وتحسين الواجهة.
لصق نسخ ملون
تتيح لك الخدمة تحديد لون من خلال كاميرا هاتفك وإدخاله في Figma أو Sketch.صانع نمط سلس
مولد نسيج متكرر على خلفية تصويرية.بروتوبي 5
المخططات الزمنية للأحداث ووصفات الرسوم المتحركة والمكتبات (بما في ذلك iOS وتصميم المواد).تطبيق تقسيم الشكل
مولد فواصل مجعد بين الكتل في المواقع الترويجية.النقط
تساعد الخدمة في إنشاء شكل دائري مجردة بسرعة لمواقع العروض الترويجية.CreateStudio
أداة جديدة للرسوم المتحركة وتصميم الحركة مع التركيز على مقاطع الفيديو. الكثير من القوالب والموارد الجاهزة.تشكل الرسوم المتحركة
تقوم أداة تجريبية بتحريك الرسم التوضيحي بناءً على التقاط حركاتك من كاميرا الويب الخاصة بك.الظل
تتيح لك الأداة التجريبية تطبيق الظلال تلقائيًا على الصور المرسومة ، بما في ذلك الصور المتحركة.بحث واختبار المستخدم
كيفية دمج أبحاث المستخدم والسوق بشكل صحيح في فريق المنتج الخاص بك
تصف آنا كوهن من Joom ثلاث طرق إشكالية لدمج الباحثين عن المستخدمين في شركات المنتجات: يتم تنفيذها فقط من قبل المصممين والمديرين ، أو فقط داخل مختبر UX ، وفي مكان ما لا توجد على الإطلاق.
صنع الحواس والبنية: كيف غيّرت Airtable ممارستي
يشارك راشيل مايلز كيف يستخدم Airtable لتخزين الاكتشافات من بحث المستخدم. يعتمد على التعليمات القديمة من الخدمة نفسها .
أدوات وطرق بحث UX
دليل أدوات البحث عن المستخدم عن بعد من خدمة Ethnio.مقاييس التصنيف في أبحاث UX - ليكرت أم التفاضل الدلالي؟
تصف ماريا روسالا من Nielsen / Norman Group الفرق بين مقياس ليكرت والفرق الدلالي. هذان نوعان شائعان من أسئلة بحث المستخدم المتدرج.كيفية التحويل بين مقياس من خمس إلى سبع نقاط
يوضح Jeff Sauro و Jim Lewis كيفية تحويل قيم مقياس الاستطلاع بأبعاد مختلفة: 5 و 7 خيارات للإجابة.كيفية اختبار مفهوم التصميم من أجل الفعالية
نظرة عامة سريعة على طرق اختبار مفهوم التصميم بواسطة Paul Boag.12 طريقة لتحسين أسئلة مقابلة المستخدم
نصيحة من Slava Shestopalova من ELEKS حول الأسئلة المختصة أثناء المقابلات مع المستخدمين أثناء البحث.ورقة غش لمقابلة المستخدم وأسئلة المتابعة
قائمة مراجعة مقابلة المستخدم المنظمة من Stéphanie Walter.
حالة "VkusVilla" - بيع المواد الغذائية بالتجزئة في عصر "أزمة التاج"
أجرى UXSSR بحثًا عن تجربة المستخدم لمتاجر Vkusville. درسوا التغيير في سلوك المستهلك خلال فترة الحجر الصحي.
توصيات حجم العينة للدراسات المعيارية
قام Jeff Sauro و Jim Lewis بحساب أحجام العينات لدراسات UX المقارنة.البرمجة والتصميم المرئي في المتصفح
الطباعة الحركية مع Three.js
الطباعة الحركية في المتصفح بجافا سكريبت.
مخطوطات جديدة
- تأثير غلاف مجلة قابل للطي باستخدام Mad Magazine كمثال .
- كيفية عمل الرسوم التوضيحية المعقدة في CSS .
- شبكة من الصور تتغير باستخدام الرسوم المتحركة الخفيفة أثناء تحريك المؤشر .
المقاييس والعائد على الاستثمار
يؤدي مقابل. التدابير المتأخرة في UX
يصف Jeff Sauro و Jim Lewis العلاقة بين المقاييس الرائدة والمتأخرة. كيفية التنبؤ بنتيجة المنتج وواجهته في مرحلة مبكرة.
إدارة التصميم و DesignOps
نضج DesignOps - منخفض في معظم المنظمات
قامت Kate Kaplan من Nielsen / Norman Group باستطلاع آراء 557 متخصصًا في الواجهة الأمامية وقسمتهم إلى نموذج نضج DesignOps الخاص بهم. ما هي الأساليب والممارسات التي يستخدمونها في ثلاثة مجالات: التفاعل البشري ، ونتائج العمل وتأثيره على الأعمال التجارية.
إعادة تصميم الإنترانت المتمحورة حول المستخدم - الإعداد للنجاح في 11 خطوة
تصف كارا بيرنيس من مجموعة Nielsen / Norman Group إستراتيجية إعادة تصميم الإنترانت. كيفية تجميع فريق وتحديد الأهداف وتصميم إصدار جديد وإطلاقه بشكل منهجي.
كريس أفور وروس أنغر - إقلاع! قيادة عملية في التصميم لرفع مستوى فريقك ومنظمتك وأنت
الحجز المسبق مفتوح. إنه مخصص لممارسات إدارة التصميم الأساسية لإدارة الفريق وسيصدر في 20 يوليو.تقديم مبادئ التصميم الجديدة لـ Spotify
يتحدث فريق تصميم Spotify عن مبادئ التصميم المعاد تصميمها. هناك القليل من التفاصيل حول إنشائها.DesignOps - وجهة نظر IBM
قامت شركة IBM باستطلاع آراء مديري التصميم في الشركة حول مجالات المسؤولية التي يقضون فيها معظم الوقت.
تفاعل الفريق
7 نصائح لتجربة مستخدم فعالة
يقدم José Torre من Shopify نصائح حول عرض التصميمات للزملاء لجمع التعليقات.إدارة المنتج والتحليلات
من القناة الأولى إلى الخطة - إطار التنفيذ المدروس
تتحدث Annina Koskinen من Spotify عن شجرة القرار لتطوير المنتج. ينتقل هذا النهج من هدف عمل عام إلى فرص نمو وفرضيات محددة. هذا يسمح لك بالتكرار باستمرار في فضاء المشاكل والحلول. قالب في Figma .
حالات
كيف أطلق Redmadrobot و Otkritie بنكًا للهاتف المحمول للأعمال في غضون عام
يتحدث فريق تصميم Redmadrobot عن العمل على تطبيق الهاتف المحمول لأصحاب المشاريع في Otkritie Bank.العلامة التجارية للمنتجات الرقمية
تشكيل أيقونة
يتحدث Nick Levesque من Zendesk عن إنشاء نظام من الرموز التي تدعم العلامة التجارية. والنتيجة هي مُنشئ جيد من الأشكال الأساسية التي تتكرر في الشعار وعناصر التصميم الأخرى.
اتجاهات
تقرير اتجاه شعار 2020
نظرة عامة على اتجاهات الشعار من Logo Lounge.
4 اتجاهات التصميم التي ستحدد عام 2020
الاتجاهات من Adobe Stock. ما هي التقنيات الرسومية التصاعدية المرئية في مجموعتها.
التصميم الحسابي: منحنى الضجيج
لمدة ثماني سنوات كنت أجمع أمثلة التصميم الحسابي. لكن في العام الماضي ، تم تفريغ الموضوع ببطء - ربما لاحظت أنني لم أقم بعمل مجموعات جديدة لفترة طويلة. هناك ثلاثة أسباب: الوعود المبالغ فيها ، والأمثلة العملية حقًا تبدو بديهية ، والعمل البشري أرخص. لقد اخترت 15 نموذجًا من المجموعة لا تزال منطقية.
مصمم آينشتاين - تصميم شخصي مدعوم بالذكاء الاصطناعي على نطاق واسع
يتحدث Sönke Rohde من Salesforce عن التصميم الحسابي باستخدام محرك Einstein Designer. يقوم بتخصيص كتل الواجهة بناءً على سجل المستخدم وتفضيلاته - على سبيل المثال ، يمكن أن تركز بطاقة المنتج في متجر عبر الإنترنت على معلومات مختلفة. فيديو قصة قصيرة .
Timecraft - رسم العديد من الماضي: تجميع مقاطع فيديو بفواصل زمنية للوحات
تعيد الخوارزمية التجريبية إنشاء عملية رسم اللوحات لفنانين مشهورين خطوة بخطوة. ومن المثير للاهتمام ، أنه تم تدريبه على لقطات الشاشة بواسطة فنانين حقيقيين.واجهات الصوت
أنماط التصميم في واجهات الصوت
يقدم Jesús Martín نهجه الخاص في أنماط الواجهة الصوتية: السردية واللغوية والصوتية.
الأشخاص والشركات في الصناعة
تنضم شركة التصميم الشهيرة Astro إلى شركة استشارات عالمية بقيمة 600 مليون دولار
اشترت شركة الاستشارات البريطانية PA Consulting وكالة التصميم الصناعي الشهيرة Astro Studios.سوسيتيه جنرال ديزاين
مدونة فريق تصميم Societe Generale.مواد المؤتمر
24 ساعة من تجربة المستخدم
مؤتمر عبر الإنترنت حول التصميم ، استمر لمدة 24 ساعة - تحدث متحدث من منطقة زمنية محددة طوال هذا الوقت. لا توجد مواد ، لكن الشكل مثير للغاية.Facebook, , , vc.ru ― . , , , , , , , , , . .