اعتبارات تصميم تطبيقات الجوال لمصممي الويب
في كل مكان تدير هذه الأيام يتحدث الناس عن تطبيقات المحمول . تطبيقات لهذا ، تطبيقات لذلك.
الإحصائيات أيضًا ، كانت مذهلة نوعًا ما. دراسة واحدة حديثة من قبل موجة، أظهرت أن المستهلكين قضوا 81 دقيقة يوميًا باستخدام تطبيقات الجوّال ، مقارنةً بـ 74 دقيقة من تصفح الويب.
نظرًا لزيادة عدد الأشخاص الذين يقضون وقتًا في استخدام أجهزة الجوّال مقارنةً بالإنترنت ، قد تتساءل عما إذا كان تصميم تطبيق الجوّال هو منطقة يجب أن تبدأ في استكشافها وكيف تكون مهاراتك في تصميم الويب قابلة للنقل.
في هذا المنشور ، قمنا بتدقيق مع عدد من الخبراء في هذا المجال للحصول على وجهات نظرهم. الانضمام إلينا هي روبن نيكسون وآرون ماكسويل وسارة لين ومايك جوالتيري وجوش كلارك و JD Biersdorfer.
روبن نيكسون
روبن نيكسون مؤلف فني ومطور ويب ، وهو مؤلف الكتاب الجديد HTML5 لنظامي التشغيل iOS و Android: دليل المبتدئين .
ما النصيحة التي تقدمها إلى مصممي الويب الذين يفكرون في إدخال مجال تصميم وتطوير تطبيقات الجوّال؟
من وجهة نظري ، فإن أسرع طريقة للوصول إلى تطوير التطبيق هي التأكد من تحديث أحدث إصدار من HTML (الإصدار 5) ومعايير CSS (الإصدار 3) ، كما أنها تتسم بطلاقة قدر الإمكان باستخدام جافا سكريبت ، نظرًا لأنه قريبًا جدًا من المحتمل أن تكون هناك حلول لكتابة تطبيق ويب واحد يمكن تحويله إلى تطبيقات أصلية لجميع أجهزة iOS و Android و Web OS و Windows Phone وأكثر من ذلك. هذا سيوفر عليك الاضطرار إلى تعلم لغات معقدة وبيئات تطوير متعددة مثل Java ، Objective C ، .NET وما إلى ذلك ، والوقت المطلوب لنقل مشروع إلى عدة أجهزة مختلفة.
على سبيل المثال ، مع وجود قاعدة صلبة في HTML و CSS وجافا سكريبت ، يمكنك بسهولة تجميع تطبيقات ويب رائعة يمكنك أيضًا تحويلها إلى تطبيقات مستقلة باستخدام المعلومات الموجودة في كتابي HTML5 لـ iOS و Android ، أو هناك منتجات متوفرة على الإنترنت ل المساعدة في تبسيط العملية.
مع تصريح Microsoft الآن بأن تطبيقات Windows 8 سيتم إنشاؤها في HTML و JavaScript ، هناك سبب إضافي لضمان معرفة قوية بهذه التقنيات ، خاصة أن Microsoft تعرف أنها تتحرك نحو مفهوم واجهة مستخدم واحدة بحلول عام 2015 (على غرار واحد ينظر الآن في هاتف ويندوز 7 - وخاصة تحديثها القادمة مانجو).
كيف قابلة للتحويل هي مهارات الويب؟
تعد مهارات الويب قابلة للتحويل بدرجة كبيرة نحو تطوير التطبيقات ، إذا كنت تستخدم ثلاثة تقنيات من HTML و CSS وجافا سكريبت لبناءها. ولكن إذا كنت تخطط لاتخاذ الطريق الأصلي وكتابة تطبيقاتك في Objective C (لـ iOS) أو Java (على Android) ، فأنت بحاجة إلى المزيد من خلفية البرمجة من أحد تطوير الويب ، وهناك منحنى تعليمي حاد لكل .
لحسن الحظ ، بالنسبة للغالبية العظمى من التطبيقات ، من الممكن استخدام تقنيات الويب لتحقيق نتائج مماثلة لكتابة التعليمة البرمجية الأصلية. فقط عندما تصل إلى وظائف وقت حرجة ، مثل متطلبات معدل الإطار العالي لألعاب الحركة السريعة ، يجب عليك الرجوع إلى اللغة الأصلية لجهاز أو نظام تشغيل.
برأيك ، ما هي التطبيقات (التطبيقات) التي تعتقد أنها أمثلة جيدة لتطبيق جيد التصميم؟
لا أحب أن أذكر أي تطبيقات معينة على أنها تمثل تصميمًا جيدًا نظرًا لوجود عدد كبير منها ، ولكن بما أنك طرحت السؤال ، فلا شك أن تطبيقًا رائعًا هو Theodore Grey العناصر وهو عبارة عن استكشاف ثلاثي الأبعاد تفاعلي لجميع العناصر ، حيث يمكنك تخيل لمسها تقريبًا لأنه يمكنك تدوير كل عينة ، أو تحريكها باستخدام أطراف أصابعك ، بل وعرضها أيضًا في صورة ثلاثية الأبعاد. بالنسبة لي ، هذا مثال على المكان الذي يصبح فيه الكتاب الإلكتروني (وهو ما هو موجود بالفعل) أكثر بكثير من مجرد كتاب بسيط لترجمة الكتب الإلكترونية (التي معظم الكتب الإلكترونية الأخرى) ، مع أخذ الكتب إلى مستوى جديد كليًا.
العناصر
كيف تشاهد هذه المرة في تصميم الويب؟
روبن نيكسون: أعتقد أن الوقت الحالي هو أكثر الأوقات إثارة للمبرمجين والمطورين منذ أوائل الثمانينيات ، عندما ازدهرت الحواسيب الصغيرة لأول مرة. وبمجرد أن حصل الكمبيوتر الشخصي على عرش الحوسبة ، فإن نظامي التشغيل Mac و Linux فقط عرضا أي منافسة حقيقية (والقليل ثمينًا في ذلك). ولكن الآن أصبحت حروب نظام التشغيل مرة أخرى ، وهذه المرة تغذيها الأجهزة الهائلة مثل الهواتف والأجهزة اللوحية ، والتنزيل الهائل للتطبيقات ، مما يعني وجود عالم من الفرص هناك. في رأيي ، "هناك ذهب فيها تلال".
آرون ماكسويل
آرون ماكسويل هو مؤسس Mobile Web Up، a تصميم الويب المحمول وكالة.
ما الذي ينبغي على مصممي الويب التفكير فيه عند بدء تشغيلهم في مجال تطبيقات الويب؟
العديد من نفس المفاهيم لا تزال تطبق. كمصمم ، فكر في الإجراءات التي ترغب في أن يتمكن المستخدم من اتخاذها - ما هي الخبرات التي تريد أن تكون قادرة على امتلاكها. غالباً ما يكون هذا التركيز هو أفضل مكان للبدء.
القوائم هي الأكثر فعالية عندما لا تطغى على الكثير من الخيارات. التنظيم في هيكل هرمي متدرج ، مع عدم وجود أكثر من اثني عشر خيارًا في كل مستوى. ضع في اعتبارك ما إذا كان استخدام التنقل المبوب سيساعد المستخدم على اتخاذ الإجراءات المختلفة التي يحتاجها بسرعة.
تباعد العناصر أمر صعب على الجوال. الحشوة الإضافية هي تقنية مفيدة جدًا على سطح المكتب للتجمعات الدلالية. يمكنك وضع مجموعة من الأدوات ، أو الصور ، أو مربعات النص معًا مرتبطة بها ، وتميزها عن مجموعة مختلفة فقط بفصل المساحة العمودية والأفقية.
ولكن على شاشة الجوال ، لديك فقط الكثير من العقارات للعمل معها. لذلك يجب أن يكون المصمم أكثر اقتصادا مع كيفية فصل العناصر مكانيا ، والعبث ببضع وحدات بكسل بدلا من العشرات. هذا يمكن أن تعمل عن طريق إشارات أخرى. تعني الزوايا الدائرية حول مساعدة المحيط التجميع. كما يمكن لألوان الخلفية المختلفة أن تنقل تغيرًا في السياق.
ما تحذفه لا يقل أهمية عن ما تضعه. فكر في الأمر على النحو التالي: كل عنصر تضيفه إلى قائمة الإعدادات ، على سبيل المثال ، لديه تكلفة في التعقيد الإضافي ، في وقت واهتمام المستخدم. فكر بعناية في ما إذا كانت أي ميزة أو عنصر تستحق العناء ، لا سيما بالنظر إلى نوع البيئات عالية التشتيت التي تميل لاستخدام تطبيقات الجوال.
برأيك ، ما هي التطبيقات التي تجسد التصميم الجيد؟
من المهم دراسة تطبيقات الجوال الأخرى الناجحة جدًا للعثور على ما هو فعال. انظر إلى الأسماء المشهورة: Facebook ، و Skype ، وأي برنامج تويتر أكثر شعبية هذا الأسبوع. اسأل الأصدقاء والعائلة عن التطبيقات التي يستخدمونها كثيرًا ، وحاول معرفة السبب. (تلميح: قد لا يعرفوا عن وعي السبب ، لذلك فإن سؤالهم مباشرة لن يساعد كثيراً) أنماط المحمول واجهة المستخدم.
سارة لين
سارة لين هو مصمم ويب ومبدع وصاحب سارة لين للتصميم.
كيف تقترحون على المصممين أن يتعلموا تصميم تطبيقات الجوال؟
لقد وجدت بعض أفضل الطرق لتعلم كيفية تصميم التطبيقات من خلال البحث في السوق. انظر إلى بعض التطبيقات الموجودة ، وتحليل وظائفها ، والعناصر التي تستخدمها والتي هي بالفعل جزء من عروض الهاتف وكيف يمكن تحسينها لتكون أسهل في الاستخدام. دراسة تفاعلات العناصر المختلفة وكيفية مقارنة التطبيقات المختلفة مع بعضها البعض. وقد وضعت العديد من الشركات في ذلك الوقت للقيام باختبار المستخدم واسعة النطاق. تعلم من ما تم تطويره بالفعل وإيجاد طرق للبناء عليها وجعلها أفضل.
هناك العديد من الكتب الرائعة لتبدأ بها. واحد أوصي للغاية هو كتاب سوزان جينسبيرج بعنوان تصميم تجربة مستخدم iPhone . إذا كنت مهتمًا بطبيعة الحال بسوق iOS. يتحدث عن اختبار المستخدم وكيفية التخطيط لتصميم التطبيق. مكان رائع للبدء عندما لا تكون متأكدًا من كيفية متابعة عملية تصميم التطبيق.
يعد تعلم كيفية الحصول على تعليقات المستخدمين والتخطيط على الورق بشكل كبير قبل الذهاب إلى الكمبيوتر مهارة رائعة لأي مصمم تطبيق (أو مصمم تفاعلي بشكل عام). وهناك طريقة رائعة أخرى للتعلم وهي الاتصال بمصمم التطبيقات الذي ينتج بالفعل أعمالًا رائعة. اطلب منهم أن يكونوا معلمًا وأن يعطوك أي مؤشرات يرغبون في تقديمها. معظم المصممين على استعداد لقضاء بضع لحظات من وقتهم إذا كنت تسأل بشكل جيد. احصل على تعليقات من أصدقائك والمصممين الآخرين الذين قد تعرفهم. اعرض لهم النماذج الخاصة بك واحصل على ملاحظاتهم.
برأيك ، ما مدى قابلية التحويل لمهارات تصميم الويب لتصميم التطبيقات؟
قابل للتحويل إلى حد ما. أود أن أقول إنها تقع أكثر في مجال تصميم التفاعل ككل. الذي يشمل كلاهما.
هناك العديد من الأشياء المختلفة التي تحتاج إلى التفكير فيها ، نظرًا لحجم الأجهزة ، ومتطلبات الأنظمة الأساسية المختلفة ، وببساطة نظرًا للطريقة التي يتفاعل بها المستخدمون مع التطبيقات مقارنةً بموقع الويب. يمكن أن تختلف الملفات الشخصية لمستخدمي الهاتف المحمول قليلاً جداً ، من مستخدم الهاتف المحمول العادي أثناء التنقل ، إلى مستخدم الهاتف المحمول الذي هو ببساطة كسول جداً للاستيلاء على الكمبيوتر المحمول الخاص بهم ويستخدم تطبيقاته أثناء التسكع في المنزل (بما في ذلك نفسي). الأنماط والتصميم لتلائم أنماط الحياة المختلفة يمكن أن تكون متشابهة في تصميم موقع الويب. بغض النظر عن الوسيلة التي تتطلع دائمًا إلى تصميمها حول جمهورك المستهدف.
قد يكون تعلم التفكير في تنسيق أصغر ، وأحيانًا أقل مرونة بمرونة أقل تحديًا. وينطبق نفس الشيء على التفكير في الوضع الأفقي مقابل الوضع الرأسي وكيف يمكنك تكييف تطبيقك للعمل في كلا الاتجاهين. إن الاستفادة من الأدوات المدمجة للجهاز المحمول هي سبب آخر يجعل البحث مهمًا للغاية عندما يتعلق الأمر بتصميم التطبيقات. من الأفضل اختيار منصة واحدة وتعلم خصوصياتها ، بدلاً من محاولة تعلمها كلها. يمكن أن يكون أمرًا شاقًا وساحقًا للغاية إذا حاولت أن تتعلم كل ذلك في وقت واحد.
تماما مثل أي وسيط جديد ، فإنه يتطلب الاستعداد للتعلم ومواكبة مع السوق سريع الخطى ليكون ناجحا.
مايك جوالتييري
مايك جوالتييري هو محلل رئيسي في Forrester Research ومؤلف التقرير الجديد ، أفضل ممارسات تصميم تطبيقات الجوّال .
ما الذي يجب أن يوليه المصمم للتطبيقات اهتمامًا خاصًا عند تصميم تجربة مستخدم جيدة؟
توقعات المستخدمين أعلى لتطبيقات الجوال مقارنةً بمواقع الويب. جلبت تطبيقات آبل آي فون cachet لتطبيقات الهاتف المحمول. علاوةً على ذلك ، توفر إمكانيات اللمس والإيماءة طرقًا جديدة للتفاعل مع التطبيقات. تتمثل الخطوة الأولى لتصميم تطبيقات رائعة في فهم المستخدمين بشكل أفضل من فهمهم. البحث الكمي والنوعي التقليدي مهم لخلق شخصيات (أشخاص خياليون يمثلون مستخدميك). يأتي التصميم الرائع من الخيال - مصمم يتخيل ما يمكن أن يجده المستخدم مفيدًا وقابلًا للاستعمال ومرغوبًا في سياق التطبيق.
بالنسبة لتطبيقات الجوال على وجه الخصوص ، يجب على المصممين مراعاة الأبعاد الخمسة لسياق تصميم الجوّال: الموقع ، والحركة ، والاتصال الفوري ، والألفة ، والجهاز.
المصدر: Forrester Research، Inc.
ما النصيحة التي تقدمها لمصممي الويب الذين يفكرون في الانتقال في هذا الاتجاه؟
افعلها. يعد تصميم تطبيق الجوّال للهواتف الذكية والأجهزة اللوحية فرصة متزايدة. كل شخص يحتاج إلى تصميم رائع. هناك ثلاثة مسارات لتطوير تطبيقات الجوال:
- التطبيقات الأصلية. إذا كانت لديك مهارات جافا سكريبت ، فلديك بعض مهارات البرمجة. لا تخيف من Objective C for iPhone أو Java for Android. يمكنك الحصول على فكرة سريعة عن أي كتاب يمكنك فهمه. لن يتمكن جميع مصممي الويب من الحصول على مزيد من التدريب.
- HTML5. التطبيقات
- الهجين. هو تطبيق أصلي يقدم HTML5 داخله.
كل من مسارات التنمية هذه تتطلب التصميم.
جوش كلارك
جوش كلارك هو مصمم ومطور ومؤلف Tapworthy: تصميم تطبيقات iPhone الرائعة و أفضل تطبيقات iPhone: دليل تمييز التنزيل .
ما النصيحة التي تقدمها لمصممي الويب المهتمين بالانتقال إلى تصميم وتطوير التطبيقات؟ ما الذي يحتاجونه للتعلم؟
من حيث تقنيات التصميم الفعلية ، قد لا تكون هناك حاجة لتعلم المزيد. يمكنك إنشاء بعض واجهات التطبيق الرائعة الرائعة باستخدام HTML و CSS وجافا سكريبت. أنا لا أتحدث فقط عن تطبيقات الويب التقليدية هنا ، ولكن أيضًا ما يسمى بـ "التطبيقات الهجينة". هذه هي التطبيقات التي تم تصميم واجهاتها مع HTML ولكن تم تسليمها كتطبيقات أصلية إلى متاجر التطبيقات المختلفة. إنها مثل توزيع تطبيق الويب من خلال متجر التطبيقات. بالنسبة لمصممي الويب ، هذه طريقة سهلة للبدء في تصميم تطبيقات الويب دون تعلم لغة برمجة.
كتب جوناثان ستارك كتابين رائعين يقدمان نظرة عامة حول كيفية القيام بذلك ، باستخدام مشروع مفتوح المصدر يدعى PhoneGap ، والذي يجمع تطبيق الويب الخاص بك في متصفحه الخاص كتطبيق أصلي: بناء تطبيقات iPhone باستخدام HTML و CSS وجافا سكريبت و إنشاء تطبيقات Android مع HTML و CSS وجافا سكريبت .
إليك الشيء: في حين يمكنك القيام بأشياء رائعة باستخدام HTML5 و CSS3 ، لا يمكن لهذه التقنيات أن تتطابق تمامًا مع تطبيقات برنامج Real McCoy البولندية والبيزازية ، وهي البرامج التي تم إنشاؤها باستخدام اللغة الأصلية للجهاز. إذا كنت ترغب في إنشاء تطبيقات ذات رسومات تفرقع العين ، ورسوم متحركة ، وأدوات أصلية ، ووصول كامل إلى الجهاز بأكمله ، فمن الأفضل لك الذهاب إلى المنزل. وهذا يعني أنك بحاجة إلى برمجة تطبيقات iPhone في Objective-C ، وتطبيقات Android في جافا ، وما إلى ذلك. هذه لغات برمجة لا تمزح حولها ويمكن أن تمثل صعودًا حادًا لمصممي الويب للتعلم. إذا ذهبت إلى هذا الطريق ، فقد ترغب في المشاركة مع مبرمج أكثر خبرة للمساعدة في جعل تصميماتك تنبض بالحياة. في غضون ذلك ، يمكن أن يكون إجراء التجارب على تصميم التطبيقات باستخدام HTML و CSS وجافا سكريبت طريقة رائعة للتعرف على النظام الأساسي وحتى إنشاء نماذج أولية سريعة للتطبيقات الأصلية.
بالنسبة إلى عملية التصميم الفعلية نفسها ، يختلف تصميم تجارب الجوّال بطرق مهمة عن تصميم سطح المكتب. الحافزان للوافدين الجدد هي بيئة العمل والسياق.
بالنسبة للأجهزة المزودة بشاشة تعمل باللمس ، لديك مشاكل تتعلق بالأمانة إلى الله للتعامل معها. أنت تصمم واجهة للأصابع والإبهام ، وهذا يعني أنك يجب أن تضع في اعتبارك قضايا الراحة التي يوضع فيها إبهامك الطبيعي على الشاشة؟ أكثر من ذلك ، هناك قضايا الرؤية. عندما تعمل واجهة يدويًا ، من الواضح أنك تحجب الشاشة. وهذا يعني أنه عليك تصميم عناصر التحكم بحيث لا تتداخل مع المحتوى. كل من هذه الاعتبارات - الراحة والرؤية - يفسر سبب عرض معظم الهواتف الذكية التي تعمل باللمس عناصر التحكم الرئيسية والتنقل في الجزء السفلي من الشاشة. وهنا يأتي دور إبهامك عند استخدام الهاتف بيد واحدة ، وهو يعني أيضًا أنه يمكنك عمل عناصر التحكم دون تعيق المحتوى. هذا هو بالضبط عكس ما اعتدنا عليه على سطح المكتب حيث تنتقل القوائم الأساسية وعناصر التحكم إلى الجزء العلوي من الشاشة.
المنطقة الأخرى التي يجب وضعها في الاعتبار هي السياق. كيف وأين سيستخدم الأشخاص هذا التطبيق؟ كيف يؤثر ذلك على أولوياتهم ، والميزات التي يجب عليك وضعها في الأمام والوسط؟ عليك أن تكون حذرا هنا. تطورت أسطورة أن هناك نوعًا واحدًا من مستخدمي الجوّال: أسرع ، في عجلة من أمره ، مشتتًا. هذا هو الحال بالتأكيد في بعض الأحيان ، ولكن ليس في كل وقت. الجوّال ليس فقط أثناء التنقل: إنه على الأريكة ، في المطبخ ، ينتظر في المطار لرحلة طيران متأخرة. كل هذه المواقف هي لحظات يحظى فيها جمهورك باهتمام كبير ، ويمكنه قضاء بعض الوقت في تطبيقك. وفي الوقت نفسه ، يمكن للأجهزة المحمولة أيضًا أن تفعل أكثر من أجهزة الكمبيوتر المكتبية لأنها محملة بكل هذه المستشعرات التي تمنحها بشكل فعال قوى خارقة: GPS ، والميكروفون ، والكاميرا ، واللمس ، والجيروسكوب ، والبوصلة. يشكّل سياق الجهاز هذا كيفية استخدام جمهورك لهاتفه وسيتوقع استخدام تطبيقك.
كل هذا يعني أنه يجب عليك التفكير في كيفية تأثير سياق الجهاز على أولويات المستخدمين ، ومن المرجح أن تكون تلك الأولويات مختلفة عن أولويات الكمبيوتر المكتبي. لكن هناك تحريفًا صعبًا في هذا: لا يمكنك الخلط بين هذا السياق وبين نية المستخدم. هناك غريزة شائعة لتبسيط تطبيقات الجوال ، لجعلها سطح المكتب لايت. ذلك خطأ. نفعل كل شيء على هواتفنا هذه الأيام ، وفي كل مرة تقول فيها ، "لا يريد الأشخاص فعل ذلك على الجوّال" ، فأنت على خطأ. لقد مررنا جميعًا بهذه التجربة حيث انتقلت إلى موقع ويب على هاتفك الذكي ، وأصبرك إلى إصدار الجوال من الموقع ، حيث جردوا الميزة أو المحتوى الذي تبحث عنه بالضبط. فقط لأنك على شاشة صغيرة نادرا ما يعني أنك تريد أن تفعل أقل من ذلك. إنها مثل قول ذلك فقط لأن الكتاب الورقي أصغر ، يجب علينا إزالة الفصول. لا تخلط بين محتوى الجهاز والقصد.
ما أقوله هو أنني أعتقد أنه في معظم الحالات ، يجب أن تشتمل تطبيقات ومواقع الويب للجوّال على محتوى وميزات متشابهة الموضوع لأبناء عمومتهم على سطح المكتب. قد يتغير العرض والأولوية بشكل جيد لتتناسب مع العقلية المتنقلة ، ولكن يجب أن يكون المحتوى دائمًا كما هو. في الواقع ، في كثير من الحالات ، يجب على إصدارات الجوال أن تفعل المزيد ، لأن الأجهزة قادرة على المزيد. هذا هو السبب في أن تطبيق Amazon للهاتف المحمول يمكنه القيام بأشياء لا يستطيع الموقع القيام بها: مسح الباركود ، على سبيل المثال ، للبحث عن العناصر.
بالنسبة لمصممي الويب ، هذا يعني أنه يجب عليك البدء في التفكير بشكل أكثر مرونة حول كيفية إنشاء مواقع الويب. كنا نفعل ذلك بشكل خاطئ منذ أكثر من 15 عامًا ، ونبني مواقع الويب فقط لتصفح سطح المكتب. هذا ليس ما تم تصميمه على الويب. تم تصميمه ليكون منصة محايدة ، ليتم عرضها على أي نوع من الشاشة أو الجهاز. أنت لا تعرف كيف سيتم عرض موقعك الإلكتروني الآن. هناك أجهزة بحجم jillion تحتوي جميعها على عوامل شكل مختلفة يمكنها الوصول إلى موقعك الإلكتروني الآن ، وهذا يعني أنه من المهم إنشاء مواقع ويب يمكنها التكيف مع أي جهاز. بالنسبة لمعظمنا ، هذه طريقة جديدة للتفكير في إنشاء مواقع الويب - إنها ليست مسألة إنشاء موقع ويب منفصل للجوّال وموقع ويب منفصل على سطح المكتب. بدلاً من ذلك ، فهذا يعني إنشاء موقع ويب واحد يتكيف بيسر مع قيود وقدرات كل جهاز.
نحن محظوظون جداً هنا على كوكب الأرض حيث نعيش إلى جانب أذكى رجل في الكون حول كيفية تصميم هذا النوع من المواقع التفاعلية ، واسمه إيثان ماركوت. كتب إيثان كتابًا جديدًا رائعًا تصميم الويب سريع الاستجابة تصف كيفية الانتقال إلى إنشاء مواقع تكيف تصميمها وميزاتها لأي جهاز. إنه عبقري ، ويمكنك أن تكون عبقريًا أيضًا من خلال قراءة كتابه. هذه الاشياء لا تقل أهمية عن صحة ومستقبل حرفة لدينا مثل حملة معايير الويب من العقد الماضي. يجب على كل مصمم ويب أن يضع جانباً بضع ساعات لقرع هذا الكتاب.
دينار بحريني Biersdorfer
دينار بحريني Biersdorfer هو صحفي تكنولوجيا ومؤلف العديد من الكتب على الأدوات بما في ذلك أفضل تطبيقات iPhone .
برأيك ، ما الذي يجعل تطبيقًا جيد التصميم وخبرة جيدة للمستخدم؟
بعد الاطلاع على 400-500 تطبيق للكتاب ، أفضل تطبيقات iPhone ، أعتقد أن التطبيقات التي تعمل بشكل أفضل هي التطبيقات التي تم تصميم واجهة المستخدم خصيصًا لشاشة الهاتف الصغيرة وليس التطبيقات التي تأخذ منهج سطح المكتب (مع الكثير من الرموز والقوائم) ومحاولة الالزام أكثر من اللازم في الفضاء. التطبيق الجيد هو أيضًا تطبيق مستقر - تم اختباره جيدًا وخالٍ من الأعطال نسبيًا.
هل هناك أي تطبيقات معينة تتبادر إلى الذهن لكونها أمثلة تصميم جيدة؟
على الرغم من أنني لم أقم بتضمينه في الكتاب في ذلك الوقت لأنني وجدت أنه مزدحم ومتعطش ، فقد أعاد "أرصاد" تصميم تطبيقه على iPhone إلى برنامج طقس رائع بالفعل مع رسومات كبيرة وملونة ووصلة بديهية إلى حد ما بحيث لا عليك أن تحفر حول عدة شاشات فقط لترى كم هي ساخنة - وكم ستكون ساخنة. تختلف التطبيقات المجانية والمدفوعة بشكل طفيف في التصميم ، لكن كلاهما يستخدمان العناصر المرئية نفسها للتعبير عن الظروف الجوية بسرعة.
ارصاد
أنا أيضا أحب التطبيق "Kayak" للأشياء التي وضعها المطورون فيها إلى جانب الجزء المعتاد لرحلات الطيران والفنادق. على سبيل المثال ، هناك قسم يمكنك النقر عليه لمعرفة مقدار رسوم كل شركة طيران منك للتحقق من الحقائب ، وآخر لمعرفة ما هي المتاجر والمطاعم الموجودة في المطار الذي تتعثر فيه ، ومحول العملات وحتى قائمة التحقق من التعبئة انها التطبيق السفر العملي مدورة جيدا وهذا سهل للتنقل.
من الناحية الإخبارية ، ما زلت أعتقد أن تطبيق "BBC News" رائع لكلاب الصيد. تمكن منشئو التطبيق من إيجاد طريقة واضحة لوضع تسع قصص عالية (مع العناوين والصور الصغيرة) على الشاشة الرئيسية ، إلى جانب لافتة "الأخبار العاجلة" وزر للاستماع حتى تتمكن من سماع البث المباشر لراديو بي بي سي. من السهل جدًا تعديل فئات الأخبار التي تريد متابعتها ، وهناك روابط لمقاطع الفيديو والمقاطع الصوتية المشهورة مسبقًا التي يمكنك بثها ، مثل مقطع الفيديو الموجز الموجز العالمي.
تم جلب هذه المشاركة لك بواسطة الإزاحة طباعة كتيب شركة ، في اليوم التالي الطيارون.
ما هي تجاربك مع تصميم تطبيقات الجوال؟ ما هي التطبيقات التي تعتقد أنها توضح مبادئ التصميم الجيد وواجهة المستخدم؟ أخبرنا في التعليقات أدناه.