👨 📔 🐪 ملخص تصميم الطعام ، فبراير 2020 🐌 👩🏼‍🔬 👩🏽‍💻

جمع الملخص مقالات جديدة حول تصميم الواجهة ، بالإضافة إلى الأدوات والأنماط والحالات والاتجاهات والقصص التاريخية منذ عام 2009. أقوم بتصفية مجموعة كبيرة من الاشتراكات بعناية حتى تتمكن من ترقية مهاراتك المهنية وحل مهام العمل بشكل أفضل. الأعداد السابقة: أبريل 2010 - يناير 2020 .

ملخص تصميم الطعام ، فبراير 2020

الأنماط وأفضل الممارسات

كيفية تصميم تطبيقات الجوال للاستخدام بيد واحدة

قام Maitrik Kataria بتجميع مجموعة جيدة من أنماط الواجهة الأمامية لاستخدام تطبيقات الهاتف المحمول بيد واحدة. قام بتسجيل لقطات من الأمثلة الجيدة وقدم الكثير منها.

سحب وإسقاط - كيفية تصميم لسهولة الاستخدام

تذكير رائع لتصميم وتصميم واجهة السحب والإفلات من Page Laubheimer من مجموعة Nielsen / Norman Group. كيفية جعلها جيدة على الويب وعلى الهاتف المحمول.

Livin 'على الحافة - كيفية التصميم لحالات الحافة في وقت مبكر من العملية

تقدم Tridip Thrizu أسلوبها في العمل على حالات الواجهة. يقسم طرق العرض إلى مفتاح دائم ومؤقت ومساعد.

10 أنواع الشر من أنماط UX المظلمة

قام Danny Sapio من Skookum بتجميع 10 أنماط داكنة شائعة الاستخدام.

تنفيذ الرسوم المتحركة UX: المدة وخصائص الحركة

تقدم الصفحة Laubheimer من مجموعة Nielsen / Norman نصائح حول تحسين الرسوم المتحركة في الواجهات.

كيفية التصوير والتصوير من أجل سهولة الاستخدام - تفاصيل UX لمقاطع الفيديو والصور

تقدم Aurora Harley من Nielsen / Norman Group نصائح حول كيفية جعل مقاطع الفيديو التعليمية والصور أكثر فهمًا للمستخدمين.

Torrey Podmajersky - الكتابة الاستراتيجية ل UX

أصدر O'Reilly كتاب Torrey Podmajersky الكتابة الاستراتيجية لـ UX حول النصوص الأمامية. مراجعة من UXmatters.

بالمناسبة ، نشرت UXmatters و A List Apart مقتطفات من كتاب آخر حول الموضوع: مايكل جيه ميتس وآندي ويلفيل ، "الكتابة تصمم".

أنظمة التصميم والمبادئ التوجيهية

تصميم المحتوى تحت السطح

يقدم Linette Voller من Atlassian نموذجًا رائعًا لوصف منهجي للنصوص في واجهة. تستخدم فكرة طبقات جيسي جيمس غاريت وتضع جميع أدوات الاتصال النصي عليها.

مظهر داكن

الوضع الداكن مقابل وضع الإضاءة - أيهما أفضل؟

جمعت رالوكا بوديو من مجموعة Nielsen / Norman حسابات من دراسات حول تصور موضوع مظلم وخفيف. في معظم الحالات ، يسهّل موضوع خفيف القراءة.

الرمز المفضل لـ SVG ذي اللون الفاتح والداكن باستخدام ميزة وسائط مخطط الألوان CSS المفضلة

يوضح Catalin Red كيفية تغيير الرمز المفضل لموقع ما للحصول على مظهر داكن.

المهام الفرعية لنظام التصميم ، خطوة بخطوة

أذكى قائمة مرجعية للعمل على مكونات (وأي جزء آخر) من نظام التصميم من Nathan Curtis. ما هي المراحل التي يتم فيها الانتقال من اقتراح إلى طرح مع قائمة تفصيلية بالخطوات المحددة.

