ما سنفعله: 11 مثالًا لحلول واجهة ناجحة على الموقع

ملاحظة من الكابتن واضح: أنت الآن على شبكة الإنترنت. لا يهم ما تفعله الآن - تابع قراءة هذا المقال أو أغلق علامة التبويب ...

نعم ، مازحا عن "لا يهم". لا تغلق ، من فضلك!

في أي حال ، كل ما تبذلونه من الإجراءات - التفاعل مع واجهة الموقع والمتصفح. ستتعلم في المقالة حوالي 10 أمثلة لحلول الواجهة للموقع. في رأيي ، إنهم ناجحون ، لكنك تقرر ما إذا كان الأمر كذلك.

1. سبيربنك أون لاين

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

ثم اضغط على زر "Translate" وانظر النافذة التالية:

في حقل "الاسم" ، يظهر لك من ستنقل الأموال إليه. توافق ، عند الاتصال برقم البطاقة المكون من 18 رقمًا ، يمكنك ارتكاب خطأ في الأرقام وإرسال الأموال (وليس 100 روبل ، كما في لقطة الشاشة) فقط وليس هناك. إذا قمت بالإبلاغ عن رقمك من الذاكرة ، فمن السهل ارتكاب خطأ!

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

2. ويكيوم

تبدأ هذه الخدمة لغسيل المخ عبر الإنترنت في فرحة الشاشة الأولى. بدلاً من اسم الواجب لزر "تسجيل" (الرابط "لدي حساب بالفعل" لا يسمح للغرض من غلطه) هناك "بدء تطوير" محفز:

ما يأتي بعد الضغط على الزر لا يمكن تسميته:

أنت لا تسجل فقط في النظام: إنه يبني برنامج تدريب فردي لك ، بناءً على المهارات التي ترغب في تطويرها.

في النهاية - التسجيل عن طريق البريد الإلكتروني أو عبر الشبكات الاجتماعية:

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

3. الكسيس ستايل

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

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

4. خدمة PDF.io

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

هنا يمكنك أيضًا تغيير اللغة إلى اللغة الروسية ، رغم أن كل شيء واضح

كل ما تستطيع الخدمة القيام به ، يمكنك القيام به على سطح المكتب Acrobat Pro DC من Adobe ، ولكن مقابل المال. لذلك ، أتفق تمامًا مع خصائص الخدمة المقدمة من قبل المطورين: "أدوات عبر الإنترنت لا غنى عنها للعمل مع PDF."

5. ويكيبيديا

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

هل تعلم أنه يمكن تنزيل أي مقال من هناك بتنسيق PDF؟

يتم تنزيل الملف الذي يحتوي على المقالة دون مشاكل ، على الرغم من المشكلات التي يعبر عنها "Wikipedia"

المستند الناتج يشبه هذا:

وثيقة سهلة القراءة مع هيكل من "ويكيبيديا"

تحتاج إلى جعل مجموعة مختارة من المقالات لقراءتها دون الإنترنت؟ استخدم الخيار لإنشاء PDF على ويكيبيديا. ومع PDF.io يمكنك دمجها في ملف واحد!

6. متجر DNS

لدى DNS أداة رائعة - تكوين الكمبيوتر ، عندما يمكنك اختيار المكونات بنفسك:

إذا كان هناك شيء غير واضح ، فإن الرابط إلى دليل المستخدم سوف يساعد على فهم

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

لذلك اخترت مصدر طاقة قوي للتكوين الخاص بي:

وكل شيء أصبح جيداً:

سعيد أن هناك مثل هذه الخدمات. من المحزن أن:

7. متاهة

المتجر جاد حول واجهة بطاقات كتبهم:

1. "التصميم": لفهم ، سيكون الغطاء الصلب أو اللين هو الكتاب ، هل هناك توضيح ، إشارة مرجعية ، إلخ.

2. "المحتوى": انظر ماذا وكيف يتم كتابة الكثير من التفاصيل في الكتاب.

الرسوم التوضيحية ومقاطع الفيديو لبعض الكتب لا تقدر بثمن:

في الآونة الأخيرة ، أضافت معلمات الوصف وقتًا لقراءة الكتاب مع المعلمات القابلة للتخصيص:

سوف تتعلم كم تقرأ الكتاب ، بناءً على حجم القراءة اليومية.

لقد رأيت لأول مرة شيئًا كهذا في مقالات Texterra ، وحتى ذلك الحين أنا أقدر مدى ارتياحه - هل يمكنني قراءة المادة الآن أو تركها للمساء.

الآن يتم تنفيذه في "المتاهة". عندما يكون لديك مائتان كتاب في خط للقراءة ، يصبح هذا الخيار مفيدًا للغاية.

8. الأثاث "موسكو"

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

هنا قامت الشركة بإنشاء قسم على الموقع حيث يمكنك تنزيل إصدار عبر الإنترنت أو دون اتصال من البرنامج لتصميم التصميم:

عند تنزيل الإصدار عبر الإنترنت ، ستفتح هذه النافذة:

يؤدي الضغط على الزر لتنزيل الإصدار غير المتصل إلى بدء عملية حفظ حزمة توزيع البرنامج في المكان المناسب على الفور.

يسر الواجهة بأمرين:

1. حقيقة أن مثل هذا البرنامج موجود على الموقع من حيث المبدأ (نفس الشيء منطقي للغاية!).

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

9. كتاب الجيب

تصفية اختيار المنتج مباشرة على الصفحة الرئيسية - بارد! وجود مجموعة صغيرة بشكل أساسي ، يمكن لـ Pocketbook تحمل مثل هذا الحل:

ليس فقط عرض القراء ، واختيارهم. على الفور

أدناه فقط نحن نقدم لالتقاط القارئ. ثم ينعكس اختيار كل معلمة في عرض الجهاز:

في النهاية ، قائمة بجميع المعلمات المحددة وقائمة الأجهزة التي تناسبها.

كمالك لقارئ Pocketbook 911 ومؤلف هذا المقال ، سأقول - كل من الجهاز ممتاز والموقع.

10. Wisellshop

بالنسبة لبعض المنتجات الموجودة في البطاقة ، يتوفر الزر "تجربة عبر الإنترنت". إليك كيف تعمل:

أشر إلى "90-60-90" واكتشف ما إذا كان الشيء "سيجلس"

لقد أدخلت المعلمات الافتراضية مدام وحصلت على هذا:

يتم تسجيل النتيجة في بطاقة العنصر:

عن الحزن: Facebook وواجهته

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

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

كل ما تستطيع في هذه الحالة:

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

11. اللوجستية السريعة

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

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

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

شاهد الفيديو: لعبة المكياج الحقيقي للبنات - العاب اطفال (كانون الثاني 2020).

Loading...

ترك تعليقك