مراجعة قابلية الاستخدام والمقارنة المرجعية لحاسبة الأسعار

01السياق

الصفحة التي يحسب فيها المشتري سعر إعداده

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

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

02المنهج

خمسة أيام، وثلاث جلسات، ولوحة واحدة

جرى العمل على لوحة Trello واحدة، من 19 إلى 23 يناير 2020، بجهد فردي من سينا. واستُخدمت الصفحة كما يستخدمها المشتري: بملء كل قسم من أقسام النموذج، والضغط على «احسب»، وقراءة الفاتورة، وتغيير أحد الخيارات لمعرفة ما الذي يتغيّر.

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

سُجّلت 48 مشكلة من أصل 50 في ثلاث جلسات: 22 في 19 يناير، ثم 13 في 20 يناير و13 في 21 يناير. وتلتها مشكلتان أخريان في 22 يناير. وضمّت اللوحة بقية العمل بين الجلسات.

قيست الصفحة قبل الحكم عليها: جاء اختبار السرعة قبل أول ملاحظة.

03الملاحظات

خمسون مشكلة في ثمانية محاور

من بين 50 بطاقة، تحمل 26 منها وسم قابلية الاستخدام، و15 وسم الواجهة، و13 وسم النصوص. وقد تحمل البطاقة أكثر من وسم، وثلاث بطاقات بلا وسم. وعند قراءتها معًا تنقسم إلى ثمانية محاور.

وفي الجلسة الثالثة، كُتبت 11 ملاحظة من أصل 13 كما يقولها المشتري.

04المقارنة المرجعية

اثنتا عشرة حاسبة أخرى، قيست بالطريقة نفسها

خُصّصت لكل حاسبة من 12 حاسبة أسعار سحابية أخرى بطاقة خاصة بها. ومرّت الصفحات كلها، وعددها 13 بما فيها صفحة أروان، عبر GTmetrix، ثم دخلت أرقامها في جدول بيانات واحد: درجات PageSpeed وYSlow، وزمن التحميل، والحجم، وعدد الطلبات. والحاسبات الاثنتا عشرة هي: Google Cloud وMicrosoft Azure وAWS TCO وOpen Telekom Cloud وOracle Cloud وRackspace وFirebase وHuawei Cloud وNetApp وDigitalOcean وFME Cloud وSelectel.

بهذا القياس، كانت صفحة أروان ثاني أثقل صفحة: 2.65 MB، مقابل وسيط يبلغ نحو 1.2 MB لبقية الصفحات، ولا يعلوها سوى 3.13 MB لصفحة Oracle. وأجرت 106 طلبات، وهو ثالث أكبر عدد، مقابل وسيط قدره 65. وكانت درجتها 56 في PageSpeed ثالث أدنى درجة بالتساوي مع غيرها، وبزمن تحميل بلغ 6.7 ثانية جاءت خامس أبطأ صفحة. أما في YSlow فجاءت في منتصف الجدول.

قيست كل صفحة مرة واحدة، على الخطة المجانية من GTmetrix، من فانكوفر، في 19 و20 يناير 2020، ولذلك فالأرقام لقطة لا حكم. وكانت كافية لتحديد موضع الصفحة بين نظيراتها.

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

كانت صفحة أروان أثقل من 12 حاسبة أخرى، إلا واحدة منها.

05محركات البحث

عنوان من 22 حرفًا ولا عناوين فرعية

كما فُحصت الصفحة من حيث الطريقة التي ستقرؤها بها محركات البحث. فقد نبّهت إضافة SEO للمتصفح إلى عنوان من 22 حرفًا ووصف من 53 حرفًا، ومن دون كلمات مفتاحية ولا وسم للرابط الأساسي. وكان في الصفحة وسم H1 واحد هو كلمة «حاسبة»، وستة وسوم H6 هي في الحقيقة عناصر قائمة؛ ولم يكن فيها أي وسم من H2 إلى H5. وكانت تضم 56 صورة و144 رابطًا.

وأضاف تدقيق للموقع بندين أصغر: شهادة قاربت على الانتهاء، وصفحة واحدة فيها إعادة توجيه مؤقتة.