تعد واجهة مستخدم نظام التصميم أكثر تكلفة من واجهة مستخدم فريق المنتج

في المقالة التالية ، يوضح Nathan Curtis الفرق في تكاليف العمالة لإنشاء مكون من نقطة الصفر وداخل نظام التصميم. في البداية ، ليس في صالح نظام التصميم ، ولكن يتم تعويضه لاحقًا.

كيف تستخدم أنظمة التصميم كتاب القصة

لقد قام Dominic Nguyen بتجميع أمثلة على كيفية استخدام أنظمة التصميم الكبيرة لـ Storybook.

نظم التصميم ورشيقة والتصنيع

مناقشة من براد الصقيع، ديف روبرت، و جيريمي كيث حول ما إذا كان تصميم النظم تقتل الإبداع وسواء كانت جديدة تايلور. كما هو الحال في أي مكان آخر ، هناك حاجة إلى التوازن وأي تجاوزات تسبب الرفض.

التنقل لأنظمة التصميم وأدلة الأنماط

نظرة عامة على إرشادات الملاحة الحية من دانييل رومو.

تصميم بطلاقة من Microsoft

تم طرح نهج جديد لرموز التطبيقات على الإطلاق .

تصميم مادي

إرشادات محدثة للرسوم المتحركة . في العديد من الأمثلة ، ظهرت أداة بصرية بمواصفات ( كود GitHub ).

فهم المستخدم

رائحة المعلومات - كيف يقرر المستخدمون المكان التالي

يصف رالوكا بوديو من Nielsen / Norman Group نظرية "الذوق من أجل المعلومات" التي تساعد المستخدمين على قياس الفائدة المحتملة للمعلومات على مواقع الويب.

التصميم السلوكي 2020 وما بعده

سلسلة من المقابلات مع الخبراء في تصميم سلوك المستخدم حول الوضع الحالي للانضباط وآفاقه.

أدوات تصميم واجهة جديدة

رسم 63

تحسينات الواجهة دون تركيز صريح. وتطوير السحابة .

Zeplin 3.0

كان هناك API والقدرة على إعطاء ارتباط لمكون في التعليمات البرمجية.

نبذة مختصرة

اشترينا الفريق الأوكراني فلاولس .

تكوين Figma 2020

المؤتمر الرسمي الأول. أعلنت عن تخطيط تلقائي محسّن (يمكنك تحديد سلوك العناصر الفردية) ، ومجموعة مختارة محسنة من الألوان والخطوط ، وروابط لأية كائنات وصفحات داخل مستند (أو خارجي بشكل عام) ، ودعم أساليب التحكم الجديدة في النماذج الأولية (لوحات المفاتيح ، وعصي التحكم في الألعاب ، وأجهزة للمستخدمين معاق). بالمناسبة ، إذا كنت تشارك النموذج الأولي فقط ، فلن يتم التخلي عن التصميم نفسه. فيديو العروض .

الإضافات

وصف Dan Hollick الإرشادات التفصيلية لإنشاء الإضافات باستخدام مثال تحليل تباين الألوان.
المتاهة : خدمة اختبار قابلية الاستخدام متاحة أيضًا لـ Figma.
اكتب اليوم : يمكنك تجربة مكتبة الخطوط للمسبك المحلي.
مذكرة يوان تشينغ ليم على واجهة المكونات المختصة . كيفية جعلها مفيدة ومريحة.
كما سبق : يسهل التعاون على النصوص في الواجهة.
JSON إلى Figma : تحميل البيانات من JSON.

مقالات

مقابلة مع المؤسس المشارك لـ Dylan Field ، الذي قدمه أثناء وصوله إلى روسيا في خريف عام 2019.
AMA مع نوح ليفين ، رئيس التصميم في Figma.

حقول التدفق

تسمح لك الأداة بعمل خطوط انسيابية متحركة. تجارب مماثلة من تايلر هوبس .

تينكرسينث

