5 أمثلة مبتكرة لتصميم واجهة المستخدم

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

كيفية رسم قطة فروي

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

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



01. iOS

تفاحة، مدينة، قط

أحدثت Apple ثورة في واجهة المستخدم لكل من حوسبة سطح المكتب والأجهزة المحمولة

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

كانت الشركة رائدة في استخدام واجهة المستخدم الرسومية (GUI) مع إدخال كمبيوتر Lisa في عام 1983 ثم جعلته سائدًا مع إصدار Macintosh في عام 1984. ثم ، عندما قدمت iPhone في عام 2009 ، جلبت مظهرًا فريدًا وتجربة سهلة الاستخدام لسوق الهاتف المحمول.

لسنوات ، كان مستخدمو الهواتف المحمولة يتعاملون مع عجلات التمرير أو أزرار الأسهم للتنقل عبر هواتفهم. غيرت واجهة iPhone التي تعمل باللمس وأيقونات التطبيقات اللعبة لأنها عملت وكانت سهلة الاستخدام.

لم يتغير شيء يذكر فيما يتعلق بالوظائف الأساسية لمنصة iOS الأساسية منذ عام 2009 ، مع الأخذ في الاعتبار المقولة القديمة: 'إذا لم يتم كسرها ، فلا تقم بإصلاحها'. وفي الوقت نفسه ، استمرت Apple في توسيع عروض منتجاتها ، حيث قامت بتكييف iOS مع iPad و iTouch.

02. Windows 8 Mobile

سوف مايكروسوفت

هل سيعيد نهج Microsoft الجديد لواجهة مستخدم الهاتف المحمول تشكيل السوق؟

تلعب Microsoft دورًا في اللحاق بالركب في سوق الهواتف الذكية منذ أن احتلت Apple و Google مركز الصدارة قبل بضع سنوات. في عام 2012 ، قدمت Microsoft أحدث نظام تشغيل للهواتف المحمولة ، Windows 8 ، إلى جانب إصدار سطح مكتب مماثل. يتميز Windows 8 للجوال باستخدام البلاط التفاعلي المباشر. هذا يعني أنه عندما تنظر إلى الشاشة الرئيسية لهاتفك ، فإنك ترى العديد من 'مربعات' التطبيقات التي تقوم بتحديثك باستمرار بالمعلومات.

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

يختلف المظهر العام بشكل مميز عن نظام iOS ، الذي يركز على استخدام الرموز الثابتة للتنقل وإشعارات مثل الإخطارات المنبثقة لالتقاط البيانات الواردة. تبرز واجهة الهاتف المحمول الخاصة بـ Windows 8 من بين الحشود بسبب إعادة التفكير في كيفية رؤيتنا لدفق البيانات شبه المستمر.

03. Nest ثرموستات

يعمل أفضل نوع من واجهة المستخدم على تبسيط العملية - ويُعد منظم الحرارة من Nest مثالاً على ذلك

يعمل أفضل نوع من واجهة المستخدم على تبسيط العملية - ويُعد منظم الحرارة من Nest مثالاً على ذلك

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

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

اقلبها عندما تريدها أكثر سخونة وأخفضها عندما تريدها أكثر برودة. يقوم منظم الحرارة بالباقي من خلال التعلم في كل مرة تقوم فيها بإجراء تعديل وبناء جدول تدفئة وتبريد بناءً على تغييراتك. يمكنك حتى التحكم فيه من هاتفك الذكي عبر شبكة Wi-Fi.

شاهد هذا! ترموستات العش:

04. تاريخ نينتندو لماريو كارت

نينتندو

كيف ترى بصمتك الرقمية
يتخذ موقع Nintendo نهجًا جديدًا للتقدم من خلال المحتوى

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

يتم إنشاء هذا التأثير ثلاثي الأبعاد باستخدام بعض ترميز HTML5 و CSS3 الرائع الذي يجعل خلفية مواقع الويب تتحرك بمعدل أبطأ ثم يتم تعيين الكائنات في المقدمة.

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

05. تطبيق iPad التابع لـ World Wildlife Fund

الصندوق العالمي للطبيعة

تتيح لك واجهة التطبيق الأنيقة لـ WWF اكتشاف المحتوى بطرق مبتكرة

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

أصدر World Wildlife Fund تطبيقًا مجانيًا جديدًا لجهاز iPad يسمى WWF Together ، وهو مثال مذهل لما يمكنك فعله بالتفاعلات القائمة على الإيماءات.

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

شاهد هذا! تطبيق WWF قيد التشغيل:

كلمات : بن وايتسيل

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

أحببت هذا؟ اقرأ هذه!