تعرف على "أنماط تصميم النماذج" ، كتابنا الجديد حول نماذج الويب التي يمكن الوصول إليها - الشحن الآن!

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

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

جدول المحتويات

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

قم بتنزيل مقتطف PDF مجانًا (0.7 ميجا بايت) للتعرف على شكل الكتاب من الداخل.

1. استمارة التسجيل
   سنبدأ في النظر في الصفات الأساسية للشكل المصمم جيدًا وكيفية التفكير فيها. من خلال تطبيق ما يسمى بروتوكول السؤال ، سننظر في كيفية تقليل الاحتكاك دون حتى لمس الواجهة. ثم سنلقي نظرة على بعض الأنماط المهمة ، بما في ذلك التحقق من الصحة ، والتي سنرغب في استخدامها لكل نموذج.
2. نموذج الخروج
   سننظر في تدفقات الخروج وننظر في العديد من أنواع الإدخال وكيفية تأثيرها على تجربة المستخدم على متصفحات الأجهزة المحمولة وسطح المكتب ، كل ذلك أثناء البحث عن طرق لمساعدة العملاء لأول مرة والعائدين على الطلب بسرعة وبساطة.
3. نموذج حجز طيران
   سنغوص في عالم مكونات النماذج المخصصة المحسّنة تدريجيًا باستخدام ARIA. سنفعل ذلك من خلال استكشاف أفضل طريقة للسماح للمستخدمين بتحديد الوجهات واختيار التواريخ وإضافة الركاب واختيار المقاعد. سنقوم بتحليل عناصر تحكم النموذج الأصلية ، وننظر إلى الابتعاد عن الاصطلاح عندما يصبح ذلك ضروريًا.
4. نموذج تسجيل الدخول
   سننظر في نموذج تسجيل الدخول في كل مكان. على الرغم من مظهره البسيط ، إلا أن هناك مجموعة من حالات فشل الاستخدام التي تعاني منها العديد من المواقع.
5. علبة وارد
   سنصمم طرقًا لإدارة البريد الإلكتروني بشكل مجمّع ، أول نظرة لنا على الواجهات الإدارية. على هذا النحو ، يأتي هذا مع مجموعة التحديات والأنماط الخاصة به ، بما في ذلك قائمة الإجراءات الموصوفة من ARIA سريعة الاستجابة ، والتحديد المتعدد ، والمراسلة في نفس الصفحة .
6. نموذج البحث
   سننشئ نموذج بحث سريع الاستجابة ومتاح بسهولة للمستخدمين في جميع الصفحات ، وسننظر أيضًا في أهمية آلية البحث التي تشغله.
7. نموذج مرشح
   يحتاج المستخدمون غالبًا إلى تصفية مجموعة كبيرة من نتائج البحث غير العملية. بدون مرشح مصمم جيدًا ، لا بد للمستخدمين من الاستسلام. تشكل المرشحات عددًا من مشكلات التصميم الفريدة والمثيرة للاهتمام والتي قد تجبرنا على تحدي أفضل الممارسات لمنح المستخدمين تجربة أفضل.
8. نموذج تحميل
   تتيح العديد من الخدمات ، مثل مشاركة الصور والمراسلة والعديد من تطبيقات المكتب الخلفي ، للمستخدمين تحميل الصور والمستندات. سوف ندرس إدخال الملف وكيف يمكننا استخدامه لتحميل ملفات متعددة في وقت واحد. ثم سنلقي نظرة على تعقيدات واجهة السحب والإفلات المحسّنة من Ajax والتي تشمل مستخدمي لوحة المفاتيح وقارئ الشاشة.
9. نموذج المصاريف
   سنحقق في المشكلة الخاصة بالحاجة إلى إنشاء وإضافة الكثير من النفقات (أو أي شيء آخر) إلى النظام. هذا حقًا عذر لتغطية إضافة نمط آخر ، والذي غالبًا ما يكون مفيدًا في الواجهات الإدارية.
10. نموذج طويل ومعقد حقًا
    بعض النماذج طويلة جدًا وتستغرق ساعات لإكمالها. سنلقي نظرة على بعض الأنماط التي يمكننا استخدامها لتسهيل إدارة النماذج الطويلة.

عن المؤلف

آدم سيلفر مصمم تفاعل يتمتع بخبرة تزيد عن 15 عامًا في العمل على الويب لمجموعة من الشركات بما في ذلك Tesco و BBC و Just Eat و Financial Times ووزارة العمل والمعاشات وغيرها.

إنه مهتم بشكل خاص بأنظمة التصميم والتصميم الشاملة ويكتب عن هذا في مدونته ومنشورات التصميم الشهيرة مثل A List Apart . هذا ليس كتابه الأول أيضًا: لقد كتب سابقًا CSS ، وهو كتاب حول صياغة واجهات مستخدم قابلة للصيانة باستخدام CSS.

تفاصيل تقنية

• 384 صفحة ، 14 × 21 سم ( 5.5 × 8.25 بوصات) ،
• رقم ال ISBN: 978-3-945749-73-9 (طباعة) ،
• غلاف فني عالي الجودة مع تجليد مخيط وعلامة صفحة شريطية ،
• الكتاب الإلكتروني متاح في ملفات PDF و EPUB و Amazon Kindle.
• شحن مجاني للبريد الجوي في جميع أنحاء العالم من ألمانيا. أوقات التوصيل.
• متوفر كغلاف مطبوع عالي الجودة وكتاب إلكتروني.

الشهادات - التوصيات

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

• "لقد كنت أكتب النماذج بلغة HTML منذ أكثر من 20 عامًا. يجسد هذا الكتاب جوهر ما يعنيه تبني المعايير وتعزيزها بشكل تدريجي وتقديم أشكال بسيطة يسهل الوصول إليها . من خلال إضفاء الطابع الرسمي على أنماط التصميم يمكننا جميعًا استخدامها وتنفيذها ، يمكن للمطورين والمصممين التركيز على موقع الويب والمنتج الخاص بهم. أتمنى أن يكون هذا متاحًا منذ 20 عامًا! "
  - بول دنكان ، تقني التصميم ومعلم الوصول
• "في عالم مليء بالأشكال المرعبة بشكل مرعب ، يعد هذا الكتاب منارة للضوء يضيء الطريق إلى تجارب مستخدم أكثر سهولة. أوصي به بشدة لأي شخص يقوم بتصميم أو تطوير واجهات مستخدم لتجنب المخاطر الشائعة المتعلقة بإمكانية الوصول إلى النموذج التي نراها كثيرًا ".
  - مارسي ساتون ، محامية عن إمكانية الوصول
• "نماذج. ليس من قبيل المصادفة أن تكون القوافي للكلمة مع "التثاؤب" - النماذج مملة للترميز بل وأقل إبهامًا بالنسبة للزوار لملئها. لذا اجعلها تعمل بشكل أفضل للجميع ، باستخدام النصائح الملموسة والشفرة والنسخ المصغر في هذا الكتاب. وتخلص من التثاؤب الخاص بك ، حيث أجرى آدم سيلفر جميع الأبحاث والترميز من أجلك ".
  - بروس لوسون ، محامي معايير الويب
• "نماذج تصميم النماذج تضع الفطرة السليمة والحلول الشاملة للأشكال البسيطة والمعقدة على حد سواء. إنه رفيقك بينما تسعى جاهدًا لإنشاء شبكة ويب تفاعلية أبسط وأسهل. "
  - Heydon Pickering، UX ومستشار إمكانية الوصول

لماذا هذا الكتاب لك

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

1. عناصر الشكل الأصلي المتاحة وسلطاتها وقيودها وقيودها.
2. متى وكيف يتم إنشاء مكونات نموذج مخصصة يمكن الوصول إليها والتي يمكن أن تمنح المستخدمين تجربة أفضل مقارنة بمثيلاتها الأصلية.
3. كيفية تقليل الاحتكاك في النماذج بشكل كبير مع الاستخدام الدقيق للغة والتدفق والنظام.
4. طرق (وطرق لا) لمساعدة المستخدمين على إصلاح أخطاء النموذج بسهولة.
5. كيفية التعامل مع الواجهات المعقدة التي تتيح للمستخدمين تحميل الملفات وإضافة عناصر متعددة من أي نوع.
6. طرق للسماح للمستخدمين بالبحث وتصفية مجموعة كبيرة من النتائج وفقًا لنموذجهم العقلي.
7. كيفية مساعدة العملاء على ملء النماذج الطويلة والمعقدة بشكل خاص والتي قد تستغرق أسابيع لملءها.

نتشوق لسماع أفكارك حول الكتاب! نتمنى لك قراءة سعيدة ، ونأمل أن تجد الكتاب مفيدًا مثلنا. فقط جهز فنجانًا من القهوة (أو الشاي) قبل أن تبدأ القراءة بالطبع. ابق محطما و ... مواء !