أداة بسيطة للصور المجردة التوليدية على نموذج المزج.

اللمحات المفتوحة - مكتبة الرسوم التوضيحية المرسومة باليد

مكتبة توضيحية مجانية أخرى مع مصمم الشخصيات من الصناعة المفضلة بابلو ستانلي.

مجموعة الرموز

تتيح لك الأداة تخزين مجموعة من الرموز وتوزيعها على أدوات التصميم الشائعة. هناك إصدار لـ Windows.

Anicons

خط الرمز مع الرسوم المتحركة ودعم لألوان مختلفة.

بحث واختبار المستخدم

خدمة رصد الملخص للاختبارات عبر الإنترنت

Usethics قارنت أولغا كريوكوفا خدمات اختبار قابلية الاستخدام عن بعد مع تقييم الوظائف. من المفيد ملاحظة الوصول إلى قاعدة البيانات المحلية للمستجيبين.

كيفية تعظيم رؤى في اختبار المستخدم - مهام المستخدم المتدرجة

تصف كارا برنيس من مجموعة Nielsen / Norman نهجًا لتقسيم سيناريو اختبار قابلية الاستخدام إلى مكونات توفر معلومات موحية مختلفة. هذا يسمح لك بالتحقق ليس فقط من راحة العمل مع الوظائف ، ولكن أيضًا من إمكانية الكشف عنها.

إزالة الغموض عن فن تقديم ملاحظات البحث للمستخدم

قدمت داليا الشيمي من Shopify تذكيرًا ممتازًا لأبحاث المستخدم بقائمة مرجعية تفصيلية لكل خطوة. هذا مفيد بشكل خاص لفرق المنتجات الحديثة ، حيث يتم تنفيذها بشكل متزايد من قبل المصممين ومديري المنتجات.

ثلاثة أهداف لاختبار قابلية الاستخدام

يذكرنا Jim Lewis و Jeff Sauro بالأهداف الرئيسية الثلاثة لاختبار قابلية الاستخدام: اكتشاف المشكلات ، والمقارنة بمقياس معين أو واجهة أخرى. يتم وصف جوهر كل منها بشكل جيد.

10 أشياء يجب معرفتها حول مجموعة أدوات Microsoft Desirability Toolkit

يناقش جيم لويس وجيف ساورو ميزات مجموعة أدوات Microsoft Desirability Toolkit.

الآثار الثقافية على جداول التصنيف

درس Jeff Sauro تأثير الثقافات المختلفة على توزيع الاستجابات في استطلاعات الرأي مثل NPS. فرضيته: قد يؤثر هذا على انحياز الإجابات نحو أكثر وضوحا أو محايدة.

اشحن أبحاثك الرشيقة UX من خلال الإرشادات المعرفية غير الرسمية

تتحدث فالنتينا ستراكان من مايكروسوفت عن التحليل المعرفي خطوة بخطوة للواجهة. هذا يسمح لك باكتشاف بعض المشاكل في الواجهة بخبرة.

قالب المفهوم النهائي لإجراء اختبارات كفاءة استخدام فعالة

نشرت Inês Duvergé مذكرة اختبار قابلية الاستخدام في المفهوم. القالب نفسه .

عشرة أشياء تعلمتها كباحث في تجربة المستخدم في Uber

يروي الباحث في UX Minal Jain من Uber العديد من قصص الحياة من خبرة الشركة وفهم المستخدم.

التصميم مناسب أم لا - كيفية التحقق فقط من مظهر المنتج ، وليس تجربة العميل بشكل عام

تتحدث Elena Borodina عن اختبار التصميم المرئي في Gazprombank. باستخدام اختبار مدته 5 ثوان ، تم جمع ردود الفعل الرئيسية - إلى أي مدى تتوافق مع التوقعات الأولية للفريق.

التحقق من المهام التي يتعين القيام بها دون التحدث إلى العملاء

