6 تعديلات بسيطة على تصميم واجهة المستخدم لنقل تطبيقك من "Meh" إلى تطبيق مذهل
نشرت: 2015-09-16لقد أنشأت نموذجًا أوليًا لتطبيق الهاتف المحمول وفقًا للمواصفات ، ولكن هناك شيئًا ما لا يبدو صحيحًا تمامًا. ربما لا تتدفق بسلاسة كما تريدها ، أو أن تصميم واجهة المستخدم لا يمنحك هذا التأثير "المبهر". تريد أن يبدو تطبيقك كالسحر ، لكن في الوقت الحالي يبدو الأمر وكأن والدك يسحب ربعًا من أذنك أكثر من ديفيد كوبرفيلد مما يجعل الأهرامات تختفي.
ماذا تفعل؟ هل تتخلص من كل شيء وتبدأ تصميمك مرة أخرى من الصفر؟
أو ربما ، من خلال بعض المعجزة ، يمكن حفظ التطبيق بتعديل بسيط في التصميم. بعد كل شيء ، كنت ملتزمًا بالتصميم قبل إنشاء النموذج الأولي أو الإصدار التجريبي ، لذلك يجب أن يكون هناك شيء جيد فيه - وسيكون من العار إهدار كل هذا العمل الشاق.
لقد سألنا 6 مصممين عن التعديلات الطفيفة التي يعتقدون أنها تحدث فرقًا كبيرًا في مصمم واجهة المستخدم. ربما تلهمك إجاباتهم لوضع اللمسة النهائية المثالية على تطبيقك ، ونقله من جيد إلى رائع (أو من رائع إلى رائع!)
1. عندما يتعلق الأمر بالنسخ ، اقطع الدهون.
إذا كنت تستخدم تطبيقًا على جهاز صغير ، فمن المحتمل أنك لا تريد قضاء الكثير من الوقت في القراءة. لا يؤدي الإفراط في النسخ إلى إبطاء المستخدم فحسب ، بل يؤدي أيضًا إلى إزاحة تصميم واجهة المستخدم الخاصة بك.
مورين كيروين هي مصممة تفاعل في شبكات Nokia (nokianetworks). نصيحة Kerwin لتحسين أي تطبيق على الفور؟ قم بمراجعة النسخة ، وقم بقص أي شيء لا تحتاجه.
يقول كيروين: "راجع النسخة في أي مكان لديك فيه تكرار أو مجرد كلمات كثيرة جدًا". "هناك دائمًا شيء ما يمكنك إزالته أو مراجعته لتكون أكثر وضوحًا وإيجازًا."
في هذه الحالة ، في بعض الأحيان يكون أفضل صديق لمصمم واجهة المستخدم هو المحرر أو المصحح اللغوي. إذا لم تتمكن من تحديد النسخة التي تريد قصها (أو تكثيفها) ، فإن وجود تلك المجموعة الثانية الموضوعية من العيون على تطبيقك يحدث فرقًا كبيرًا.
2) احصل على ملاحظات المستخدم.
إذا كنت عالقًا في محاولة اكتشاف ما يتعلق بتصميم واجهة المستخدم الذي لا يعمل ، فإن أسرع طريقة للحصول على إجابة هي ببساطة سؤال المستخدمين.
مايك ديشازر (itsdeshazer) هو مؤسس مشارك ومدير تنفيذي لـ CodeCloud.me (CodeCloudMe) ، وهي منصة تفاعلية تساعد المستخدمين على تعلم كيفية البرمجة وتمكنهم من إنشاء التطبيقات. يقول De'Shazer ، إن معرفة المستخدمين والحصول على تعليقاتهم هي الطريقة الأكثر موثوقية لجعل تصميم واجهة المستخدم الخاصة بك فعالاً.
يقول De'Shazer: "هناك أنواع مختلفة من تحسينات تجربة المستخدم بأهداف مختلفة ، لكن أفضل طريقة لتحسين تصميم واجهة المستخدم وتجربة أي تقنية هي الحصول على فهم أفضل للأشخاص الذين يستخدمونها."
عندما يتعطل تطبيقك ، أرسل النموذج الأولي الخاص بك إلى مجموعة من مستخدمي الإصدار التجريبي. قد تكون اقتراحاتهم حول كيفية تحسين التجربة هي أكثر التعليقات قيمة التي يمكنك الحصول عليها.
3) اجعلها سريعة.
يحتاج جميع المستخدمين (والمستخدمين المحتملين) إلى السرعة. إذا لاحظت أن تجربة المستخدم الخاصة بك لا تنقر بالطريقة التي تريدها ، فقد لا تكون مشكلة في تصميم واجهة المستخدم ، ولكن سرعة التطبيق نفسه.
آمنة رضوي مطورة تطبيقات في GadgTecs (GadgTecs) ، وهي مدونة للعلوم والتكنولوجيا تعرض التطبيقات والأدوات وأخبار العلوم. بصفته منشئًا ومراقبًا لتطبيقات الأجهزة المحمولة ، وجدت Rizvi أن السرعة ووقت بدء التشغيل هما من أهم جوانب تحسين تجربة المستخدم.
يقول رضوي: "أحد أهم الجوانب بالنسبة لي هو وقت بدء تشغيل التطبيق". "يجب أن يحتوي التطبيق على صفحة بداية رائعة ، ويجب أن يتم تحميله بسرعة كبيرة."
موصى به لك:
ماذا يعني توفير مكافحة الربح بالنسبة للشركات الهندية الناشئة؟
كيف تساعد الشركات الناشئة في تكنولوجيا التعليم في تطوير مهارات القوى العاملة في الهند وتصبح جاهزة للمستقبل ...
الأسهم التقنية في العصر الجديد هذا الأسبوع: مشاكل Zomato مستمرة ، EaseMyTrip تنشر Stro ...
تتخذ الشركات الهندية الناشئة اختصارات في مطاردة للتمويل
منصة التسويق الرقمي Logicserve Bags INR 80 Cr Funding، Rbrands as LS Dig ...
تقرير يحذر من تجديد التدقيق التنظيمي على Lendingtech Space
يقول رضوي إن الانطباعات الأولى هي بالطبع الأهم. "يتم إيقاف تشغيل المستخدمين بسرعة عندما ينقرون على التطبيق ويتعين عليهم الانتظار لأعمار قبل أن يتمكنوا من فعل أي شيء. لذا في رأيي ، يجب أن يكون التطبيق فوريًا ، مهما كان حجمه ".
لم تتفاجأ بأحدث أعمالك؟ معرفة ما إذا كان يمكنك تبسيط التجربة. اجعل أوقات التحميل أسرع ، وفكر في جعل أي رسوم متحركة تدمجها في تصميم واجهة المستخدم تنقضي على فترات زمنية أقصر. إذا لم يجعل ذلك تطبيقك أكثر إشراقًا ، فاستمر في القراءة.
4) تلبيس تصميم واجهة المستخدم الخاصة بك بالرسوم المتحركة.
Andrew Riley هو مؤسس Ticketlab (ticketlabUK) ، وهي خدمة حجز التذاكر عبر الإنترنت التي تمكن فناني الأداء من إعداد وبيع تذاكر الأحداث. وهو أيضًا مستشار رقمي ومطور الواجهة.
بالنسبة إلى Riley ، فإن أفضل طريقة لإضافة تأثير فوري لتصميم واجهة المستخدم الخاصة بك هي الحركة.
"نصيحتي الأساسية لتعزيز الإحساس بصفحة الويب أو التطبيق بسيطة للغاية: الرسوم المتحركة. لا أتحدث عن الشعارات المرتدة ومشاعل العدسات في عصر الفلاش ، ولكن عن الرسوم المتحركة الدقيقة "، كما يقول رايلي. "في أبسط أشكاله ، عندما تتضمن حالة التمرير تغييرًا في لون الخلفية ، ما عليك سوى تطبيق انتقال خطي بمقدار 0.3 ثانية عليها. ستجد أن هذا سيجعل تصميم واجهة المستخدم الخاص بك على الفور يبدو أقل شبهاً بموقع ويب وأكثر شبهاً بالتطبيق ".
يقول رايلي إن أفضل جزء في تعديل التصميم هذا هو أنه لا يستغرق وقتًا طويلاً ، لكن التأثير يمكن أن يكون ضخمًا. "يمكن تطبيق الانتقال بطرق ذكية لأي تغيير في الحالة تقريبًا لإضفاء الحيوية على التصميم. على الرغم من توفر ميزة CSS هذه لعدة سنوات حتى الآن ، إلا أنها لا تزال غير مستخدمة في العديد من التطبيقات الجديدة ، ولكن لا يستغرق تنفيذها سوى بضع لحظات في كثير من الحالات ".
يوافق جيرت هاتينج ، كبير موظفي التكنولوجيا في One Click Here (@ Oneclickhere1). في One Click Here ، يقول Hattingh ، يأخذ المصممون والمطورون الوقت الكافي لاختبار تصميم واجهة المستخدم على مراحل متعددة ، مع التأكد من أن التدفق صحيح تمامًا.
"يمنحك العمل في بيئة رشيقة القدرة على اختبار واجهة المستخدم أثناء مواكبة التطوير. نحن نحب أن نلعب مع الانتقالات لتوجيه المستخدم لاتخاذ الخطوة التالية ، "يقول هاتينغ. "إن إضافة رسم متحرك دقيق إلى زر عند استخدامه يساعد المستخدم على معرفة ما يجب فعله ، وتحسين التجربة بشكل عام."
الرسوم المتحركة تلفت انتباه المستخدمين وتساعدهم في إرشادهم خلال التجربة ويمكن أن تضيف الجاذبية الإضافية التي تشتد الحاجة إليها لتصميم واجهة المستخدم الخاصة بك ، ولكن تذكر عدم المبالغة في ذلك - كما يذكرنا مطورنا التالي ، أحيانًا يكون القليل أكثر.
5) بسّط ، بسّط ، بسّط.
لا يريد أي مستخدم أن يتعرض للقصف بنشاز من التحفيز البصري ، سواء كان ذلك في لوحة ألوان تتطلب الكثير من الحريات أو إساءة فاضحة للتركيبات المرئية (حتى لو كنت تلميذًا للتشكيل البصري ، فلا يزال بإمكانك أن تأخذ الأمر بعيدًا جدًا مع الظلال واللمعان).
أمريتا تالوار مطور عمل على العديد من تطبيقات Android و iOS ، بما في ذلك PoolMyRide (poolmyride) ، وهو تطبيق متعدد الأنظمة يتيح للمستخدمين العثور على شركاء مشاركة السيارات. في تجربة Talwar ، فإن المفتاح لأخذ تصميم واجهة المستخدم من الجيد إلى الرائع هو إبقائه بسيطًا:
"يشبه تصميم التطبيق إنشاء أغنية بدون كلمات - يجب فهمها عالميًا. لجعل التطبيق سهل الاستخدام وجميلًا ، أتبع الخطوات التالية:
- ضع في اعتبارك استخدام التصميم متعدد الأبعاد مع الرموز المسطحة ، وتأكد من أن تصميم واجهة المستخدم يتناسب مع الأجهزة المختلفة.
- تقليل عدد النقرات والإيماءات والتفاعلات التي يجب على المستخدم إجراؤها. كل ما تنوي أن يفعله المستخدم يجب أن يتم بأقل عدد ممكن من النقرات.
- الحفاظ على تصميم واجهة المستخدم نظيفة. قد يكون من المغري ازدحام واجهة المستخدم الخاصة بك بالميزات ، ولكن أعط الأولوية لما يحتاجه المستخدم حقًا. في بعض الأحيان يكون من الأفضل فقط الاحتفاظ بالميزات الأكثر أهمية واستبعاد "الأشياء اللطيفة التي تمتلكها" ، لأن التأثير السلبي على تصميمك الإجمالي سيكون صافًا. "
التصميم المبسط يعني عبئًا أقل على المستخدمين. يجب أن يقوم تصميم واجهة المستخدم بالعمل نيابةً عنهم - وليس العكس.
6) انظر خارج منطقة الراحة الخاصة بك للحصول على الإلهام.
في بعض الأحيان ، يكون السبب وراء التصميم البسيط هو ببساطة الافتقار إلى الأفكار الجديدة. هذا أمر شائع بشكل خاص عندما تكون قد سجلت خبرة بضع سنوات في الصناعة ، وخاصة في نفس الوكالة. هل لاحظت أن تصميمات واجهة المستخدم الخاصة بك بدأت تبدو متشابهة - نفس شاشة البداية ، نفس الرسوم المتحركة ، الأزرار المتشابهة ، الرموز أو الخطوط؟
قد يكون الوقت قد حان للتخلي عن مشروعك الحالي وإلقاء نظرة على بعض تطبيقات الأجهزة المحمولة الأخرى للتغلب على روتينك. قد تكون أفضل 10 تصميمات مبتكرة لواجهة المستخدم من الشركات الصاعدة مكانًا رائعًا للبدء. ألق نظرة فاحصة على ما تفعله هذه التطبيقات بشكل مختلف ، وفكر في كيفية جعل بعض هذه المفاهيم ملكًا لك.
للحصول على تجربة أحدث ، ابحث خارج صناعة تطبيقات الأجهزة المحمولة بشكل عام. على سبيل المثال ، يمكن أن يكون لعب إحدى ألعاب الفيديو درسًا قيمًا في سرد القصص ، ويمكن أن تؤدي رحلة إلى متحف الفن إلى بعض من أفضل أفكارك. حتى مجرد قضاء القليل من الوقت الإضافي مع أطفالك (أو أبناء إخوتك وأبناء أختك) يمكن أن يشحذ لعبة تصميم واجهة المستخدم الخاصة بك.
لا تشعر بالرغبة في التحرك من كرسيك؟ اقرأ فقط كيف يحصل المصممون الآخرون على أفضل أفكارهم عندما يصطدمون بالفانك الإبداعي. في بعض الأحيان ، يأتي الإلهام من الأماكن غير المرغوبة.
[المقالة الأصلية منشورة على blog.proto.io في 28 أغسطس / آب]