الويب
لقد ساهمت في محرر مفتوح المصدر ، وأنت كذلك
قبل بضعة أشهر ، تم إجراء [مشاركة جايسون غريغسبي حول الإكمال التلقائي في النماذج] (https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/). أحببت فكرة السماح للمستخدمين بملء تفاصيل بطاقة الائتمان الخاصة بهم من خلال التقاط صورة لبطاقتهم. ما لم أحبه هو تعلم [كل القيم الممكنة للملء التلقائي عن ظهر قلب] (https://html.spec.whatwg.org/multipage/forms.html#autofill). أنا أصبح كسولاً مع تقدمي في السن. لقد أفسدت مؤخرًا استخدام محرر يقوم بإكمال تلقائي ذكي ، وهو أمر لم تقدمه في الماضي سوى IDEs المعقدة الضخمة. بفتح المحرر الذي اخترته ، أنشأت عنصر "إدخال" وأضفت سمة "autocomplete" ، فقط لأجد أن إكمال الشفرة أتاح لي حالة "تشغيل" أو "إيقاف". مخيب للامال.
قراءة المزيدآداب الفوتوشوب لتصميم الويب سريع الاستجابة
لقد مرت خمس سنوات تقريبًا منذ إطلاق [Photoshop Etiquette] (https://photoshopetiquette.com/) ، مما يجعله رسميًا أثرًا على الويب. يمكن أن يحدث الكثير على الويب في غضون بضع سنوات ، وقد أوضحت السنوات الخمس الماضية ذلك بشكل أفضل من معظم.
قراءة المزيدكيفية تشغيل نقد تصميم واجهة المستخدم
النقد سهل. يبدو أن للجميع رأيًا ، ولكن كما يشير المؤلف هارلان إليسون ، "لا يحق لك إبداء رأيك. يحق لك إبداء رأيك المستنير". لكي تصبح على اطلاع ، يتطلب الاستكشاف. تعتبر انتقادات التصميم جزءًا مهمًا من استكشاف أي منتج. نقد التصميم - حيث يناقش المنشئ ويشرح الإنشاء مع بقية الفريق و / أو العميل - لا يتعلق بإغضاب المصمم أو دفعه لتبرير كل قرار يتخذه. هذا مجرد انتقاد. ** المقصود من نقد التصميم الجيد هو استكشاف التصميم ** ، والعثور على المكان الذي يعمل فيه والمكان الذي يمكن تحسينه فيه. إذا تم القيام به بشكل جيد ، فإن انتقادات التصميم تسمح لكل فرد في الفريق بالشعور كما لو أنه قد تم سماعه وتسمح للعملاء بتقديم ملاحظات قيمة.
قراءة المزيددليل المبتدئين لتطبيقات الويب التقدمية
تستفيد PWAs من أحدث التقنيات للجمع بين أفضل تطبيقات الويب والأجهزة المحمولة. تبحث هذه المقالات في التطورات الأخيرة في المتصفح والفرص المتاحة لنا ، كمطورين ، لبناء جيل جديد من تطبيقات الويب.
قراءة المزيدأساسيات تصميم التجربة: التفاعلات الدقيقة المتحركة في تطبيقات الهاتف المحمول
قال الساحر الشهير داريل فيتزكي ذات مرة: "السحر يكمن في التفاصيل والأداء". تصميم التفاعل هو تماما مثل هذا. يحب المصممون الحصول على الصورة الكبيرة بشكل صحيح ، ولكن إذا لم يتم التعامل مع التفاصيل بشكل صحيح ، فإن الحل سيفشل. ** السحر يكمن في التفاصيل **. هذا هو السبب في أن التفاعلات الدقيقة المصممة جيدًا تجعل التجارب تبدو وكأنها مصنوعة. للحصول على فهم أفضل لكيفية استفادة تصميمك من التفاعلات الدقيقة ، سيساعدك ذلك في رسم أفكار لتطبيقك. قدمت Adobe تطبيقًا جديدًا للتصميم والإطار الشبكي يسمى Experience Design (أو Adobe XD) والذي يتيح لك تصميم الإطارات الشبكية وجعلها تفاعلية. يمكنك تنزيل Adobe XD واختباره مجانًا.
قراءة المزيدالمطوِّرون "يمتلكون" الكود ، لذا ألا يجب على المصممين "امتلاك" التجربة؟
كلنا كنا هناك. لقد أمضيت شهورًا في جمع متطلبات العمل ، والعمل على رحلات المستخدم المعقدة ، وصياغة عناصر واجهة دقيقة واختبارها على عينة تمثيلية من المستخدمين ، فقط لرؤية المنتج النهائي الذي لا يشبه التجربة المطلوبة.
قراءة المزيدتصميم ذاكرة المستخدم: كيفية التصميم لتجربة تدوم
غيّر المخططان الموضحان أدناه الطريقة التي أفكر بها في التفكير. مستنسخة من دراسة علم النفس الكلاسيكية عام 1996 ، القصة وراء هذه الرسوم البيانية هي توضيح حي على أن الطريقة التي نشعر بها نحن البشر في اللحظة التي نختبر فيها العالم يمكن أن تكون مختلفة تمامًا عما نشعر به عندما نفكر في تلك التجارب لاحقًا.
قراءة المزيدتقويمات خلفيات سطح المكتب: أغسطس 2016
[منذ ثماني سنوات] (https://www.smashingmagazine.com/tag/wallpapers/) ، يُعد التحدي الشهري لخلفيات سطح المكتب المفضل لدينا والذي لم يكن ممكنًا بدون الجهود الدؤوبة للمصممين والفنانين الموهوبين من جميع أنحاء العالم . في سعينا لتلبية ** خلفيات مميزة أكثر قليلاً من الحشد المعتاد ** ، نتحداك ، مجتمع التصميم ، لتدفق عصائرك الإبداعية وإنتاج بعض التصميمات الممتعة والملهمة كل شهر من جديد. حسنًا ، لم يكن الأمر مختلفًا هذه المرة.
قراءة المزيدقائمة قراءة تطوير الويب # 147: إرشادات الأمان ومكونات واجهة المستخدم التي يمكن الوصول إليها وتصميم المحتوى أولاً
عند العمل في فريق ، من المهم الالتزام بالقواعد. يتمثل أحد التحديات الشائعة في بناء جميع مشاريعك باستخدام مجموعة أدوات مماثلة أو نفس و ** إرشادات الترميز **. بالأمس فقط ناقشت كيف يمكننا نقل مشروع تجاوز قاعدة الكود الأولية الخاصة به على مر السنين إلى كود مصدر جديد قائم على React.js. لم يكن القرار بشأن ذلك سهلاً ، لأننا استثمرنا الكثير من العمل والمال في هذا المشروع بالفعل ، وسيتطلب الانتقال إلى React بعض الوقت أيضًا. ولكن نظرًا لأن التبديل منطقي من منظور تقني وأن الفريق يستخدم React بالفعل لثلاثة مشاريع أخرى ، فقد خلصنا إلى أن هذه ستكون خطوة جيدة للقيام بها. سيمكن المزيد من مطوري الفريق من المساهمة في المشروع ، ومراجعة الكود وتقليل تحول التقنيات في الشركة. من حين لآخر ، حان الوقت لإعادة تقييم مشاريعك والمضي قدمًا.
قراءة المزيد