يتحدث سيرجي بوريزيوك من PandaDoc عن كيفية تحديد احتياجات العملاء لتجميع وعد العلامة التجارية من الكلمات الرئيسية في مراجعات المنتج.

5 أشياء يمكن أن يفعلها باحثو UX بشكل مختلف - انعكاس بعد تسريح العمال من Uber

تقوم إلسا هو بتحليل فصل العام الماضي من نصف الباحثين المستخدمين في أوبر فيما يتعلق بإعادة التنظيم. ما هي استنتاجات عملية وشكل العمل التي يمكن استخلاصها من هذا (وما إذا كان من الضروري إذا كان هذا يمكن أن يكون سمة لشركة معينة).

البرمجة والتصميم المرئي في المتصفح

مخطوطات جديدة

أعادت سارة فوسهايم رسم توضيحي لكاميرا CSS Polaroid .
تأثير الجزيئات التي تطير حول الجسم في الصورة .
تقسيم الصورة إلى صورة مذهلة .
نقي CSS نمط مولد الخلفية .
يبدو أن الاتجاه الأكثر مخزية في السنوات الأخيرة سيكون بالتأكيد في كل مكان. مولد الظل للعناصر غير الصرفية على الويب .
الرسوم المتحركة مع حركة النص على طول المسار .

التوفر

يوضح Adam Silver كيفية إنشاء حقل إدخال مع مطالبات وإكمال تلقائي مع مراعاة متطلبات إمكانية الوصول للمستخدمين ذوي الإعاقة.

المقاييس وعائد الاستثمار

8 التلاعبات في صافي المروج - أيهما يهم؟

جمع جيف سورو وجيم لويس جميع أبحاثهما المصغرة حول ميزات استخدام مصادر القدرة النووية.

إدارة التصميم و DesignOps

Vectorly - التعلم والتطوير لفرق المنتج

تتيح لك الخدمة الحفاظ على خرائط الكفاءة لفريق التصميم. التقييم وتحديد الأهداف وتتبع المهام الحقيقية.

حساب عائد الاستثمار لمشاريع التصميم في 4 خطوات

تذكير رائع لكايت موران من مجموعة Nielsen / Norman لحساب تصميم العائد على الاستثمار. كيفية اختيار المقاييس المناسبة وتحويلها إلى أموال.

قم بإلغاء تجزئة التقويم الخاص بك لتركز عقلك

نصائح لتنظيم مدير تصميم التقويم من Mia Blume. كيفية تنظيم دفق لا نهاية له من الاجتماعات.

كيف نوظف مصممي المنتجات

يصف Monzo's Zander Brade عملية توظيف المصممين لشركة. تعليمات خطوة بخطوة.

التسوية الشهرية للفوز

تقدم ليزلي يانج من Open Table نصائح حول كيفية العمل بانتظام على خريطة الكفاءة. كيف ونوع الاجتماعات التي يجب إجراؤها للمضي قدمًا فيها.

حرفة قيادة فرق نائية

تقدم Alaine Mackenzie من Shopify نصائح حول إدارة فرق التصميم عن بُعد. وتشير إلى أن التعقيد يعتمد على درجة التوزيع ، ومن الغريب أن الطريقة الأسهل هي مع الأشخاص المشتتين تمامًا - فلا توجد مجموعة محلية تصبح حتمًا جوهر جميع الأنشطة.

قيم ، اجتمع ، تضخم

يتحدث سكوت ستروبيرج عن قاعدة معارف التصميم الداخلي لشركة IBM. هناك القليل من التفاصيل والوصول مغلق ، ولكن مثال مثير للاهتمام لتصنيف المعلومات المرجعية.

العمل بروح الفريق الواحد

ورش عمل تجربة المستخدم مقابل الاجتماعات - ما الفرق؟

قدمت كيت كابلان من مجموعة Nielsen / Norman مذكرة عن الاجتماعات وجلسات العمل التي يمكن لفريق التصميم إجراؤها. كما يوضح الفرق بين التنسيقات والتوصيات للاستخدام في المواقف النموذجية.

