اتجاهات التصميم الأساسية ، يناير 2016
التطبيقات في كل مكان. لقد أصبحت جزءًا لا يتجزأ من حياتنا اليومية بفضل عدد الهواتف الذكية والأجهزة القابلة للارتداء التي نمتلكها.
وبسبب ذلك ، تعد التطبيقات واحدة من أكبر العوامل الدافعة عندما يتعلق الأمر باتجاهات تصميم مواقع الويب. لنلقي نظرة.
عودة اللفافة
جلبت الشاشات الصغيرة الموجهة رأسيا التمرير للخلف بطريقة رئيسية. عندما كان يُعتقد أنه شيء تريد تجنبه لأن المستخدمين لن يتحركوا لأسفل الشاشة ، فإن التمرير جزء لا يتجزأ من عملية التصميم مرة أخرى.
والتمرير الآن أفضل من أي وقت مضى. بفضل الرسوم المتحركة الرائعة وآثار المنظر والكثير من أفكار المحتوى الإبداعي ، فإن التمرير كثير من المرح وطريقة جيدة لجذب المستخدمين.
لا تتوقف مع عادية أسفل الصفحة التمرير. ضع في اعتبارك خيارًا أفقيًا أو متحركًا يمكن أن يبهج المستخدمين بفضل المفاجأة الصغيرة. فقط تأكد من تضمين تلميح مرئي لمستخدمين مع تأثيرات التمرير خارج القاعدة ، بحيث لا يتم الخلط أو التخلي عن موقع الويب الخاص بك لأنهم لا يفهمون كيفية استخدامه.
تصميم المواد يذهب التيار الرئيسي
بدأ مفهوم تصميم المواد من Google كواجهة متحركة. بدأت الواجهة المستوحاة من الطبقات المستندة إلى الفيزياء باعتبارها جمالية لأجهزة Android ، ولكنها سرعان ما انتشرت إلى التطبيقات التي تعتمد على iOS أيضًا.
يقوم المصممون بتوسيع المفهوم للاستخدام على مواقع الويب ذات الشاشة الكاملة أيضًا.
المفهوم المادي بسيط وبديهي وجذري في العناصر الواقعية بحيث يسهل استخدامه وفهمه. يتمتع المصممون بالكثير من المرح مع أسلوب الواجهة مع الألوان الزاهية والكثير من الرسوم المتحركة الرائعة.
التنقل المخفي في كل مكان
هذا هو واحد من تلك المحولات التي تغير حقا طريقة تفكيرك في تصميم الصفحة الرئيسية. أصبح التنقل المخفي لحظة مهمة في الوقت الحالي.
التصميم القابل للجدال لرمز الهامبرغر هو التطبيق الأكثر استخدامًا على نطاق واسع ، مع وجود رمز يبرز قائمة كاملة. يختار مصممو مواقع الويب أحد خيارين: قائمة تظهر على جزء من الشاشة أو التنقل على كامل الشاشة. يعمل خيار ملء الشاشة بشكل مماثل تقريبًا لكيفية عمل أنماط الانزلاق في التطبيقات ، ومع المصممين العقاريين الإضافيين لديهم مساحة كبيرة لإنشاء صفحة استكشاف أكثر من مجرد عدد قليل من الروابط الداخلية.
ما هو لطيف بشكل خاص في أنماط التنقل الكبيرة هو سهولة قراءتها والنقر عليها. (ليس هناك ما هو أسوأ من عناصر الملاحة الصغيرة التي تم تصميمها كفكرة متأخرة.)
البطاقات والبطاقات والمزيد من البطاقات
يمكنك بالكاد تصفح الويب دون عبور واجهة نمط بطاقة. تعتبر حاويات المحتوى هذه قابلة للاستخدام بشكل كبير وتتراكم بشكل جيد في إطارات الاستجابة.
البطاقات هي خيار شائع لأنها يمكن أن تكون ممتعة جدًا لتصميمها أيضًا. يمكن أن تكون البطاقات مصممة خصيصًا لتلائم أي نمط تصميم وتعمل مع أي نوع محتوى تقريبًا. هناك شيء واحد يجب تذكره حول البطاقات هو أن كل حاوية يجب أن تحمل محتوى قطعة واحدة وأن تتصل بنقرة واحدة. يمكن لهذا "الشيء" أن ينشط مقطع فيديو أو يرسل نموذجًا أو ينتقل إلى صفحة أخرى أو يشتري عنصرًا أو أي عدد آخر من الإجراءات الفردية. يمكن أن تقوم بطاقات مختلفة في نفس الموقع بأشياء مختلفة. (ما دام المستخدمون يفهمون الإجراءات.)
إنه أسلوب واجهة يحتاج إلى القليل من التوضيح أيضًا. إن مواقع الشبكات الاجتماعية مثل Facebook و Twitter و Pinterest متجذرة في واجهات على غرار البطاقات مع التمرير اللامتناهي بحيث يتم ملء المحتوى الجديد. يبدو أن المستخدمين الساحقين يحبون ويقبلون نمط التصميم هذا.
التفاعلات الصغرى ضرورية
ليس هذا منذ زمن بعيد ، كانت التفاعلات الصغرى عنصرًا تقريبًا تقريبًا. قد ترغب في إعادة التفكير في هذه الفكرة. الخط الفاصل بين التطبيقات ومواقع الويب غير واضح تمامًا. يرغب المستخدمون في زيارة أحد التطبيقات ثم ربما موقع الويب لاحقًا والحصول على التجربة نفسها بالضبط.
وهذا ينطبق على التفاعلات الصغيرة أيضًا. التفاعل الجزئي هو أي شيء يساعد المستخدم على التواصل مع الواجهة ، أو مشاهدة أي إجراء يتم أو التعامل مع الواجهة. كل من أجزاء الاتصال هذه صغيرة للغاية ولا يفكر المستخدم في ذلك ، مثل إنذار أو رسالة نصية أو تمرير سريع لتحديث المحتوى. (فكر فقط في عدد إخطارات الاجتماع التي تحصل عليها على جهاز الكمبيوتر الخاص بك أو هاتفك ؛ تلك هي التفاعلات الصغيرة.)
عامل الربط لجعل هذا الانتقال السلس هو لمسة من التخصيص والكثير من الخيارات لتخصيص المستخدم. يعد استخدام التفاعلات الدقيقة أمرًا صعبًا نظرًا لوجود خط دقيق بين الإشعارات المطلوبة أو الإنذارات أو الرسائل وإفراط المستخدم في ذلك.
عند دمج التفاعلات الصغيرة تلتزم ببعض الوظائف الأساسية أولاً لمعرفة كيف يتفاعل المستخدمون. بعد ذلك ، يمكنك الإضافة إلى المزيج إذا كانت قاعدة المستخدم الخاصة بك تقبله.
والآن
المرحلة القادمة من تصميم موقع الويب يحدث بالفعل. كلما ازدادت شعبية الأجهزة القابلة للارتداء ، ستقوم بتصميم عناصر من هذه الشاشات الصغيرة.
وتشمل العناصر التي سيكون لها تأثيرها رسومًا متحركة صغيرة تستند إلى الحالة ، مثل عجلات التمرير التي تملأ إظهار الإنجازات ، والمزيد من التفاعلات الصغيرة والكثير من المتتبعين. (المستخدمين مهووسين بالبيانات في الوقت الحالي ، من البيانات القائمة على اللياقة البدنية إلى نقاط الكسب للتسوق).
كما تضيف الأقمشة القابلة للارتداء طبقة أخرى من التشويش على الحياة اليومية. من المحتمل أن يتم نقل هذا إلى تصميم موقع الويب أيضًا.
ما الذي ستقوم به الأجهزة القابلة للارتداء هو مزيد من الخط الفاصل بين جميع أجهزتنا. مواقع الويب والتطبيقات والأجهزة القابلة للارتداء - جميعهم بحاجة إلى تقديم تجارب متكاملة للمستخدمين بحيث يكون الانتقال من جهاز لآخر سلسًا وتجربة متناسقة.
استنتاج
مع تغيير حجم الشاشات ، كذلك الطريقة التي نصمم من أجلها. لإنشاء تفاعلات تفاعلية يرغب المستخدمون في التفاعل معها ، بغض النظر عن الجهاز ، يجب أن تعمل كل واجهة بنفس الطريقة. الفكرة تؤثر بشكل كبير على الطريقة التي صممت بها جميع المواقع (حتى تلك التي لا تملك بالضرورة تطبيق أو نظائر يمكن ارتداؤها).
من خلال إنشاء شيء يفضله المستخدمون على أصغر الشاشات وتوسيعه إلى أجهزة أكبر ، يمكن للمصممين بناء واجهات يسهل فهمها. كما يجعل واجهتك أكثر قليلا في الطلب.