06إعادة التصميم

إعادة التصميم في شاشتين

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

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

ما دام لم يُضَف شيء، تقول الفاتورة إنها فارغة وما الذي يُفعل أولًا: تخصيص خدمة وإضافتها. وبعد إضافة الخدمات يصير كل منها سطرًا في الفاتورة يمكن طيّه أو حذفه، ويظهر لكل خدمة منها نقطة صفراء في الصف العلوي.

كانت الفاتورة في الصفحة القديمة آخر ما يُرى، بعد «احسب». وفي إعادة التصميم تظهر على الشاشة قبل إضافة أي شيء.

07دوري

دور سينا

أُجريت مراجعة الحاسبة في يناير 2020 بجهد فردي من سينا، ضمن العمل في تصميم المنتج لدى أروان كلاود. وتسجّل الملاحظات استخدام شخص واحد للصفحة؛ ولا تشمل هذه الدراسة أي اختبار مع أشخاص آخرين.

مسؤوليتي

المراجعة: كل جلسة وكل ملاحظة وكل وسم
المقارنة مع 12 حاسبة سحابية أخرى
قياسات السرعة وجدول البيانات الذي دُوّنت فيه
فحص SEO
بطاقتا الأفكار
شاشتا إعادة التصميم المعروضتان هنا

مسؤولية مشتركة

—

تعاون

—

08النتائج

ما أنتجته المراجعة

مراجعة وأدلتها، لا نتيجة. أُطلقت إعادة التصميم التي تلتها وتُعرض منها هنا شاشتان، لكن الأدلة لا تتضمن أي رقم لما غيّرته.

مشكلة سُجّلت: 50; على مدى خمسة أيام وثلاث جلسات، وجميعها تقريبًا موسوم بقابلية الاستخدام أو الواجهة أو النصوص; مخرج مُسلَّم · لوحة المراجعة، 19–23 يناير 2020
صفحة قيست: 13; حاسبة أروان و12 حاسبة أخرى، اختُبرت كل منها مرة واحدة عبر GTmetrix; مخرج مُسلَّم · جدول بيانات السرعة، 19–20 يناير 2020
محاور: 8; الكلمات، وعناصر التحكم، والوحدات، والفاتورة، وحقول الإدخال، وترتيب النموذج، والأخطاء، والحسابات التي تتركها الصفحة للمشتري; مخرج مُسلَّم · مجمّعة من اللوحة
أفكار حُفظت: 2; الدفع حسب الاستخدام، وتخطيط بطاقات للباقات; مخرج مُسلَّم · بطاقات الأفكار، 21–22 يناير 2020

ما تم تسليمه

لوحة من 50 ملاحظة، موسومة ومرتّبة في قوائم بحسب أجزاء الحاسبة
جدول بيانات بأرقام سرعة 13 صفحة
فحص SEO للصفحة
بطاقتا أفكار لوقت لاحق

09ما تعلّمته

ما كنت سأغيّره

01
مشاهدة شخص آخر وهو يستخدمها
تسجّل الملاحظات استخدام شخص واحد للصفحة، وإحدى عشرة منها تتكلم بلسان المشتري. وهذا يكشف المشكلات، لكنه لا يبيّن أيها يوقف المشتري ولا مدى تكراره. وكانت بضع جلسات مع مشترين حقيقيين ستُرتّبها بحسب أهميتها.
02
ترتيب المشكلات بحسب أهميتها عند تسجيلها
البطاقات كلها، وعددها 50، بالوزن نفسه: في اللوحة وسوم لنوع المشكلة، لكن لا شيء يبيّن مدى أهميتها ولا من المسؤول عنها ولا موعدها النهائي. وكان وسم للخطورة عند التسجيل سيترك قائمة جاهزة للتنفيذ.
03
إجراء كل اختبار سرعة أكثر من مرة
اختبار GTmetrix واحد لكل صفحة، في يوم واحد ومن مكان واحد، هو لقطة. وكانت عدة اختبارات في أوقات مختلفة ستُظهر مدى من القيم، وكانت الفروق بين الصفحات ستقوم على أساس أمتن.

اللغة