إدارة المنتج والتحليلات

النمو من خلال إنشاء منتجات جديدة للجمهور الحالي للشركة

يحلل Oleg Yakubenkov المواقف التي يمكن أن تنمو فيها شركة كبيرة من خلال إنشاء منتجات جديدة لجمهورها الحالي.

الحالات

كيف تستخدم Waymo التصميم لخلق الثقة في السيارات ذاتية القيادة

يحلل Casper Kessels واجهة سيارة Waymo المستقلة التي يراها الراكب أثناء السفر. الترجمة .

كيفية إعادة التصميم ، دليل خطوة بخطوة

يصف Taras Bakushevich من Windmill Solutions أسلوبه في إعادة تصميم الواجهة.

كيف قمنا بتحديث واجهة Yandex.Zen في سطح المكتب: عملية التصميم

تتحدث أوليانا سالو عن تحديث واجهة Yandex.Zen. كيفية تحسين الملاحة وتدفق المعلومات.

تغييرات غير مرئية

تتحدث سارة كليرمان من Medium عن إعادة هيكلة تصميم صفحة مقال وتحسين نظام التصميم له.

مكتبة للاتصال بنفسك

يتحدث Raymonst عن إعادة تصميم وظيفة الحفظ إلى المفضلة في Medium.

العلامة التجارية للمنتجات الرقمية

Skyeng

إعادة تسمية Skyeng بواسطة Shuki. تحديث وإضافة طابع شخصي ودعم بنية العلامة التجارية المتنامية. التطبيق على الواجهة نفسها ، ومع ذلك ، لا يظهر. الحال في المحفظة .

Mixcloud

إعادة تسمية خدمة الموسيقى Mixcloud من British Output. استقبال جيد مع اختراق موجة صوتية خاصة في الشعار والخط والرسوم المتحركة والتفاصيل الأخرى. الحال في المحفظة .

Eventbrite

تقويم أحداث Rebranding Eventbrite من Moving Brands. هناك أمثلة على عمليات الهبوط على الويب ، على الرغم من عدم وجود الكثير من الشخصيات. الحال في المحفظة .

Tripadvisor

Rebranding دليل السفر TripAdvisor من نيويورك تصميم الأم. مثال جيد على التبسيط والانتعاش البسيط دون إجهاد. الحال في المحفظة .

قصة

في التفكير التصميمي

تحليل جيد لتاريخ ظهور التفكير التصميمي والنهج المنهجية بشكل عام للتصميم من ماجي جرام. وبطبيعة الحال ، مشاكل في تسويقها ، عندما يتم تطبيق هذا التصنيف خارج المكان.

لوحة أجهزة Xbox ، تاريخ مرئي

لقد فكك كاميرون فولكنر تطور الواجهة لجميع إصدارات Xbox.

اتجاهات

2020 الاتجاهات الإبداعية - اتجاهات التصميم المستندة إلى البيانات

الاتجاهات في التصوير الفوتوغرافي من Shutterstock.

التصميم الخوارزمي

Lingua Franca - لغة تصميم للذكاء الاصطناعي المتمحور حول الإنسان

لغة تصميم خوارزمية من تدوين قياسي. المبادئ والأنماط والعمليات.

Free Logo Maker - إنشاء شعارك في 5 دقائق

مولد الشعار من Fiverr. إنه أمر مضحك ، لأن هذا هو بالضبط نوع من المستقلين غير المكلفة الذين يجب أن يعانون من التصميم الخوارزمي.

ماذا يعني الويب القابل للطي في الواقع؟

يقوم فريدريك أوبراين بتحليل ميزات التخطيط للأجهزة ذات الشاشات المرنة. هل تختلف عن الدعم المعتاد للقدرة على التكيف وما هي المعايير والتطورات الموجودة بالفعل.

للتطوير العام والمهني

ترين فالبي ، مارتن مايكل فريدريكسن وكيم أندرسن - دليل التصميم الأخلاقي

