9 تصميمات رائعة لواجهة المستخدم

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

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

01. مهرجان مونترو لموسيقى الجاز

تصميم واجهة المستخدم: مهرجان مونترو للجاز



إليك طريقة رائعة لإنشاء برنامج المهرجان الخاص بك مع بعض الضربات الشديدة(رصيد الصورة: مهرجان مونترو للجاز)

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

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

تصميم واجهة المستخدم: مهرجان مونترو للجاز

ليزو! كيف عرفوا؟(رصيد الصورة: مهرجان مونترو للجاز)

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

02. إمالة الفرشاة

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

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

03. الزخرفة

تصميم واجهة المستخدم: الزخرفة

أسلوب التصميم الدائري البسيط يجعل من السهل تحريك إيقاعاتك [الصورة: Olympia Noise Co]

آلة طبل iOS من شركة Olympia Noise Co ، الزخرفة ، على عكس ما رأيته من قبل ، ولسبب وجيه. بدلاً من تسلسل إيقاعك على شبكة مثل أي تطبيق موسيقي آخر ، يستخدم Patterning واجهة دائرية للأعمال الأساسية المتمثلة في وضع إيقاعاتك ، باستخدام براميل مشفرة بالألوان بحيث يمكنك بسهولة رؤية ماذا.

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

04. ميل تشيمب

تصميم واجهة المستخدم: MailChimp

تصميم MailChimp نظيف ومسطح ومطبعي إلى حد كبير [الصورة: MailChimp]

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

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

تصميم واجهة المستخدم: MailChimp

تمنعك العبارات المفيدة التي تحث المستخدم على اتخاذ إجراء من الضياع في MailChimp [الصورة: MailChimp]

05. ورق لباد

تصميم واجهة المستخدم: Paper for iPad

تم تصميم الورق ليكون سهل الاستخدام [الصورة: FiftyThree]

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

مصمم خصيصًا للمس ، لا يحتوي تصميم Paper's UI على أزرار أو إعدادات تدعو للقلق - مجرد سلسلة من الأدوات المتخصصة. تأتي أداة الرسم على شكل قلم حبر متعدد الاستخدامات مجانًا ، بينما يأتي Sketch (قلم رصاص ناعم) و Outline (قلم تحديد غامق) والكتابة (قلم حبر) ولون (فرشاة ألوان مائية) وخلاط (خلاط ألوان) كمشتريات داخل التطبيق.

كيفية فوتوشوب شخص ما في صورة مجانا

تصميم واجهة المستخدم: Paper for iPad

بدلاً من الأزرار ، يحتوي Paper على مجموعة من الأدوات المتخصصة [الصورة: FiftyThree]

06. الأشياء

متوفر لكل من Mac و iOS ، أشياء هو تطبيق شائع لإدارة المهام مع تصميم حائز على جوائز ، وهو سهل الاستخدام وسهل الالتقاط ، استنادًا إلى مفهوم قائمة المهام المألوف. كما يشير مطوروها Cultured Code ، فإن الفكرة تكمن في جعل حياتك أسهل ، بعد كل شيء.

يأتي تصميم واجهة المستخدم النظيف والأنيق مقسمًا مسبقًا إلى قوائم لمساعدتك في تصنيف مهامك: فالأشياء العاجلة تدخل في 'اليوم' ، والأقل إلحاحًا قليلاً يمكن أن تنتظر حتى 'التالي' ، بينما تخطط 'الجدولة' إلى الأمام. يلتقط كل إدخال معلومات مهمة دفعة واحدة - العنوان والملاحظات وتاريخ الاستحقاق ، بالإضافة إلى العلامات إذا لزم الأمر للمساعدة في تصنيف كل شيء. أفضل ما في الأمر هو أنه يمكن الوصول إلى نافذة Quick Entry من أي مكان باستخدام اختصار لوحة مفاتيح بسيط - وتتم مزامنتها جميعًا تلقائيًا عبر سطح المكتب و iPhone و iPad.

07. مراقب الحملة: الرؤية العالمية

تصميم واجهة المستخدم: Campaign Monitor Worldview

تضع Worldview البيانات المعقدة بطريقة يسهل الوصول إليها(رصيد الصورة: Campaign Monitor)

فكرة أصلية رائعة تضع لمسة جذابة على بيانات الاشتراك في البريد الإلكتروني ، مراقب الحملة: Worldview تراكب معلومات حول الأفراد الذين يقومون بفتح اتصالاتك على خريطة Google والنقر عليها ومشاركتها في الوقت الفعلي لكل من الرؤى الجغرافية والشخصية.

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

08. الشكل

تصميم واجهة المستخدم: الشكل

تم تصميم الشكل لمساعدتك على عزف النغمات أثناء التنقل [الصورة: Propellerhead]

مثال آخر على التصميم المسطح الذي يجعل تصميم واجهة المستخدم الذي من المحتمل أن يكون شديد التعقيد يبدو نظيفًا للغاية وبديهيًا ، شكل عبارة عن آلة توليف وطبل لنظام iOS من المطور السويدي Propellerhead ، وهو أيضًا وراء برنامج Reason لإنتاج الموسيقى على سطح المكتب.

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

09. كينيدي

تصميم واجهة المستخدم: كينيدي

يضيف كينيدي سياقًا إلى ذكرياتك [الصورة: بريندان داوز]

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

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

تصميم واجهة المستخدم: كينيدي

تقدم تفاصيل كينيدي المضافة بديلاً ثريًا للملاحظات الجافة [الصورة: بريندان داوز]

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

مقالات ذات صلة: