تقوم الخلاصة بجمع مقالات جديدة عن تصميم الواجهة ، وكذلك الأدوات والأنماط والحالات والاتجاهات والقصص التاريخية منذ عام 2009. أقوم بتصفية مجموعة كبيرة من الاشتراكات بحيث يمكنك ترقية مهاراتك المهنية وحل مهام العمل بشكل أفضل. الإصدارات السابقة:
أبريل 2010 - ديسمبر 2018 .
الأنماط وأفضل الممارسات
مجموعة من الأمثلة لأصوات واجهة الخدمات الشهيرة. في البداية هناك سكايب وسلاك وفيسبوك وأبل.
أدلة Google لأفضل الممارسات
قامت الشركة بتفكيك العديد من العلامات التجارية المعروفة:
السفرالماليةمواقع الأخبار والمحتوىالتسوق عبر الإنترنت المحمولالعقاراتمواقع الترويجمكتبة أنماط تطبيقات المحمول. يمكن الحصول على كل مثال في الكود.
استكشف Growth Rock أكبر 40 متجرًا على الإنترنت في الولايات المتحدة ، وسلط الضوء على أنماط الدفع الرئيسية في إصدارات الأجهزة المحمولة الخاصة بهم. لقد أجروا بعض اختبارات A / B على النماذج الأولية ، والتي تبدو مشكوك فيها. لكن كقائمة مرجعية ، إنها جيدة.
Raluca Budiu من Nielsen / Norman Group يوزع أنماط محادثات الدعم الجيدة. إيجابيات ، سلبيات ، المزالق.
مجموعة من أنماط الواجهة مع التركيز على الراحة النفسية للمستخدمين. إنها حتى الآن مجرد ملء ، ولكن النهج مثير للاهتمام.
يُظهر فريق Codea مثالًا مثيرًا للاهتمام لقائمة في iOS للأدوات الاحترافية - إنه أقرب إلى منتجات سطح المكتب.
الجزء 2يوزع Drew McLellan دعم المستعرض لحقول الإدخال لتنسيقات البيانات المختلفة (الهاتف ، التاريخ ، إلخ). يوجد دعم ، لكن جودته عائمة جدًا ، وغالبًا ما يكون من الأفضل التحكم بنفسك.
يعالج كيم فلاهيرتي وكيت موران من مجموعة نيلسن / نورمان مشاكل أنظمة التوصية التي تدفع المستخدم إلى فقاعة من نفس المحتوى.
يوضح Colin Eagan كيف يمكنك تصميم الخدمات التي تنطوي على التخصيص.
تصميم النظم والمبادئ التوجيهية
نظام تصميم الشركة المحلية BARS Group (ابنة روستك).
يوضح Ryan Cordell من Deliveroo كيف قام الكُتاب الأماميون بدمج قواعد العمل مع النصوص في نظام التصميم.
فهم المستخدم
تواصل كاتي شيروين وجاكوب نيلسن قصة دراسة مجموعة نيلسن / نورمان الجديدة عن استخدام واجهات للأطفال من مختلف الأعمار. يشير هذا المقال إلى الاختلاف في إدراك أنماط الواجهة النموذجية.
هندسة المعلومات والتصميم المفاهيمي واستراتيجية المحتوى
يقدم كل من Flávia Lacerda و Mamede Lima-Marques و Andrea Resmini نموذجهم لهندسة المعلومات لإنترنت الأشياء.
أدوات تصميم واجهة جديدة
يسمح لك تطبيق Mac بإدخال جهاز في نموذج اللوح وعند تدويره بالطريقة ثلاثية الأبعاد حسب الحاجة.
أدوبي xd
تحديث ديسمبر . سحابة التخزين من تخطيطات وتلميحا للتعاون كما هو الحال في Figma. كما يعدون بإصدار وتنظيم مكتبة مختصة من المكونات للفريق.
فيجما
كيفية عمل نماذج أولية للواقع المعزز في مجموعة من أدوات Figma و Torch .
في ديسمبر ، ظهرت النسخة التجريبية 53 من Beta (وتم إصدار الإصدار بالأمس). إعدادات أكثر دقة لخصائص تغيير الأحرف وواجهة أكثر ملاءمة لاستبدالها.
الإضافات
MakeUI : مصمم عدة واجهة المستخدم
للرسم . يمكنك تحديد المعلمات الرئيسية لعناصر الواجهة (الألوان ، دائرة نصف قطرها شرائح ، وما إلى ذلك) ، في الإخراج ستحصل على مكتبة من الأحرف.
Pointbreak : يسمح لك بعمل تخطيطات
سريعة الاستجابة .
المقالات
يصف فريق تصميم Monzo هيكل التصميم وتنظيم اللوحة الفنية . إنها محددة ، ولكنها مثيرة للاهتمام كيف تقوم الفرق المختلفة بذلك.
تيلدا
نظرة عامة على الميزات الجديدة التي تم إطلاقها في عام 2018 .
Webflow
مجموعة من القوالب والموارد الداعمة الأخرى .
لقد تم إصدار الإصدار الثاني من الأداة. الآن هذا ليس مجرد نماذج أولية ، ولكنه أداة تصميم من قطعة واحدة مع القدرة على تصدير التعليمات البرمجية ونشر الموقع. التعاون مرفق.
تدفق
أطلقت مدونة حول واجهة الرسوم المتحركة .
مضيئة
يوضح الأمر
ما يمكن القيام به باستخدام الأداة .
أداة نماذج جديدة مسلية على الإنترنت. اختر موقعًا ترويجيًا من القالب ، وقم بتغيير النصوص وانظر إلى الجهاز.
مولد لوحة ألوان مرنة إلى حد ما ومثيرة للاهتمام. مقاربة جديدة لآلاف القرارات الأخرى المتعلقة بالموضوع والتي تعمل كل نصف ساعة.
مولد لوحة الألوان للمستخدمين ذوي الإعاقة.
وخدمة واحدة من الرسوم التوضيحية الأسهم التي يمكن تخصيصها لتناسب وضعك. كما أنها توفر نماذج تسليم المواقع الترويجية نفسها.
مصمم آخر للمواقع الترويجية. يتم تقديمه بناءً على الذكاء الاصطناعى ، ولكن على ما يبدو ، فهذا يعني أشياء بسيطة للغاية. من بين الميزات المثيرة للاهتمام التطبيق المرن لسمات التصميم (يمكنك تغيير لوحة الألوان بشكل منفصل وسلاسة ومجموعة الخطوط ونوع عناصر التحكم).
أعجوبة
قوالب لتصميم جلسات العمل .
بحث المستخدم والتحليلات
خدمة للعمل مع قاعدة المعرفة من الأفكار. تجميع التعليقات من مصادر مختلفة ويساعد على صياغة خطة منتج بناءً عليها.
وخدمة أخرى مماثلة للعمل مع قاعدة المعرفة من الأفكار. هناك الكثير منهم الآن.
تساعد الخدمة في الاحتفاظ بقاعدة بيانات للمستجيبين للبحث عن المستخدمين وإيجاد أخرى.
كول تعليمي بحث المستخدم عبر الإنترنت من مقابلات المستخدم. يصف الأساسيات وطرق الاستكشاف والتحقق من الصحة / الاختبار واختيار المستجيبين والأدوات وبناء فرق البحث.
يصف دان براون من EightShapes المهام النموذجية لاختبار التنقل في الموقع.
يتحدث Andrea Drugay في Dropbox عن تنسيق جلسات بحث المستخدم المنتظمة السريعة. مرة كل أسبوعين ، يقومون بدعوة العديد من المشاركين الذين يتواصلون مع فرق المنتجات بتنسيق "تاريخ سريع".
يوضح Erika Hall الفرق بين سؤال المستخدم البحث نفسه والسؤال المحدد للمقابلة مع المستخدم. غالبًا ما يربكهم مديرو المنتجات والعملاء الآخرون ويتوصلون إلى طريقة محددة في رؤوسهم ، على الرغم من أن سؤال البحث الذي تم صياغته بشكل صحيح قد يتطلب اتباع نهج مختلف تمامًا.
يوزع جيم روس الأخطاء الشائعة عند تخطيط وإجراء البحوث المخصصة.
درس Jeff Sauro سبب مشاركة المستخدمين في استطلاعات الرأي المجانية وكيف تختلف تصنيفاتهم عن تلك المدفوعة.
تقدم كيت موران المشورة بشأن المواقف التي تتناقض فيها بيانات دراسات الوصلات المختلفة مع بعضها البعض. كيفية التحقق من البيانات والأساليب والتصرف بشكل عام بشكل صحيح.
يوضح Jeff Sauro كيفية التحقق من جودة أي مقياس تم الحصول عليه من استطلاع رأي المستخدم (مثل NPS).
البرمجة البصرية والتصميم في المتصفح
مخطوطات جديدة
البرامج النصية الأكثر شعبية للرسوم المتحركة لعام 2018 على CodePen .
برنامج نصي للرسوم المتحركة الفعالة للتيارات القائمة على الخطوط .
يتيح لك البرنامج النصي تقديم الكائن في شكل جسيمات متحركة تستجيب للتفاعل .
anime.js : إطار جافا سكريبت للرسوم المتحركة الأمامية.
البرامج النصية الأكثر شعبية للرسوم المتحركة لعام 2018 على Codrops . وضعت Mary Lou مع Codrops
أفضل تجارب 2018 مع تطبيق التفاعل في المتصفح .
برنامج نصي لعرض مذهل لمعرض للصور .
شبكة المغلق و Flexbox
CSS Grid Guide for Designers by Johna Paolino of the NY Times .
العمل مع SVG
تصف سارة سويدان أساسيات العمل مع مرشحات SVG وقدراتها .
الجزء 2يشرح Addy Osmani خطوات تحميل صفحة الموقع ويسلط الضوء على النقاط الحرجة التي يتوقع المستخدم من خلالها أن يرى ليس فقط المحتوى الرئيسي ، ولكن أيضًا أدوات تفاعل العمل. انه يعطي حسابات تأثير هذه المراحل على التحويل.
المقاييس والعائد على الاستثمار
تختبر دراسات NPS الكلاسيكية تأثير المقاييس على الأرباح المستقبلية لشركة مألوفة. حاول جيف ساورو حسابه لمنتجات البرمجيات. هناك اتصال (حوالي 40 ٪ من دقة التنبؤ من خلال NPS و SUS) ، على الرغم من عدم وجود أمثلة كافية للعينة.
إدارة التصميم و DesignOps
تنمو فرق التصميم في شركات الأغذية بسرعة ، مما يعني أنك بحاجة إلى التفكير في صحتهم الداخلية. أحد الشواغل الرئيسية هو توفير مخطط مفهومة للنمو المهني ، بحيث يكون المصممون مهتمون ويشعرون أنهم يمكن أن يصبحوا أقوى. استخدم موظفو شؤون الموظفين منذ وقت طويل بطاقات المهارة (بطاقات الكفاءات) التي تساعد على تسليط الضوء على نقاط القوة والضعف لدى الموظف ، ثم ضخها عن قصد. الأداة ليست جديدة ، لكن المصممين سمعوا عنها قبل بضع سنوات فقط. قام بجمع أمثلة من الخرائط من Basecamp و Buzzfeed و Coryndon Luxmoore و Facebook و Figma و Lyst و Mail.ru و Ope و Peter Merholz و Zendesk.
اقترحت InVision نموذج نضج التصميم الخاص بها . هذه هي 5 مراحل من نمو فريق التصميم - من فنان إلى صاحب رؤية. جمع نماذج مميزة أخرى لنضج التصميم التي ظهرت على مدار أكثر من 20 عامًا: جوناثان تراثي ، روزا وو وجيس ماكمولين ، جاكوب نيلسن ، المركز الدنماركي للتصميم ، فورستر ، هيومن فاكتورز إنترناشيونال ، HIMSS ، Mail.ru Group ، Keikendo ، Macadamian ، Nomensa ، Infosys ، معهد إدارة التصميم ، ريتشارد بانفيلد ، ناتالي هانسون ، سابين جونجنجر ، ديفيد سيرفيس ، ستيفان كلوسيك ، جبروكير سينترال. وهذه ليست سوى أكثر من خمسين.
يصف برنامج Software Response Liam Friedland خريطة كفاءات مصمم المنتجات. إنه مفصل تمامًا - يتم عرض ما يجب أن يكون اختصاصيًا قادرًا على فعله في كل مستوى.
إطار إدارة تصميم رائع من قبل كاثرينا ويبر. قامت بتقسيم جميع الأنشطة إلى خمسة مستويات: الشركة ، الإستراتيجية ، الفريق ، المنتج ، المصمم.
كيف تعمل فرق التصميم الشهيرة
ساشا جريشين عن Badoo .
لينا كوليكوفا عن بنك رايفايزن .
يتبادل Bob Thomas و Jen McGinn الخبرة في تنظيم جلسات توجيه واسعة النطاق للمبتدئين في المصممين أو لأولئك الذين يرغبون في تحقيق تقدم كبير في حياتهم المهنية. لقد عقدوهم في المؤتمرات.
تفاعل الفريق
تتحدث إرين وو عن تنسيق الزيارات الأسبوعية لمصممي المحمول MS Outlook. يجتمع الزملاء من مدن مختلفة ويحلون مشاكل المستخدمين الذين طالما أرادوا الوصول إليها.
جيمس روتانسون من أتلاسيان يقدم نصائح تخصيص جيرا للمصممين. انه يعطي مثالا على عمل فريقه.
تقدم جيني وين من فريق Dropbox Paper نصائح حول كيفية عمل المصممين والمطورين معًا. كيفية تبسيط الحياة للزملاء وتحسين العمل الجماعي.
الحالات
قصة جيدة حول إعادة تصميم YouTube غير المرغوب فيها من براميتي آر خان.
تتحدث ماريسا تشان عن إعادة تصميم أدوات تتبع الطلاب الداخلية في أكاديمية ريد.
القصة
في يناير 2019 ، سيتم الاحتفال بالذكرى المئوية لمدرسة باوهاوس الأسطورية ، أحد مؤسسي التصميم الحديث. جمع الموقع الرسمي للذكرى جميع الأحداث والمواد حول هذا الموضوع.
مقارنة بين المواقع الشعبية والإصدارات قبل 10 سنوات. قبل عامين ، اكتشفوا إصدارات قبل 20 عامًا ، كان الأمر أكثر إثارة للاهتمام - في عام 2009 ، كان الإنترنت بالفعل ناضجًا تمامًا ولم تكن هناك لعبة على الإطلاق.
المكافأة:
مجموعة من مواقع Pinterest القديمة .
الاتجاهات
إحصاءات السوق (جميعها 2018)
100M -
الأجهزة التي تباع مع الأمازون اليكسا1B -
الأجهزة مع تثبيت مساعد Google900M -
iPhone في متناول اليد في العالمأقيم المعرض السنوي للبراعة الفنية واللعبة CES 2019 في الفترة من 8 إلى 11 يناير في لاس فيجاس. كالعادة ، أظهروا الكثير من الطاعون وأشياء الطاعون. الشيء الأكثر إثارة للاهتمام حول واجهات: يتم دمج واجهات الصوت في الدش والسدادات الرئيسية ، يمكنك بالفعل شراء الهاتف الأول بشاشة مرنة ، طن من الأجهزة المنزلية ، واجهات السيارات ، والأجهزة القابلة للارتداء ، والواقع الافتراضي والمضاف ، وأجهزة التلفزيون ، وبالطبع ، بواعث الرائحة.
واجهات صوتية
اقترحت Microsoft إضافة القدرة على إعطاء الأوامر للمساعدين الصوتيين في الهمس. بتعبير أدق ، قرأوا التنفس أثناء النطق بلا معنى لهذه العبارة. سيساعد هذا كثيرًا في المواقف التي تحتاج فيها إلى التزام الصمت - فقد تم اعتبارها دائمًا نقطة ضعف في واجهات الصوت.
شاشات مرنة
هناك المزيد والمزيد من المفاهيم والمنتجات الحية. ولم ننتظر بعد معرض
Mobile World Congress في يومي 25 و 28 فبراير ، حيث سيكون هناك بالتأكيد المزيد منهم. يبدو أنه في النهاية ستبدأ حركة مثيرة للاهتمام في واجهات الأجهزة المحمولة ، حيث أصبح كل شيء متوقعًا للغاية.
حصل Royole على لقب أول منتج تجاري من Samsung - يمكن شراؤه بالفعل. تأتي مع لوحة مفاتيح خارجية قابلة للطي ، مما يجعل الانطباع العام أكثر مستقبلية.
مراجعةأظهرت رسميا مفهوم
تسربت سابقا من هواتفهم مرنة. وضعت في اتجاهين.
براءات الاختراع المضايقين جيل جديد من الهاتف الأسطوري مع شاشة مرنة.
إن عرض Rupert Platz ، على الرغم من أنه تم إصداره قبل عام ونصف العام ، جديد تمامًا كما لم يحدث من قبل - إلا أنه يعلمك أن تفصل الحبال الضيقة عديمة الفائدة عن الأساليب المفيدة حقًا وأفضل الممارسات. من خلال هذا النهج ، يمكنك إبعاد أي موضوع ساخن وفهم ما إذا كنت ستعمل بعده أم لا.
واجهات السيارة
تقدم
مرسيدس CLA الجديدة
تحكمًا في الإيماءات .
يقول دون نورمان وإيلي سبنسر إنه ينبغي على هذه المهنة أن تتجه نحو مساعدة المجتمعات المحلية في إيجاد حلول التصميم بأنفسهم. يلعب المصممون في هذه الرؤية دور الميسرين الذين يقومون بتدريس الأساليب والأساليب المهنية للناس العاديين.
يتساءل توماس بيتيبير أيضًا لماذا أصبحت المنتجات والعلامات التجارية الرقمية الحديثة هي نفسها. يحدث هذا في مجالات أخرى - الأزياء ، المقهى ، إلخ.
الواقع الافتراضي والمضاف
جمع جليب كوزنتسوف العديد من مفاهيمه عن واجهاته في سياق الاتجاه العاطفي .
يصمم مصممو فورد بعض السيارات في الواقع الافتراضي .
جمع نيكولاي بابيتش مجموعة مختارة من مفاهيم التطبيق المثيرة للاهتمام باستخدام الواقع المعزز .
للتطوير العام والمهني
تتحدث Curt Arledge من Viget عن تعقيد تطبيق أخلاقيات التصميم ، لأن تأثيرنا على البنية التحتية ومستويات العمل محدود للغاية ، ومعظم المشاكل تأتي من هناك.
دورة تدريبية عبر الإنترنت في واجهة يوفال كيشتير.
الناس والشركات في هذه الصناعة
تستعرض المرحلة كيف يعمل التصميم في مدن مختلفة حول العالم وأصدرت قصة حول النظام البيئي المهني في موسكو. أنا وضعت في خمسة كوبيل حول سبب وجود سوق قوي وناضج إلى حد ما وأي فرق تستحق المشاهدة.
حول التصميم المحلي لا يسمع بشكل خاص في الخارج. السوق كبير بما فيه الكفاية بحيث يكون لدى الشركات ما يكفي للعمل من أجل جمهور داخلي ، حتى لا تكون هناك حاجة ملحة للتألق على نطاق عالمي. ونتيجة لذلك ، فإن معظم البرودة الحالية لا تذهب إلى المجتمع الدولي ، على الرغم من وجود ما يكفي من المنتجات والفرق القوية. وما هو الأكثر هجومية - فهو يجعل المصممين المحليين أنفسهم لنشر تعفن أكثر من اللازم. بالطبع ، هناك ما يكفي من المتخصصين الضعفاء ، كما هو الحال في أي مكان آخر. ولكن من الأصح النظر إلى الصورة الكبيرة ، وهي في مستوى جيد.
قصة عن مختبر أبحاث
مجموعة المستقبل للواجهات الذي يعمل في جامعة كارنيجي ميلون.
ياندكس فريق التصميم بلوق.
سبوتيفي تصميم فريق مدونة.
وقائع المؤتمر
تم إطلاق
كتالوج جيد
لمؤتمرات التصميم لعام 2019 . يوجد الآن 117 حدثًا حول العالم.
يعرف المستخدمون المتقدمون للكمبيوتر الشخصي منذ فترة طويلة عن
Find UX Events - أفضل مصدر وقاعدة للمعرفة لأحداث التصميم ، حيث توجد بيانات لبضع سنوات مقبلة (
اختيارهم ). لسوء الحظ ، توفي كتالوج معقول آخر ،
Lanyrd ، وفاة الشجعان.
لفترة طويلة ، تم إنشاء مجموعات على أساس هذه الفهارس من قبل مجلة Smashing ، لكنها توقفت مؤخرًا.
تم اعتراض اللافتة بواسطة UX Collective .
على ما يبدو ، سيتم إطلاق قوائم المؤتمرات أكثر من مرة. على سبيل المثال ، تم فتح
designconf.site مؤخرًا. ليس الأكثر اكتمالا ، ولكن إلى الكومة.
الجدول الذي يأخذون منه البيانات.
قمت بزيارة عدد لا بأس به من المؤتمرات والمهرجانات وورش العمل والاجتماعات المحلية والدولية في السنوات الأخيرة. خلصت لنفسي إلى أن هناك ** نوعان من المحتوى ويستحق زيارتهما للمهمة:
المؤتمر العام
هذا في المقام الأول يتعلق بالإلهام ، لأنه من الصعب توقع ضخ بعض المهارات من محتوى عن كل شيء دفعة واحدة. ستحصل على معلومات جيدة عما يجري الحديث عنه في المهنة ، وتهمة حيوية من أجل مواكبة الاتجاهات. في هذا الصدد ، أحببت
Amuse (بودابست) ،
UXLx (لشبونة) و
OFFF (برشلونة). وكان من المثير للاهتمام
جوجل سبان (لندن). من
عطلات نهاية الأسبوع المحلية (مدن مختلفة) تعمل بشكل جيد
ومؤتمر تصميم Mail.ru الخاص بنا
× Dribbble Meetup (موسكو). لفترة طويلة أريد الوصول إلى مؤتمر Awwwards والتفاعل.
متخصصة للغاية
إدارة التصميم ، أنظمة التصميم ، العلامات التجارية ، الطباعة ، إلخ. هذه طريقة رائعة لضخ مهارة محددة وتعميق المعرفة في الموضوع. هنا ،
جاء كل من MXConference / LXConference (سان فرانسيسكو) و
DesignOps Summit (نيويورك) لإدارة التصميم ومجموعة
Silver (موسكو)
للطباعة . في مكان ما عند التقاطع بين
صيغتي أكاديمية فيوتشر لندن (لندن). خيبة أمل كبيرة -
وضوح (سان فرانسيسكو) يزعم لأنظمة التصميم. هذا العام سأصل إلى
العلامة التجارية الجديدة (الولايات المتحدة الأمريكية) للعلامة التجارية
والتصميم الرائد (لندن) لإدارة التصميم.
لذلك ، بالنسبة إلى السؤال "أي مؤتمر تنصحني به" ، كثيراً ما أجيب: اعتمادًا على ما تريد أن تعرفه. وصفت نهجي أعلاه.
بشكل منفصل ، ألاحظ أنه من الأهمية بمكان الاستماع بفعالية وطرح الأسئلة. يتوقع الكثيرون أنه بمجرد وصولهم إلى غرفة جميلة مع مكبرات صوت أنيقة ، سوف تنتشر أشعة المعرفة عليهم تلقائيًا. Nifiga ، شباب - في المؤتمرات ، من المهم الاستماع بعناية وتدوين الملاحظات وطرح أسئلة على المتحدثين. خلاف ذلك ، سيكون لديك فقط مشروب جيد وجلب بعض الهدايا التذكارية ، وبعد ذلك سوف تكون جندوز ، كما يقولون ، لم تفاجأ.
عقد مؤتمر قمة تصميم القيادة 2018 لإدارة التصميم في 29 سبتمبر في تورونتو. تسجيلات الفيديو المنشورة من العروض.
اشترك في الملخص على Facebook أو VKontakte أو Telegram أو عن طريق البريد - تظهر روابط جديدة كل أسبوع. شكراً لكل من يشارك الروابط في المجموعة ، وخاصة جينادي دراغون ، بافيل سكريبكين ، دميتري بودلوجني ، أنطون أرتيموف ، دينيس إفريموف ، أليكسي كوبيلوف ، تاراس بريزيتسكي ، إفغيني سوكولوف وأنتون أولينيك.