أصدرت مجلة Smashing كتابًا جديدًا. يركز على الأخلاق الحديثة عند إنشاء منتجات رقمية تتجنب الأنماط المظلمة. نظرة عامة .

ستة تمارين للتغلب على هضبة المهارة كمصمم

يقدم ريتشارد يانغ نصائح حول تعزيز مهارات مصمم المنتجات. التمارين والدورات والكتب ونهج التطوير نفسه.

أهم مهارة تصميم تم تجاهلها

ينصح كريس لي المصممين بتعلم كيفية تحليل عملهم ودورهم في المنتج. سيساعد ذلك على النمو بشكل أفضل ويجعل المقابلات أكثر فعالية.

الناس والشركات في الصناعة

الموقف تجاه فرق تصميم المنتج: 2019

في الخريف ، بدأ دراسة المواقف تجاه فرق تصميم المنتجات في روسيا. جمعت النتائج أخيرا. شارك 1260 شخصًا - ضعف عدد المشاركين في عام 2018 ، على الرغم من أنه للحصول على نتائج نوعية ، من الأفضل أن تأخذ في الاعتبار (سأأخذ في الاعتبار في عام 2020).

في روسيا ، هناك ما يكفي من شركات الأغذية القوية والفرق مع المصممين الأقوياء والمنتجات الدولية القوية. يساعد العديد منهم مجتمع التصميم في المؤتمرات والاجتماعات والمسابقات وغيرها من الأشياء المفيدة.

مثل هذا التصنيف سيكون مفيدًا للسوق. يجب على المصممين فهم أفضل حيث توجد تحديات جيدة وبيئة مريحة للنمو المهني. الشركات وفرق التصميم - تعرف على ما يلزم تنزيله. ستكون هذه أداة مفيدة لتقييم الاستثمارات في العلامة التجارية للموارد البشرية.

تم جمع المكافأةقائمة بفرق تصميم المنتجات البارزة مع روابط لمواقعهم ومدوناتهم وأنظمة التصميم. كما ترون ، هذا يكرر التقييم بالكامل تقريبًا :) حتى الآن ، الإصدار التجريبي ، لكنني سأقوم بتطويره بنشاط ، سيجعل إضافة جيدة إلى Design Systems Club .

في الوقت نفسه ، أعاد تصميم موقع الكتاب القادم حول إدارة التصميم . حتى الآن ، من المرجح أن تنتقل إلى منصة جديدة ذات أساس للمستقبل.

شكر خاص لمجتمعات التصميم التي ساعدت في جمع الإجابات. بادئ ذي بدء - أودي والبحث عن المصمم .

التصميم في Sberbank

موقع فريق تصميم بنك سبيربنك.

وفاة لاري تيسلر ، رائد واجهة المستخدم المسؤول عن القص والنسخ واللصق ، عن 74 عامًا

لاري تيسلر، واحدة من الشخصيات الرئيسية في تاريخ الواجهات الحديثة، مات :(
كان يعمل في الأسطوري مختبر زيروكس PARC، ومن ثم في السنوات الذهبية الأولى من أبل. واقترح مفهوم نسخة ولصق بينما كان يعمل على تحرير نص تجريبي ، دعا إلى رفض طريقة في الواجهات. وكان الفضل في تأليف العبارات الرئيسية "سهل الاستخدام" و "ما تراه هو ما تحصل عليه." وكان واحدا من أولئك الذين أظهروا إنجازات زيروكس PARC لستيف جوبز (وساعد أيضا على تعريفهم إلى ماكنتوش من داخل أبل). ويبدو من هذا العصر ظلت الأساطير آلان كاي فقط.

وقائع المؤتمر

قمة قادة التصميم 2019

عُقد مؤتمر إدارة التصميم لقمة التصميم لعام 2019 في الفترة من 4 إلى 5 نوفمبر في تورنتو. نشر تسجيلات الكلام.

Facebook, , ― . , , , , , , , , , . .

ملخص تصميم الطعام ، فبراير 2020