15

ملاحظاتي حول واجهة المستخدم لموقع صور التابع لحسوب

  • sasini

مرحباً جميعاً

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

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

1- عناون الصور ليست ظاهر تلقائياً

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

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

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

2- خيارات العرض "خاشه غلط"

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

3- تناقض في بعض النواحي

أثناء دخولي إلى صفحة أحد الأعضاء تفاجئة بأن لديه 20 نقطة إيجابية، فقلت يبدو أنه نشيط جداً ليحصل على هذا بهذه السرعة :)، ولكن لحظة، ما هذا، ما هذا ال"-" بجوار نقاطه الـ 20، فكرة قليلاً وقلت لعلها خطئ بسيط في الموقع. أو لحظه، هل هي تسليب، وبدأت في تفقد منشوراته وإذا هي فعلاً مسلبة من كل حدب وصوب. السؤال هنا، لماذا يظهر لون نقاط السمعة بالأخضر إذا كانت سالبه؟ أليس هذا تناقضاً -_-

4- تقييم التعليقات أيضاً "خاش غلط"

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

5- نمط الأيقونات

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

هذا كل شيء، في حال وجدت بعض الملاحظات الإضافيه سأدرجها هنا، تحياتي لكم

@khelll @aalagha

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

ZaidEd أضف ردا

لدي ملاحظات أيضًا:


  • أزرار المشاركة واضحة وكبيرة جدًا، في البداية، لدي نظرية لا تستند إلى أساس علمي في تجربة المستخدم، وأقول فيها بأن تكرار المستخدم لمشاهدة أزرار التواصل الاجتماعي أو زيارته لمواقعها سبّب تكوّن صورة نمطيّة عن هذه الأزرار، بمعنى أنك حالما تشاهد هذه الأزرار ولا تكون راغبًا فعلاً بالمشاركة ستقوم بتخطي هذه الأزرار وعادة تخطيها وما بقربها من أزرار أو عناصر، لذلك، أفضّل دائمًا أن أضعها Below the fold، بحيث لا تظهر إلا في مناطق منخفضة، في التذييل، داخل قائمة، عبر نمط غير مكرر، بطريقة ما تجعله بعيدًا عن العناصر الأخرى، لذلك أقترح أن توضع مع هذه الأزرار:


  • في الصورة السابقة، "تبليغ عن أساءة"، يجب أن تصبح "تبليغ عن إساءة".

  • ما الفائدة من وضع التقييم في صفحة تعليقاتي ما دمت غير قادر على تقييم نفسي؟ عمومًا هذا ليس مهمًا وسأعتبر أنه لتحقيق التوازن، لكنني أستغرب أمرًا من حسوب عمومًا، تصنع موقعين بنفس الأهداف ثم تخالف بين المزايا، مثلاً في خمسات يمكن لك مراسلة الجميع تقريبًا، يمكنك مراسلة صاحب المشروع وأن يراسلك صاحب المشروع، بينما في مستقل لو تحمست حسوب قليلاً لوضعت لكل مستقل قفصًا وألجمت فمه كيلا يتواصل بأي شيء مع أي عميل، وهذا هو ما أود الحديث عنه في هذه النقطة، لماذا في صور تظهر تقييمات التعليقات وفي حسوب I\O لا تظهر؟ لو كان هنالك استراتيجية ما فلم يوضع التقييم في الموضوع ولا يوضع في التعليقات؟

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

  • أظن بأن لفظ "الصور المشاركة" غير معبّر عن المعنى الصحيح، أفضّل "الصور المضافة" أو "الصور المرفوعة"، خصوصًا أن كلمة "مشاركة" مذكورة في سياقات أخرى في الموقع بمعانٍ مختلفة تمامًا.

  • زر إضافة تعليق لا يحثني على ضغطه، ليس Clickable كما يقال، فهو كبير جدًا وذو عرضٍ واسع، يجب أن يكون بحجم متوسط أو صغير نسبة إلى محتواه ونتيجته، حاليًا يجعلني أحس بالإرهاق من كتابة تعليق ونشره، قمت بتجربة التعديل على المصدر وأظن أن مقاسات مشابهة ستكون أفضل:



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

(بالمناسبة، لا أعرف لم لا تعمل روابط الصور المباشرة رغم أنها مأخوذة من الموقع، أرجو إصلاح هذا) @khelll

أهلا بك أخ زيد (لم اخطئ هذه المرة :) )

اللون الأزرق لا يعبر عن السلبية...

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

لا أعرف لم لا تعمل روابط الصور المباشرة

لأنها ليست بالحجم الأصلي، ستلاحظ أسفل صفحة المشاركة وجود أزار الحجم (صغيرة، متوسطة... ) عند اختيار أحدها سيظهر بجانب رابط الصورة m/ أو l/ مثلا وهذا يسبب مشكلة في عرضها. ولتنجنب المشكلة أعرض الصورة بحجمها الأصلي إلى حين حلها.

شكراً للآراء المطروحة وسننظر لها بأقرب فرصة ممكنة.

:) إضافة خارجة عن الموضوع ، لا تنسوا وضع رابط الموقع في الصفحة الرئيسية لشركة حسوب.

السلام عليكم ورحمة الله

اخي عبد المهيمن اعرف انك لم تطلع على موضوعي الذي ارسلته اليك فضلا انتضر اطلاعك وردك

أولا التصميم يتبع imgur بحذافيره، ولا يأخذه للشكل الأفضل حتى

لا أوافقك في نقطة العنوانين، إظهار العنوانين سيأخذ مساحة مهمة من الشاشة كون العنوانين تختلف في الحجم، ووضعها فوق الصور ليس خيار

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

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

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

ماذا عن نسخة الهواتف؟ ستواجه نفس المشكلة التي ذكرتها بالأعلى.

لفت انتباهي أن Imgur يعرض العناوين ضمن الصورة مع ...

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