تقوم الخلاصة بجمع مقالات جديدة عن تصميم الواجهة ، وكذلك الأدوات والأنماط والحالات والاتجاهات والقصص التاريخية منذ عام 2009. أقوم بتصفية مجموعة كبيرة من الاشتراكات بحيث يمكنك ترقية مهاراتك المهنية وحل مهام العمل بشكل أفضل. الإصدارات السابقة:
أبريل 2010 - يوليو 2019 .
الأنماط وأفضل الممارسات
تحليل واجهة اجتماع المستخدم الجديد في خدمة البريد الإلكتروني Superhuman.
تفصل Virginia Start في Shopify الفرق بين نماذج بيانات العناوين حول العالم. إنها تعطي خيارات لكل من الحقول الفردية ومجموعاتها.
يستمر Andy Clarke في سلسلة من التجارب بتخطيط مجلة مثير للاهتمام على الويب.
توني مورينو من IBM يكتب عن حلقة مفرغة من أنظمة الشركات غير الفعالة. أنها غير مريحة ، لذلك يستغرق بعض الوقت لطحنهم. في الوقت نفسه ، يقضي الموظف الكثير من الطاقة في محاربة النظام ولا يبقى في مكانه لفترة طويلة ، لذلك عليك البحث عن نظام جديد وقضاء بعض الوقت مرة أخرى في تدريبه.
تقوم آنا كالي من مجموعة Nielsen / Norman Group بتوزيع القواعد والأمثلة الخاصة بإنشاء صفحة اتصال جيدة على الموقع.
تدحض صفحة لاوبهايمر من مجموعة نيلسن / نورمان الأسطورة القديمة حول توفر أي مهمة بثلاث نقرات. يوفر مجموعة من تقنيات بنية المعلومات التي ستساعد على تحسين أي التنقل.
تحليل واجهة اجتماع المستخدم الجديد في خدمة حجز Hopper.
تحليل واجهة اجتماع المستخدم الجديد في خدمة المواعدة Tinder.
بيمارد معهد البحوث
تصميم النظم والمبادئ التوجيهية
الأبجدية الأنيقة لإنشاء أنظمة تصميم من Mike Dick من Survey Monkey. نصائح لإدارة النظام كمشروع ومنتج.
تتفاعل إطار نظام التصميم.
يتحدث فريق Vox Media بتفاصيل كافية حول التنفيذ المرحلي لدعم المستخدمين ذوي الإعاقة. من جانب التصميم والتطوير.
يتحدث فريق تصميم VMWare Clarity عن عملية تنفيذ الدعم للمستخدمين ذوي الإعاقة.
صنع المبدعون من Storybook نظام التصميم الخاص بهم للعمل على الإطار.
مستودع وقصة حول هذا الموضوع .
يتحدث ماركو باجليا من أوبر عن كيفية استخدام فريق التصميم لنظام التصميم الأساسي.
تتحدث Katarzyna Dziaduś من Netguru حول إنشاء نمط واحد من الرسوم التوضيحية ومصمم المؤامرة له.
تنشئ الخدمة مجموعة من الرموز المميزة لنظام التصميم استنادًا إلى الموقع أو التخطيط في Figma أو Sketch أو Adobe XD. ينتج ملف للمعالجات المسبقة. صحيح ، لا يمكن استخدام مثل هذا الرمز في منتج مباشر.
حول جاي فريستون يكتب أن مصطلح "تصميم استجابة" يفقد تدريجيا معناه. في عصر أنظمة التصميم ، تتكيف المكونات نفسها مع حجم الشاشة وستكون هناك حاجة أقل وأقل إلى تعيين المنطق في المستوى الأعلى. يسميها التصميم داخل الرحم.
يتحدث أريانا إسكوبار من Heroku عن تحسين تباين الألوان بشكل منهجي في نظام التصميم.
تصميم المواد
يتحدث ألن هوانغ وروهان شاه من فريق Android عن
الأبحاث التي جعلت المقاربة الجديدة المتمثلة في التنقل بالإيماءات هي الطريقة الرئيسية . تبدو المقايضة مثيرة للجدل (على سبيل المثال ، سيكون من الصعب دفع القائمة الجانبية) ، لكنها أداة.
ما الذي يمكن عمله مع الألواح العلوية والسفلية .
فهم المستخدم
تصف كارا بيرنيس من مجموعة نيلسن / نورمان طرق قراءة النص التي يمارسها المستخدمون في مواقف مختلفة. حول بعضها ، نشروا مقالات مفصلة منفصلة.
تتحدث Kara Pernice من مجموعة Nielsen / Norman Group عن نمط "طبقة الكيك" حيث يقوم المستخدمون بمسح المعلومات على الشاشة. هذه نسخة أكثر تقدماً من النمط F ، لأنها تستند إلى تسلسل هرمي كفء للمعلومات.
تصف كارولين جاريت وجانيس ريني ريش المشكلات في الصيغ لتقييم قابلية قراءة النص. غالبًا ما يتناقضون مع بعضهم البعض ويحلون المشكلة الخاطئة - يبسطون توصيل الكلمات ، وليس معنى النص.
تجربة مسلية تظهر بوضوح إزعاج استجابة استجابة الكمبيوتر عند طباعة النص.
تأكيد قليل على أنه أكثر ملاءمة للمستخدمين لحل المشكلات المعقدة خلف كمبيوتر بشاشة كبيرة أو كمبيوتر محمول. حسابات من دراسة مجموعة نيلسن / نورمان بواسطة كيت موران وكيم فلاهيرتي.
هندسة المعلومات والتصميم المفاهيمي واستراتيجية المحتوى
تعليمات سارة غيبونز من مجموعة نيلسن / نورمان حول إنشاء خرائط معرفية للمستخدمين. إنها تتيح لك فهم أفضل لفهمهم للموضوع أو الموضوع.
أدوات تصميم واجهة جديدة
ظهرت أداة العمل مع شبكة من العناصر المكررة ، المألوفة من Figma و Adobe XD ، - يمكنك تغيير المسافة بين الأعمدة والصفوف. في النسخة التجريبية ، يتغير حجم الأحرف مثل الأزرار تلقائيًا عند تغيير النص والمحتويات الأخرى.
أدوبي xd
تحديث أغسطس . إعادة تصميم لوحة المكونات الإضافية ، والتحرير في Photoshop ، وتصدير التعليمات البرمجية المتقدمة وتحسينات الواجهة الأخرى.
Flinto
كان هناك
استيراد من Figma وموضوع مظلم.
الإصدار الجديد يحتوي على مكونات. إعادة تصميم واجهة والعلامة التجارية المحدثة.
الدورات
أداة للرسامين والرسوم المتحركة في الواقع الافتراضي من Facebook.
تقدم الخدمة لقطة شاشة جميلة للرمز لأي شبكة اجتماعية.
FIGMA
يتحدث Dropbox Adam Noffsinger عن كيفية إعداد الفريق للقوالب .
نصائح فيليب هونغ - مفاتيح الاختصار وميزات أقل وضوحا.
الإضافات
الانحراف : يجعل نسخة من التخطيط في الإسقاط للترقيات وتقديمها إلى المحفظة.
تظهر مولدات لوح الألوان الجديدة كل 10 دقائق تقريبًا. جمعت الموزلي أكثرها فائدة (وهذا أكثر من خمسين).
قام Brendan Mahony بتجميع عشرات ملحقات Chrome الذكية للمصممين.
بحث المستخدم والتحليلات
أفضل مقالة عن تنفيذ قاعدة المعرفة والأفكار من إتيان فانغ من أوبر. تتحدث عن الشروط المسبقة ، والخطوات والأخطاء الأولى ، والسمات التنظيمية للتداول - حتى الآن لم يكتب أحد أكثر عملية.
إعداد وإجراء اختبار قابلية الاستخدام نفسك . مذكرة حول اختبار قابلية الاستخدام للمبتدئين من إميليا غورودوف من كونتور.
UserFocus يقارن David Travis مستوى أتمتة أساليب بحث المستخدم الآن وقبل 16 عامًا. انه يقسم بياناتهم إلى "رقيقة" (البيانات الكمية) و "غامق" (الملاحظات والقصص).
نصائح جيدة جيف ساورو لاختيار المقاييس التابعة للبحث المخصص. في مقال سابق ، وصف
أنواع المتغيرات .
تكوين مختبر UX البسيط بواسطة Michael Margolis من Google Ventures.
استعرض Jeff Sauro أساليب مراجعة نظير الواجهة التي ظهرت خلال الثلاثين عامًا الماضية.
نصائح دان براون الحساسة من EightShapes حول أسئلة اللحاق بالركب في مقابلات مع المستخدمين والعملاء. أنها تسمح لك لإيجاد المزيد من الأفكار.
يتحدث ستيفاني غوامان من فيسبوك عن تقنيات بحث غير عادية للمستخدم.
البرمجة البصرية والتصميم في المتصفح
يتحدث إريك بيلي عن قيود الأجهزة والبرامج للمستخدمين ذوي الإعاقة الذين يعملون مع الإنترنت. وكذلك تخطيط المناطق المشكلة بالنسبة لهم.
تجارب على تنفيذ شبكات غير عادية على الويب وتخطيطات عامة من Jen Simmons.
مخطوطات جديدة
تحديثات المتصفح
المقاييس والعائد على الاستثمار
يستكشف جيف ساورو مدى تأثير عدد خيارات الإجابة التي تؤثر عليها الرغبة في التوصية باستخدام مقياس المسح. مقياس أصغر يعني جودة بيانات أسوأ ، على الرغم من أن هناك زيادة طفيفة في السرعة. إذا حكمنا من خلال
تحليله الآخر
لمقياس NPS المبسط ، فإن الزيادة في السرعة هي وهم.
يصف جيف ساورو ميزات مقياس ناسا TLX (مؤشر حمل المهام) ، والذي يقيس الحمل على المستخدم.
إدارة التصميم و DesignOps
تصف Jared Spool أسلوبًا مثيرًا للاهتمام لتحسين معرفة القراءة والكتابة في التصميم بشكل عام في الشركة. أجرى المصمم جلسات يومية لنقد التصميم للمطورين ، الذين حسنوا تدريجياً فهمهم للتقنيات الأساسية لتصميم الواجهة.
كيف يعمل فريق تصميم Instacart؟
يتحدث Scott Strubberg من IBM عن قائمته الخاصة بأدوات مصمم الواجهة ، والتي تساعد الإدارات المختلفة للشركة في تخصيص ميزانية للشراء بشكل صحيح وتبريرها بشكل عام.
جوناثان والتر من روكويل أوتوميشن لجلسات النقد المنتظمة لتصميم المنتجات. الجزء الثاني مع وصف الأساليب.
يتحدث Emmet Connolly من Intercom عن عملية تقديم أساليب وممارسات جديدة لفريق التصميم. يخصص جزء كبير من المقال للقضايا الفلسفية العامة ، ولكنه في الجزء الأخير هو الأكثر إثارة للاهتمام.
الحالات
يتحدث جون فريدمان من مايكروسوفت لفترة وجيزة عن موضوع مظلم في مرض التصلب العصبي المتعدد مكتب. قليل من المحتوى ، لكن الفيديو رائع.
القصة
نظرة عامة على واجهة أول أمازون كيندل.
اتجاهات
يحاول Alen Faljić تبرير مهنة "مصمم الأعمال". هذا مجال محدد للغاية ، يقلد مدير منتج حديث في الشركات الاستشارية. يمكننا القول أن هذه محاولة أخرى لإعادة صياغة التفكير في التصميم ، الآن فقط مع إدخال (سطحي للغاية) في استراتيجية العمل. هناك
مؤتمرات حول هذا الموضوع .
إحصائيات السوق لعام 2019
12.3M -
لوازم الساعات الذكية في العالم26.1M -
توريد مكبرات الصوت الذكية في العالم .
تصميم حسابي
مصمم بابا لوبان روبو يساعد في صنع لافتات. يختار البائع أحجام النمط والهدف ، ثم يتم إنشاء جميع الخيارات اللازمة. يكتبون أن جميع الرسومات الإعلانية تقريبا على Tmall تتم معها.
مراجعة أخرى .
مثال آخر على السحر المفرط - يحول حل نفيديا التجريبي الرسم إلى صورة للمناظر الطبيعية.
قام موظف سابق في الشبكة بإطلاق أداة تصميم حسابية تجريبية. فإنه يولد الرموز المميزة لنظام التصميم.
تجربته الأخرى في هذا الموضوع .
أداة تصميم تجريبية تتيح لك إنهاء طلاء صورة بكائنات جاهزة - على سبيل المثال ، إضافة شجرة أو سحابة.
تتيح لك تجربة من الباحثين في جامعة واشنطن وفيسبوك تحريك شخصية من صورة عادية.
يقوم باحثون محليون من Samsung بتجربة إنشاء فيديو لشخصية تتحدث بناءً على صورة أو صورة.
يحدد مشروع بحث Adobe الثاني الصور الفوتوغرافية التي تمت معالجتها.
قصة فيديو .
هناك الكثير من مولدات الوجه الموثوق بها حتى أن "Hot or Not" ظهر لهم.
تحول الخدمة التجريبية صورة إلى صورة كلاسيكية.
بضع كلمات عنه .
تحول الخدمة التجريبية صورة إلى صورة كلاسيكية.
بضع كلمات عنه .
مجموعة من واجهات أنيمي رائعة.
ستقلل السفن الحربية الأمريكية عدد الشاشات التي تعمل باللمس بعد اصطدامها الأخير بسفينة مدنية.
للتطوير العام والمهني
يعالج فابريسيو تيكسيرا وكايو براغا تحديات سلسلة المقالات الخاصة بنوع المنتج. هناك عدد لا يحصى منهم وغالبا ما تكون الصور النمطية ، فهي لا تحل المشكلة الرئيسية - أن يتم تعيين المؤلف. أنها تعطي أمثلة على الحالات الناجحة وتقديم المشورة للمصممين.
شرح كتابي / تصميم واجهة بالطبع من قبل كريستوفر ميرفي. يتم عرضه بشكل أكثر حدة للعمل في Adobe XD ، ولكن تنطبق الفصول المنشورة الأولى على أي أداة.
إلى البنك الخنزير هو تعالى رد فعل المستخدم على التغييرات البسيطة التي لا تكسر سيناريوهات المستخدم أو الاعتراف بأي شكل من الأشكال. غيّر سناب شات سمك السكتة الدماغية داخل أيقونة التطبيق وأمسك بالكثير من السلبيات. يهدد الأشخاص بإلغاء تثبيت التطبيق.
تصفح الأفلام الوثائقية والبرامج التلفزيونية للمصممين والفنانين على Netflix.
الناس والشركات في هذه الصناعة
تحليل جيد لكيفية قيام المبدعين في أدوات التصميم ببناء مجتمع من حولهم. آراء المبدعين والأمثلة في كل مجال من مجالات العمل.
موقع فريق تصميم الاتصال الداخلي. مقالات ونظرة عامة عن عملية العمل. على سبيل المثال ،
وظائف ومتطلبات لهم ،
وعملية ومبادئ التصميم ،
وتأثير المصمم .
Typeform واجهة كتاب فريق المدونة.
وقائع المؤتمر
تم عقد SmashingConf Toronto 2019 يومي 25 و 26 يونيو في تورونتو. قام المنظمون بنشر فيديو عن العروض. جزء من التطوير ، ولكن هناك قصص عن نظام التصميم.
اشترك في الملخص على Facebook أو VKontakte أو Telegram أو عن طريق البريد - تظهر روابط جديدة كل أسبوع. شكراً لكل من يشارك الروابط في المجموعة ، وخاصة جينادي دراغون ، بافيل سكريبكين ، ديمتري بودلوجني ، أنطون أرتيموف ، دينيس إفريموف ، أليكسي كوبيلوف ، تاراس بريزيتسكي ، إفغيني سوكولوف وأنتون أولينيك. شكر خاص لفريق سيتكا للمحرر وألكسندر أورلوف للأسلوب البصري.