على مدى عقد من التطوير ، توقفت Google لفترة طويلة عن وضع صفحات البحث بتخطيط بدائي ، وهناك ما يكفي من المال والوقت لتصميم صفحة البحث. في الآونة الأخيرة (في الواقع ، في أجزاء مختلفة من العالم كان قد جربها لمدة شهرين بالفعل) ، وضع تصميمًا جديدًا لنتائج البحث ، والتي لا تزال قيد الانتهاء - ظهر حقل إدخال بيضاوي (في البحث عن الصور لا يزال مستطيلًا) ، مسمر إلى الأعلى (عند التمرير الصفحة) البحث. تظل الوظائف المتبقية ، كما هي ، هي نفسها التي تم من خلالها إعداد نص مستخدم
أزرار البحث الإضافي من Google (امتداد المتصفح) منذ فترة طويلة. فيما يتعلق بالتغييرات في تخطيط الصفحة ، تم إجراء تحسينات ، وفي الوقت نفسه تطرقت إلى عناصر واجهة المستخدم الجديدة ، والتي سنناقشها الآن ، والتي تعرض تعديلات العمل.
كل شيء ، بشكل عام ، جيد مع Google ، والتعديلات التي تم إجراؤها لا تتحدث عن أي عيوب قوية ، ولكنها تضيف القليل من الراحة للأشياء الصغيرة ، التي تشكل واجهة المستخدم العامة (واجهة المستخدم). نحن ندرج ما سيتم مناقشته. في البداية - في الخدمة ، وظائف البرنامج النصي الموجودة بالفعل ، وأدناه - حقيقة أنه في اليوم الآخر كان هناك يوم جديد مع تصميم جوجل.
- أزرار إضافية - تشكل أساس البرنامج النصي للمستخدم الذي تم تثبيته من أجله. بحيث تكون مجرد نقرة واحدة ، يتم نقل بعض الوظائف (البحث حسب التواريخ ، أنواع الملفات والمواقع) بالقرب من المستخدم ، إلى مساحة صفحة فارغة. إنه موجود بالفعل لعدة سنوات ، لذلك تمت مناقشته بالفعل ، بما في ذلك في مقالتين عن حبري ؛
- تخزين إعدادات أزرار إضافية ؛
- القائمة المنسدلة لملحقات الملفات (حوالي 30) ، في البحث العام والبحث في الصور ؛
- تلميحات إغلاق نتائج البحث عند ظهورها - كيفية تحديد الإغلاق غير المكتمل ؛
- حقل البحث مسمر - كان في ياندكس منذ حوالي 7 سنوات ؛ هناك نص "قاتل" معه ، والآن يحل مشاكل مماثلة في أسلوب أيكيدو ونص مستخدم Google ؛
- صفحة Google الواسعة المطلوبة (يريد 1100) تم قطعها قليلاً (حتى 800 بكسل مع رأس مناسب نسبياً).
أزرار إضافية
لم تتغير في الأيام الأخيرة ، ولكن كان هناك مراجعة منذ عام تقريبًا ، مما يحسن الانتقال (انتقالات CSS) لاختفاء أعمدة التاريخ بواسطة رصاص الماوس. في البداية ، قام البرنامج النصي باختفاء برمجي للأعمدة ، على JS ، بحيث مع تحريك الماوس العشوائي لن يختفي فورًا وفي ثانية مقسمة سيكون من الممكن تصحيحه إذا كان العمود لا يزال مطلوبًا. هذه خدعة شائعة تُستخدم في القوائم لنفس الغرض. الآن يمكن القيام بذلك بالكامل في CSS ، ولكن في وقت سابق ، كان يلزم دعم متصفح أكثر اكتمالا. الآن يتم حفظ انقراض البرنامج ، ولكن يتم تخفيفه قليلاً بوجود انتقالات CSS. لا يحب الجميع وجود التحولات والتلاشي السلس للشفافية بشكل عام ، ولكن هذه مسألة إعدادات وتحسينات للبرنامج النصي. يوفر تخزين الإعدادات في localStorage ، ولكن لا توجد "سمات".
إعدادات التخزين
لم تكن Google و Yandex و Facebook سهلة في تخزين localStorage لفترة طويلة - فهي تقوم بتنظيف ذاكرتها بشكل دوري (مستعرض الكمبيوتر المحلي لكل مستخدم). لذلك ، من أجل تخزين نطاقات المواقع التي يبحث فيها المستخدم غالبًا ، وعدد الأيام والأسابيع التي يدير فيها مجموعات البحث ، كان علي اتخاذ قرار صعب (تم وصف شيء مشابه في مكان ما على Habré ، بقدر ما أتذكر ، على Facebook) - لتخزين الإعدادات على مجال آخر . ولكن الآن يمكنك توسيع البرنامج النصي ، على سبيل المثال ، الحفاظ على "الموضوعات" ذاتها التي كان يمكن كتابتها لفترة طويلة. يظهر عدد الأيام أو الأسابيع أو السنوات التي حددها المستخدم أثناء آخر عملية بحث ويتم تخزينه في رأس القائمة المنسدلة. (شيء آخر من الراحة.)
قائمة ملحقات الملفات
لعرض 23 نوعًا من أنواع الملفات و 7 أنواع من الصور بشكل ملائم ، يتم تقسيم أنواع الملفات إلى 3 أعمدة ، ولكن يظهر آخر 2 عند النقر فوق الزر "المزيد ...". أيضًا ، في البحث عن الصور في الأزرار الإضافية ، تم تكرار مربع الاختيار "إظهار أحجام الصور" (أو عدم إظهاره).
بالنسبة للملفات ، يبقى السؤال حول كيفية ملاءمته ، وما إذا كان من الضروري تعيين بحث عن عدة أنواع من الملفات. يمكن كتابة طلب للحصول عليه يدويًا في حقل البحث (نوع الملف: pdf أو نوع الملف: doc) ، لكن يمكن إجراؤه بطريقة ما في واجهة الزر. ياندكس لديه فرصة مماثلة.
نصائح البحث والشفافية
نمر إلى الأكثر إثارة للاهتمام - إلى العقارات من مصممي جوجل. ومع ذلك ، في ياندكس ، لم يتم حل ورقة من تلميحات تغطي نصف الشاشة ، وكان لا بد من تصحيحها. في Google ، سنجعله أكثر شمولًا ، لأنه يسلط الضوء على النهايات المختلفة للكلمات والعبارات لتسهيل التنقل. سوف نتأكد من أن هذه المأدبة بأكملها لا تتداخل أيضًا مع البحث - المهنة الرئيسية لمحرك البحث.
في Yandex ، أصبحت الشفافية بسيطة - بالكاد ملحوظة (مع البرنامج النصي
Yandex No Float Field ) ، بحيث تم تخمين العناوين وشكل العمود أسفل المطالبة. هذا لا يتعارض مع النظر إلى النصائح غير المرغوب فيها دائمًا ولا يقتل تمامًا رؤية نتائج البحث.
في Google ، أصبح النص الجديد أكثر جذرية - شفافية أكثر. من خلال الحقول البيضاء الصلبة يمكنك قراءة. ولكن حتى تكون المطالبات واضحة - نستخدم علامات نص عريضة من المطالبات لترتيب ركائز ملونة كثيفة لهذه الأجزاء المهمة.
حقل البحث مسمر
(أو الخط الفاصل - © 2011 ya - قاتل هنا: userstyles.org/styles/51117/yandex-ru-no-float-field . بعد بضع سنوات تم إلغاؤه ، ثم تم إدخاله مرة أخرى بعد 2-3 سنوات والآن أصبح في الواجهة ياندكس متاح.)لذلك صعدت جوجل على هذا الطريق المنحني. من الواضح أن هذا الحل معيب بشكل أساسي إذا لم يكن لديك جهاز يصل ارتفاعه إلى 1600 بكسل. يخفي حقل البحث مع حدوده وحليته جزءًا من ارتفاع النافذة الضروري لعرض نتائج البحث - الرئيسية ، التي أتوا من أجلها إلى الموقع. إذا كان التمرير يزيل الحقل من النافذة في صفحة عادية ، فعندئذٍ مع "الخدمة الجيدة" المتمثلة في ربطه في الأعلى ، تضيع هذه الفرصة البسيطة أيضًا. وإذا كان هناك ، مثل Yandex الآن ، هناك روابط - مقدار الامتنان ينمو بشكل متناسب. (ومع ذلك ، يأخذ الصيادون أيضًا نسبة 3 ٪ ، أي 7 ٪ من العمولة ، وبالتالي فإن الغالبية معروفة ، ولكن ما هي الفائدة؟ لماذا ، إذا لم تكن بحاجة إلى ثلاثة؟) ومع ذلك ، فقد استثمر كلاهما في شركات تصنيع أجهزة العرض عالية الدقة في الوقت المحدد ، لذلك وستبدأ Google الآن في تقليص الأرباح). ولكن حتى اشترينا شاشة جديدة ، دعنا نزيل هذا الخط اللاصق.
تلتهم Google قليلاً في حقلها المسمر - 72 بكسل فقط (72/1080 = 6.7٪ عمولة لمصنعي الشاشات) ، Yandex - 94 (8.7٪). على الرغم من أن كلاهما يمكن أن تظهر النافذة إذا لزم الأمر - عن طريق تمرير الماوس فوق الجزء العلوي من الشاشة.
نحن نحقق أحلام المستخدمين الفقراء الذين لا يرغبون في إنفاق الأموال على الحديد (غير الضروري) - خاصة وأن Google تمكنت تلقائيًا من عرض أزرارنا الإضافية في حقلها المُسمر. إذا قمت بنقل الحقل أسفل الجزء العلوي من النافذة ، فإن الأزرار "تعليق" ، والتحويم فوقها يسمح لك بفتح حقل الإدخال.
كانت نسبة العمولة هي ارتفاع الأزرار - 22/1080 = 2٪ ، وحتى ذلك الحين نقسمها على 3 ، لأن العرض تحتل ثلث الشاشة. (نفخة من السخط اجتاحت المراقبين الرأسماليين.)
نشير إلى شيء ما في منتصف الصفحة - لا نرى فقط أزرار السقوط ، ولكن أيضًا حقل الإدخال المتاح.
صفحة جوجل واسعة
لا يزالون لا ينتجون شاشات عريضة للغاية ، لذا فإن الأنماط تحدد حدًا لعرض الصفحة يبلغ 1100 بكسل - متواضع تمامًا حتى الآن. (لماذا يحتاج هؤلاء الأشخاص إلى 1100 بكسل؟) ولكن عندما ننظر إلى نتائج البحث لا في الإطار الكامل ، يستغرق الأمر أحيانًا وقتًا أقل. حقل البحث للنظر في عرض أصغر غير مريح.
نحن نجري تحسينات حتى يتسنى لك استخدام جميع الوظائف في الرأس من 800 بكسل دون تدوير الصفحة أفقياً.
يبقى التمرير الأفقي الأفقي ، ولكن هذه هي هوية شركة Google ، التي تعتمد إلى حد كبير على محتوى الصفحة. دعونا نترك هذا العمل له ، وعندما نصنع محرك البحث الخاص بنا (وإذا كان) ، فسنعمل عليه وعلى التمرير الأفقي.
تتمثل خطط البرنامج النصي للمستخدم في Google في إضافة العديد من الأزرار (الأحجام والأنماط والألوان) لإطار البحث عن الصور وإجراء اختيار متعدد للملفات وخانات الاختيار 1-2 للأنماط وتركها في هذا النموذج للمراجعات التالية عند الحاجة.
UPD: ميزة مثيرة للاهتمام في جوجل للغة الروسية.
كما تعلم ، تختلط آلة حاسبة Google في نتائج البحث إذا كانت هناك تعبير رياضي. على وجه الخصوص ، 2 ^ 4 هي 2 ** 4 ، تساوي 16. لكن Google تتفهم أيضًا "2v4" كعملية رفع إلى قوة.