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

اسمح لي أن أسألك شيئًا قد يبدو مثل الخيال العلمي. هل حدث لك أن كوكب الأرض ربما يتحرك أسرع قليلاً في وقت متأخر - لكننا لم نلاحظه بعد؟ يبدو أننا لم نقم إلا بالأمس بمراجعة ما كنا نتوقعه عندما انتقلنا إلى 2018. لكن الغريب ، انها تقريبا 2019 بالفعل!

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

وهذا بالكاد يغطي القاعدة. كما أثرت التغييرات في تفضيلات المستخدم بشكل كبير على كيفية تصميم واجهات في 2018.

لوضعها في المنظور ، 94٪ من مستخدمي الانترنت توقفت عن الوثوق بالمواقع ذات التصميم الضعيف - لذلك ليس هناك مجال للتنازلات بعد الآن.

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

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

رائعة ، أليس كذلك؟

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

إذن ، ما هي الاتجاهات التي نتطلع إليها؟

المحمول الأولى

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

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

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

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

حصة السوق المحمول

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

وقت التصفح

حسنًا ، لنفكر في الأمر ، لقد علمنا جميعًا أن الوقت قد حان فقط قبل أن يلحق الجوّال في نهاية المطاف أجهزة الكمبيوتر الشخصية أيضًا. وبحلول 2018 ، كانت الجداول قد تحولت تمامًا ، مع استخدام الجوال 52.2٪ من جميع صفحات الويب العالمية.

حصة حركة المرور

ماذا يعني هذا بالنسبة لواجهة المستخدم؟

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

استخدام الظلال والعمق

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

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

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

الظلال والعمق

في 2019 ، لذلك ، نتوقع أن نرى استخدامًا تدريجيًا لصيغ الظل لتحقيق وجهات نظر مختلفة لواجهة 3D.

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

أسلوب آخر شائع هو وضع الظلال في أنماط لإنشاء مستويات مختلفة من القوام ، وبالتالي جعل عناصر الواجهة في الحياة.

ثم خمن ماذا؟ وقد أدت التطورات الأخيرة في أدوات تصميم واجهة المستخدم إلى توسيع نطاق الديناميكيات التي تأتي مع أساليب التصميم هذه. يمكنك الآن بسهولة دمج الظلال مع الشبكات وتخطيطات المنظر لتوسيع العمق المقابل بشكل منهجي ، وبالتالي تحقيق أوهام 3D أكثر واقعية.

بمعنى آخر ، سيستمر الاستخدام المتطور للظلال في تحقيق عمق أكثر دقة على شاشة 2D. وبذلك ، القضاء على الحاجة إلى شاشات 3D الخاصة.

بساطتها

في السنة 2000 ، فإن متوسط ​​انتباه الإنسان ، على الأقل وفقا لدراسة من قبل Microsoft، كان 12 ثانية. ثم خمن ماذا؟ وبحلول 2015 ، كان من المفاجئ أن ينخفض ​​إلى 8 ثانية - أقصر بإثارة من ذهبية قياسية.

حسنًا ، عندما اعتقدنا أنه لا يمكن أن يزداد الأمر سوءًا ، جعل الإنترنت الناس أكثر صبرًا - 47٪ من زوار موقعك تتوقع الآن تحميل صفحاتك في أقل من 2 ثانية. انهم ببساطة لا يستطيعون الانتظار لفترة أطول. في الواقع ، ستغادر 40٪ منها إذا استغرقت وقتًا أطول من 3 ثانية.

من المستغرب أن العديد من مصممي الويب لم يأخذوا هذا الأمر بجدية. الحالي متوسط ​​سرعة تحميل الصفحات هو 8.66 ثانية- على الرغم من توصية Google بأقل من 3 ثانية لـ 2018.

أوقات تحميل الصفحة

وهذا ليس كل شيء. اتضح أن الوضع أكثر فقرًا بالنسبة لمواقع الجوال نظرًا لأنها تتخذ متوسط ​​الثواني 22 لتحميل. ومع ذلك ، للأسف ، لا يتجول 53٪ من زائري صفحة الجوال لأكثر من ثلاث ثوانٍ.

ولكن ، كيف يرتبط هذا بواجهة المستخدم؟

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

إذن ، ماذا يعني هذا لـ 2019؟

حسنا، تحديث سرعة جوجل في شهر يوليو ، كانت 2018 بداية نهاية معالجات UI المعقدة الغنية بالرسومات والتي تقوض سرعات التحميل بشكل كبير. نحن الآن نتحول بشكل متزايد نحو واجهات مستخدم بسيطة ذات أبعاد بسيطة يتم تحميلها بشكل أسرع.

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

آثار متداخلة

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

لكن انتظر ما هو الأثر المتداخل في المقام الأول؟

بشكل عام ، يتضمن ذلك وضع عناصر مثل الصور والنص والألوان لتتداخل مع بعضها البعض بشكل أنيق. أراهن أنك قد وصلت بالفعل إلى رسومات متداخلة على العديد من مواقع الويب الآن.

آثار متداخلة

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

سامسونج موبايل ، على سبيل المثال ، تحولت من شاشات الكريستال السائل إلى تقنية OLED المتقدمة عندما أصدروا Galaxy S7 منذ عامين. بعد ذلك ، انضمت شركة آبل إلى عربة X مع iPhone X ، التي لديها الآن تباين عرض أكبر من شاشات LCD التي سبقتها. الشركة لديها حتى خطط الحفاظ على هذا على جميع طرز iPhone المجدولة لـ 2019.

ومن الذي سيستفيد أكثر؟

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

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

تصاميم بدون إطار

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

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

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

حافة فرملس

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

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

ومع استمرار مصنعي الأجهزة في هذا الاتجاه في 2019 ، نتوقع أن تسقط UIs تدريجياً حواف الجيل القديم الحادة لتصاميم ناعمة ومستديرة بدون إطار.

الدقيقة متحركة

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

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

،

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

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

النتيجة

بشكل عام ، قمنا فقط بتغطية بعض من أبرز الاتجاهات. نحن ملزمون بمشاهدة المزيد من الأشياء المثيرة التي تظهر مع مرور الوقت ، ولا يمكننا انتظار 2019 لتعيين الكرة المتدحرجة.

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

رأس الصورة مجاملة من وليد بنو

بوجدان رانسيا

بوجدان هو أحد الأعضاء المؤسسين لشركة Inspired Mag ، حيث اكتسب خبرة تقرب من سنوات 6 خلال هذه الفترة. يحب في وقت فراغه دراسة الموسيقى الكلاسيكية واستكشاف الفنون البصرية. انه مهووس جدا مع إصلاحات كذلك. يمتلك 5 بالفعل.