جمع الملخص مقالات جديدة حول تصميم الواجهة ، بالإضافة إلى الأدوات والأنماط والحالات والقصص التاريخية منذ عام 2009. أقوم بتصفية مجموعة كبيرة من الاشتراكات بعناية حتى تتمكن من ترقية مهاراتك المهنية وحل مهام العمل بشكل أفضل. الأعداد السابقة:
أبريل 2010 - يوليو 2018 .
الأنماط وأفضل الممارسات
أعجب ناثان جيتر بعرض "تصميم واجهات السوائل" في WWDC 2018 وقدم سلسلة من حلول الواجهة التجريبية التي تظهر الرسوم المتحركة المماثلة أثناء التحكم بالإيماءات.
تتحدث تيريز فيسيندن من مجموعة Nielsen / Norman Group عن نظرية الرؤية وتفسير عناصر الواجهة. يؤثر الجمع بينهما على إدراك المنتج ككل.
تحلل سعدية منهاس بالتفصيل المواقف التي تحتاج فيها إلى استخدام مربع الاختيار والتبديل - فهي تحل مشاكل مماثلة ، ولكن لا يمكن تبديلها.
مكتبة أخرى لأنماط تطبيقات الهاتف المحمول.
المفهوم الأنيق لتطوير الإشعارات وتعدد المهام في iOS من Kévin Eugène. يمكن أن يتفاعل الإشعار مع التطبيق المفتوح الآن ، والذي يوفر العديد من الميزات المثيرة للاهتمام.
مذكرة تصميم Stéphanie Walter Mobile. منذ وقت الكتاب الكلاسيكي Luke Wroblewski ، لم يتغير الكثير ، ولكن طبعته الجديدة ليست كافية ، لذا فإن المقالة مفيدة. الجزء الثاني يتحدث عن
معالجة حقول الإدخال على الهاتف المحمول .
دليل مرئي ذكي لكيفية تصور البيانات.
تستخدم أمازون نمطًا داكنًا صعبًا إلى حد ما - على النقيض من النهج القياسي المعقول نسبيًا ، "نلقي تقييمًا إيجابيًا في متجر التطبيقات ، وردود فعل سلبية" ، فهي ببساطة لا تسمح لنا بترك مراجعات سيئة (لقد كانت طويلة جدًا).
حددت Kim Flaherty من مجموعة Nielsen / Norman Group العديد من المجالات التي تعمل فيها أمازون بشكل سيئ وتعطي المتاجر الأخرى عبر الإنترنت الفرصة للتميز.
معهد أبحاث بايمارد
يكتب إدوارد سكوت عن
أهمية طريقة صريحة لإعادة عنصر إلى متجر دون اتصال.أنظمة التصميم والمبادئ التوجيهية
فريق SteelKiwi Inc. يقارن تنفيذ مهام الواجهة النموذجية في Android و iOS. مذكرة مناسبة لأولئك الذين بدأوا للتو في معرفة تفاصيل منصات الهواتف المحمولة.
يروي كايل بيت قصة نظام تصميم Shopify Polaris. تحليل مناسب جدا لميزات ومشاكل تنفيذ وتعميم المنصة. على سبيل المثال ، ترى العديد من الشركات نظام التصميم كوسيلة لرفع المستوى الأساسي لتصميم المنتج ، ولكن الحلول القياسية يمكن أن تحد من المصممين. لذلك ، فإنهم يصنعون باستمرار "سيارات مفهوم" - تجارب مع أنماط واجهة بروح تصميم واحد يدفع بولاريس إلى الأمام.
انتقل Matt Bond مؤخرًا إلى Asana ، ولكنه كان في طليعة نظام تصميم Atlassian. يتحدث عن النتائج الرئيسية التي توصل إليها لنفسه عند العمل عليه.
تم فتح باب التسجيل في مؤتمر Clarity المتخصص في نيويورك (10-12 ديسمبر). كان الأول نارًا ، والثاني تمامًا في اللبن (
كان هناك وانقطع ). لا يوجد برنامج جديد بعد ، ولكن يجب أن تكون حريصًا على عدم الوقوع في العرض التقديمي الذي لا علاقة له بالموضوع مرة أخرى.
Android P خارج الإصدار التجريبي ومتاح بالفعل على بعض الأجهزة.
يتحدث EK Chung ، مدير تصميم Android ، عن المبادئ المنصوص عليها في الإصدار الجديد .
iOS 12
تصفح تسجيلات الفيديو لمظاهر التصميم باستخدام Apple WWDC 2018 .
فهم المستخدم
يجمع دانيال ستيفانوفيتش مبادئ علم النفس للمصممين بشكل مرئي مع إشارات إلى النظرية. بينما لا يوجد الكثير ، ولكن يجب تحديث القائمة.
هندسة المعلومات ، التصميم المفاهيمي ، استراتيجية المحتوى
البحث الجديد عن مخاطر الضوء الأزرق في الواجهات الحديثة هو أمر أكثر حزنًا - يقولون أنهم يؤديون إلى فقدان للوقت لا رجعة فيه.
نشر New Riders كتاب Carrie Hane ، Designing Connected Content: Plan and Model Products Digital Model for Today and Tomorrow (Voices That Matter) ، في ديسمبر 2017. إنه مخصص للعمل على محتوى المواقع المعقدة ومنتجات المعلومات ، والواجهة والمحتوى مرتبطان ارتباطًا وثيقًا ببعضهما البعض وغالبًا ما يكون من غير الواضح ما الذي يجب تصميمه أولاً ، ثم ماذا.
ندوة المؤلف .
تصميم وتصميم شاشات الواجهة
فرامر العاشر
تحدث تدريجيًا عن الميزات الرئيسية لـ Framer X:
التخطيطات والرسم . يعد العمل مع التخطيطات أمرًا مثيرًا للاهتمام للغاية ويعد بتبسيط حياة المصممين إلى حد كبير. يشارك Antoine Plu
انطباعاته عن الإصدار التجريبي من Framer X (سجل لقطة شاشة للعمل).
إصدارات بيتا تصل بالفعل تدريجيا إلى الجميع ينتظرون. وهناك أيضًا
وصف رسمي لكيفية عمل المكونات . تم ذكر القدرة على استيراد أي مكونات على React.
التين
تمت إضافة
طرق متقدمة للتفاعل مع النموذج الأولي .
دورة صغيرة من Designlab .
أدوبي xd
تحديث أغسطس : تحسين العمل بإصدار المواصفات للمطورين.
تحديث يوليو : التكامل مع أدوات الطرف الثالث.
تساعد الأداة على جمع واختبار النماذج الأولية التفاعلية للواجهات. استيراد من Sketch وتحليلات واسعة إلى حد ما لتنفيذ البرنامج النصي.
قارن Koos Looijesteijn Sketch و Figma و Adobe XD و UXPin و InVision Studio بعدة طرق.
مجموعة من القوالب الأنيقة لرسم تخطيطي لواجهات الواقع المعزز والظاهري من فلاديمير كورباتوف.
البحث والاختبار المستخدم ، التحليلات
خدمة للعمل مع قاعدة البصائر. يساعد على تجميع بيانات بحث المستخدم للعثور على أفكار مفيدة لتطوير المنتجات فيما بينها. لعدة سنوات كان في مرحلة تجريبية والآن يتم
إعداد الإصدار الأول .
أخبر المدير الإبداعي في Mail.Ru ديمتري أوسادشوك ورئيس مختبر UX Ksenia Sternina الفريق عن سلسلة من اختبارات UX لمقاطع الفيديو Beepcar. وقد ساعد ذلك على فهم مدى نجاحهم في العمل مع مجموعات مختلفة من الجمهور وإعداد قائمة تحقق للمستقبل.
يسرد Jeff Sauro أنواع مقاييس التقييم لاستطلاعات المستخدمين. مرجع عظيم.
يشارك فيكتور كوبتسوف من Usethics تجربته في اختبار الواجهات مع الأطفال والمراهقين الذين يرافقهم والديهم. تتمتع هذه الأزواج بديناميكيات مثيرة للاهتمام اعتمادًا على ما إذا كانت الأم / الأب والابنة / الابن قد أتت.
البرمجة والتصميم المرئي في المتصفح
مخطوطات جديدة
يُظهر Facundo Corradini
طريقة لتعيين لون النص في عنصر تحكم اعتمادًا على الخلفية باستخدام CSS . هذا يبسط وصف المكونات في أنظمة التصميم.
يعرض البرنامج النصي مثالاً على تحويل الأشكال على SVG .
يقوم البرنامج النصي بعمل رسم متحرك بروح إشارات النيون مع تأثير الوميض .
اعمل مع اللون
يعد مولد تنوع الألوان للون معين أداة رائعة للعمل على الإرشادات.
طباعة الويب
قام Mathieu Triay
بمراجعة أخرى للخطوط المتغيرة . بشكل عام ، إنه قياسي ، ولكن هناك رقم مفيد حول حفظ حجم الملف باستخدام خط واحد كمثال.
أوضاع المزج
يوضح لك Bennett Feely ما يمكنك فعله باستخدام أوضاع المزج CSS . في بعض الأماكن ، يبدو أن المرشحات الأكثر استخدامًا في Photoshop ، ولكن هذه خطوة مهمة في العثور على حدود ما هو ممكن.
العمل مع SVG
تساعد أداة عبر الإنترنت في تجربة مرشحات SVG .
يسمح لك المكون الإضافي لـ Chrome و Firefox بالحصول بسرعة على الرمز النهائي للعنصر المحدد على الصفحة ، دون البحث عن التبعيات بنفسك.
المقاييس وعائد الاستثمار
يجادل آرون باورز وسكوت ماكي من Athena Health مع المقالات الاستفزازية الأخيرة التي كتبها آلان كوبر وجاريد سبول حول عائد الاستثمار في التصميم. هذا سؤال صحي لأي فريق منتج - في أي الأنشطة من الأفضل استثمار الموارد. يُظهر المؤلفون عدة أمثلة من ممارستهم ، مما يبسط اختيار الفرق.
مذكرة Jeff Sauro لمقاييس الواجهة الرئيسية.
استراتيجية وإدارة UX
تقدم Angela Huenerfauth و David Teller طريقة مثيرة للغاية لتقييم نضج تصميم المنتج. واتفقوا مع مديري المنتجات لتتبع هذا المؤشر مع تقدم عملية التطوير واتخاذ قرار مشترك بشأن مستوى كافٍ من قابلية الاستخدام لإصداره. يبدو الأمر معقدًا ، ولكن هذا على الأرجح لأن النهج لا يزال غير مألوف تمامًا.
يصف داني نوردين من Athena Health نهج الشركة لتصميم الديون. الطريقة النظامية المعقولة ، مثل أي شيء آخر يكتب عنه الفريق.
يفكر ديف مالوف في إمكانية تطبيق النموذج التنظيمي سبوتيفي وأي منهجيات وأساليب عمل أخرى. من المهم أن نفهم أنها تنطوي على ثقافة وترتيب معين يمكن أن يعمل في واحدة ولا يعمل في شركة أخرى.
كيف تعمل فرق التصميم الشهيرة
أندريه لو ماسورييه من لندن لندن يتحدث عن كيفية عمل فريق تصميم العلامة التجارية .
تفاعل الفريق
قامت Rosenfeld Media بنشر
تصميم اجتماع Kevin Hoffman: للمديرين والمصنعين والجميع . تنشر UXmatters الفصل الخامس منه حول أساليب التيسير.
الحالات
قصة جيدة حول العمل على تصميم تطبيق Screenlife لتسجيل فيديو لعمل المستخدم على هاتف محمول من Elvis Obanya.
يتحدث Antin Harasymiv من Google عن كيفية عمل الرسوم المتحركة والعمل الفني لواجهة خرائط Google في الجسم. النص طويل ولكنه مفيد لفهم المبادئ العامة.
توضح كاثرين ويتنتون وسارة جيبونز من مجموعة Nielsen / Norman كيف استخدمت الشركة أفضل ممارساتها لإعادة تصميم الصفحة الرئيسية لموقعها الخاص.
القصة
ينشر مهندس Apple السابق
Ken Kocienda Creative Selection ، وهو كتاب عن عملية تصميم الشركة خلال عصر ستيف جوبز. ينشر 9 إلى 5 Mac مقتطفًا منه حول العمل على لوحة المفاتيح على الشاشة لجهاز iPhone الأول.
قام Stephen Hackett بتجميع مجموعة من 1500 لقطة شاشة لنظام MacOS من أجيال باستخدام واجهة aqua.
الاتجاهات
إحصائيات السوق (الربع الثاني والنصف الأول من عام 2018)
-1.8٪
انخفاض مبيعات الهواتف الذكية في العالم16.8٪
نمو مبيعات مكبرات الصوت الذكية في العالم898 ألف
مبيعات الهواتف الذكية في السوق الثانوية في روسيا (Avito)قام Jeff Sauro بتحديث مراجعته السنوية لإحصاءات استخدام الهواتف الذكية.
التصميم الخوارزمي
تعلمت شركة أفلام 20th Century Fox كيفية تحديد المقطع الذي يريده الفيلم أكثر من المقطع الدعائي.
حل تجريبي من Uizard يحول اسكتشات الواجهات على الورق إلى تخطيطات أنيقة إلى حد ما.
تعلمت علي بابا لتوليد أسماء المنتجات تلقائيا. حان الوقت للنكات "ماذا ، لم يكن من قبل؟".
واجهات الصوت
يتابع Page Laubheimer و Raluca Budiu قصة Alexa ، و Google Assistant ، و Siri ، وهي دراسة كبيرة للمستخدمين المساعدين الصوتيين. في المقالة الثانية ، يكتبون عن مواقف الناس من مثل هذه الأجهزة وتوقعاتهم حول جودة الإجابات وشكل الحوارات.
قارنت LoupVentures جودة ردود Alexa و Cortana و Google Assistant و Siri على 800 استفسار. إذا لم تكن هناك مشاكل في فهم العبارة نفسها ، فعند إصدار إجابة مناسبة ، كل شيء أسوأ بكثير.
مصمم على الإنترنت لروبوتات الدردشة ومهارات المساعد الصوتي Google Assistant و Yandex Alice.
أخبار واجهة الصوت الأخرى
على مدار العام ونصف العام الماضي ، ظهرت العديد من الأجهزة مثل "مساعد صوتي مع شاشة". في الواقع ، يمكن حل هذه المهمة بواسطة أي جهاز لوحي أو هاتف ذكي مزود بقاعدة توصيل.
يبدو أن Google تعد مثل هذا النظام لهواتف Android .
تعمل Nuance على مساعد صوتي للسيارات التي
ستعمل بدون اسم كلمة مساعد المساعد .
قصة قصيرة عن
الفريق في Google ، والتي تتعامل مع شخصية المساعد الصوتي - النكات ، والإجابات غير القياسية ، والتعامل مع المواقف الصعبة.
محتوى Google Hackathon Assistant
تشارك منظمة العفو الدولية فقط الاستنتاجات المستخلصة من تجربة المشاركة في هاكاثون .
يتحدث Redmadrobot أيضًا عن تجاربه .
الجزء 2الرؤوس واليدين تتحدث عن مفهومه .
للتطوير العام والمهني
يكتب فابريسيو تيكسيرا وكايو براغا عن مسألة مقالات التصميم الضحلة بشكل مفرط التي تهيمن على العمق والأكثر فائدة. سبب واحد واضح - الحاجة إلى تعزيز الذات. أجروا تحليلاً مثيرًا للاهتمام لمقالات حول النشرات الإخبارية والمجتمعات الأكثر شعبية خلال العام الماضي وحددوا أنواع المنشورات. بطبيعة الحال ، تهيمن النصائح العملية حول مهارات التصميم الأساسية ، أي أشياء تكتيكية أكثر.
ودراسة مشتركة حول الاتجاهات والوضع الحالي للعمل عن بعد للمصممين.
شاركت Tiantian Xu في التحدي الشخصي "100 تخطيط في 100 يوم" وضخت مهاراتها في الرسوم المتحركة.
يقدم ديفيد ترافيس من Userfocus طريقة حفظ المحفظة للباحثين المخصصين. يستخدم الاختصار POWER (المشروع ، الهدف ، العمل ، النتيجة النهائية ، الانعكاس) لتحديد الهيكل. هذا النهج مناسب أيضًا لمتخصصي UX الآخرين ، والذي لا تتناسب نتائجه مع سلسلة من الصور.
العمل مع المتدربين
كتب العديد من المصممين المتدربين من شركات معروفة عن أول سنة عملهم وما تعلموه خلال هذا الوقت:
Buzzfeedايبديليفيروالفيسبوكجوجليصف جيوف ويلكس من شركة IBM المهارات الأساسية للمصمم الرائد في الشركة. قائمة مراجعة مفيدة لأي متخصص قوي.
درس موريل غاريتا دومينغو وألبرتو غونزاليس موسكيرا الوظائف الشاغرة للباحثين المستخدمين ووصفوا العديد من الأساليب لفهمها من قبل شركات مختلفة.
الناس والشركات في الصناعة
في 8 أغسطس ، تحتفل إحدى أقدم شركات UX Nielsen / Norman Group بالذكرى العشرين لتأسيسها.
قام Jacob Nielsen بجمع المقالات الأكثر شيوعًا لكل عام تديره
الشركة - فهي تقدم خدمة رائعة للمجتمع المهني ، وتشارك معنا مثل هذا الكم من الفائدة. وغالبًا ما تكون هذه مواد عميقة وذات صلة لا تزال تحدد الاتجاهات بعد سنوات عديدة.
منذ الربيع ، يقود vc.ru سلسلة ممتازة من قصص استوديوهات التصميم الروسية والوكالات الإبداعية. لقد ظهرت بالفعل عشرات القصص مع نظرة عامة جيدة على الأعمال والنتائج.
مدونة تصميم Skyscanner فريق. في مقالة حديثة ، يوضح ديفيد هاميل
كيف يعزز المصممون وصف مشكلات الواجهة مع القصص المصورة بحيث يقوم فريق المنتج بإصلاحها .
مدونة Asana Design Team. لا يزال فارغًا ، لكن الرجال مفعمون بالحيوية ويجب أن يتأرجحوا.
مدونة لفريق التصميم التابع لشركة الألعاب Space Ape Games.
التسوق لاستوديوهات التصميم من قبل الشركات الكبيرة
اشترت خدمة تبادل الملفات
WeTransfer FiftyThree ، منشئ تطبيق Paper Paper للرسم على iPa. يقولون أنهم يريدون أن يصبحوا أحد المنتجات الرئيسية للمصممين والعاملين الآخرين في الصناعة الإبداعية.
وقائع المؤتمر
تقرير عن الدورة التي عقدت يومي 13 و 17 أغسطس في لندن. ملخصات لأداء Stink Studios و Net-A-Porter و Native Design و Intuit و Modern Human و UX Study و Badoo و Fjord و Space Ape Games و Spov و R / GA.
اشترك في الملخص على Facebook ، VKontakte ، Telegram أو عن طريق البريد - تظهر روابط جديدة كل أسبوع. شكرًا لكل من يشارك الروابط في المجموعة ، وخاصة Gennady Dragun و Pavel Skripkin و Dmitry Podluzhny و Anton Artemov و Denis Efremov و Alexei Kopylov و Taras Brizitsky و Evgeny Sokolov و Anton Oleinik.